@font-face {
  font-family: 'PathwayExtreme-Bold';
  src: url('/dist/fonts/PathwayExtreme-Bold.otf') format('otf'), url('/dist/fonts/PathwayExtreme-Bold.woff') format('woff'), url('/dist/fonts/PathwayExtreme-Bold.woff2') format('woff2'), url('/dist/img/PathwayExtreme-Bold.svg') format('svg'), url('/dist/fonts/PathwayExtreme-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PathwayExtreme-Regular';
  src: url('/dist/fonts/PathwayExtreme-Regular.otf') format('otf'), url('/dist/fonts/PathwayExtreme-Regular.woff') format('woff'), url('/dist/fonts/PathwayExtreme-Regular.woff2') format('woff2'), url('/dist/img/PathwayExtreme-Regular.svg') format('svg'), url('/dist/fonts/PathwayExtreme-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body,
html,
p,
span,
div,
label,
input,
form,
td,
th,
ul,
li,
ol,
a,
nav {
  font-family: 'PathwayExtreme-Regular' !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
b {
  font-family: 'PathwayExtreme-Bold' !important;
}
.tabrow li a:after {
  position: absolute;
  bottom: -1px;
  width: 15px;
  height: 15px;
  content: " ";
}
input:focus,
textarea:focus,
select:focus,
a:focus,
button:focus,
ul:focus,
img:focus,
table:focus,
div:focus,
tr:focus,
td:focus {
  outline: none;
}
.kt-separator.kt-separator--border-dashed,
.kt-separator.kt-separator--dashed {
  border-bottom: 1px dashed #d6d6d6 !important;
}
.form-group {
  margin-bottom: 1rem !important;
}
.dataTables_wrapper table thead {
  background-color: rgba(55, 74, 251, 0.1) !important;
}
#OutwardBatchScanInformationsTab .kt-invoice__body {
  width: 100%;
}
@media print {
  td {
    page-break-after: always;
  }
  @page {
    margin: 2cm;
  }
}
.dropdown-custom-list {
  background: #f5f5f5;
  padding: 1rem;
  border-bottom: #ddd 1px solid;
}
.dropdown-custom-list:hover {
  background: #374afb;
  color: #fff;
  padding: 1rem;
  border-bottom: #ddd 1px solid;
}
.custom-seperator {
  width: 2px;
  height: 12px;
  display: inline-block;
  border-radius: 2px;
  background: #bdbdbd;
  margin: 0 0.5rem 0 0.5rem;
}
.dropdown-custom-list:hover .custom-seperator {
  background: #ffffff;
}
.custom-side-nav .kt-nav .kt-nav__item > .kt-nav__link {
  padding: 1.15rem 0.75rem !important;
}
.custom-side-nav .kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px !important;
  flex: 0 0 25px !important;
  font-size: 1.15rem !important;
}
.custom-side-nav .kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-arrow {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10px !important;
  flex: 0 0 10px !important;
}
.custom-side-nav .kt-nav .kt-nav__item:hover {
  background-color: #31313a !important;
}
.custom-side-nav .kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link,
.custom-side-nav .kt-nav .kt-nav__item.active > .kt-nav__link,
.custom-side-nav .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link {
  background-color: #181824 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.custom-side-nav .kt-nav {
  background-color: #181824;
  color: #fff;
}
.custom-side-nav .kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-icon,
.custom-side-nav .kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-text {
  color: #fff !important;
}
.custom-side-nav .kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link,
.custom-side-nav .kt-nav .kt-nav__item.active > .kt-nav__link,
.custom-side-nav .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link {
  background-color: #313131 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.custom-side-nav .kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-icon,
.custom-side-nav .kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-text,
.custom-side-nav .kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-arrow,
.custom-side-nav .kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-icon,
.custom-side-nav .kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-text,
.custom-side-nav .kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-arrow,
.custom-side-nav .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.custom-side-nav .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.custom-side-nav .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-arrow {
  color: #fff !important;
}
.custom-side-nav .kt-nav .kt-nav__item ul.kt-nav__sub {
  background-color: #424248 !important;
}
.custom-side-nav .kt-nav .kt-nav__item ul.kt-nav__sub .kt-nav__item .kt-nav__link:hover {
  background-color: #545454 !important;
}
.custom-side-nav .kt-nav .kt-nav__item > .kt-nav__sub .kt-nav__link .kt-nav__link-icon,
.custom-side-nav .kt-nav .kt-nav__item > .kt-nav__sub .kt-nav__link .kt-nav__link-text {
  color: #fff !important;
}
.blockOverlay {
  display: block;
}
.blockOverlay {
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  z-index: 9999 !important;
  border: none !important;
  margin: 0px !important;
  padding: 0px !important;
  top: 0 !important;
  left: 0 !important;
  background-color: rgba(170, 170, 170, 0.3) !important;
  cursor: pointer !important;
}
.spinner {
  position: fixed !important;
  z-index: 99999 !important;
  width: 100% !important;
  height: 100% !important;
  top: 50% !important;
  left: 50% !important;
}
select {
  font-family: Poppins !important;
}
.w100 {
  width: 100% !important;
}
.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 1rem !important;
}
.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item {
  -ms-flex: 0 0 16% !important;
  flex: 0 0 16% !important;
}
.bx-shadow {
  box-shadow: none !important;
}
.bx-shadow .kt-portlet {
  box-shadow: none !important;
}
.btn.btn-icon.Verify {
  width: 5.75rem !important;
}
.Verify i,
.Verify i:before {
  font-size: 1rem !important;
}
.kt-radio > span:after {
  border: solid #374afb !important;
  background: #374afb !important;
}
.kt-wizard-v2 .kt-wizard-v2__aside {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px !important;
  flex: 0 0 340px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 340px !important;
  border-right: 1px solid #eeeef4;
  padding: 4.5rem 2.5rem 4.5rem 1.5rem;
}
.input-group-append .btn.btn-icon.Verify {
  width: auto !important;
  font-size: 0.85rem !important;
}
.input-group-append .btn.btn-icon.Verify i {
  font-size: 0.85rem !important;
}
.kt-wizard-v2 .kt-wizard-v2__aside {
  background: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.gray-bg {
  background: #efefef !important;
}
.wizard-font .main {
  color: #50566a !important;
  font-weight: 500 !important;
}
.wizard-font .sub {
  color: #959cb6 !important;
}
.btn.btn-light-primary {
  color: #6993FF;
  background-color: #E1E9FF;
  border-color: transparent;
}
.year-dropdown {
  width: 100%;
  min-width: 100%;
}
.year-dropdown .dropdown-toggle {
  background-color: #27283d;
  border: 0;
  padding: 0.75rem 0rem 0.75rem 1.5rem;
  color: #84859a;
}
.year-dropdown select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
}
.year-dropdown .input-group-text {
  background-color: #27283d;
  border: 1px solid #27283d;
  padding: 0.65rem;
}
.year-dropdown .input-group-text i {
  font-size: 0.8rem;
  font-weight: 600;
}
.year-dropdown .input-group {
  width: 100%;
}
.Quick-Nav,
.Quick-Nav .select2-container,
.Quick-Nav .searchMenuSelect2 {
  width: 100%;
  min-width: 100%;
}
.side-menu > li {
  margin: 10px auto !important;
}
.side-menu > li select,
.side-menu > li .select2 {
  min-width: 100%;
}
.kt-widget17 .kt-widget17__visual .kt-widget17__chart {
  padding-top: 0rem !important;
}
.kt-widget17 .kt-widget17__stats {
  margin: -4.3rem auto 2rem auto !important;
}
.customtab1.nav-tabs.nav-tabs-line .nav-item {
  width: 48%;
  margin-right: 0px;
}
.top-nav-dropdowns .searchMenuContainerSelect2 {
  width: auto !important;
  min-width: auto !important;
}
.top-nav-dropdowns .searchMenuContainerSelect2 .select2-container {
  width: 100% !important;
}
.top-nav-dropdowns .searchMenuSelect2 {
  min-width: auto !important;
}
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
  -ms-flex: 0 0 calc(30% - 0.25rem) !important;
  flex: 0 0 calc(30% - 0.25rem) !important;
  width: calc(30% - 0.25rem) !important;
}
.display-b {
  display: block !important;
}
.display-ib {
  display: inline-block !important;
}
.dataTables_wrapper .dataTable th,
.dataTables_wrapper .dataTable td {
  vertical-align: top !important;
}
.kt-scroll.ps::-webkit-scrollbar {
  width: 0px !important;
}
.kt-scroll.ps {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.kt-footer__logo img {
  height: 50px !important;
}
.kt-header__brand-logo img {
  max-height: 60px !important;
  max-width: 200px;
  height: auto !important;
}
.b-radius-42 {
  border-radius: 0.42rem !important;
}
.kt-wizard-v4.custom-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
  -ms-flex: 0 0 calc(33% - 0.25rem) !important;
  flex: 0 0 calc(33% - 0.25rem) !important;
  width: calc(33% - 0.25rem) !important;
}
.line-height-1 {
  line-height: 1 !important;
}
.min-h-50 {
  min-height: 50px !important;
}
.map-side-panel .nav-tabs.nav-tabs-line .nav-item {
  margin-right: 15px !important;
}
.td-pad td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  vertical-align: top;
}
.kt-widget14.custom-widget {
  height: 200px;
  padding: 10px;
}
.kt-widget14.custom-widget .kt-widget14__header .kt-widget14__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #595d6e;
  text-align: center;
}
@media (min-width: 1199px) {
  .row.row-col-separator-xl > div {
    border-bottom: 0;
    border-right: 1px solid #ebedf2;
  }
}
.custom-widget .chart-text {
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}
.custom-widget .chart-number {
  font-size: 0.28em;
  font-weight: 600;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
.custom-widget .chart-label {
  font-size: 0.2em;
  text-transform: uppercase;
  text-anchor: middle;
  -moz-transform: translateY(0.7em);
  -ms-transform: translateY(0.7em);
  -webkit-transform: translateY(0.7em);
  transform: translateY(0.7em);
}
.custom-widget figure {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .custom-widget figure {
    flex-direction: row;
  }
}
.custom-widget .figure-content,
.custom-widget .figure-key {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
  align-self: center;
}
.custom-widget .figure-content svg {
  height: 150px;
}
.custom-widget .figure-key {
  min-width: calc(8 / 12);
}
.custom-widget .figure-key [class*="shape-"] {
  margin-right: 6px;
}
.custom-widget .figure-key-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.custom-widget .figure-key-list li {
  margin: 0 0 8px;
  padding: 0;
}
.custom-widget .shape-circle {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.custom-widget .shape-fuschia {
  background-color: #ce4b99;
}
.custom-widget .shape-lemon-lime {
  background-color: #b1c94e;
}
.custom-widget .shape-blue {
  background-color: #377bbc;
}
.custom-widget .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.custom-table thead.kt-datatable__head tr {
  background-color: #efefef;
}
.custom-table tbody.kt-datatable__body tr {
  background-color: #f8f8f8;
}
.no-wrap {
  flex-wrap: nowrap !important;
}
.kt-portlet__body.baseColorBg {
  background-color: #f9f9fc !important;
}
.baseColorBg .row[class*="row-col-separator-"] > div {
  border-bottom: 0px !important;
}
.baseColorBg .row[class*="row-col-separator-"] > div:last-child {
  border-right: 0px !important;
}
#tblOrderBody > tr {
  border-bottom: #eee 1px dashed;
}
.icon-smlr {
  font-size: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
#tblOrderBody > tr > td > table > tbody > tr:first-child {
  font-weight: 600;
}
#tblOrderBody > tr > td > table > tbody > tr {
  color: #646c9a !important;
  font-weight: 400;
}
#tblOrderBody > tr > td > table > tbody > tr:last-child a {
  color: #fd397a !important;
  font-weight: 400;
}
#tblOrderlist {
  margin-top: 20px;
}
.blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.form-group .select2 {
  width: 100% !important;
}
.acc-tab-bg {
  background-color: #f5f5f5;
}
#tripdataarea .kt-widget4 .kt-widget4__item .kt-widget4__number {
  width: 3rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  font-weight: 500;
  font-size: 0.95rem;
}
#tripdataarea .kt-widget4 .kt-widget4__item:last-child {
  border-bottom: 1px dashed #ebedf2;
}
.kt-widget2 .kt-widget2__item:after {
  border: 0;
  font-family: "LineAwesome";
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "";
  font-size: 0.8rem;
  line-height: 0;
  position: relative;
  color: #74788d;
}
.form-group label {
  white-space: nowrap;
}
.cs-form-control {
  min-height: 34px;
  height: auto !important;
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
/*table.kt-datatable__table tbody tr:last-child .dropdown .dropdown-menu {
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(-214px, -110px, 0px) !important;
}*/
.subTbl td.details-control {
  background: url('/dist/img/details_open.png') no-repeat center center;
  cursor: pointer;
}
.subTbl tr.shown td.details-control {
  background: url('/dist/img/details_close.png') no-repeat center center;
}
.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell > span.kt-badge {
  display: inline-flex !important;
}
.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell > span.kt-badge.kt-badge--info {
  color: #fff;
}
#tableOverviewCustomersDiv .table th,
.dataTable td {
  vertical-align: top;
  border-top: none !important;
  padding: 5px !important;
  padding-bottom: 0px !important;
  /*height: 25px;*/
}
#tableOverviewCustomersDiv .table th label,
.table td label {
  margin-top: 0.2rem;
}
#tableOverviewCustomersDiv .table thead th > table > tbody > tr > th {
  border-bottom-width: 0px !important;
}
#tableOverviewCustomersDiv .table > thead > tr > th {
  padding: 0px !important;
  height: 15px !important;
}
#OverviewTabStatics p {
  margin-bottom: 0.5rem;
}
.accordion .card .card-header .card-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0rem 1rem;
  color: #74788E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#tableOverviewOrderDiv .table th,
#tableOverviewOrderDiv .table td {
  border-top: none !important;
}
.min-height-auto {
  min-height: auto !important;
}
table#ReconTabCustomerTable .table th,
table#ReconTabCustomerTable .table td {
  padding: 0.15rem;
}
.kt-scroll {
  position: relative;
  overflow: hidden;
}
.no-arrow1::after {
  display: none;
}
#collapseMainRoute .tagify--outside tag:first-child {
  margin-left: 5px !important;
}
#OverlappingRouteTableTbody > tr > td > table > tbody > tr > td {
  font-weight: 400;
}
#OverlappingRouteTableTbody > tr > td > table > tbody > tr > td > a {
  font-weight: 600;
}
.btn {
  z-index: auto !important;
}
.bblr0 {
  border-bottom-left-radius: 0px !important;
}
.bbrr0 {
  border-bottom-right-radius: 0px !important;
}
.btlr0 {
  border-top-left-radius: 0px !important;
}
.btrr0 {
  border-top-right-radius: 0px !important;
}
.accordion .card .card-header .card-title {
  font-size: 1rem !important;
}
.accordion .card .card-header .card-title h5 {
  font-size: 1rem !important;
}
.custom-header {
  color: #1dc9b7 !important;
}
.custom-header:hover,
.custom-header.active {
  border-bottom-color: #1dc9b7 !important;
}
.accordion.accordion-toggle-arrow .card .card-header .card-title:after {
  color: #1dc9b7 !important;
}
.kt-badge.kt-badge--inline {
  padding: 0.75rem 0.5rem !important;
}
.modal-dialog.modal-xxl {
  width: 1200px !important;
  max-width: 1200px;
}
.kt-separator {
  height: 0;
  margin: 20px 0;
  border-bottom: 1px solid #dee2e6 !important;
}
.headerTitleColor {
  color: #1dc9b7 !important;
}
.custom-pointer {
  cursor: pointer !important;
}
.table.custom-table thead th,
.table.custom-table thead td {
  font-weight: 500;
  border-bottom-width: 1px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 12px;
}
.kt-header__brand_module .kt-header__brand-nav .dropdown .btn {
  background-color: #27283d;
  border: 0;
  padding: 0.75rem 1.5rem;
  color: #84859a;
}
.kt-header__brand_module .kt-header__brand-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*margin: 1.25rem 0 0 2.5rem;*/
  padding-top: 10px;
  padding-bottom: 10px;
}
.reduceChatBoxHeight .slimScrollDiv,
.reduceChatBoxHeight .slimScrollDiv .card-body,
div#UserChatMessages {
  max-height: 400px !important;
  height: 400px !important;
  margin-bottom: 25px;
}
.cs-login-logo img {
  max-height: 200px;
  max-width: 400px;
  height: auto;
  width: auto;
}
.cs-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.deleteWidgetButton {
  position: unset !important;
}
.cs-quick-panel-grid .accordion.accordion-toggle-arrow .card .card-header .card-title:after {
  color: #74788d !important;
}
.cs-quick-panel-grid .accordion .card .card-header .card-title > i {
  color: #74788d !important;
}
.cs-quick-panel-box .spinner {
  position: absolute !important;
  width: auto !important;
  height: auto !important;
}
.cs-table-scroll {
  width: 100%;
  overflow-x: auto;
}
.cs-id-break {
  word-break: break-all;
  white-space: inherit !important;
}
.cs-quick-panel-grid-scroll {
  overflow: auto;
  max-height: 70vh;
}
.cs-quick-panel-grid-scroll::-webkit-scrollbar {
  width: 4px;
}
.cs-quick-panel-grid-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.cs-quick-panel-grid-scroll::-webkit-scrollbar-thumb {
  background: #979797;
}
.cs-quick-panel-box .cs-quick-panel-grid-scroll {
  overflow: auto;
  height: calc(500px - 70px);
}
.cs-quick-panel-box .cs-quick-panel-grid-scroll-2 {
  height: calc(500px - 120px);
  max-height: initial;
}
.cs-quick-panel-box {
  position: fixed;
  bottom: -520px;
  right: 10px;
  z-index: 9999;
  box-shadow: 0px 0px 10px rgba(0 0 0 / 30%);
  background: #fff;
  height: 500px;
  width: 360px;
  border-radius: 8px 8px 0 0 ;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.cs-quick-panel-pin {
  bottom: 0px;
}
.cs-quick-panel-box .cs-quick-panel-grid {
  background: #fff;
}
.cs-quick-panel-box .kt-portlet__head.min-height-auto,
.cs-quick-panel-box .kt-portlet {
  background: transparent;
  border: none;
}
.cs-quick-panel-box .nav-tabs.nav-tabs-line {
  border-color: #03a9f4;
}
.cs-quick-panel-box .kt-portlet__head-label {
  background: #03a9f4;
}
.cs-quick-panel-box .custom-header {
  color: #fff !important;
  opacity: 0.5;
}
.cs-quick-panel-box .custom-header.active {
  color: #fff !important;
  opacity: 1;
}
.cs-quick-panel-box .custom-header:hover,
.cs-quick-panel-box .custom-header.active {
  border-color: #fff !important;
}
.cs-quick-panel-box #QuickstartSidebarClose,
.cs-quick-panel-box #QuickstartSidebarPin {
  color: #fff !important;
  margin: 0px 10px;
}
.cs-quick-panel-box .cs-head-white {
  font-weight: 500;
  color: #434349;
}
.cs-quick-menu {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #03a9f4;
  padding: 5px;
  border-radius: 8px;
  height: 40px;
  width: 40px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  box-shadow: 0px 0px 10px rgba(0 0 0 / 30%);
}
.cs-quick-menu i {
  font-size: 24px;
  display: block;
  line-height: 30px;
  text-align: center;
  color: #fff !important;
  cursor: pointer;
}
.fg-emoji-picker {
  z-index: 1002 !important;
}
/*
.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #ffffff;
}*/
.kt-header .kt-header__top {
  max-height: 70px;
}
@media (max-width: 1000px) {
  .kt-header-mobile .kt-header__brand-logo-default {
    height: 50px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.kt-header-mobile {
  background: #000 !important;
}
/*.btn-outline-brand:not(:disabled):not(.disabled):active, .btn-outline-brand:not(:disabled):not(.disabled).active, .show > .btn-outline-brand.dropdown-toggle {
    color: #fff;
    background-color: var(--color-dark-primary) !important;
    border-color: var(--color-dark-primary) !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-dark-primary) !important;
    border-color: var(--color-dark-primary) !important;
}

.swal-button, .swal-button:not(:disabled):not(.disabled):active, .swal-button:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: var(--color-dark-primary) !important;
    border-color: var(--color-dark-primary) !important;
}

.dropdown-menu > .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: var(--color-dark-primary) !important;
}

.kt-subheader__btn-primary:hover, .kt-subheader__btn-primary:focus, .kt-subheader__btn-primary:active {
    background: var(--color-dark-primary) !important;
    color: #ffffff;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link {
    background: var(--color-dark-primary) !important;
   
}*/
@media (max-width: 1239px) {
  .performanceTabChart-sm canvas {
    width: 290px !important;
    height: 250px !important;
    left: -36px !important;
  }
  .tripDetlsTabChartOrders-sm canvas {
    width: 150px !important;
    height: 200px !important;
  }
}
@media (min-width: 1240px) and (max-width: 1350px) {
  .tripDetlsTabChartOrders-sm canvas {
    width: 175px !important;
    height: 225px !important;
  }
  .cs-consentTemplate-list {
    list-style: none;
    padding: 0 10px;
  }
  .cs-consentTemplate-list li {
    margin-right: 20px;
    display: inline-block;
    line-height: 30px;
    font-weight: 500;
    cursor: pointer;
    width: 170px;
  }
}
.cs-w-100px {
  width: 100px !important;
  max-width: 100px;
}
/*DatePickerIcons*/
.bootstrap-datetimepicker-widget .far,
.bootstrap-datetimepicker-widget .fa,
.fas {
  font-family: 'Font Awesome 5 Free' !important;
}
.kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-arrow {
  font-family: "LineAwesome" !important;
}
.kt-header-mobile {
  background: #7D7D7D !important;
}
/* Stock Issuance form header collapse */
.si-collapse-icon {
  transition: transform 0.25s ease;
  font-size: 1rem;
  color: #74788d;
  margin-left: auto;
  flex-shrink: 0;
}
.si-collapse-icon--up {
  transform: rotate(-180deg);
}
/* Remove modal-body padding when the collapsible form is hidden */
#StockIssueInformationsTab.si-form-collapsed {
  padding: 0 !important;
}
/* Issue For / Issue Against toggle button group */
.si-toggle-group {
  display: inline-flex;
  border: 1.5px solid #d1d3e2;
  border-radius: 6px;
  overflow: hidden;
}
.si-toggle-btn {
  background: #fff;
  color: #6c6c8a;
  border: none;
  border-left: 1.5px solid #d1d3e2;
  padding: 5px 18px;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  outline: none;
  line-height: 1.5;
}
.si-toggle-btn:first-child {
  border-left: none;
}
.si-toggle-btn.active {
  background: #5867dd;
  color: #fff;
  font-weight: 600;
}
.si-toggle-btn:hover:not(.active):not(.si-toggle-btn--disabled) {
  background: #eef0ff;
  color: #5867dd;
}
.si-toggle-btn--disabled {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}
/* Issue Against / Issue For toggle button full override */
#siIssueAgainstBtns .btn.btn-outline-primary,
#siIssueForBtns .btn.btn-outline-primary {
  background-color: #fff !important;
  color: #6c6c8a !important;
  border-color: #d1d3e2 !important;
}
#siIssueAgainstBtns .btn.btn-outline-primary.active,
#siIssueForBtns .btn.btn-outline-primary.active {
  background-color: #5867dd !important;
  color: #fff !important;
  border-color: #5867dd !important;
  font-weight: 600;
}
#siIssueAgainstBtns .btn.btn-outline-primary:not(.active):hover,
#siIssueForBtns .btn.btn-outline-primary:not(.active):hover {
  background-color: #eef0ff !important;
  color: #5867dd !important;
  border-color: #5867dd !important;
}
/* Stock Issuance header info bar */
.si-form-header {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 20px !important;
  min-height: unset;
}
.si-header-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 36px;
  flex: 1;
}
.si-header-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.8rem;
}
.si-header-label {
  font-weight: 500;
  color: #74788d;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.si-header-value {
  color: #2c2c2c;
  font-weight: 700;
}
/* Header right panel badge (shown when form collapsed) */
.si-header-right {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-right: 12px;
  white-space: nowrap;
  flex-shrink: 0;
  background-color: #fff5f5;
  border: 1.5px solid #dc3545;
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 0.8rem;
}
.si-hdr-issue-type {
  font-weight: 600;
  color: #3699ff;
  font-size: 0.78rem;
}
.si-hdr-sep {
  color: #adb5bd;
  margin: 0 8px;
  font-weight: 400;
}
.si-hdr-issue-name {
  font-weight: 700;
  color: #2c2c2c;
}
/* Issue For/ Issue Against toggles: block-level (below label) + compact height */
#siIssueForBtns,
#siIssueAgainstBtns {
  display: flex;
  margin-top: 4px;
}
#siIssueForBtns .btn,
#siIssueAgainstBtns .btn {
  padding: 3px 14px;
  font-size: 0.8rem;
  line-height: 1.5;
}
/* Compact form: blue labels + tighter spacing */
#siCollapseForm .form-group > label {
  color: #5867dd;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  display: inline;
  white-space: nowrap;
}
#siCollapseForm .form-group {
  margin-bottom: 0.6rem;
}
/* Required asterisk stays danger-colored */
#siCollapseForm .form-group > label .required,
#siCollapseForm .form-group > label + .required,
#siCollapseForm .required {
  color: #fd397a !important;
}
/* Compact toggle buttons inside siCollapseForm */
#siCollapseForm .btn-group .btn {
  padding: 4px 14px;
  font-size: 0.82rem;
}
/* ── Items Details Card (shadow box) ──────────────────────── */
#divStockIssueItem {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #ebedf3;
  margin-top: 16px;
  overflow: hidden;
}
/* Items section header bar */
.si-items-header {
  background: #f8f9fc;
  border-bottom: 1px solid #ebedf3;
  min-height: 46px;
}
.si-items-header .si-section-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #5867dd;
}
.si-items-header .adFilter {
  background: transparent !important;
  border: none !important;
  color: #5867dd !important;
  font-size: 0.82rem;
  box-shadow: none !important;
}
.si-items-header .adFilter:hover,
.si-items-header .adFilter:focus,
.si-items-header .adFilter:active {
  background: transparent !important;
  color: #3d4fd6 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
/* ── Single-row entry bar (Item · Qty · Add · Scan) ── */
.si-entry-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  padding: 6px 0;
}
.si-entry-label {
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: #3f4254;
  margin-bottom: 0;
  white-space: nowrap;
}
/* Select2 wrapper — takes available space, badge overlaid inside */
.si-item-select-wrap {
  position: relative;
  flex: 1 1 200px;
  min-width: 160px;
  max-width: 380px;
}
.si-item-select-wrap .select2-container {
  width: 100% !important;
}
/* Push rendered text left so badge doesn't overlap it */
.si-item-select-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 88px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Inline good-qty badge — absolute over Select2 selection area */
.si-inline-good-badge {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #e4f9f0;
  color: #0abb87;
  border: 1px solid #b4edd8;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
}
/* Qty input — fixed narrow width */
.si-qty-input {
  width: 80px !important;
  flex-shrink: 0;
  text-align: center;
}
/* Add button */
.si-entry-add-btn {
  flex-shrink: 0;
  white-space: nowrap;
}
/* Vertical separator between Add and scan section */
.si-scan-sep {
  display: block;
  width: 1px;
  height: 26px;
  background: #d6dae6;
  flex-shrink: 0;
  margin: 0 4px;
}
/* Scan input group */
.si-scan-input-wrap {
  flex: 1 1 180px;
  min-width: 140px;
  max-width: 300px;
}
.si-scan-icon-prefix {
  background: #f4f6fc;
  color: #5867dd;
  border-right: none;
  padding: 0 10px;
}
.si-scan-expand-btn {
  background: #f4f6fc;
  color: #74788d;
  border-left: none;
  cursor: pointer;
}
.si-scan-expand-btn:hover {
  background: #ebedf3;
  color: #3f4254;
}
/* Scan batch button */
.si-scan-batch-btn {
  flex-shrink: 0;
  white-space: nowrap;
}
/* ── Batch Scan Result Modal ─────────────────────────────── */
.si-bsr-dialog {
  max-width: 500px;
}
.si-bsr-content {
  border-radius: 10px;
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
}
/* Header */
.si-bsr-hdr {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 20px 16px;
  border-bottom: 1px solid #ebedf3;
}
.si-bsr-hdr-icon {
  font-size: 1.5rem;
  color: #f4a921;
  flex-shrink: 0;
  margin-top: 2px;
}
.si-bsr-hdr-text {
  flex: 1;
  min-width: 0;
}
.si-bsr-title {
  font-size: 1rem;
  font-weight: 700;
  color: #3f4254;
}
.si-bsr-subtitle {
  font-size: 0.82rem;
  color: #74788d;
  margin-top: 2px;
}
.si-bsr-close-btn {
  background: none;
  border: none;
  color: #a2a5b9;
  font-size: 1rem;
  padding: 2px 4px;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 1;
}
.si-bsr-close-btn:hover {
  color: #3f4254;
}
/* Cards list */
.si-bsr-cards {
  padding: 14px 20px 6px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 300px;
  overflow-y: auto;
}
.si-bsr-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 1.5px solid #ebedf3;
  border-radius: 8px;
  padding: 12px 14px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
  background: #fff;
}
.si-bsr-card:hover {
  border-color: #c3c6e0;
}
.si-bsr-card--selected {
  border-color: #5867dd;
  box-shadow: 0 0 0 3px rgba(88, 103, 221, 0.12);
}
/* Radio circle */
.si-bsr-radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #d6dae6;
  background: #fff;
  flex-shrink: 0;
  margin-top: 2px;
  position: relative;
  transition: border-color 0.15s, background 0.15s;
}
.si-bsr-card--selected .si-bsr-radio {
  border-color: #5867dd;
  background: #5867dd;
}
.si-bsr-card--selected .si-bsr-radio::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}
/* Card body */
.si-bsr-card-body {
  flex: 1;
  min-width: 0;
}
.si-bsr-card-name {
  font-size: 0.9rem;
  font-weight: 600;
  color: #5867dd;
  margin-bottom: 6px;
  line-height: 1.3;
}
.si-bsr-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.si-bsr-meta-col {
  display: flex;
  flex-direction: column;
}
.si-bsr-meta-lbl {
  font-size: 0.68rem;
  font-weight: 600;
  color: #a2a5b9;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.si-bsr-meta-val {
  font-size: 0.82rem;
  color: #3f4254;
  font-weight: 500;
}
.si-bsr-good-qty {
  color: #0abb87;
  font-weight: 600;
}
/* Qty section */
.si-bsr-qty-section {
  padding: 10px 20px 4px;
  border-top: 1px solid #f0f2f5;
}
.si-bsr-qty-label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #3f4254;
  margin-bottom: 6px;
}
.si-bsr-qty-input {
  width: 100%;
  border-radius: 6px;
}
/* Footer */
.si-bsr-ftr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid #ebedf3;
}
.si-bsr-add-btn:disabled {
  opacity: 0.55;
}
/* ── Item Grid Section (separate card below Items Details) ─────────────── */
.si-item-grid-section {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #ebedf3;
  margin-top: 12px;
  overflow: hidden;
  padding: 24px;
}
/* Empty state shown when no items are in the DataTable */
.si-item-grid-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  border: 2px dashed #dde2ec;
  border-radius: 10px;
  background: #f9fafc;
  padding: 36px 24px;
  text-align: center;
}
.si-item-grid-empty .si-empty-icon-wrap {
  font-size: 48px;
  color: #c8cfe0;
  margin-bottom: 14px;
  line-height: 1;
}
.si-item-grid-empty .si-empty-title {
  font-size: 15px;
  font-weight: 600;
  color: #7e8299;
  margin-bottom: 6px;
}
.si-item-grid-empty .si-empty-hint {
  font-size: 13px;
  color: #a1a5b7;
  margin-bottom: 5px;
}
.si-item-grid-empty .si-empty-fefo {
  font-size: 11px;
  color: #b5b9c8;
  margin-bottom: 0;
}
/* ── Item Grid Table ───────────────────────────────────────────────────── */
.si-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.si-items-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-bottom: 0;
}
.si-items-table thead th {
  font-size: 12px;
  font-weight: 600;
  color: #7e8299;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 2px solid #ebedf3;
  padding: 8px 10px;
  background: #f9fafc;
}
.si-items-table tbody tr {
  border-bottom: 1px solid #f2f3f7;
  transition: background 0.1s;
}
.si-items-table tbody tr:hover {
  background: #f9fafc;
}
.si-items-table tbody td {
  padding: 10px 10px;
  vertical-align: middle;
}
/* Column sizing */
.si-items-table .si-td-expand {
  width: 32px;
  text-align: center;
}
.si-items-table .si-td-sku {
  width: 100px;
  color: #7e8299;
}
.si-items-table .si-td-qty {
  width: 80px;
}
.si-items-table .si-td-scanned {
  width: 90px;
}
.si-items-table .si-td-amt {
  width: 100px;
  text-align: right;
}
.si-items-table .si-td-actions {
  width: 48px;
  text-align: center;
}
.si-items-table thead .si-th-expand {
  width: 32px;
}
.si-items-table thead .si-th-amt {
  width: 100px;
  text-align: right;
}
.si-items-table thead .si-th-actions {
  width: 48px;
}
/* Per-tax-type columns */
.si-items-table thead .si-th-taxcol {
  width: 80px;
  text-align: right;
  font-size: 12px;
  color: #7e8299;
  white-space: nowrap;
}
.si-items-table thead .si-th-taxamt {
  color: #3c9b72;
  font-weight: 600;
}
.si-items-table thead .si-th-nettotal {
  color: #222;
  font-weight: 600;
}
.si-items-table .si-td-taxcol {
  text-align: right;
  font-size: 12px;
  color: #555;
  white-space: nowrap;
}
.si-items-table .si-td-taxamt {
  color: #3c9b72;
  font-weight: 500;
}
.si-items-table .si-td-nettotal {
  color: #222;
  font-weight: 600;
}
.si-tax-per {
  font-size: 10px;
  color: #a0a0b0;
  margin-left: 2px;
}
.si-tax-zero {
  color: #c8c8d0;
}
/* ── Per-item discount cell ─────────────────────────────────────────────── */
.si-items-table thead .si-th-disc {
  width: 120px;
}
.si-items-table .si-td-disc {
  width: 120px;
  padding: 6px 8px !important;
}
.si-disc-wrap {
  display: flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
.si-disc-input {
  width: 54px;
  padding: 2px 3px;
  font-size: 11px;
  text-align: right;
  border: 1px solid #dde2ef;
  border-radius: 3px;
  color: #3f4254;
  background: #fafbff;
  transition: border-color 0.15s;
}
.si-disc-input:focus {
  outline: none;
  border-color: #5867dd;
  background: #fff;
}
.si-disc-input::-webkit-outer-spin-button,
.si-disc-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.si-disc-input[type=number] {
  -moz-appearance: textfield;
}
.si-disc-sep {
  font-size: 10px;
  color: #b5b5c3;
}
.si-disc-readonly {
  font-size: 12px;
  color: #e4524a;
}
/* Pill toggle button (% / ₹) */
.si-disc-toggle {
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  border: 1px solid #dde2ef;
  border-radius: 3px;
  background: #f3f6f9;
  color: #5867dd;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
.si-disc-toggle:hover {
  background: #5867dd;
  color: #fff;
  border-color: #5867dd;
}
/* Divider: pricing column → tax zone */
.si-items-table thead .si-th-disc,
.si-items-table tbody .si-td-disc {
  border-left: 2px solid #e2e5ec !important;
}
/* Item name cell */
.si-item-name-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.si-item-name-text {
  font-weight: 500;
  color: #3f4254;
  font-size: 13px;
}
/* Batch subtitle */
.si-batch-subtitle {
  font-size: 11px;
  font-weight: 500;
  border-radius: 3px;
  padding: 0 4px;
  display: inline-block;
}
.si-batch-ok {
  color: #1bc5bd;
  background: #e8faf8;
}
.si-batch-pending {
  color: #f64e60;
  background: #fff0f2;
}
/* Qty / scanned values */
.si-qty-val {
  font-weight: 600;
  color: #3f4254;
}
.si-scanned-val {
  color: #3f4254;
}
/* Amount pending dash */
.si-amt-pending {
  color: #b5b9c8;
}
/* Edit link */
.si-edit-qty-link {
  font-size: 13px;
  color: #a1a5b7;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1;
}
.si-edit-qty-link:hover {
  color: #5867dd;
  text-decoration: none;
}
.si-bd-qty-edit-btn {
  font-size: 13px;
  color: #a1a5b7;
  text-decoration: none;
  margin-left: 4px;
  vertical-align: middle;
  line-height: 1;
}
.si-bd-qty-edit-btn:hover {
  color: #5867dd;
  text-decoration: none;
}
/* Delete button */
.si-delete-row-btn {
  background: none;
  border: none;
  padding: 2px 5px;
  color: #a1a5b7;
  transition: color 0.15s;
}
.si-delete-row-btn:hover {
  color: #f64e60;
}
/* Footer summary bar */
.si-item-grid-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 2px 10px;
  border-top: 1px solid #ebedf3;
  margin-top: 4px;
  font-size: 13px;
}
.si-grid-summary {
  color: #7e8299;
  font-size: 12px;
}
.si-grid-total-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.si-grid-total-label {
  color: #7e8299;
  font-size: 12px;
  font-weight: 500;
}
.si-grid-total-amt {
  font-size: 16px;
  font-weight: 700;
  color: #3f4254;
}
/* Sticky footer bar — column layout: tax panel (top) + button row (bottom) */
.si-sticky-footer {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #ebedf3;
  margin-top: 12px;
  overflow: hidden;
}
/* Button row inside footer */
.si-footer-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
}
/* Available stock badge — kept for compatibility */
.si-avail-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #e4f9f0;
  color: #0abb87;
  border: 1px solid #b4edd8;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 0.78rem;
  font-weight: 600;
}
/* Item search dropdown option layout */
.si-item-option {
  line-height: 1.4;
  padding: 1px 0;
}
.si-item-option-row1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.si-item-option-name {
  font-weight: 600;
  font-size: 0.88rem;
  color: #333;
}
.si-item-option-sku {
  font-size: 0.75rem;
  color: #74788d;
  margin-left: 12px;
  flex-shrink: 0;
}
.si-item-option-stock {
  font-size: 0.75rem;
  color: #1bc5bd;
  font-weight: 600;
}
/* ============================================================
   Item Kit Modal (card-based redesign)
   ============================================================ */
/* Modal dialog width constraint */
.modal-kit-size {
  max-width: 480px;
}
/* Modal shell — remove Bootstrap default padding */
.kit-modal-body {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  overflow: hidden;
}
/* ── Header ── */
.kit-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px 12px 20px;
  flex-shrink: 0;
}
.kit-header-icon {
  width: 36px;
  height: 36px;
  background: #eef2ff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4f46e5;
  font-size: 16px;
  flex-shrink: 0;
}
.kit-modal-title {
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.3;
}
.kit-modal-subtitle {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}
.kit-close-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  border-radius: 8px;
  color: #94a3b8;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
}
.kit-close-btn:hover {
  background: #f1f5f9;
  color: #64748b;
}
/* ── Search ── */
.kit-search-wrap {
  padding: 0 20px 12px 20px;
  flex-shrink: 0;
}
.kit-search-inner {
  position: relative;
}
.kit-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 14px;
  pointer-events: none;
}
.kit-search-input {
  width: 100%;
  height: 40px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 0 12px 0 36px;
  font-size: 14px;
  color: #0f172a;
  outline: none;
  transition: border-color 0.15s, background 0.15s;
}
.kit-search-input::placeholder {
  color: #94a3b8;
}
.kit-search-input:focus {
  border-color: #a5b4fc;
  background: #ffffff;
}
/* ── Cards list area ── */
.kit-cards-list {
  padding: 0 20px 12px 20px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
}
/* ── Kit card ── */
.kit-card {
  border: 2px solid #e2e8f0;
  background: #ffffff;
  border-radius: 12px;
  padding: 14px 16px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, opacity 0.15s;
  outline: none;
  flex-shrink: 0;
}
.kit-card:hover:not(.kit-selected) {
  border-color: #c7d2fe;
}
.kit-card:focus-visible {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}
.kit-card.kit-selected {
  border-color: #6366f1;
  background: rgba(238, 242, 255, 0.4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.kit-card.kit-dimmed {
  opacity: 0.45;
}
.kit-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.kit-card-info {
  flex: 1;
  min-width: 0;
}
.kit-card-name {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 6px;
}
.kit-card-desc {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 2px;
}
.kit-item-count-badge {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 9999px;
  background: #f1f5f9;
  color: #64748b;
  white-space: nowrap;
  flex-shrink: 0;
}
.kit-item-count-badge.kit-badge-selected {
  background: #e0e7ff;
  color: #4338ca;
}
.kit-check-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #6366f1;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  flex-shrink: 0;
}
.kit-tags-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.kit-item-tag {
  font-size: 11px;
  background: #f1f5f9;
  color: #475569;
  padding: 2px 8px;
  border-radius: 6px;
}
/* ── Expanded panel (below selected card) ── */
.kit-expanded-panel {
  border: 2px solid #c7d2fe;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  padding: 0 12px;
  background: #ffffff;
  flex-shrink: 0;
}
.kit-items-loading {
  padding: 16px;
  text-align: center;
  color: #94a3b8;
  font-size: 13px;
}
.kit-all-removed-msg {
  padding: 16px;
  text-align: center;
  color: #94a3b8;
  font-size: 13px;
}
.kit-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
  gap: 8px;
}
.kit-item-row.kit-item-last {
  border-bottom: none;
}
.kit-item-info {
  flex: 1;
  min-width: 0;
}
.kit-item-name {
  font-size: 13px;
  font-weight: 500;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kit-item-code {
  font-size: 11px;
  color: #94a3b8;
}
/* ── Qty editor ── */
.kit-qty-editor {
  display: flex;
  align-items: center;
  background: #f1f5f9;
  border-radius: 8px;
}
.kit-qty-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #64748b;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 8px;
  flex-shrink: 0;
}
.kit-qty-btn:hover {
  background: #e2e8f0;
}
.kit-qty-display {
  width: 40px;
  height: 28px;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: none;
  color: #1e293b;
  -moz-appearance: textfield;
  outline: none;
  cursor: text;
  padding: 0;
}
.kit-qty-display::-webkit-outer-spin-button,
.kit-qty-display::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.kit-qty-display:focus {
  background: #ffffff;
  border: 2px solid #818cf8;
  border-radius: 4px;
  color: #4f46e5;
}
.kit-remove-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #cbd5e1;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-left: 4px;
  padding: 0;
  flex-shrink: 0;
}
.kit-remove-btn:hover {
  background: #fef2f2;
  color: #f87171;
}
/* ── Empty state ── */
.kit-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 20px;
  color: #94a3b8;
  font-size: 14px;
  text-align: center;
}
.kit-empty-icon {
  font-size: 28px;
  opacity: 0.4;
  margin-bottom: 4px;
}
/* ── Footer ── */
.kit-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-top: 1px solid #f1f5f9;
  background: rgba(248, 250, 252, 0.6);
  flex-shrink: 0;
  gap: 8px;
}
.kit-footer-info {
  font-size: 12px;
  color: #94a3b8;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kit-footer-name {
  color: #4f46e5;
  font-weight: 500;
}
.kit-footer-actions {
  gap: 8px;
  flex-shrink: 0;
}
.kit-btn-cancel {
  padding: 7px 16px;
  font-size: 13px;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  white-space: nowrap;
}
.kit-btn-cancel:hover {
  background: #f1f5f9;
}
.kit-btn-add {
  padding: 7px 18px;
  font-size: 13px;
  color: #ffffff;
  background: #4f46e5;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, opacity 0.15s;
}
.kit-btn-add:hover:not(:disabled) {
  background: #4338ca;
}
.kit-btn-add:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
/* ======= Pending Prescriptions Modal (pp-*) ======= */
.pp-modal-body {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  overflow: hidden;
}
/* ── Header ── */
.pp-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px 12px 20px;
  flex-shrink: 0;
}
.pp-header-icon {
  width: 36px;
  height: 36px;
  background: #eef2ff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4f46e5;
  font-size: 16px;
  flex-shrink: 0;
}
.pp-modal-title {
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.3;
}
.pp-modal-subtitle {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}
.pp-close-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  border-radius: 8px;
  color: #94a3b8;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
}
.pp-close-btn:hover {
  background: #f1f5f9;
  color: #64748b;
}
/* ── Context bar ── */
.pp-context-bar {
  padding: 8px 20px;
  background: #f8fafc;
  border-top: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
  font-size: 12px;
  color: #64748b;
  flex-shrink: 0;
}
.pp-context-bar i {
  color: #94a3b8;
  font-size: 11px;
}
/* ── Search ── */
.pp-search-wrap {
  padding: 12px 20px;
  flex-shrink: 0;
}
.pp-search-inner {
  position: relative;
}
.pp-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 14px;
  pointer-events: none;
}
.pp-search-input {
  width: 100%;
  height: 40px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 0 12px 0 36px;
  font-size: 14px;
  color: #0f172a;
  outline: none;
  transition: border-color 0.15s, background 0.15s;
}
.pp-search-input::placeholder {
  color: #94a3b8;
}
.pp-search-input:focus {
  border-color: #a5b4fc;
  background: #ffffff;
}
/* ── Cards list area ── */
.pp-cards-list {
  padding: 0 20px 12px 20px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
}
/* ── Card group (wraps card + expanded panel) ── */
.pp-card-group {
  flex-shrink: 0;
}
/* ── Prescription card ── */
.pp-card {
  border: 2px solid #e2e8f0;
  background: #ffffff;
  border-radius: 12px;
  padding: 14px 16px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  outline: none;
  flex-shrink: 0;
}
.pp-card:hover:not(.pp-selected) {
  border-color: #c7d2fe;
}
.pp-card:focus-visible {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}
.pp-card.pp-selected {
  border-color: #6366f1;
  background: rgba(238, 242, 255, 0.4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.pp-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.pp-card-info {
  flex: 1;
  min-width: 0;
}
.pp-card-name {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
}
.pp-card-desc {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 2px;
}
.pp-item-count-badge {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 9999px;
  background: #f1f5f9;
  color: #64748b;
  white-space: nowrap;
  flex-shrink: 0;
}
.pp-item-count-badge.pp-badge-selected {
  background: #e0e7ff;
  color: #4338ca;
}
.pp-check-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #6366f1;
  font-size: 16px;
  flex-shrink: 0;
  margin-left: 6px;
}
.pp-tags-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.pp-med-tag {
  font-size: 11px;
  background: #f1f5f9;
  color: #475569;
  padding: 2px 8px;
  border-radius: 6px;
}
/* ── Expanded panel (below selected card) ── */
.pp-expanded-panel {
  border: 2px solid #c7d2fe;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  padding: 0 12px;
  background: #ffffff;
  flex-shrink: 0;
}
.pp-no-items {
  padding: 16px;
  text-align: center;
  color: #94a3b8;
  font-size: 13px;
}
.pp-med-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
  gap: 8px;
}
.pp-med-row.pp-med-last {
  border-bottom: none;
}
.pp-med-info {
  flex: 1;
  min-width: 0;
}
.pp-med-name {
  font-size: 13px;
  font-weight: 500;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pp-med-code {
  font-size: 11px;
  color: #94a3b8;
}
/* ── PS Qty badge (original HIS qty, read-only) ── */
.pp-orig-qty {
  font-size: 12px;
  color: #94a3b8;
  background: #f1f5f9;
  padding: 2px 8px;
  border-radius: 6px;
  white-space: nowrap;
  flex-shrink: 0;
  margin-right: 8px;
}
/* ── Qty editor ── */
.pp-qty-editor {
  display: flex;
  align-items: center;
  background: #f1f5f9;
  border-radius: 8px;
}
.pp-qty-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #64748b;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 8px;
  flex-shrink: 0;
}
.pp-qty-btn:hover {
  background: #e2e8f0;
}
.pp-qty-display {
  width: 40px;
  height: 28px;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: none;
  color: #1e293b;
  -moz-appearance: textfield;
  outline: none;
  cursor: text;
  padding: 0;
}
.pp-qty-display::-webkit-outer-spin-button,
.pp-qty-display::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pp-qty-display:focus {
  background: #ffffff;
  border: 2px solid #818cf8;
  border-radius: 4px;
  color: #4f46e5;
}
.pp-remove-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #cbd5e1;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-left: 4px;
  padding: 0;
  flex-shrink: 0;
}
.pp-remove-btn:hover {
  background: #fef2f2;
  color: #f87171;
}
/* ── Empty state ── */
.pp-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 20px;
  color: #94a3b8;
  font-size: 14px;
  text-align: center;
}
.pp-empty-icon {
  font-size: 28px;
  opacity: 0.4;
  margin-bottom: 4px;
}
/* ── Footer ── */
.pp-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-top: 1px solid #f1f5f9;
  background: rgba(248, 250, 252, 0.6);
  flex-shrink: 0;
  gap: 8px;
}
.pp-footer-info {
  font-size: 12px;
  color: #94a3b8;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pp-footer-name {
  color: #4f46e5;
  font-weight: 500;
}
.pp-footer-actions {
  gap: 8px;
  flex-shrink: 0;
}
.pp-btn-cancel {
  padding: 7px 16px;
  font-size: 13px;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  white-space: nowrap;
}
.pp-btn-cancel:hover {
  background: #f1f5f9;
}
.pp-btn-add {
  padding: 7px 18px;
  font-size: 13px;
  color: #ffffff;
  background: #4f46e5;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, opacity 0.15s;
}
.pp-btn-add:hover:not(:disabled) {
  background: #4338ca;
}
.pp-btn-add:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
/* ── Unmapped medicine items ── */
.pp-med-row--unmapped {
  opacity: 0.6;
  background: #fafafa;
}
.pp-med-unmap-badge {
  font-size: 11px;
  color: #ef4444;
  padding: 3px 8px;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0;
}
.pp-med-tag--unmapped {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fca5a5;
  text-decoration: line-through;
  opacity: 0.8;
}
/* ── End Pending Prescriptions Modal ── */
/* ── Expand row arrow rotation ─────────────────────────────────────────── */
.si-row-expand-btn {
  display: inline-block;
  transition: transform 0.2s;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: #a1a5b7;
  user-select: none;
}
.si-row-expand-btn:hover {
  color: #5867dd;
}
.si-row-expand-btn.si-expand-open {
  transform: rotate(90deg);
  color: #5867dd;
}
/* ── Scanned qty warning color ──────────────────────────────────────────── */
.si-scanned-val.si-scanned-warn {
  color: #f64e60;
  font-weight: 600;
}
/* ── Batch sub-row ──────────────────────────────────────────────────────── */
.si-batch-sub-row td.si-batch-sub-td {
  background: #f9fafc;
  padding: 12px 16px 14px 44px;
  border-bottom: 2px solid #ebedf3;
}
.si-batch-alloc-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.si-batch-alloc-title {
  font-weight: 600;
  font-size: 13px;
  color: #3f4254;
}
.si-badge-total {
  font-size: 11px;
  font-weight: 600;
  background: #e8f0fe;
  color: #3b5bdb;
  border-radius: 10px;
  padding: 2px 8px;
}
.si-badge-remaining-zero {
  font-size: 11px;
  font-weight: 600;
  background: #e8faf8;
  color: #1bc5bd;
  border-radius: 10px;
  padding: 2px 8px;
}
.si-badge-remaining-nonzero {
  font-size: 11px;
  font-weight: 600;
  background: #fff0f2;
  color: #f64e60;
  border-radius: 10px;
  padding: 2px 8px;
}
.si-add-batch-btn {
  margin-left: auto;
  font-size: 12px;
  color: #1bc5bd;
  background: #e8faf8;
  border: 1px solid #1bc5bd;
  border-radius: 6px;
  padding: 3px 10px;
  cursor: pointer;
  transition: background 0.15s;
}
.si-add-batch-btn:hover {
  background: #c8f4f1;
}
.si-add-batch-form-wrap {
  padding: 6px 0 2px;
}
.si-add-batch-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.si-add-batch-row .si-batch-select {
  flex: 1;
  min-width: 160px;
  max-width: 240px;
  height: 32px;
  font-size: 12px;
  padding: 3px 6px;
}
.si-add-batch-row .si-add-batch-qty {
  width: 72px;
  height: 32px;
  font-size: 12px;
  padding: 3px 6px;
}
.si-add-batch-loading {
  color: #a1a5b7;
  font-size: 12px;
  padding: 6px 0;
  display: block;
}
.si-no-batches {
  color: #a1a5b7;
  font-size: 12px;
  margin: 4px 0 0;
}
.si-batch-detail-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.si-batch-detail-table thead th {
  color: #7e8299;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em;
  padding: 4px 8px;
  border-bottom: 1px solid #ebedf3;
  background: #f2f3f7;
}
.si-batch-detail-table tbody td {
  padding: 6px 8px;
  border-bottom: 1px solid #f2f3f7;
  color: #3f4254;
  vertical-align: middle;
}
.si-batch-detail-table tbody tr:last-child td {
  border-bottom: none;
}
.si-batch-detail-table .si-bd-qty {
  font-weight: 600;
}
.si-batch-detail-table .si-bd-mrp,
.si-batch-detail-table .si-bd-amt {
  text-align: right;
}
.si-batch-detail-table thead .si-th-right {
  text-align: right;
}
.si-batch-detail-table .si-bd-del {
  width: 36px;
  text-align: center;
}
/* Inline qty edit */
.si-bd-qty-val {
  cursor: pointer;
  display: inline-block;
  min-width: 20px;
  padding: 1px 4px;
  border-radius: 3px;
  transition: background 0.15s;
}
.si-bd-qty-val:hover {
  background: #e8f0fe;
  color: #3b5bdb;
}
.si-bd-qty-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.si-bd-qty-inp {
  width: 64px !important;
  height: 26px;
  padding: 2px 6px;
  font-size: 12px;
  text-align: center;
}
.si-bd-qty-ok {
  height: 26px;
  width: 26px;
  padding: 0;
  line-height: 24px;
  font-size: 13px;
  flex-shrink: 0;
}
.si-del-batch-btn {
  background: none;
  border: none;
  padding: 2px 4px;
  color: #a1a5b7;
  transition: color 0.15s;
}
/* =====================================================================
   Bulk Item Selection Modal  (bi-*)   Mar 2026
   ===================================================================== */
.bi-modal-body {
  padding: 0;
}
/* Header */
.bi-hdr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 18px 24px 14px;
  border-bottom: 1px solid #eff0f7;
}
.bi-hdr-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bi-hdr-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #5867dd;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
}
.bi-hdr-title {
  font-size: 0.97rem;
  font-weight: 700;
  color: #3f4254;
}
.bi-hdr-sub {
  font-size: 0.78rem;
  color: #74788d;
  margin-top: 2px;
}
.bi-hdr-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.bi-sel-badge {
  background: #5867dd;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
}
.bi-close-btn {
  border: none;
  background: none;
  color: #a1a5b7;
  font-size: 1.05rem;
  cursor: pointer;
  padding: 4px 6px;
  line-height: 1;
  transition: color 0.15s;
}
.bi-close-btn:hover {
  color: #3f4254;
}
/* Search */
.bi-search-wrap {
  position: relative;
  padding: 12px 20px;
  border-bottom: 1px solid #eff0f7;
}
.bi-search-ico {
  position: absolute;
  left: 33px;
  top: 50%;
  transform: translateY(-50%);
  color: #b5b5c3;
  font-size: 0.88rem;
  pointer-events: none;
}
.bi-search-inp {
  width: 100%;
  border: 1.5px solid #e2e5ec;
  border-radius: 8px;
  padding: 8px 12px 8px 34px;
  font-size: 0.88rem;
  color: #3f4254;
  outline: none;
  transition: border-color 0.15s;
  background: #fff;
}
.bi-search-inp:focus {
  border-color: #5867dd;
}
/* Table wrapper */
.bi-tbl-wrap {
  max-height: 360px;
  overflow-y: auto;
}
/* Table */
.bi-tbl {
  width: 100%;
  border-collapse: collapse;
}
.bi-tbl thead th {
  position: sticky;
  top: 0;
  background: #f8f9fb;
  padding: 9px 12px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #74788d;
  border-bottom: 1.5px solid #e2e5ec;
  white-space: nowrap;
  z-index: 1;
}
.bi-th-chk {
  width: 44px;
}
.bi-th-sku {
  width: 110px;
}
.bi-th-stk {
  width: 80px;
  text-align: center;
}
.bi-th-qty {
  width: 170px;
  text-align: center;
}
/* Rows */
.bi-row {
  cursor: pointer;
  transition: background 0.1s;
}
.bi-row:hover:not(.bi-row--out):not(.bi-row--sel) {
  background: #f8f9fb;
}
.bi-row--sel {
  background: #f4f6ff !important;
}
.bi-row--out {
  opacity: 0.5;
  cursor: default;
}
.bi-tbl td {
  padding: 10px 12px;
  border-bottom: 1px solid #f5f5f7;
  vertical-align: middle;
}
/* Checkbox cell */
.bi-td-chk {
  width: 44px;
}
.bi-chk {
  width: 18px;
  height: 18px;
  border: 2px solid #d1d3e0;
  border-radius: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
  flex-shrink: 0;
}
.bi-chk--on {
  border-color: #5867dd;
  background: #5867dd;
}
.bi-chk--on::after {
  content: '';
  width: 10px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) translateY(-1px);
  display: block;
}
/* Item name / sku */
.bi-td-name {
  font-weight: 500;
  color: #3f4254;
  font-size: 0.875rem;
}
.bi-td-sku {
  color: #74788d;
  font-size: 0.8rem;
}
/* Stock */
.bi-td-stk {
  text-align: center;
}
.bi-stk-in {
  color: #0abb87;
  font-weight: 600;
  font-size: 0.875rem;
}
.bi-stk-out {
  color: #fd397a;
  font-size: 0.78rem;
  font-weight: 600;
}
/* Qty controls */
.bi-td-qty {
  text-align: center;
}
.bi-qty-ph {
  color: #b5b5c3;
  font-size: 1.05rem;
}
.bi-no-stk {
  color: #b5b5c3;
  font-size: 0.78rem;
}
.bi-qty-ctrl {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.bi-qty-btn {
  width: 26px;
  height: 26px;
  border: 1.5px solid #e2e5ec;
  border-radius: 6px;
  background: #fff;
  color: #3f4254;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all 0.15s;
  flex-shrink: 0;
}
.bi-qty-btn:hover {
  border-color: #5867dd;
  color: #5867dd;
}
.bi-qty-inp {
  width: 52px;
  border: 1.5px solid #e2e5ec;
  border-radius: 6px;
  text-align: center;
  padding: 3px 4px;
  font-size: 0.875rem;
  color: #3f4254;
  outline: none;
  transition: border-color 0.15s;
  -moz-appearance: textfield;
}
.bi-qty-inp:focus {
  border-color: #5867dd;
}
.bi-qty-inp::-webkit-outer-spin-button,
.bi-qty-inp::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bi-qty-del {
  background: none;
  border: none;
  color: #c4c4c4;
  cursor: pointer;
  padding: 3px 5px;
  font-size: 1rem;
  transition: color 0.15s;
  flex-shrink: 0;
}
.bi-qty-del:hover {
  color: #fd397a;
}
/* Loading / empty */
.bi-loading-cell,
.bi-empty-cell {
  text-align: center !important;
  padding: 32px 12px !important;
  color: #74788d;
  font-size: 0.875rem;
}
/* Footer */
.bi-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  border-top: 1.5px solid #eff0f7;
}
.bi-ftr-sum {
  color: #74788d;
  font-size: 0.8rem;
}
.bi-ftr-acts {
  display: flex;
  gap: 10px;
  align-items: center;
}
.bi-btn-cancel {
  border: 1.5px solid #e2e5ec;
  background: #fff;
  color: #3f4254;
  border-radius: 8px;
  padding: 7px 18px;
  font-size: 0.875rem;
  cursor: pointer;
  font-weight: 500;
  transition: border-color 0.15s;
}
.bi-btn-cancel:hover {
  border-color: #b5b5c3;
}
.bi-btn-add {
  background: #5867dd;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 7px 18px;
  font-size: 0.875rem;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.15s;
}
.bi-btn-add:disabled {
  opacity: 0.5;
  cursor: default;
}
.bi-btn-add:not(:disabled):hover {
  background: #4757cc;
}
.si-del-batch-btn:hover {
  color: #f64e60;
}
/* === Stock Issuance — Tax & Discount Panel === */
/* Panel sits above the button row; discount controls on left, summary on right */
.si-tax-panel {
  background: #f9f9f9;
  border-bottom: 1px solid #e5e5e5;
  padding: 14px 20px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.si-discount-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.si-compact-label {
  white-space: nowrap;
  font-size: 13px;
  color: #555;
  font-weight: 500;
}
.si-discount-type-select {
  width: 120px;
  flex-shrink: 0;
}
.si-discount-input {
  width: 110px;
  flex-shrink: 0;
  text-align: right;
}
.si-tax-summary {
  min-width: 300px;
  margin-left: auto;
}
.si-summary-line {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
  font-size: 13px;
  color: #555;
}
.si-tax-line {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
  font-size: 13px;
  color: #555;
}
.si-grand-total-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0 0;
  margin-top: 4px;
  border-top: 2px solid #e5e5e5;
  font-weight: 600;
  font-size: 15px;
  color: #222;
}
/* =============================================================
   Customer Search Panel  (.csp-*)
   ============================================================= */
.csp-wrap {
  position: relative;
}
.csp-ico {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #b5b5c3;
  pointer-events: none;
  z-index: 1;
  font-size: 12px;
}
.csp-input {
  width: 100%;
  border: 1px solid #e2e5ec;
  border-radius: 4px;
  padding: 7px 10px 7px 30px;
  font-size: 13px;
  color: #595d6e;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}
.csp-input:focus {
  outline: none;
  border-color: #5d78ff;
  box-shadow: 0 0 0 3px rgba(93, 120, 255, 0.12);
}
.csp-dropdown {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e2e5ec;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 1060;
  max-height: 270px;
  overflow-y: auto;
}
.csp-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #b5b5c3;
  padding: 7px 12px 5px;
  border-bottom: 1px solid #f4f5f8;
}
.csp-section-hint {
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #d1d3e0;
}
.csp-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.12s;
  border-bottom: 1px solid #f8f9fc;
}
.csp-row:last-child {
  border-bottom: none;
}
.csp-row:hover,
.csp-row--active {
  background: #f4f6ff;
}
.csp-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eee7ff;
  color: #5d78ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.csp-row-body {
  flex: 1;
  min-width: 0;
}
.csp-row-name {
  font-size: 13px;
  font-weight: 500;
  color: #3d4465;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csp-row-billing {
  font-weight: 400;
  font-size: 12px;
  color: #74788d;
}
.csp-row-sub {
  font-size: 11px;
  color: #a0a6bd;
  margin-top: 1px;
}
.csp-row-mobile {
  font-size: 11px;
  color: #74788d;
  white-space: nowrap;
  flex-shrink: 0;
}
.csp-loading,
.csp-empty {
  padding: 12px;
  font-size: 13px;
  color: #b5b5c3;
  text-align: center;
}
.csp-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f0f3ff;
  border: 1px solid #c8d1f8;
  border-radius: 4px;
  padding: 5px 10px;
  margin-top: 3px;
}
.csp-chip-body {
  flex: 1;
  min-width: 0;
}
.csp-chip-name {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #3d4465;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csp-chip-code {
  display: block;
  font-size: 11px;
  color: #a0a6bd;
}
.csp-chip-clr {
  background: none;
  border: none;
  color: #b5b5c3;
  padding: 2px 4px;
  cursor: pointer;
  font-size: 11px;
  line-height: 1;
  flex-shrink: 0;
  margin-left: 6px;
}
.csp-chip-clr:hover {
  color: #fd397a;
}
/* ── Auto-Fetch Prescription (afp) ── */
.afp-content {
  padding: 1rem 1.25rem;
  max-height: 55vh;
  overflow-y: auto;
}
.afp-presc-header {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border-left: 3px solid #5867dd;
}
.afp-rx-badge {
  display: inline-block;
  background: #5867dd;
  color: #fff;
  font-weight: 700;
  font-size: 0.7rem;
  padding: 2px 6px;
  border-radius: 3px;
}
.afp-date,
.afp-doctor {
  color: #6c757d;
  font-size: 0.85rem;
}
.afp-items-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.afp-items-table thead th {
  background: #f3f6f9;
  font-weight: 600;
  color: #595d6e;
  padding: 0.5rem 0.75rem;
  border-bottom: 2px solid #e8ecef;
}
.afp-items-table tbody td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #f3f6f9;
  vertical-align: middle;
}
.afp-items-table tbody tr:last-child td {
  border-bottom: none;
}
.afp-row--unmapped {
  background: #fff8f0;
}
.afp-item-name {
  font-weight: 500;
}
.afp-item-sku {
  color: #9699a2;
  font-size: 0.8rem;
}
.afp-no-items {
  color: #9699a2;
  padding: 1.5rem 0 !important;
  text-align: center;
}

.nav_bg_topPart {
  background: #7D7D7D !important;
  padding: 0.5rem 0 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /*border: 1px solid black !important;*/
}
.nav_bg_bottomPart {
  background: #ffecc8 !important;
  height: 100% !important;
}
/*.kt-footer__bottom {
    background: #7D7D7D !important;*/
/*border: 1px solid black !important;*/
/*}*/
/*.kt-menu__toggle .kt-menu__link-text{
    color:white !important;
}*/
.kt-footer .kt-footer__bottom {
  background: #7D7D7D !important;
  padding: 0.75rem 0 !important;
}
/*.kt-menu__toggle {
    background: #F79633 !important;
}*/
.kt-menu__link .kt-menu__link-text {
  color: black !important;
}
.kt-menu__link:hover {
  background: #ffecc8 !important;
}
.kt-menu__toggle .kt-menu__hor-arrow {
  color: black !important;
}
.flaticon2-settings {
  color: black !important;
}
/*.select2-selection__rendered {
    background: #F79633 !important;
}*/
.kt-menu__toggle {
  background: #ffecc8 !important;
}
/*.select2-container--default{
    width:auto !important;
}
*/
/*.selection {
    border: 0.5px solid !important;
    height: 40% !important;
    width: auto !important;
}*/
/*.searchMenuContainerSelect2 .searchMenuBottom {
    border: 0.5px solid !important;
    height: 40% !important;
    width: 70% !important;
}*/
.kt-header-toolbar .select2-selection {
  background: #ffecc8 !important;
  border: 1px solid !important;
  color: black !important;
  font-weight: 500 !important;
  /*font-weight: bold !important;*/
}
.kt-header-toolbar .select2-selection:focus {
  color: black !important;
}
.kt-header-toolbar .select2-selection:focus {
  border-color: black !important;
}
/*.select2-selection__placeholder {
    color: black !important;
    font-weight  : 500 !important;*/
/*font: 13px PathwayExtreme-Regular !important;*/
/*font-weight: bold !important;*/
/*}*/
/*.searchMenuContainerSelect2 .select2-selection {
    color: black !important;
    background: #ffecc8 !important;
    border: 0.5px solid !important;
    height: 40% !important;
    width: 70%;
}*/
.btn-default.dropdown-toggle {
  background-color: #ffecc8 !important;
  /* Light amber background */
  color: #2c2c4d !important;
  /* Dark navy text */
  border: none !important;
  /* Clean border */
  border-radius: 6px !important;
  /* Smooth rounded corners */
  padding: 8px 16px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}
/*.btn-default.dropdown-toggle:hover,
.btn-default.dropdown-toggle:focus {
    background-color: #ffae5d !important;*/
/* Slightly darker on hover */
/*color: #2c2c4d !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    outline: none !important;
}*/
.btn-default.dropdown-toggle:active {
  background-color: #f79533 !important;
  /* Deeper orange on active */
  color: white !important;
}
.kt-footer__copyright {
  color: white !important;
}

/* General */
.clickable-item {
  cursor: pointer;
}
.text-bold {
  font-weight: bold;
}
/* Portlet */
.portlet.light > .portlet-title .inputs.inputs-full-width {
  display: block;
  float: none;
}
/* Tree */
.tree-item-icon-color {
  color: #dfba49;
}
.page-sidebar .page-sidebar-menu > li > a > i.fa,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.fa {
  margin-left: 1px;
  margin-right: 4px;
  top: 3px;
}
/* Forms */
.form-group.form-md-line-input.no-hint {
  margin-bottom: 15px;
}
.form-group.form-md-line-input.has-error .form-control {
  border-bottom-color: red;
}
.form-group.form-md-line-input.has-error .help-block-info {
  display: none;
}
/* DateRangePicker */
.daterangepicker_input .input-mini {
  width: 120px !important;
}
/* Portlets */
.portlet.light > .portlet-title.portlet-title-filter {
  border: none;
  margin-bottom: 0;
}
/* Buttons */
button i {
  margin-right: 5px;
}
.btn + .btn {
  margin-left: 5px;
}
/* FamFamFam Flags */
.famfamfam-flags {
  display: inline-block;
}
/* Social Login Icons */
.kt-login__options form a i.fa-openidconnect {
  background: url(/dist/img/openid.png) no-repeat;
  width: 16px;
  height: 16px;
}
.kt-login__options a i.fa-wsfederation {
  background: url(/dist/img/adfs.png) no-repeat;
  width: 16px;
  height: 16px;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
/* Make user menu wider */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  width: 250px;
}
/* Fix for issue #407 */
br {
  font-family: Verdana;
}
span.phone-number-verified {
  border-bottom: #36c6d3 2px solid !important;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
/* Sweet alert */
.swal-title {
  overflow-wrap: break-word;
}
.swal-footer {
  text-align: center;
}
@keyframes glowing {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.glowing {
  animation: glowing 2s infinite;
}
.toast-error {
  background-color: red !important;
}
.bootstrap-datetimepicker-widget {
  width: 275px !important;
}

/* poppins-300 - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Poppins Light'), local('Poppins-Light'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-300.svg#Poppins') format('svg');
  /* Legacy iOS */
}
/* poppins-regular - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-regular.svg#Poppins') format('svg');
  /* Legacy iOS */
}
/* poppins-500 - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Poppins Medium'), local('Poppins-Medium'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-500.svg#Poppins') format('svg');
  /* Legacy iOS */
}
/* poppins-600 - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot');
  /* IE9 Compat Modes */
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-600.svg#Poppins') format('svg');
  /* Legacy iOS */
}
/* poppins-700 - devanagari_latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Poppins Bold'), local('Poppins-Bold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot') format('embedded-opentype'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff2') format('woff2'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff') format('woff'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.ttf') format('truetype'), url('./Poppins/poppins-v5-devanagari_latin-ext_latin-700.svg#Poppins') format('svg');
  /* Legacy iOS */
}

/* roboto-300 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.ttf') format('truetype'), url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.ttf') format('truetype'), url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.ttf') format('truetype'), url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot') format('embedded-opentype'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff2') format('woff2'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff') format('woff'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.ttf') format('truetype'), url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}

.pwstrength-div {
  position: relative;
}
.pwstrength-div .progress {
  height: 4px;
  width: 50px;
  text-align: right;
  position: absolute;
  right: -23px;
  top: 23px;
  transform: rotate(-90deg);
  border-radius: 0 0 0.25rem 0.25rem;
}
.pwstrength-div .password-verdict {
  height: 10px;
  width: 100px;
  text-align: right;
  position: absolute;
  right: 24px;
  top: 16px;
  font-size: 12px;
  opacity: 0.6;
}