.text_normal {
  font-style: normal !important;
}

.rotate {
  transform: rotate(180deg);
}

.justify_content_between {
  justify-content: space-between;
}

.justify_content_end {
  justify-content: flex-end;
}

.align_items_center {
  align-items: center;
}

.proformaInvoicetab {
  box-shadow: none;
}

.opacity {
  opacity: 0.6 !important;
}

.d_flex {
  display: flex;
}

/* .align_items_center{
    align-items: center;
} */

.underline {
  text-decoration: underline;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.m-0 {
  margin: 0;
}

.mt-0,
.my-0 {
  margin-top: 0;
}

.mr-0,
.mx-0 {
  margin-right: 0;
}

.mb-0,
.my-0 {
  margin-bottom: 0;
}

.ml-0,
.mx-0 {
  margin-left: 0;
}

.m-1 {
  margin: 0.25rem;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem;
}

.ml-3,
.mx-3 {
  margin-left: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.mt-5,
.my-5 {
  margin-top: 3rem;
}

.mr-5,
.mx-5 {
  margin-right: 3rem;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem;
}

.ml-5,
.mx-5 {
  margin-left: 3rem;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0;
}

.pt-0,
.py-0 {
  padding-top: 0;
}

.pr-0,
.px-0 {
  padding-right: 0;
}

.pb-0,
.py-0 {
  padding-bottom: 0;
}

.pl-0,
.px-0 {
  padding-left: 0;
}

.p-1 {
  padding: 0.25rem;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.pt-3,
.py-3 {
  padding-top: 1rem;
}

.pr-3,
.px-3 {
  padding-right: 1rem;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem;
}

.pl-3,
.px-3 {
  padding-left: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

.pt-5,
.py-5 {
  padding-top: 3rem;
}

.pr-5,
.px-5 {
  padding-right: 3rem;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem;
}

.pl-5,
.px-5 {
  padding-left: 3rem;
}

.m-auto {
  margin: auto;
}

.mt-auto,
.my-auto {
  margin-top: auto;
}

.mr-auto,
.mx-auto {
  margin-right: auto;
}

.mb-auto,
.my-auto {
  margin-bottom: auto;
}

.ml-auto,
.mx-auto {
  margin-left: auto;
}

.opacity-0 {
  opacity: 0 !important;
}

.h-0 {
  height: 0px !important;
}

.w-100 {
  width: 100% !important;
}

.form-row {
  margin-right: -8px;
  margin-left: -8px;
}

.form-row > .col,
.form-row > [class*="col_"] {
  padding-right: 8px;
  padding-left: 8px;
}

.order-tracking-part .left-side-content .status-part.warehouse-go {
  color: rgba(70, 84, 97, 1);
  background: rgba(70, 84, 97, 0.2);
}

/* rgba(114, 114, 114, 1) */
/* border: solid 0.1875rem rgb(114 114 114 / 23%); */

.control_label {
  z-index: 1;
}

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

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

.order-tracking-part .tab-header {
  background: #f5fdff;
  padding: 15px 24px;
  height: 80px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
}

.order-tracking-part .tab-header .left-side {
  display: flex;
  align-items: center;
}

.order-tracking-part .tab-header .left-side .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #070a0e;
}

.order-tracking-part .tab-header .left-side .other-info {
  display: flex;
  margin-left: 20px;
  align-items: center;
}

.order-tracking-part .tab-header .left-side .other-info .data-row {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  margin: 0;
  font-weight: 300;
  color: #465461;
  font-style: italic;
  margin-top: 0.3125rem;
}

.order-tracking-part .tab-header .left-side .other-info .data-row img {
  margin-left: 5px;
}

.order-tracking-part .tab-header .left-side .other-info .data-row + .data-row {
  margin-left: 15px;
}

.order-tracking-part .tab-header .left-side .other-info .data-row span {
  color: #070a0e;
  margin-left: 4px;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
}

.order-tracking-part .tab-header .right-side {
  display: flex;
  align-items: center;
}

.order-tracking-part .tab-header .right-side .suppliers-dropdown {
  display: flex;
  color: #fb8b33;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

.order-tracking-part .tab-header .right-side .suppliers-dropdown img {
  margin-left: 5px;
}

.order-tracking-part
  .tab-header
  .right-side
  .suppliers-dropdown
  .toggle_itm_a_ic {
  display: flex;
}

.mr-2 {
  margin-right: 5px;
}

.order-tracking-part .left-side-content .card_content_body {
  background: #f5fdff;
  border-radius: 1.25rem;
  display: inline-block;
  width: 100%;
  padding: 18px 24px;
}

.order-tracking-part .left-side-content .card_content_body .table_supplier {
  padding: 0 8px;
}

.order-tracking-part
  .left-side-content
  .card_content_body
  .tab_content_tabing
  .tab
  .tab_itm
  .tablinks {
  font-size: 14px;
  height: 25px;
}

.order-tracking-part
  .left-side-content
  .card_content_body
  .tab_content_meta_itms
  .tab_content_meta_itm {
  margin-left: 15px;
}

.order-tracking-part
  .left-side-content
  .card_content_body
  .tab_content_meta_itms
  .tab_content_meta_itm
  .text {
  font-size: 12px;
  font-weight: 500;
  color: #465461;
  display: flex;
  align-items: center;
}

.order-tracking-part
  .left-side-content
  .card_content_body
  .tab_content_meta_itms
  .tab_content_meta_itm
  .text.pending
  span {
  color: #ff3237;
}

.order-tracking-part
  .left-side-content
  .card_content_body
  .tab_content_meta_itms
  .tab_content_meta_itm
  .text.ready
  span {
  color: #fe893a;
}

.order-tracking-part
  .left-side-content
  .card_content_body
  .tab_content_meta_itms
  .tab_content_meta_itm
  .text.delivered
  span {
  color: #4285f4;
}

.order-tracking-part
  .left-side-content
  .card_content_body
  .tab_content_meta_itms
  .tab_content_meta_itm
  .text
  span {
  margin-left: 5px;
  font-weight: 800;
  font-size: 16px;
}

.order-tracking-part .left-side-content .status-part {
  border-radius: 50px;
  font-weight: 600;
  padding: 5px 10px;
  width: 100%;
  font-size: 10px;
}

.order-tracking-part .left-side-content .status-info {
  display: flex;
  align-items: center;
}

.order-tracking-part .left-side-content .status-info .img-wrap {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.order-tracking-part .left-side-content .status-info .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.order-tracking-part .left-side-content .additional-info {
  display: flex;
  align-items: center;
  font-size: 8px;
  margin-top: 2px;
}

.order-tracking-part .left-side-content .additional-info .img-wrap {
  margin-left: 5px;
  width: 10px;
  height: 10px;
}

.order-tracking-part .left-side-content .additional-info .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.order-tracking-part .left-side-content .track-sub-text {
  position: absolute;
  bottom: 14px;
  color: #070a0e;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  margin-left: 0;
  top: 20px;
  left: -22px;
}

.order-tracking-part .left-side-content .table_processing.pipeline_staging {
  position: relative;
}

.tracking-part-tables .table_info_s h4,
.tracking-part-tables .table_address_s h4 {
  font-size: 12px;
}

.tracking-part-tables .table_date_calender {
  font-size: 12px;
}

.tracking-part-tables .add_stage td {
  font-size: 12px;
}

.tracking-part-tables .table_info_s h4 {
  width: unset;
  white-space: unset;
}

.tracking-part-tables .action_table .dropbtn {
  width: 12px;
}

.interest_status_delivered,
.interest_status_delivered:hover {
  color: #4285f4 !important;
  background: rgba(66, 133, 244, 0.2) !important;
}

.interest_status_medium,
.interest_status_medium:hover {
  color: #fe893a;
  background: rgba(254, 137, 58, 0.2);
}

.interest_status_high,
.interest_status_high:hover {
  color: #ff3237;
  background: rgba(255, 50, 55, 0.2);
}

.interest_status_low,
.interest_status_low:hover {
  color: #33c481;
  background: rgba(51, 196, 129, 0.2);
}

.shipments-details-modal .status-info {
  display: flex;
  align-items: center;
}

.shipments-details-modal .status-info .img-wrap {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.shipments-details-modal .date-part {
  display: flex;
}

.shipments-details-modal .table_date_calender_img {
  margin-left: 5px;
}

.shipments-details-modal .data-part {
  align-items: center;
  display: flex;
}

.shipments-details-modal .status-part {
  border-radius: 50px;
  font-weight: 600;
  padding: 5px 10px;
  width: 100%;
  font-size: 10px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shipments-details-modal .additional-info {
  display: flex;
  font-style: italic;
  align-items: center;
  color: #465461;
  font-size: 8px;
  font-weight: 300;
  margin-top: 4px;
}

.shipments-details-modal .additional-info span {
  font-style: normal;
  font-weight: 400;
}

.shipments-details-modal table th {
  font-size: 12px;
  font-weight: 300;
  color: #465461;
}

.shipments-details-modal table td {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 10px;
}

.additional-info .img-wrap {
  margin-left: 5px;
  width: 10px;
  height: 10px;
}

.shipments-details-modal .modal-content {
  max-width: 1220px !important;
  width: 100%;
  min-width: 1220px !important;
}

.order-tracking-tab-part .form_control.dropbtn {
  color: #465461;
  text-align: left;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  width: auto;
  min-width: 5.9375rem;
  justify-content: space-between;
}

.order-tracking-tab-part .delivery-type-action {
  width: 40%;
}

.order-tracking-tab-part
  .delivery-type-action
  .open_select_box
  .dropdown-content {
  right: unset;
}

.order-tracking-tab-part .form_control.dropbtn {
  color: #465461;
  text-align: left;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 5.9375rem;
  justify-content: space-between;
  border-radius: 0.625rem;
  padding: 0.625rem 1.25rem;
  min-height: 3.125rem;
  background: #f5fdff;
}

.order-tracking-tab-part
  .delivery-type-action
  .open_select_box
  .dropdown-content {
  margin-top: 8px;
}

.tracking-part-tables {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}

.tracking-part-tables .table-reponsive {
  width: 100%;
  overflow: auto;
}

.tracking-part-tables .table-reponsive .table td {
  background-color: #ebf3f5;
}

.tracking-part-tables .left-side-content {
  width: 100%;
  max-width: calc(100% - 480px);
  margin-right: 20px;
}

.tracking-part-tables .right-side-content {
  width: 460px;
  position: relative;
}

.tracking-part-tables .right-side-content .sub-title {
  color: #739ca2;
  font-size: 18px;
  margin-bottom: 14px;
}

.tracking-part-tables .right-side-content .create-shipment {
  margin-top: 15px;
}

.tracking-part-tables .right-side-content .tracking-order-list .tracking-item {
  background: rgba(245, 253, 255, 1);
  padding: 14px;
  border-radius: 20px;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  + .tracking-item {
  margin-top: 10px;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  .track-title {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 15px;
  font-weight: 500;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  .track-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  .track-inner
  .info-track
  .sub-title {
  color: #ff3237;
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: 400;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  .track-inner
  .info-track
  .data-col {
  display: flex;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  .track-inner
  .info-track
  .data-col
  .text {
  font-size: 12px;
  font-weight: 300;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  .track-inner
  .info-track
  .data-col
  .text
  + .text {
  margin-left: 12px;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  .track-inner
  .info-track
  .data-col
  .text
  span {
  font-weight: 400;
}

.tracking-part-tables
  .right-side-content
  .tracking-order-list
  .tracking-item
  .track-inner
  .create-action
  .create-btn {
  padding: 10px;
  font-size: 14px;
  width: 180px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.tracking-part-tables .add_stage td {
  padding-bottom: 12px;
}

.tracking-part-tables .add_stage {
  overflow: hidden;
  border-radius: 12px;
}

.tracking-part-tables .add_stage:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
}

.tracking-part-tables .add_stage:hover td {
  background-color: #fff;
}

.table_supplier .after-checkin-action {
  padding: 0 0.1rem;
}

.table_supplier .img-wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.tracking-part-tables .action_table .dropdown-content a {
  font-size: 18px;
}

.d-none {
  display: none;
}

.shipment-creat-process {
  background: rgba(245, 253, 255, 1);
  position: relative;
  padding: 14px;
  display: none;
  border-radius: 20px;
}

.shipment-creat-process.active {
  display: block;
}

.shipment-creat-process.active ~ .create-shipment {
  display: none;
}

.shipment-creat-process .ship-segment .shipping-progress {
  position: relative;
}
.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .icon
  .img-wrap
  .img-inactive {
  display: none;
}
.shipment-creat-process
  .ship-segment
  .shipping-progress
  .line-progress-bar
  .line {
  position: absolute;
  width: 5px;
  height: 100%;
  border-radius: 15px;
  left: 27px;
  top: 30px;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .line-progress-bar
  .line.active {
  background: #33c481;
  z-index: 1;
  /* height: 50%; */
  height: 100%;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .line-progress-bar
  .line.inactive {
  background: #ebf3f5;
  z-index: 0;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-complete
  .line-progress-bar
  .line.active {
  height: 100%;
}

.shipment-creat-process .ship-title {
  font-size: 16px;
  margin-bottom: 5px;
  color: #070a0e;
  font-weight: 300;
  font-style: italic;
}

.shipment-creat-process .ship-title span {
  font-style: normal;
  font-weight: 500;
}

.shipment-creat-process .ship-sub-text {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
}

.shipment-creat-process .ship-sub-text span {
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
}

.shipment-creat-process .ship-id {
  font-size: 16px;
  margin-bottom: 5px;
  color: #070a0e;
  font-weight: 300;
  margin-top: 30px;
  font-style: italic;
}

.shipment-creat-process .ship-id span {
  font-style: normal;
  font-weight: 500;
}

.shipment-creat-process .ship-segment {
  margin-top: 20px;
  justify-content: space-between;
  display: flex;
  max-height: 520px;
  overflow: auto;
}

.shipment-creat-process .ship-segment .shipping-progress {
  width: 100%;
  position: relative;
}

.ship-part .ship-inner {
  max-width: calc(100% - 170px);
  margin-right: 20px;
  display: flex;
}

.ship-part .ship-inner.full {
  max-width: 100%;
}

.shipment-creat-process .ship-segment .shipping-progress .ship-part {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .title-part {
  color: #33c481;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .sub-title-part {
  color: #33c481;
}

.shipment-creat-process .ship-segment .shipping-progress .ship-part .ship-date {
  display: none;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .ship-date {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #739ca2;
  margin-bottom: 10px;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .progress-line {
  position: absolute;
  width: 5px;
  height: 100%;
  border-radius: 15px;
  background: #33c481;
  z-index: 0;
  left: 27px;
  top: 40px;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .line-progress-bar
  ~ .line.active
  .ship-proceed:first-child {
  height: 20%;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .icon
  .img-wrap {
  background: #33c481;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .icon
  .img-wrap
  .img-inactive {
  display: none;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .icon
  .img-wrap
  .img-alt {
  display: none;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.ship-proceed
  .icon
  .img-wrap
  .img-alt {
  display: block;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  + .ship-part {
  margin-top: 30px;
}

.shipment-creat-process .ship-segment .shipping-progress .ship-part .icon {
  width: 60px;
  height: 60px;
  z-index: 2;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .icon
  .img-wrap {
  width: 60px;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 2px 10px 0 #4654611a;
}

.shipment-creat-process .ship-segment .shipping-progress .ship-part .text {
  width: 100%;
  max-width: calc(100% - 70px);
  margin-left: 10px;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .text
  .title-part {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .text
  .sub-title-part {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .text
  .sub-title-part
  span {
  text-decoration: underline;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .text
  .more-info {
  font-style: italic;
  font-weight: 300;
  font-size: 0.625rem;
  color: #739ca2;
  display: flex;
  flex-direction: column;
}

.shipping-progress .ship-part .text .data-rows {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.shipping-progress
  .ship-part
  .text
  .data-rows
  .data-col
  .data-part
  + .data-part {
  margin-top: 10px;
}

.shipping-progress .ship-part .text .data-rows .data-col .data-part .sub-text {
  font-size: 10px;
  font-weight: 400;
  font-style: italic;
  color: #739ca2;
}

.shipping-progress .ship-part .text .data-rows .data-col .data-part .data {
  font-size: 12px;
  font-weight: 400;
  color: #070a0e;
  line-height: 1.5;
  display: flex;
  margin-top: 4px;
}

.shipping-progress .ship-part .text .data-rows .data-col .data-part .data img {
  margin-left: 4px;
  width: 14px;
  height: 100%;
  object-fit: contain;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .text
  .more-info
  + .more-info {
  margin-top: 8px;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .text
  .more-info
  span {
  margin-top: 5px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #465461;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .text
  .more-info
  img {
  margin-left: 4px;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.inactive
  .icon {
  display: flex;
  justify-content: center;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part.inactive
  .icon
  .img-wrap {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
}

.shipment-creat-process .ship-segment .update-part {
  width: 150px;
  display: flex;
  justify-content: flex-end;
}

.shipment-creat-process .ship-segment .update-part.align-left {
  justify-content: flex-start;
}

.shipment-creat-process .ship-segment .update-part .vew-details-btn {
  border: none;
  background: none;
  color: #fe893a;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}

.shipment-creat-process .ship-segment .update-part .btn-status {
  font-size: 14px;
  width: 100%;
}

.shipment-creat-process .bill-create {
  margin-top: 30px;
}

.step-modals .close-button {
  right: 0.5rem;
  top: 0.5rem;
  font-size: 2rem;
}

.order-tracking-tab-part .info-datas {
  margin-top: 5px;
}

.order-tracking-tab-part .info-datas .extra-info {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 300;
}

.order-tracking-tab-part .table a.table_info_a {
  font-size: 14px;
  font-weight: 400;
}

.order-tracking-tab-part .table td {
  font-size: 14px;
  font-weight: 400;
}

.card-title-sec .form_group.select-order-duration .form_control {
  font-size: 14px;
  padding-right: 30px !important;
}

.order-tracking-tab-part .table .btn {
  font-size: 14px;
}

.step-modals .inputTopLabel {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 0.938rem;
  color: #070a0e;
  padding-left: 15px;
}

.step-modals .inputOuter {
  width: 100%;
  height: 40px;
  position: relative;
}

.step-modals .inputOuter input:disabled {
  background: rgb(245 245 245 / 40%);
  font-size: 16px;
  font-weight: 400;
}

.step-modals .inputOuter input {
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  border-radius: 0.625rem;
  border: none;
  padding: 0.5rem 1rem;
  font-size: 15px;
  color: #070a0e;
  font-weight: 400;
}

.step-modals .inputOuter input:focus-visible {
  outline: none;
}

.step-modals .inpurtParentCustom .calenderInputOuter .claenderImage {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  width: 1.125rem;
  height: 1.125rem;
}

.step-modals {
  z-index: 9;
}

.step-modals .inpurtParentCustom.number-charge input {
  padding-right: 60px;
}

.step-modals .btn-status-modal {
  width: 200px;
  font-weight: 600;
  text-transform: capitalize;
  height: 50px;
}

.step-modals .heading-modal {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.step-modals .heading-modal .modal_heading .title {
  font-size: 22px;
  font-weight: 500;
}

.step-modals .heading-modal .modal_heading .sub-title {
  font-size: 12px;
  font-weight: 300;
  margin-top: 2px;
  font-style: italic;
}

.step-modals .heading-modal .modal_heading .sub-title span {
  color: #33c481;
}

.step-modals .heading-modal .ship-id {
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
}

.shipment-creat-process
  .ship-segment
  .update-part
  .updated-data
  .data-row
  .dropdown-details
  .dropbtn {
  width: 1.5rem;
  height: 1.5rem;
  background-size: cover !important;
  background-position: center !important;
}

.shipment-creat-process
  .ship-segment
  .update-part
  .updated-data
  .data-row
  .dropdown-details
  .dropbtn.ship-details {
  width: 14px;
  height: 28px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.shipment-creat-process
  .ship-segment
  .update-part
  .updated-data
  .data-row
  .inputTopLabel {
  display: flex;
  align-items: center;
}

.shipment-creat-process .ship-segment .update-part .updated-data .info-tool {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.shipment-creat-process .ship-segment .update-part .updated-data .data-row {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .toltipcontent {
  font-size: 10px;
  color: #ff3237;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-style: italic;
}

.shipment-creat-process
  .ship-segment
  .shipping-progress
  .ship-part
  .tooltipImgOuter {
  padding: 0;
  border: none;
  background: none;
  width: 12px;
  height: 12px;
  margin-left: 6px;
}

.shipment-creat-process
  .ship-segment
  .update-part
  .updated-data
  .data-row
  .updated-by {
  font-size: 10px;
  text-align: right;
  font-style: italic;
  color: #739ca2;
  width: 100%;
  max-width: calc(100% - 35px);
  padding-right: 10px;
}

.shipment-creat-process
  .ship-segment
  .update-part
  .updated-data
  .data-row
  + .data-row {
  margin-top: 15px;
}

.shipment-creat-process
  .ship-segment
  .update-part
  .updated-data
  .data-row
  .updated-by
  .excel-sheet {
  font-size: 12px;
  font-style: normal;
  color: #465461;
  font-weight: 300;
  text-decoration: underline;
}

.shipment-creat-process
  .ship-segment
  .update-part
  .updated-data
  .data-row
  .dropdown-details {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: space-around;
}

.step-modals .inputOuter.note-message {
  height: 80px;
  margin-top: 20px;
}

.step-modals .inputOuter.note-message textarea:focus-visible {
  outline: none;
}

.mt-3 {
  margin-top: 2rem !important;
}

.ml-1 {
  margin-left: 3px;
}

.d-flex {
  display: flex;
}

.inpurtParentCustom {
  width: 100%;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-end {
  align-items: flex-end !important;
}

.step-modals .customTextAeria {
  width: 100%;
  resize: none;
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  border: none;
  padding: 0.4rem 0.8rem;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #070a0e;
  height: 80px;
}

.step-modals .inputOuter {
  width: 100%;
  height: 2.5rem;
  position: relative;
}

.step-modals .inpurtParentCustom .inputOuter {
  width: 100%;
  height: 40px;
  position: relative;
}

.step-modals .form-action-modal {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 22px 0 30px;
}

.step-modals .modal_body_info_table_doc .table_a .upload_photo_btn span {
  font-weight: 400;
  font-size: 14px;
}

.step-modals .form_group {
  width: 100%;
  margin-bottom: 0;
}

.step-modals .modal_form .form_control {
  font-size: 16px;
}

.step-modals .charge-currency {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 12px;
  color: #739ca2;
}

.delivery-type-action {
  width: 100%;
}

.delivery-type-action .dropdown {
  width: 100%;
  max-width: 100%;
}

.delivery-type-action .form_control {
  width: 100%;
  max-width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.delivery-type-action .dropdown-content-in .dropdown-content-itm {
  padding: 4px 12px;
  border-bottom: unset;
}

.delivery-type-action .dropdown-content-in .dropdown-content-itms {
  padding-bottom: 10px;
}

.delivery-type-action .dropdown-content-in .dropdown-title {
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
}

.delivery-type-action .open_select_box .dropdown-content {
  right: 0;
  left: auto;
  z-index: 2;
  width: 100%;
}

.remain-der-popup-modal .heading-modal .modal_heading .title {
  font-size: 22px;
  font-weight: 500;
}

.remain-der-popup-modal .customTextAeria {
  width: 100%;
  resize: none;
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  border: none;
  padding: 0.4rem 0.8rem;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #070a0e;
  height: 80px;
}

.remain-der-popup-modal .inputOuter {
  width: 100%;
  height: 2.5rem;
  position: relative;
}

.remain-der-popup-modal .inpurtParentCustom .inputOuter {
  width: 100%;
  height: 40px;
  position: relative;
}

.remain-der-popup-modal .form-action-modal {
  display: flex;
  margin: 22px 0 30px;
  justify-content: flex-end;
}

.remain-der-popup-modal .form-action-modal .btn-save {
  width: 80px;
  height: 40px;
}

.remain-der-popup-modal .close-button {
  right: 0.5rem;
  top: 0.5rem;
  font-size: 2rem;
}

.remain-der-popup-modal .inputTopLabel {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 0.938rem;
  color: #070a0e;
  padding-left: 15px;
}

.remain-der-popup-modal .inputOuter {
  width: 100%;
  height: 40px;
  position: relative;
}

.remain-der-popup-modal .inputOuter input:disabled {
  background: red;
  font-size: 16px;
  font-weight: 400;
}

.remain-der-popup-modal .inputOuter input {
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  border-radius: 0.625rem;
  border: none;
  padding: 0.5rem 1rem;
  font-size: 15px;
  color: #070a0e;
  font-weight: 400;
}

.remain-der-popup-modal .inputOuter input:focus-visible {
  outline: none;
}

.remain-der-popup-modal .inpurtParentCustom .calenderInputOuter .claenderImage {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  width: 1.125rem;
  height: 1.125rem;
}

.remain-der-popup-modal
  .modal_body_info_table_doc
  .table_a
  .upload_photo_btn
  span {
  font-weight: 400;
  font-size: 14px;
}

.remain-der-popup-modal .form_group {
  width: 100%;
  margin-bottom: 0;
}

.remain-der-popup-modal .modal_form .form_control {
  font-size: 16px;
}

.remain-der-popup-modal .charge-currency {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 12px;
  color: #739ca2;
}

.remain-der-popup-modal .inputOuter.note-message {
  height: 80px;
  margin-top: 20px;
}

.remain-der-popup-modal .inputOuter.note-message textarea:focus-visible {
  outline: none;
}

.remain-der-popup-modal .btn-cancel-modal {
  outline: none;
  outline: none;
  background: transparent;
  color: #ef7f33;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
}

.remain-der-popup-modal .ml-3 {
  margin-left: 10px;
}

.remainder-info {
  border-top: 2px solid #ebf3f5;
  margin: 15px 0;
  padding: 25px 0;
}

.remainder-info .info-inner {
  background: #f5fdff;
  box-shadow: 0 30px 40px 0 #0000000d;
  border-radius: 20px;
  padding: 20px;
}

.remainder-info .info-inner .header-part {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.remainder-info .info-inner .header-part .title {
  font-size: 18px;
  font-weight: 400;
}

.remainder-info .info-inner .header-part .action-part {
  display: flex;
}

.remainder-info .info-inner .header-part .action-part .img-wrap + .img-wrap {
  margin-left: 5px;
}

.remainder-date {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.remainder-date .img-wrap {
  margin-right: 10px;
  width: 15px;
  height: 15px;
}

.remainder-date .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.remainder-date .date {
  font-size: 18px;
  font-weight: 400;
  color: #ff3237;
}

.remainder-info .comments-part {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.remainder-info .comments-part .left-row {
  width: 100%;
  max-width: calc(100% - 300px);
  margin-right: 120px;
}

.remainder-info .comments-part .left-row .sub-text {
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  color: #739ca2;
}

.remainder-info .comments-part .left-row .data {
  font-size: 18px;
  font-weight: 400;
  color: #070a0e;
}

.remainder-info .comments-part .right-row {
  width: 200px;
  display: flex;
  justify-content: space-between;
}

.remainder-info .comments-part .right-row .item-row .sub-text {
  font-size: 12px;
  text-align: right;
  font-style: italic;
  color: #739ca2;
  font-weight: 300;
}

.remainder-info .comments-part .right-row .item-row .data {
  font-size: 12px;
  text-align: right;
  font-style: normal;
  color: #465461;
  font-weight: 400;
}

.shipments-details-modal .close-button {
  right: 0.5rem;
  top: 0.645rem;
  font-size: 1.5rem;
}

.all-suppliers-dropdown .dropdown-content {
  left: auto;
  right: 0;
  margin: 0;
  width: 300px;
  margin-top: 15px;
}

.all-suppliers-dropdown .open_select_box .dropdown-content {
  display: block;
  left: auto;
  right: 0;
  margin: 0;
  width: 300px;
  margin-top: 15px;
}

.all-suppliers-dropdown
  .dropdown-content
  .dropdown-contentInner
  .customDropdownItems
  .orderlist {
  list-style: none;
  margin: 0;
  padding: 1.5rem 0;
}

.all-suppliers-dropdown
  .dropdown-content
  .dropdown-contentInner
  .customDropdownItems
  .orderlist
  .firstchild {
  padding: 1rem 0.938rem;
  background: #fff;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #070a0e;
}

.all-suppliers-dropdown
  .dropdown-content
  .dropdown-contentInner
  .customDropdownItems
  .orderlist
  li {
  padding: 1rem 0.938rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #070a0e;
  background: #fff;
}

.all-suppliers-dropdown
  .dropdown-content
  .dropdown-contentInner
  .customDropdownItems
  .orderlist
  .secondchild:hover {
  background: #ebf3f5;
}

.all-suppliers-dropdown
  .dropdown-content
  .dropdown-contentInner
  .customDropdownItems
  .orderlist
  .secondchild
  .imgchild {
  width: 3.125rem;
  align-items: center;
  justify-content: space-between;
  display: flex;
}

.tab_content_tabing {
  padding-bottom: 10px;
}

.ship-detatils-part {
  position: absolute;
  width: 88%;
  background: #fff;
  z-index: 4;
  right: 0;
  box-shadow: 0 40px 70px 0 rgb(0 0 0 / 10%);
  padding: 20px;
  overflow: hidden;
  margin: 15px;
  border-radius: 20px;
}

.ship-detatils-part .inner-content .header-part {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 10px;
}

.ship-detatils-part .inner-content .header-part .title {
  font-size: 18px;
  font-weight: 500;
}

.ship-detatils-part .inner-content .header-part .cross {
  cursor: pointer;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  color: #000;
}

.ship-detatils-part .detailed-inner {
  padding: 15px;
  max-height: 300px;
  overflow: auto;
}

.ship-detatils-part .detailed-inner::-webkit-scrollbar-thumb {
  background: #c4dce0;
  border: solid 0.0625rem #c4dce0;
}

.ship-detatils-part .detailed-inner .info-part {
  display: flex;
  margin: 0 0 20px;
  width: 100%;
  justify-content: space-between;
}

.ship-detatils-part .detailed-inner .info-part .left-side .data-part {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}

.ship-detatils-part .detailed-inner .info-part .left-side .data-part span {
  font-style: italic;
}

.ship-detatils-part .detailed-inner .info-part .left-side .data-part.date {
  font-size: 12px;
  color: #465461;
}

.ship-detatils-part
  .detailed-inner
  .info-part
  .left-side
  .data-part.invoice-id {
  font-size: 12px;
  color: #465461;
  font-style: italic;
  font-weight: 300;
}

.ship-detatils-part
  .detailed-inner
  .info-part
  .left-side
  .data-part.invoice-id
  span {
  font-style: normal;
  font-weight: 500;
  color: #000;
}

.ship-detatils-part
  .detailed-inner
  .info-part
  .right-side
  .dropdown-details
  .dropbtn {
  width: 12px;
  height: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.ship-detatils-part .detailed-inner .info-detailed .segement + .segement {
  margin-top: 18px;
  border-top: 1px solid #c4dce0;
  padding-top: 18px;
}

.ship-detatils-part .detailed-inner .info-detailed .segement .info-row {
  font-size: 12px;
  max-width: unset;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.ship-detatils-part
  .detailed-inner
  .info-detailed
  .segement
  .info-row
  + .info-row {
  margin-top: 12px;
}

.ship-detatils-part
  .detailed-inner
  .info-detailed
  .segement
  .info-row
  .info-col {
  width: 100%;
  max-width: calc(33.33% - 10px);
}

.ship-detatils-part
  .detailed-inner
  .info-detailed
  .segement
  .info-row
  .info-col
  .text {
  font-size: 10px;
  margin-left: 0;
  color: #739ca2;
  font-style: italic;
  max-width: unset;
  width: unset;
}

.ship-detatils-part
  .detailed-inner
  .info-detailed
  .segement
  .info-row
  .info-col
  .text
  span {
  font-size: 8px;
}

.ship-detatils-part
  .detailed-inner
  .info-detailed
  .segement
  .info-row
  .info-col
  .data {
  font-style: normal;
  color: #070a0e;
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}

.ship-detatils-part .detailed-inner .info-detailed + .info-part {
  margin-top: 18px;
  border-top: 1px solid #c4dce0;
  padding-top: 18px;
}

.ship-detatils-part .detailed-inner .shipping-details + .info-part {
  margin-top: 18px;
  border-top: 1px solid #c4dce0;
  padding-top: 18px;
}

.ship-detatils-part .detailed-inner .shipping-details {
  display: flex;
  justify-content: space-between;
}

.ship-detatils-part .detailed-inner .shipping-details .ship-inner {
  max-width: calc(100% - 140px);
  margin-right: 10px;
}

.ship-detatils-part .detailed-inner .shipping-details .ship-inner .text {
  max-width: 100% !important;
  margin: 0 !important;
}

.ship-detatils-part
  .detailed-inner
  .shipping-details
  .info-detailed
  .segement
  .info-row
  .info-col {
  max-width: calc(50% - 10px);
}

.ship-detatils-part .detailed-inner .shipping-details .update-part {
  width: 130px;
}

.ship-detatils-part
  .detailed-inner
  .shipping-details
  .update-part
  .updated-data
  .data-row
  .updated-by {
  max-width: 100%;
}

.shipment-creat-process .ship-segment .update-part .ship-detatils-part {
  display: none;
}

.shipment-creat-process
  .ship-segment
  .update-part.open_select_box
  .ship-detatils-part {
  display: block;
}

.disabled .img-active {
  display: none;
}

/* .img-inactive {
  display: none;
} */

.disabled {
  pointer-events: none;
}

.tracking-part-tables .action_table .dropdown-content .disabled .drbn_span {
  color: #c4dce0;
}

.disabled .img-inactive {
  display: block;
}

.table-alternate:hover {
  box-shadow: 0px 5px 15px 0px #00000014;
  background: #f5fdff;
  cursor: pointer;
}

.table-alternate {
  margin: 30px 0 0;
  padding: 20px 0;
  background-color: #ebf3f5;
  border-radius: 20px;
}

.table-alternate.active {
  background-color: #ffffff;
  box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);
}

.table-alternate .table-alternate-header {
  margin: 0 0 10px;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table-alternate .table-title {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.table-alternate .table-options {
  display: flex;
  align-items: center;
  gap: 5px;
}

.table-alternate .table-options .options-label {
  font-size: 12px;
  font-weight: 500;
  color: #739ca2;
}

.table-alternate .table-options .options-date {
  font-size: 12px;
  font-weight: 500;
  color: #739ca2;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}

.table-alternate .table .add_stage td,
.table-alternate .table .add_stage:hover,
.table-alternate .table .add_stage:hover td {
  background-color: transparent;
  box-shadow: none;
}

.shipment-creat-process.alternate-table {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.initiate-order {
  background: #f5fdff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 20px;
  position: relative;
  display: none;
}

.initiate-order .initiate-edit {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 1;
}

.initiate-order .title {
  font-weight: 500;
  font-size: 16px;
  color: #465461;
}

.initiate-order .meta {
  position: relative;
  margin: 10px 0;
}

.initiate-order .meta .meta-item {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.initiate-order .meta .meta-label {
  font-style: italic;
  font-weight: 300;
  font-size: 12px;
  color: #465461;
  width: 100px;
  min-width: 100px;
}

.initiate-order .meta .meta-label span {
  font-style: italic;
  color: #739ca2;
  font-size: 10px;
  display: block;
}

.initiate-order .meta .meta-data {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #070a0e;
}

.initiate-order .initiate-order-inner {
  display: flex;
  margin: 0 -15px 20px;
}

.initiate-order .initiate-order-inner .meta {
  padding: 0 15px;
  width: 100%;
  max-width: 50%;
}

.initiate-order .initiate-order-inner .meta + .meta {
  border-left: 1px solid #c4dce0;
}

.initiate-order .initiate-order-inner .meta .meta-item {
  justify-content: space-between;
}

.initiate-order .initiate-order-inner .meta .meta-label {
  width: auto;
  min-width: none;
}

.initiate-order .initiate-order-inner .meta .meta-data {
  text-align: right;
}

.initiate-order .initiate-order-action {
  display: flex;
  justify-content: flex-end;
}

.initiate-order .initiate-order-action .btn {
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
}

.initiate-orders-edit {
  background: #f5fdff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 20px;
}

.initiate-orders-edit .title {
  font-weight: 500;
  font-size: 16px;
  color: #465461;
}

.initiate-orders-edit .meta {
  position: relative;
  margin: 10px 0;
}

.initiate-orders-edit .meta .meta-item {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.initiate-orders-edit .meta .meta-label {
  font-style: italic;
  font-weight: 300;
  font-size: 12px;
  color: #465461;
  width: 100px;
  min-width: 100px;
}

.initiate-orders-edit .meta .meta-data {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #070a0e;
}

.initiate-form .control_label {
  font-size: 14px;
}

.initiate-form .form_control {
  font-size: 14px;
}

.initiate-form .charge-currency {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 12px;
  color: #739ca2;
}

.initiate-form .btn {
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
}

.tracking-part-tables .table-alternate .table .add_stage .checkmark {
  border: solid 0.1875rem rgb(114 114 114 / 23%);
}

.tracking-part-tables .table-alternate .custom-checkbox input[disabled] {
  pointer-events: none;
}

.order-tracking-part .left-side-content .shipment-details-span {
  position: relative;
  bottom: 14px;
  color: #465461;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  margin-left: 0;
  top: 0;
  left: 0;
  white-space: nowrap;
  display: block;
}

.shipment-details.no-span {
  font-size: 12px;
  font-weight: 400;
  color: #070a0e;
}

.order-tracking-part
  .left-side-content
  .card_content_body
  .tab_content_meta_itms
  .tab_content_meta_itm
  .text.warehouse-go
  span {
  color: #465461;
  font-weight: 700;
}

.proformaInvoicetab .table_group {
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.proformaInvoicetab .table2 {
  padding-bottom: 0 !important;
}

.proformaInvoicetab
  .proformaInvoice-modal-Header
  .header_Content
  .col_A
  .header_Content_Heading {
  font-size: 20px;
}

.proformaInvoicetab
  .proformaInvoice-modal-Header
  .header_Content
  .col_A
  .header_Content_Heading_Version {
  font-size: 18px;
  font-weight: 400;
}

.proformaInvoicetab
  .table_group
  .table_Custom
  .table_inner_content
  .table_rowspan
  .table_content
  .child1,
.proformaInvoicetab
  .table_group
  .content_table_second
  .table_content2
  .table_content
  .child1 {
  font-size: 18px;
  color: #465461;
  font-weight: 400;
  margin-bottom: 8px;
}

.proformaInvoicetab
  .table_group
  .table_Custom
  .table_inner_content
  .table_rowspan
  .table_content
  .child2,
.proformaInvoicetab
  .table_group
  .content_table_second
  .table_content2
  .table_content
  .child2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}

.proformaInvoicetab
  .table_group
  .table_Custom
  .table_inner_content
  .table_rowspan
  .table_content
  .child3,
.proformaInvoicetab
  .table_group
  .content_table_second
  .table_content2
  .table_content
  .child3 {
  font-size: 14px;
  font-weight: 400;
}

.proformaInvoicetab
  .table_group
  .table_Custom
  .table_inner_content
  .table_rowspan
  .table_content
  .child4,
.proformaInvoicetab
  .table_group
  .table_Custom
  .table_inner_content
  .table_rowspan
  .table_content
  .child5,
.proformaInvoicetab
  .table_group
  .content_table_second
  .table_content2
  .table_content
  .child4,
.proformaInvoicetab
  .table_group
  .content_table_second
  .table_content2
  .table_content
  .child5 {
  text-transform: uppercase;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
}

.proformaInvoicetab .table_group td .form_control {
  background: #ebf3f5;
  padding-left: 14px;
  height: 40px;
  min-height: 40px;
  /* max-width: 100px; */
  width: 100%;
}

.proformaInvoicetab
  .table_group
  .content_table_therd
  .table3_2content
  .countery_origen_Section
  .shoping_address
  span {
  font-size: 12px;
  font-weight: 300;
}

.proformaInvoicetab
  .table_group
  .content_table_therd
  .table3_2content
  .countery_origen_Section
  .shoping_address {
  font-size: 18px;
}

.proformaInvoicetab
  .table_group
  .invoice_content_main
  .content_invoicedate
  .invoicecontent {
  font-size: 18px;
  font-weight: 400;
}

.proformaInvoicetab
  .table_group
  .content_table_therd
  .table_content3
  .table_content
  .button_Group
  .btn_child {
  font-size: 12px;
}

.proformaInvoicetab
  .table_group
  .content_table_therd
  .table_content3
  .table_content
  .child1 {
  margin-left: 15px;
}

.proformaInvoicetab .table_group th,
.proformaInvoicetab .table_group td {
  padding: 14px;
}

.proformaInvoicetab
  .table_group
  .content_table_seven
  .item_Summary
  .summary_content
  .heading {
  font-size: 18px;
  font-weight: 400;
  color: #465461;
}

.proformaInvoicetab
  .table_group
  .content_table_seven
  .item_Summary
  .summary_content
  .heading
  span {
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
  color: #fe893a;
}

.proformaInvoicetab .table_group .table_laign_form thead td {
  border-bottom: 0.125rem solid #c4dce0;
}

.proformaInvoicetab .table_group .table_laign_form td {
  border-bottom: 0.125rem solid #c4dce0;
}

.proformaInvoicetab .table_group .table_laign_form th,
.proformaInvoicetab .table_group .table_laign_form td {
  border-bottom: 0.125rem solid #c4dce0;
  border-left: none;
  border-right: none;
  border-top: none;
  font-size: 16px;
  font-weight: 400;
}

.proformaInvoicetab .table_group .table_laign_form tr th {
  font-size: 16px;
  font-weight: 400;
}

.proformaInvoicetab .table_group .table_laign_form .interest_status_medium,
.interest_status_medium:hover {
  border-radius: 50px;
}

.proformaInvoicetab .table_group .table_laign_form .interest_status_high,
.interest_status_high:hover {
  border-radius: 50px;
}

.proformaInvoicetab .table_group .table_laign_form .radioParent {
  width: 1.125rem;
  height: 1.125rem;
}

.proformaInvoicetab
  .table_group
  .table_laign_form
  .radioParent
  .addressRadio[type="radio"]:checked {
  background-color: rgba(0, 0, 0, 0);
  border-color: #fe893a;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.proformaInvoicetab
  .table_group
  .table_laign_form
  .radioParent
  .addressRadio[type="radio"]:checked::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background-color: #fe893a;
  display: block;
  border-radius: 50%;
  border-color: #fe893a;
}

.proformaInvoicetab .table_group .table_laign_form .radioParent .addressRadio {
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0.125rem solid #739ca2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
}

.proformaInvoicetab .table_group .table_laign_form .bill-items {
  text-decoration: underline;
  font-weight: 400;
}

.proformaInvoicetab
  .table2
  .main_table_row
  .right_side
  .content_right_side_input.content_middle {
  align-items: flex-start;
}

/* .proformaInvoicetab .table_group .table_laign_form td:last-child{border-bottom: none;} */
.contact_modal.items_details_bill .card_content_body td:last-child,
.contact_modal .card_content_body th:last-child {
  padding-left: 2rem;
}

.contact_modal.items_details_bill .contact_modal_card .card-left h4 span {
  margin-left: 0 !important;
}

.contact_modal.items_details_bill .interest_status_medium,
.interest_status_medium:hover {
  border-radius: 50px;
}

.contact_modal.items_details_bill .contact_modal_card .close-button {
  top: 2.3rem;
}

.contact_modal.items_details_bill .table th {
  font-size: 14px;
  font-weight: 400;
}

.contact_modal.items_details_bill .table td {
  font-size: 18px;
  font-weight: 500;
}

.contact_modal.items_details_bill .card-footer-part {
  border-top: 0.5px solid #c4dce0;
  padding-top: 20px;
}

.contact_modal.items_details_bill .card-footer-part .data-row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.contact_modal.items_details_bill .card-footer-part .data-row .item-data {
  display: flex;
}

.contact_modal.items_details_bill
  .card-footer-part
  .data-row
  .item-data
  + .item-data {
  margin-top: 15px;
}

.contact_modal.items_details_bill
  .card-footer-part
  .data-row
  .item-data
  .sub-text {
  width: 220px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
}

.contact_modal.items_details_bill .card-footer-part .data-row .item-data .data {
  width: 160px;
  text-align: right;
  font-size: 16px;
  font-weight: 300;
}

.contact_modal.items_details_bill
  .card-footer-part
  .data-row
  .item-data
  .data
  span {
  font-weight: 500;
}

.contact_modal.items_details_bill
  .card-footer-part
  .data-row
  .item-data.total_co
  .data {
  font-size: 18px;
  color: #1d85e8;
}

.contact_modal.items_details_bill
  .card-footer-part
  .data-row
  .item-data.total_co
  .data
  span {
  font-weight: 500;
}

@media screen and (max-width: 1600px) {
  .tab_content_tabing {
    flex-wrap: wrap;
  }

  .order-tracking-part
    .left-side-content
    .card_content_body
    .tab_content_meta_itms {
    margin-top: 25px;
  }

  .order-tracking-part
    .left-side-content
    .card_content_body
    .tab_content_meta_itms
    .tab_content_meta_itm {
    margin-left: 0;
  }

  .order-tracking-part
    .left-side-content
    .card_content_body
    .tab_content_meta_itms
    .tab_content_meta_itm
    + .tab_content_meta_itm {
    margin-left: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .tracking-part-tables .left-side-content {
    max-width: 100%;
  }

  .tracking-part-tables .right-side-content {
    max-width: 100%;
    margin-top: 25px;
  }

  .order-tracking-part .tab-header {
    flex-wrap: wrap;
    height: auto;
  }

  .order-tracking-part .tab-header .right-side {
    margin-top: 15px;
  }
}

@media screen and (max-width: 768px) {
  .dash_right .dashbaord_tabing .tab_content_tabing .tab {
    flex-wrap: wrap;
  }

  .order-tracking-part
    .left-side-content
    .card_content_body
    .tab_content_meta_itms {
    flex-wrap: wrap;
  }

  .order-tracking-part
    .left-side-content
    .card_content_body
    .tab_content_meta_itms
    .tab_content_meta_itm {
    margin-bottom: 5px;
  }

  .order-tracking-part
    .left-side-content
    .card_content_body
    .tab_content_meta_itms
    .tab_content_meta_itm
    + .tab_content_meta_itm {
    margin-left: 0;
    margin-right: 5px;
  }

  .order-tracking-part .tab-header .left-side {
    flex-wrap: wrap;
  }

  .order-tracking-part .tab-header .left-side .other-info {
    flex-wrap: wrap;
    margin-left: 0;
  }

  .order-tracking-part .tab-header .left-side .other-info .data-row {
    margin-right: 10px;
  }

  .order-tracking-part
    .tab-header
    .left-side
    .other-info
    .data-row
    + .data-row {
    margin-left: 0;
  }

  .shipment-creat-process {
    padding: 20px;
  }

  .shipment-creat-process .ship-segment {
    flex-wrap: wrap;
  }

  .shipment-creat-process .ship-segment .shipping-progress {
    max-width: 100%;
    margin-right: 0;
    order: 2;
  }

  .shipment-creat-process .ship-segment .update-part {
    order: 1;
    margin-bottom: 10px;
  }

  .tracking-part-tables
    .right-side-content
    .tracking-order-list
    .tracking-item
    .track-inner {
    flex-wrap: wrap;
  }

  .shipment-creat-process .cross-panel .close-button {
    right: 12px;
    top: 10px;
  }

  .tracking-part-tables
    .right-side-content
    .tracking-order-list
    .tracking-item
    .track-inner
    .create-action {
    margin-top: 10px;
  }

  .card-right .form_group.search_cls .searc-icon {
    top: 24px;
  }

  .shipment-creat-process .ship-segment .shipping-progress .ship-part {
    display: flex;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .ship-part .ship-inner {
    max-width: 100%;
    margin-right: 0;
  }

  .shipment-creat-process .ship-segment .update-part {
    max-width: 100%;
    padding-left: 240px;
  }

  .order-tracking-tab-part .delivery-type-action {
    width: 100%;
  }
}

/* --------pop up alert at top section-------- */

.popup_sec {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  position: absolute;
  top: 80px;
  left: 50%;
  width: 450px;
  height: 120px;
  transform: translate(-50%, -50%);
  z-index: 2;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.popup_sec span.pop_up_close_btn {
  margin-left: auto;
  width: 14.01px;
  height: 12.01px;
  cursor: pointer;
  margin-top: -5px;
}

.popup_sec span.pop_up_close_btn img {
  width: 100%;
  height: 100%;
}

.popup_sec .popup_description {
  display: flex;
  font-size: 18px;
}

.popup_sec .popup_description .pop_up_text {
  margin-left: 10px;
}

.popup_btn {
  display: flex;
}

.popup_btn .btn {
  background-color: #1d85e8;
  margin-left: auto;
  width: 80px;
  height: 40px;
  border-radius: 5px;
}

.popup_btn_group {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.popup_btn_group .btn {
  margin-left: 0;
}

.undu_btn {
  color: #1d85e8;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 30px;
}

/* --------------table errors warnings---------- */

.table_modal input.save_btn {
  font-size: 18px;
  white-space: nowrap;
  min-width: 9.375rem;
  border-radius: 0.625rem;
  font-weight: 700;
  min-height: 3.125rem;
  padding: 0.625rem 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fe893a;
  color: #ffffff;
  border: 0;
}

.table_modal input.save_btn[disabled] {
  opacity: 0.6;
}

.table_modal .modal_body {
  height: 100%;
}

.table-sec .customTabelResponsive {
  overflow: scroll;
  height: 500px;
}

.upload_modal_sec.table-sec .error_warnings {
  display: flex;
  margin-bottom: 30px;
}

.upload_modal_sec.table-sec .error_warnings .text {
  font-size: 16px;
  margin-left: 14px;
}

.upload_modal_sec.table-sec .error_warnings .discription {
  font-size: 14px;
}

.upload_modal_sec.table-sec .error_warnings ul {
  margin: 0;
  padding-left: 20px;
}

.upload_modal_sec.table-sec .error_warnings li {
  list-style-type: none;
}

.upload_modal_sec.table-sec .error {
  margin-right: 95px;
}

.upload_modal_sec.table-sec .error,
.upload_modal_sec.table-sec .warnings {
  display: flex;
}

.upload_modal_sec.table-sec .error_warnings .img {
  display: inline-block;
  width: 18px;
  height: 18px;
  overflow: hidden;
}

.upload_modal_sec.table-sec .error_warnings .error {
  color: #ff3237;
}

.upload_modal_sec.table-sec .error_warnings .warnings {
  color: #fe893a;
}

.upload_modal_sec.table-sec .modal_table_heading {
  display: flex;
  justify-content: space-between;
}

.upload_modal_sec.table-sec .modal_table_heading .load {
  width: 20px;
  height: 20px;
  border: solid 2px #33c481;
  margin: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.right_sec_loading {
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.right_sec_loading .undo_redo {
  display: flex;
  margin-left: auto;
}

.right_sec_loading .undo_redo .redu_img {
  margin-left: 15px;
  margin-right: 15px;
}

.upload_modal_sec.table-sec .modal_table_heading h2 {
  font-size: 22px;
}

.upload_modal_sec .customTabelResponsive::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.upload_modal_sec .customTabelResponsive::-webkit-scrollbar-thumb {
  background-color: #c4dce0;
  border-radius: 15px;
  border-width: 0;
}

.upload_modal_sec .customTabelResponsive .customTabel tr th,
.upload_modal_sec .customTabelResponsive .customTabel tbody tr td {
  border-color: #739ca2 !important;
}

.upload_modal_sec .customTabelResponsive table th .table-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.upload_modal_sec .customTabelResponsive table th span.icon-sec {
  display: flex;
  flex-direction: column;
  width: fit-content;
}

.upload_modal_sec .customTabelResponsive table th span.icon-sec span {
  transform: rotate(180deg);
  display: inline-block;
  width: 10px;
  height: 8px;
  position: relative;
}

.upload_modal_sec .customTabelResponsive table th span.icon-sec span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("assets/img/down_arr.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  opacity: 0.3;
}

.upload_modal_sec
  .customTabelResponsive
  table
  th
  span.icon-sec
  span.bottom::before {
  transform: rotate(180deg);
}

.upload_modal_sec
  .customTabelResponsive
  table
  th
  span.icon-sec
  span.top.active::before,
.upload_modal_sec
  .customTabelResponsive
  table
  th
  span.icon-sec
  span.bottom.active::before {
  opacity: 1;
}

.upload_modal_sec
  .customTabelResponsive
  table
  th
  span.icon-sec
  span.top:hover::before,
.upload_modal_sec
  .customTabelResponsive
  table
  th
  span.icon-sec
  span.bottom:hover::before {
  cursor: pointer;
  opacity: 0.9;
}

.upload_photo {
  display: flex;
  align-items: center;
}

.upload_photo_image {
  flex: 0 0 5rem;
  height: 5rem;
  margin-right: 1.25rem;
  overflow: hidden;
}

.upload_photo_btn {
  position: relative;
}

.upload_photo_btn {
  position: relative;
  overflow: hidden;
  /* width: 6.4375rem; */
  height: 1.375rem;
  cursor: pointer;
  color: #fe893a;
  font-size: 1.125rem;
  font-weight: 300;
}

/* ----------------just a moment loading page---------- */

.blur_justa_moment_loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(115, 156, 162, 0.2);
  backdrop-filter: blur(0.15625rem);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.blur_justa_moment_loading .title h2 {
  text-align: center;
  font-size: 38px;
  color: #000000;
}

.modal_heading_btn_itm .tool_tips {
  position: absolute;
  left: 0;
  width: 260px;
  left: -260px;
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  font-size: 12px;
}

/* ------------add new lead form section---------- */

.new_lead .dashbaord_tabing.dashbaord_tabing1 {
  margin-top: 30px;
}

.new_lead .dashbaord_tabing.dashbaord_tabing1 .tab_itm button.active {
  background-color: #f5fdff;
  border-radius: 1.25rem 1.25rem 0 0;
  font-weight: 600;
  border: 0.5px solid #f5fdff;
  position: relative;
}

.new_lead .dashbaord_tabing .tab button {
  overflow: inherit;
}

.new_lead .dashbaord_tabing.dashbaord_tabing1 .tab_itm button.active::before {
  content: "";
  position: absolute;
  background: #f5fdff;
  bottom: -1.875rem;
  left: -1px;
  height: 1.875rem;
  width: calc(100% + 2px);
}

.new_lead .dashbaord_tabing.dashbaord_tabing1 .tab_content {
  background-color: #f5fdff;
  padding: 20px;
  margin-top: 10px;
  border-radius: 20px;
  height: 346px;
}

.new_lead .dashbaord_tabing.dashbaord_tabing1 {
  overflow: hidden;
}

.new_lead .tab_content tr th {
  border-bottom: 1px solid #c4dce0;
}

.new_lead .tab_content tr th .btn_round {
  margin-bottom: 10px;
}

.new_lead .add_contacts_sec {
  position: relative;
  height: 250px;
}

.new_lead .descriptaion {
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new_lead .tab_content .icon {
  background-color: #739ca2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.new_lead .card_form_head {
  margin-bottom: 2.5rem;
}

.address_modal .col_6 {
  margin-bottom: 15px;
}

.address_modal .modal_form .form_group .dropdown .form_control.dropbtn {
  color: #070a0e;
}

/* --------feedback filter------ */

.modal-content::-webkit-scrollbar {
  width: 0;
}

.custom-checkbox .checkmark::after {
  left: 3px;
  top: 0px;
}

.address_modal_overflow .modal-content {
  overflow: inherit !important;
}

.modal_overflow {
  overflow: inherit !important;
}

.form_group .dropdown .form_control.dropbtn {
  width: 100%;
}

.delivery-type-action .dropdown-content-in .dropdown-title {
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
}

.dropdown-content.dropdown-content-left {
  z-index: 2;
  width: 300px;
  max-height: 361px;
  overflow: scroll;
}

.dropdown-content::-webkit-scrollbar-track {
  background-color: transparent !important;
}

.dropdown-content::-webkit-scrollbar {
  height: 0;
}

.dropdown-content::-webkit-scrollbar-thumb {
  background-color: #c4dce0;
  border: 0;
}

.dropdown-content-itm {
  padding: 4px 12px;
  border-bottom: unset;
}

.dropdown-title {
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
}

.address_modal.modal.show-modal {
  z-index: 3;
}

@media (max-width: 768px) {
  .new_lead .form_sec {
    flex-direction: column;
  }

  .new_lead .form_sec .left_side_form,
  .new_lead .form_sec .right_side_form {
    width: 100%;
  }

  .new_lead .form_sec .right_side_form {
    padding-left: 0 !important;
  }

  .add_new_lead_form .agentCostSectionInner {
    margin-top: 0;
    flex-direction: column;
  }

  .add_new_lead_form .agentCostSectionInner .dropdown,
  .add_new_lead_form .agentCostSectionInner input {
    margin-bottom: 30px;
  }

  .tab_content {
    overflow-x: scroll;
  }
}

/* ----------filter style-------- */

.dropdown-content.dropdown-filter {
  width: 500px;
}

.dropdown-sidebar-itm {
  border-radius: 10px;
  color: #070a0e;
}

.dropdown-sidebar-itm.current {
  background-color: #c4dce0 !important;
}

.dropdown-info-con .form_group .form_control.form_control_date {
  background-color: #f5f5f5 !important;
}

.dropdown-info-con .form_group .form_control.form_control_date,
.dropdown-info-con .form_group .form_control.form_control_date:focus,
.dropdown-info-con .form_group .form_control.form_control_date:hover {
  background: none;
}

.address_modal .col_6 {
  height: 70px;
}

.address_modal .dropdown .dropbtn {
  color: #465461;
  opacity: 1;
  font-weight: 300;
  padding-left: 1.25rem;
}

@media (max-width: 540px) {
  .dropdown-content.dropdown-filter {
    right: -75px;
    width: 400px;
  }
}

@media (max-width: 414px) {
  .dropdown-content.dropdown-filter {
    width: 300px;
    left: 0;
    overflow: hidden;
  }

  .dropdown-info {
    display: block;
  }

  .dropdown-sidebar {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    display: flex;
    height: 60px !important;
  }

  .dropdown-sidebar-itm {
    height: fit-content;
  }

  .dropdown-sidebar-itm a {
    width: 139px;
  }
}

@media (max-width: 375px) {
  .dropdown-content.dropdown-filter {
    width: 260px;
    left: -78px;
  }
}

/* -enquiries quote page------- */

.invoice_dashboard .dash_right .dashbaord_tabing .tab {
  flex-wrap: inherit;
}

.dash_left {
  display: none;
}

.dash_right {
  margin: 0 auto;
}

.invoice_box .mb_1 {
  margin-bottom: 0.625rem;
}

.invoice_box .mb_2 {
  margin-bottom: 1.25rem;
}

.invoice_box {
  border: 1px solid #c4dce0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
}

.invoice_box .seller_sec,
.invoice_box .partial_delivery_sec,
.invoice_box .delivery_terms_sec,
.invoice_box .vat_sec {
  display: grid;
  grid-template-columns: 33% 33% auto;
}

.invoice_box .notes_sec,
.invoice_box .Additional_sec {
  display: grid;
  grid-template-columns: 50% auto;
}

.invoice_box .consignee_sec {
  display: grid;
  grid-template-columns: 33% auto;
}

.invoice_box .seller_sec > div,
.invoice_box .consignee_sec > div,
.invoice_box .partial_delivery_sec > div,
.invoice_box .delivery_terms_sec > div,
.invoice_box .vat_sec > div,
.invoice_box .item_summary_sec,
.invoice_box .notes_sec > div,
.invoice_box .Additional_sec > div {
  border: 1px solid #c4dce0;
  padding: 30px;
}

.invoice_box .seller_sec > div:nth-child(2),
.invoice_box .seller_sec > div:nth-child(3) {
  padding: 0;
}

.invoice_box .seller_sec > div:nth-child(2) > div,
.invoice_box .seller_sec > div:nth-child(3) > div {
  padding: 30px;
}

.invoice_box .invoice_number,
.invoice_box .customer_noumber {
  border-bottom: 2px solid #c4dce0;
  height: 100px;
  display: flex;
  align-items: center;
}

.invoice_box .invoice_number .title,
.invoice_box .customer_noumber .title {
  margin-right: 20px;
}

.invoice_box .invoive_date .title,
.invoice_box .deu_date .title {
  padding-bottom: 20px;
}

.invoice_box .invoive_date .invoicedatelable,
.invoice_box .deu_date .invoicedatelable {
  padding-left: 20px;
  padding-bottom: 8px;
}

.invoice_box .seller_sec .seller_name {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.269rem;
  color: #070a0e;
  padding: 0.313rem 0rem;
}

.invoice_box .seller_sec .customInput {
  height: 2.5rem;
  border-radius: 0.625rem;
  background: #ebf3f5;
  border: none;
  padding: 0.625rem;
  outline: 0;
}

.invoice_box .invoive_date .customInput,
.invoice_box
  .customer_ref_box
  .customInput:not(.customer_noumber .customInput) {
  width: 100%;
}

.invoice_box .category_title {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.269;
  color: #465461;
  padding: 0.063rem 0rem;
}

.invoice_box .address {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.313rem 0rem;
  color: #070a0e;
  width: 50%;
}

.invoice_box .company_name {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.188rem;
  color: #070a0e;
  padding: 0.313rem 0;
}

.invoice_box .consignee_sec .consigner_name {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.269rem;
  color: #070a0e;
  padding: 0.313rem 0rem;
}

.invoice_box .consignee_sec .company_name {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.188rem;
  color: #070a0e;
  padding: 0.313rem 0;
}

.invoice_box .partial_delivery {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.invoice_box .partial_delivery {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.invoice_box .partial_delivery .title {
  display: flex;
  justify-content: space-between;
}

.invoice_box .partial_delivery .button_Group a {
  margin-right: 20px;
}

.invoice_box .partial_delivery .button_Group a img {
  margin-right: 8px;
}

.invoice_box .delivery_terms_sec .delivery_time,
.invoice_box .delivery_terms_sec .payment_time,
.invoice_box .delivery_terms_sec .currency {
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #070a0e;
  margin-top: 20px;
}

.invoice_box .notes_sec > div:nth-child(2),
.invoice_box .Additional_sec > div:nth-child(2) {
  padding: 0;
}

.invoice_box .item_summary_sec .summary_sec {
  display: flex;
}

.invoice_box .item_summary_sec .summary_sec > span {
  margin-right: 120px;
}

.invoice_box .item_summary_sec .item_sheet {
  margin-top: 30px;
}

.invoice_box .item_summary_sec .item_sheet a {
  text-decoration: underline;
  color: #465461;
}

.invoice_box .notes_sec .content,
.invoice_box .Additional_sec .content {
  display: flex;
  justify-content: space-between;
  border: 1px solid #c4dce0;
  border-left: 0;
  border-right: 0;
}

.invoice_box .notes_sec .content .heading,
.invoice_box .notes_sec .content .sub-heading,
.invoice_box .Additional_sec .content .heading,
.invoice_box .Additional_sec .content .sub-heading {
  padding: 20px;
  font-size: 18px;
}

.invoice_box .notes_sec .content .sub-heading.ammount,
.invoice_box .Additional_sec .content .sub-heading.ammount {
  font-weight: 500;
  color: #070a0e;
}

.heading_color {
  color: #1d85e8 !important;
}

.invoice_box .notes_sec .content:nth-child(1),
.invoice_box .Additional_sec .content:nth-child(1) {
  border-top: 0;
}

.invoice_box .notes_sec .content:nth-child(6),
.invoice_box .Additional_sec .content:nth-child(3) {
  border-bottom: 0;
}

.invoice_box .Additional_sec .content:nth-child(3) {
  justify-content: start;
}

.invoice_box .title {
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  color: #465461;
  padding: 0.313rem 0;
}

.invoice_box .customInput {
  min-height: 2.5rem;
  width: 100%;
  background-color: #ebf3f5;
  border-radius: 0.625rem;
  border: none;
  padding-left: 10px;
  outline: 0;
}

.invoice_box .notes_sec .content_Second_inner {
  position: relative;
}

.invoice_box .notes_sec .input_last_content {
  position: absolute;
  right: 5px;
  top: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.938rem;
  text-align: right;
  color: #739ca2;
}

.invoice_box .Additional_sec .contant_3 .sub-heading {
  color: #fe893a;
}

.invoice_box .vat_sec .heading {
  font-weight: 500;
  font-size: 18px;
  color: #070a0e;
}

textarea {
  height: 7.5rem;
  padding: 0.938rem;
  outline: 0;
}

.notes_sec textarea {
  padding: 0.938rem;
  padding-top: 2.313rem;
  outline: 0;
}

.notes_sec .content_Second_inner,
.Additional_sec .content_Second_inner {
  width: 400px;
}

.invoice_box input,
.invoice_box textarea {
  font-size: 16px;
}

@media (max-width: 1440px) {
  .invoice_box .notes_sec,
  .invoice_box .Additional_sec {
    display: block;
  }
}

@media (max-width: 1366px) {
  .proformaInvoicetab
    .proformaInvoice-modal-Header
    .header_Content
    .col-autoA
    .header_Content_btn
    .col_A
    .btn {
    width: 9.5rem;
    height: 41px;
    font-size: 14px;
  }
}

@media (max-width: 1280px) {
  .invoice_dashboard .dash_right {
    min-width: 100%;
  }
}

@media (max-width: 1024px) {
  .invoice_dashboard .dash_right {
    min-width: 100%;
  }

  .proformaInvoicetab
    .proformaInvoice-modal-Header
    .header_Content
    .col_A
    .header_Content_Heading {
    font-size: 16px;
  }

  .invoice_box .title {
    font-size: 12px;
  }

  .invoice_box .seller_sec .seller_name {
    font-size: 14px;
  }

  .invoice_box .company_name {
    font-size: 12px;
  }

  .invoice_box .address {
    font-size: 12px;
  }

  .invoice_box input,
  .invoice_box textarea {
    font-size: 12px;
  }

  .invoice_box .delivery_terms_sec .delivery_time,
  .invoice_box .delivery_terms_sec .payment_time,
  .invoice_box .delivery_terms_sec .currency {
    font-size: 14px;
  }

  .invoice_box .summary_sec {
    justify-content: space-between;
  }

  .invoice_box .summary_sec > span {
    margin: 20px 0 !important;
  }

  .invoice_dashboard .dash_right .invoice_box .partial_delivery_sec .title img {
    width: 20px;
  }
}

@media (max-width: 768px) {
  .invoice_dashboard .dash_right .invoice_box .seller_sec,
  .invoice_dashboard .dash_right .invoice_box .consignee_sec,
  .invoice_dashboard .dash_right .invoice_box .partial_delivery_sec,
  .invoice_dashboard .dash_right .invoice_box .delivery_terms_sec,
  .invoice_dashboard .dash_right .invoice_box .vat_sec,
  .invoice_dashboard .dash_right .invoice_box .notes_sec,
  .invoice_dashboard .dash_right .invoice_box .Additional_sec {
    display: block;
  }

  .invoice_box .summary_sec {
    flex-wrap: wrap;
  }

  .invoice_box .summary_sec > span {
    width: 50% !important;
    padding: 10px;
  }
}

@media (max-width: 575px) {
  .invoice_box .summary_sec {
    display: block !important;
  }

  .invoice_box .summary_sec > span:nth-child(1),
  .invoice_box .summary_sec > span:nth-child(2) {
    width: 100%;
    display: flex;
  }

  .invoice_box .seller_sec > div,
  .invoice_box .consignee_sec > div,
  .invoice_box .partial_delivery_sec > div,
  .invoice_box .delivery_terms_sec > div,
  .invoice_box .vat_sec > div,
  .invoice_box .item_summary_sec,
  .invoice_box .notes_sec > div,
  .invoice_box .Additional_sec > div {
    padding: 10px;
  }

  .invoice_box .invoive_date .invoicedatelable,
  .invoice_box .deu_date .invoicedatelable {
    padding-left: 0;
  }

  .invoice_box .seller_sec > div:nth-child(2) > div,
  .invoice_box .seller_sec > div:nth-child(3) > div {
    padding: 10px;
  }

  .invoice_box .notes_sec .content,
  .invoice_box .Additional_sec .content {
    display: block;
  }

  .invoice_box .notes_sec .content > div,
  .invoice_box .Additional_sec .content > div {
    padding: 10px !important;
  }

  .notes_sec .content_Second_inner,
  .Additional_sec .content_Second_inner {
    width: 100%;
  }
}

.dropdown .form_control.dropbtn {
  width: 100%;
}

.new_prospects .dropdown .dropdown_title_flex:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown .company_name {
  font-weight: 300;
  font-size: 18px;
}

.new_prospects .manufacturer {
  font-weight: 300;
  font-size: 12px;
}

.new_prospects .currency {
  color: #070a0e;
}

.new_prospects .form_group.search_cls {
  padding: 0 10px;
}

.form_group.search_cls .form_control {
  padding-left: 2.8125rem;
  background-color: #f5f5f5;
}

.searc-icon {
  top: 12px;
  left: 1.875rem;
}

.dropdown-content-in .title {
  color: #739ca2;
  position: relative;
  z-index: 0;
  margin: 0 32px;
}

.dropdown-content-in .title span {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  background-color: #ffffff;
  font-weight: 600;
}

.dropdown-content-in .title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid #739ca2;
  z-index: -1;
  transform: translateY(-50%);
}

.dropdown_icon_btn {
  display: flex;
  align-items: center;
}

.dropdown_icon_btn.status {
  justify-content: space-between;
}

.dropdown_icon_btn > span:last-child {
  margin-left: 10px;
  margin-top: -4px;
}

.proferma_invoice_sec .cancel_btn {
  color: #739ca2;
  font-weight: 600;
  margin-right: 30px;
}

.proferma_invoice_sec .order_summary_btn {
  background-color: #f5fdff !important;
  color: #000000;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  width: max-content;
  border: 0 !important;
}

.proferma_invoice_sec .order_summary {
  margin-left: auto;
}

.proferma_invoice_sec .dash_right .dashbaord_tabing .tab_itm button.active {
  background-color: #c4dce0;
  border-radius: 20px;
}

.proferma_invoice_sec .tab_itm button::before {
  display: none !important;
}

.proferma_invoice_sec .header_Content_Heading_Version {
  font-style: italic !important;
  font-size: 12px !important;
}

.right_sec_upload {
  display: flex;
  align-items: center;
}

.right_sec_upload .text {
  font-style: italic;
  color: #739ca2;
}

.right_sec_upload .text,
.right_sec_upload a {
  margin-left: 10px;
  font-size: 20px;
}

.right_sec_upload a {
  color: #465461;
  text-decoration: underline;
}

.overflow_y_scroll {
  overflow-y: scroll;
}

.error_form {
  border: 1px solid #ff3237;
}

.error_message {
  color: #ff3237;
  padding-left: 20px;
  font-size: 12px;
}

.move_to_user {
  position: relative;
}

.move_to_user .dropdown-content.dropdown-content-left {
  top: 30px;
  left: 0;
  right: auto;
  padding: 20px;
}

.move_to_user .dropdown-content-in .title {
  margin-left: 0;
}

.move_to_user .searc-icon {
  left: 0.875rem !important;
}

.move_to_user .dropdown-content-itm {
  padding: 0;
}

.move_to_user .dropdown-content-itms {
  margin-top: 10px;
}

.move_to_user .dropdown-content-itm a {
  display: inherit;
  border-radius: 10px;
  margin: 2px 0;
}

.move_to_user .dropdown-content-itm a:hover,
.move_to_user .dropdown-content-itm a.active {
  background-color: #e5e5e5;
}

.move_to_user .dropdown-content-itm a .name {
  font-weight: 400;
  font-size: 18px;
  color: #070a0e;
}

.move_to_user .dropdown-content-itm a .website {
  font-weight: 300;
  font-size: 12px;
  color: #465461;
}

/* --------activity modal------- */

.activity_modal .modal_heading {
  font-size: 24px;
  font-weight: 500;
}

.activity_modal .modal_heading .sub_text {
  color: #465461;
}

.activity_modal .modal_heading_right {
  display: flex;
  align-items: center;
}

.activity_modal .modal_heading_right .icon:first-child {
  margin-right: 25px;
}

.activity_modal .heading_type_modal {
  border-bottom: 1px solid #c4dce0;
  padding-bottom: 15px;
}

.activity_list_sec {
  border-bottom: 1px solid #c4dce0;
}

.activity_list_sec .activity_list {
  padding-left: 47px;
  position: relative;
}

.activity_list_sec .activity_list::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 5px;
  height: 100%;
  width: 3px;
  background-color: #739ca2;
}

.activity_list_sec .activity_list .lists {
  list-style-type: none;
  position: relative;
  margin: 30px 0;
}

.activity_list_sec .sub_list::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  height: 60%;
  width: 3px;
  background-color: #739ca2;
  z-index: 0;
}

.sub_list .lists {
  margin-top: 30px;
}

.activity_list_sec .activity_list .lists::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #739ca2;
  background-image: url("../img/akar-icons_clock_white.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center center;
}

.activity_list_sec .lists .list {
  display: flex;
  justify-content: space-between;
}

.activity_list_sec .activity_heading {
  font-size: 18px;
  color: #465461;
}

.activity_list_sec .activity_details {
  font-size: 16px;
  color: #739ca2;
  margin-top: 8px;
}

.activity_list_sec .activity_details a {
  text-decoration: underline;
}

.activity_list_sec .time,
.activity_list_sec .activity_by {
  font-style: italic;
  font-size: 12px;
  text-align: right;
}

.move_stage_modal .modal-content,
.move_pipeline_modal .modal-content {
  width: 370px;
  padding-top: 30px;
}

.move_stage_modal .dropbtn.wbg_cls,
.move_pipeline_modal .dropbtn.wbg_cls {
  background-color: #f5f5f5;
  border-radius: 0.625rem !important;
  min-height: 2.5rem !important;
}

.move_pipeline_modal .form_group.search_cls {
  padding: 0 15px;
}

.move_pipeline_modal .searc-icon {
  top: 20px;
}

.st1_list_itms.ui-sortable {
  min-height: 20px;
}

.ui-sortable-placeholder {
  visibility: visible !important;
  background-color: #fff;
  opacity: 0.5;
  border: 2px dashed #ccc;
}

.st1_itm_new.ui-sortable-handle {
  transition: all 0s ease;
}

.st1_itm_new.ui-sortable-handle.ui-sortable-helper {
  transform: rotate(-5deg);
  opacity: 1 !important;
}

.ui-sortable-helper {
  box-shadow: 0 40px 70px 0 rgb(0, 0, 0, 0.05) !important;
}

.st1_itm_new_itm.enquiry_move {
  display: flex;
  justify-content: space-between;
}

.move_enquiry_btn input {
  font-size: 14px;
}

.leads_contacts_modal .modal-content {
  width: 1446px;
  background-color: #f5fdff;
}

.leads_contacts_modal .name {
  font-weight: 700;
  color: #000000;
}

.leads_contacts_modal td {
  background-color: transparent;
}

.leads_contacts_modal .action_table_col li.dropdown {
  margin-left: auto;
}

.leads_contacts_modal thead th {
  border-bottom: 1px solid #c4dce0 !important;
  padding-bottom: 20px;
}

.leads_contacts_modal table.table.table_laign_top {
  padding: 0 0 1.25rem 0;
}

.leads_contacts_modal thead th:nth-child(7) {
  padding-left: 8px;
}

.leads_contacts_modal .plus_icon {
  background-color: #739ca2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
}

.leads_contacts_modal .plus_icon img {
  width: 14px;
  height: 14px;
}

.leads_contacts_modal .right_sec {
  display: flex;
  align-items: center;
}

.leads_contacts_modal .close_btn_sec {
  display: flex;
  justify-content: end;
}

.leads_contacts_modal .close_btn_sec .close-button {
  font-size: 18px;
}

.action_table .open_select_box .dropdown-content,
.header-right .open_select_box .dropdown-content {
  z-index: 2;
}

.leads_contacts_modal .modal_content {
  overflow: hidden;
}

.view_communication {
  color: #fe893a;
  text-decoration: underline;
}

@media (max-width: 1280px) {
  .leads_contacts_modal .modal_body {
    overflow: auto;
  }
}

@media (max-width: 1024px) {
  .leads_contacts_modal tbody td {
    font-size: 13px;
  }
}

@media (max-width: 414px) {
  .activity_list_sec .lists .list {
    display: block;
  }

  .activity_list_sec .lists {
    margin: 20px 0 !important;
  }

  .activity_modal .modal_heading {
    font-size: 20px;
  }

  .activity_list_sec .activity_heading {
    font-size: 18px;
  }

  .activity_list_sec .activity_details {
    font-size: 14px;
  }

  .close-button {
    margin-bottom: 10px;
  }

  .modal_overflow {
    overflow-y: scroll !important;
  }
}

.move_to_user_alert_sec .popup_close-button {
  width: 14px !important;
}

.st1_itm_new.ui-sortable-handle .st1_itm_new_itms {
  padding-right: 0;
}

.st1_itm_new.ui-sortable-handle {
  padding-left: 15px;
  padding-right: 15px;
}

.st1_itm_new.ui-sortable-handle .st1_itm_new_itmss {
  align-items: center;
}

@media (max-width: 1440px) {
  .modal_heading_btn .btn {
    margin-left: 0;
    margin-top: 10px;
    font-size: 14px;
    padding: 11px 10px;
  }

  .st1_itm_new.ui-sortable-handle {
    padding: 10px;
  }
}

table td {
  white-space: nowrap;
}

.sortable-dragging {
  transform: rotate(-5deg) !important;
}

@media (max-width: 1366px) {
  .modal_heading_btn .btn {
    font-size: 12px;
  }
}

/* ---------invoice and bills page-------- */

.card-left {
  display: flex;
  align-items: center;
}

.invoice_button.active,
.bills_button.active {
  background-color: #465461;
  border-radius: 20px;
  width: 120px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: #f5fdff;
  font-size: 18px;
  margin-left: 30px;
  cursor: pointer;
}

.invoice_button,
.bills_button {
  color: #465461;
  font-size: 18px;
  font-weight: 400;
  margin-left: 30px;
  cursor: pointer;
}

.invoice_and_bills_page .card-right .table_processing {
  position: inherit;
  width: 349px;
}

.invoice_and_bills_page .card-right .table_processing_in_bg {
  background: #c4dce0;
}

.invoice_and_bills_page .card-right .table_processing {
  display: initial;
  margin-right: 30px;
}

.invoice_and_bills_page .card-right .table_processing .price {
  font-size: 17px;
}

.invoice_and_bills_page .card-right .paid,
.invoice_and_bills_page .card-right .outstanding,
.invoice_and_bills_page .card-right .total_order,
.invoice_and_bills_page .card-right .generated {
  font-size: 14px;
}

.invoice_and_bills_page .card-right .paid.progress,
.invoice_and_bills_page .card-right .outstanding.progress,
.invoice_and_bills_page .card-right .total_order.progress,
.invoice_and_bills_page .card-right .generated.progress {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.invoice_and_bills_page .card-right .table_processing_in {
  position: relative;
  height: 10px !important;
  display: flex;
  background-color: transparent;
}

.invoice_and_bills_page .card-right .paid.progress {
  background-color: #33c481 !important;
  height: 100%;
  width: 40px;
}

.invoice_and_bills_page .card-right .outstanding.progress {
  background-color: #ff3237 !important;
  height: 100%;
  width: 40px;
}

.invoice_and_bills_page .card-right .total_order.progress {
  background-color: #465461 !important;
  height: 100%;
  width: 40px;
}

.invoice_and_bills_page .card-right .generated.progress {
  background-color: #c4dce0 !important;
  height: 100%;
  width: 40px;
}

.invoice_and_bills_page .card-right .paid {
  color: #33c481;
}

.invoice_and_bills_page .card-right .outstanding {
  color: #ff3237;
}

.invoice_and_bills_page .card-right .total_order {
  color: #465461;
}

.invoice_and_bills_page .card-right .generated {
  color: #739ca2;
}

.invoice_and_bills_page .card-right .top_text,
.invoice_and_bills_page .card-right .bottom_text {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

.invoice_and_bills_page .card-right .top_text {
  margin-top: 0;
}

.conplete_icon {
  border: 1px solid #33c481;
  width: 12.17px;
  height: 12.17px;
  display: inline-block;
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.conplete_icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("assets/img/complete.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.invoice_and_bills_page table tbody h4 {
  font-weight: 400;
  margin-bottom: 8px;
}

.invoice_and_bills_page table tbody .details {
  color: #465461;
  font-size: 12px;
  font-weight: 300;
}

.invoice_and_bills_page table tbody .btn {
  border-radius: 30px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  width: fit-content;
}

.invoice_and_bills_page table tbody td {
  padding-bottom: 10px;
}

.invoice_and_bills_page table tbody .btn.success {
  color: #33c481;
  background-color: hsl(152, 59%, 48%, 28%);
}

.invoice_and_bills_page table tbody .outstanding h4 {
  color: #ff3237;
}

.invoice_and_bills_page table tbody .download .details {
  display: flex;
}

.partial {
  background-color: hsl(24, 99%, 61%, 28%);
  color: #fe893a;
}

.last_pay .details {
  display: flex;
}

.payment-rec {
  min-height: 60px;
  display: flex;
}

.invoice_bill {
  position: relative;
}

.invoice_bill .dash_right_btn_custom a {
  position: absolute;
  top: 0;
  right: 0;
  min-height: 50px;
  min-width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.invoice_bill_modal .modal-content,
.supplier_bill_modal .modal-content {
  width: 100%;
  background-color: #f5fdff;
}

.invoice_bill_modal .modal-content .header_Content_Heading,
.supplier_bill_modal .modal-content .header_Content_Heading {
  align-items: center;
}

.invoice_bill_modal .modal-content .header_Content_Heading .btn,
.supplier_bill_modal .modal-content .header_Content_Heading .btn {
  border-radius: 30px;
  font-weight: 500;
}

.invoice_bill_modal .modal-content .header_Content_Heading_Version,
.supplier_bill_modal .modal-content .header_Content_Heading_Version {
  font-style: italic !important;
  font-size: 12px !important;
}

.invoice_bill_modal .modal-content .email_sent,
.supplier_bill_modal .modal-content .email_sent {
  display: flex;
  align-items: center;
}

.invoice_bill_modal .modal-content .email_sent > span,
.supplier_bill_modal .modal-content .email_sent > span {
  display: inline-block;
  height: 25px;
}

.invoice_bill_modal .custom-checkbox .checkmark::after,
.supplier_bill_modal .custom-checkbox .checkmark::after {
  left: 5px;
  top: 2px;
}

.invoice_and_bill_tab .table-reponsive {
  overflow: scroll;
}

.invoice_and_bill_tab .table-reponsive .table tbody td:nth-child(2),
.invoice_and_bill_tab .table-reponsive .table tbody td h4 {
  font-size: 16px;
}

@media (max-width: 1440px) {
  .invoice_bill .card-title-sec {
    flex-wrap: wrap;
  }

  .proferma_invoice_sec .dash_left {
    min-width: 100%;
  }

  .invoice_bill .card-title-sec .card-right {
    margin-top: 20px;
  }
}

@media (max-width: 1024px) {
  .invoice_and_bill_tab .invoice_bills_body > .bills_body {
    display: block;
  }

  .invoice_and_bill_tab .invoice_bills_body > .bills_body > div {
    width: 100%;
    max-width: 100%;
  }

  .invoice_and_bill_tab .customer_invoices_sec {
    border: none;
    margin: 30px auto;
  }
}

@media (max-width: 768px) {
  .invoice_bill .card-title-sec .card-right {
    padding-left: 5px;
  }

  .invoice_bill .dash_right_btn_custom a {
    min-width: fit-content;
  }
}

.invoice_and_bill_tab {
  background-color: #f5fdff;
  border-radius: 20px;
  padding: 40px;
  padding-bottom: 5px;
  position: relative;
}

.invoice_and_bill_tab .header {
  margin-bottom: 20px;
  padding-bottom: 10px;
  position: relative;
  overflow-x: scroll;
}

.invoice_and_bill_tab .header .menu {
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
  border-bottom: 1px solid #c4dce0;
  width: 100%;
}

.invoice_and_bill_tab .header::-webkit-scrollbar {
  height: 4px;
}

.invoice_and_bill_tab li {
  list-style-type: none;
}

.invoice_and_bill_tab .header .menu_list {
  margin-right: 30px;
}

.invoice_and_bill_tab .header .menu_list h4 {
  color: #070a0e;
  font-size: 20px;
  font-weight: 300;
  list-style-type: none;
  /* display: inline; */
  white-space: nowrap;
}

.invoice_and_bill_tab .header .menu_list.active {
  position: relative;
}

.invoice_and_bill_tab .header .menu_list.active h4 {
  font-weight: 700;
}

.invoice_and_bill_tab .header .menu_list.active::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  background-color: #fe893a;
  border-radius: 10px;
  bottom: -3px;
  left: 0;
  z-index: 1;
}

.invoice_and_bill_tab .financial_sec .lists .list {
  margin-bottom: 50px;
}

.invoice_and_bill_tab .financial_sec .lists .list .list_heading {
  color: #070a0e;
  font-weight: 500;
  font-size: 18px;
}

.invoice_and_bill_tab .financial_sec .lists .list .list_description {
  color: #465461;
  font-weight: 400;
  font-size: 16px;
}

.invoice_and_bill_tab .financial_sec {
  padding-left: 17px;
}

.invoice_and_bill_tab .financial_sec .titles,
.invoice_and_bill_tab .customer_invoices_sec .titles {
  font-weight: 700;
  font-size: 18px;
  color: #739ca2;
  display: flex;
  justify-content: space-between;
}

.invoice_and_bill_tab .financial_sec .financial_sec_footer .title {
  color: #070a0e;
  font-weight: 500;
  font-size: 12px;
}

.invoice_and_bill_tab .financial_sec .financial_sec_footer .price,
.invoice_and_bill_tab .financial_sec .financial_sec_footer .paid_on,
.invoice_and_bill_tab .financial_sec .financial_sec_footer .date {
  color: #465461;
  font-weight: 400;
  font-size: 12px;
}

.invoice_and_bill_tab .financial_sec .financial_sec_footer .date {
  font-weight: 600;
}

.invoice_and_bill_tab .financial_sec .financial_sec_footer > div {
  margin-right: 45px;
}

.invoice_bills_body .right_sec {
  max-height: 750px;
  overflow-y: scroll;
}

.invoice_and_bill_tab .invoice_and_bill_tab .customer_invoices_sec ul {
  margin-bottom: 0;
}

.invoice_and_bill_tab .customer_invoices_sec:not(.suppliers_bills) {
  border-left: 1px solid #c4dce0;
  border-right: 1px solid #c4dce0;
  padding: 0 40px;
  height: 100%;
}

.invoice_and_bill_tab .customer_invoices_sec .list_title {
  position: relative;
  margin-left: 20px;
}

.invoice_and_bill_tab .customer_invoices_sec .list_title::before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 1px dashed #739ca2;
  top: 54%;
  left: 0;
}

.invoice_and_bill_tab .customer_invoices_sec .list_title .title {
  color: #739ca2;
  font-size: 14px;
  font-weight: 500;
  background-color: #f5fdff;
  position: relative;
}

.invoice_and_bill_tab .customer_invoices_sec .lists {
  padding-left: 30px;
  border-bottom: 1px dashed #c4dce0;
}

.invoice_and_bill_tab .customer_invoices_sec .list > div,
.invoice_and_bill_tab .customer_invoices_sec .list > div,
.invoice_and_bill_tab .customer_invoices_sec .list > div {
  display: flex;
  justify-content: space-between;
}

.invoice_and_bill_tab .customer_invoices_sec .list .title .sub_heading {
  color: #070a0e;
}

.invoice_and_bill_tab .customer_invoices_sec .list .received .sub_heading {
  color: #33c481;
}

.invoice_and_bill_tab .customer_invoices_sec .list .due .sub_heading {
  color: #ff3237;
}

.invoice_and_bill_tab .customer_invoices_sec .list .due .sub_heading,
.invoice_and_bill_tab .customer_invoices_sec .list .received .sub_heading,
.invoice_and_bill_tab .customer_invoices_sec .list .title .sub_heading {
  font-size: 14px;
  font-weight: 400;
}

.invoice_and_bill_tab .customer_invoices_sec .list {
  margin-bottom: 20px;
}

.invoice_and_bill_tab .customer_invoices_sec .vat_recieve .heading,
.invoice_and_bill_tab .customer_invoices_sec .received .heading,
.invoice_and_bill_tab .customer_invoices_sec .vat_start .heading {
  font-weight: 300;
  color: #465461;
  font-size: 10px;
  font-style: italic;
}

.invoice_and_bill_tab .customer_invoices_sec .vat_start .heading > span {
  font-weight: 400;
}

.invoice_and_bill_tab .customer_invoices_sec li span.date {
  font-weight: 400;
}

.invoice_and_bill_tab .customer_invoices_sec .vat_recieve .sub_heading,
.invoice_and_bill_tab .customer_invoices_sec .vat_start .sub_heading {
  font-size: 12px;
  color: #739ca2;
}

.invoice_and_bill_tab .customer_invoices_sec .vat {
  font-weight: 400;
}

.invoice_and_bill_tab .customer_invoices_sec .title {
  font-weight: 500;
}

.invoice_and_bill_tab .summary_list.total_summary {
  padding-left: 0;
}

.invoice_and_bill_tab .summary_list.total_summary .list {
  margin-bottom: 10px;
}

.invoice_and_bill_tab .total_sales_value .title .heading,
.invoice_and_bill_tab .total_pay_recive .title .heading,
.invoice_and_bill_tab .customer_gbp .title .heading,
.invoice_and_bill_tab .total_vat .title .heading {
  font-weight: 400;
  font-size: 16px;
  color: #465461;
}

.invoice_and_bill_tab .total_vat .heading {
  font-size: 14px;
}

.total_recive .heading,
.total_recive .sub_heading {
  font-size: 14px;
  font-weight: 400;
  color: #739ca2 !important;
}

.total_sales_value .title .sub_heading {
  color: #070a0e;
}

.total_sales_value .title .sub_heading,
.total_pay_recive .title .sub_heading {
  font-size: 14px;
}

.invoice_and_bill_tab .total_pay_recive .title .sub_heading {
  color: #33c481 !important;
}

.invoice_and_bill_tab .customer_gbp .sub_heading {
  color: #ff3237 !important;
  font-weight: 600;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.customer_invoices_tab .card-left {
  flex: auto;
}

.customer_invoices_tab .card-right .table_processing {
  display: initial;
  margin-right: 30px;
}

.customer_invoices_tab .card-right .table_processing {
  position: inherit;
  width: 349px;
}

.customer_invoices_tab .card-right .table_processing {
  position: inherit;
  width: 349px;
}

.customer_invoices_tab .card-right .table_processing_in_bg {
  background: #c4dce0;
}

.customer_invoices_tab .card-right .table_processing {
  display: initial;
  margin-right: 30px;
}

.customer_invoices_tab .card-right .table_processing .price {
  font-size: 17px;
}

.customer_invoices_tab .card-right .paid,
.customer_invoices_tab .card-right .outstanding,
.customer_invoices_tab .card-right .total_order,
.customer_invoices_tab .card-right .generated {
  font-size: 14px;
}

.customer_invoices_tab .card-right .paid.progress,
.customer_invoices_tab .card-right .outstanding.progress,
.customer_invoices_tab .card-right .total_order.progress,
.customer_invoices_tab .card-right .generated.progress {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.customer_invoices_tab .card-right .table_processing_in {
  position: relative;
  height: 10px !important;
  display: flex;
  background-color: transparent;
}

.customer_invoices_tab .card-right .paid.progress {
  background-color: #33c481 !important;
  height: 100%;
  width: 40px;
}

.customer_invoices_tab .card-right .outstanding.progress {
  background-color: #ff3237 !important;
  height: 100%;
  width: 40px;
}

.customer_invoices_tab .card-right .total_order.progress {
  background-color: #465461 !important;
  height: 100%;
  width: 40px;
}

.customer_invoices_tab .card-right .generated.progress {
  background-color: #c4dce0 !important;
  height: 100%;
  width: 40px;
}

.customer_invoices_tab .card-right .paid {
  color: #33c481;
}

.customer_invoices_tab .card-right .outstanding {
  color: #ff3237;
}

.customer_invoices_tab .card-right .total_order {
  color: #465461;
}

.customer_invoices_tab .card-right .generated {
  color: #739ca2;
}

.customer_invoices_tab .card-right .top_text,
.customer_invoices_tab .card-right .bottom_text {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

.customer_invoices_tab .card-right .top_text {
  margin-top: 0;
}

.conplete_icon {
  border: 1px solid #33c481;
  width: 12.17px;
  height: 12.17px;
  display: inline-block;
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.conplete_icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("assets/img/complete.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.customer_invoices_tab .table td {
  background-color: #ebf3f5;
}

.customer_invoices_tab table tbody h4 {
  font-weight: 400;
  margin-bottom: 8px;
}

.customer_invoices_tab table tbody .details {
  color: #465461;
  font-size: 12px;
  font-weight: 300;
}

.customer_invoices_tab table tbody .btn {
  border-radius: 30px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  width: fit-content;
}

.customer_invoices_tab table tbody td {
  padding-bottom: 10px;
}

.customer_invoices_tab table tbody .btn.success {
  color: #33c481;
  background-color: hsl(152, 59%, 48%, 28%);
}

.customer_invoices_tab table tbody .outstanding h4 {
  color: #ff3237;
}

.customer_invoices_tab table tbody .download .details {
  display: flex;
}

.partial {
  background-color: hsl(24, 99%, 61%, 28%);
  color: #fe893a;
}

.last_pay .details {
  display: flex;
}

.payment_records {
  margin-top: 2px;
}

.new_invoice_btn {
  background-color: #739ca2;
}

@media (max-width: 768px) {
  .invoice_and_bill_tab .header .menu_list {
    font-size: 16px;
  }

  .invoice_and_bill_tab .financial_sec .lists .list .list_heading {
    font-size: 14px;
  }

  .invoice_and_bill_tab .financial_sec .lists .list .list_description {
    font-size: 12px;
  }

  .invoice_and_bill_tab .financial_sec .lists .list {
    margin-bottom: 25px;
  }

  .invoice_and_bill_tab {
    padding: 20px 10px;
  }

  .customer_invoices_sec {
    padding: 0 !important;
    border: none !important;
  }

  .invoice_and_bill_tab .customer_invoices_sec .lists {
    padding-left: 18px;
  }
}

@media (max-width: 414px) {
  .invoice_and_bills_page .card-right .table_processing {
    width: 100%;
  }

  .invoice_and_bill_tab .total_sales_value .title .heading,
  .invoice_and_bill_tab .total_pay_recive .title .heading,
  .invoice_and_bill_tab .customer_gbp .title .heading,
  .invoice_and_bill_tab .total_vat .title .heading {
    font-size: 12px;
  }

  .invoice_and_bill_tab .customer_invoices_sec .list .due .sub_heading,
  .invoice_and_bill_tab .customer_invoices_sec .list .received .sub_heading,
  .invoice_and_bill_tab .customer_invoices_sec .list .title .sub_heading {
    font-size: 10px;
  }

  .invoice_and_bill_tab .customer_gbp .sub_heading {
    font-size: 14px !important;
  }
}

@media (max-width: 768px) {
  .invoice_bill_modal .invoice_box .seller_sec,
  .invoice_bill_modal .invoice_box .consignee_sec,
  .invoice_bill_modal .invoice_box .partial_delivery_sec,
  .invoice_bill_modal .invoice_box .delivery_terms_sec,
  .invoice_bill_modal .invoice_box .vat_sec,
  .invoice_bill_modal .invoice_box .notes_sec,
  .invoice_bill_modal .invoice_box .Additional_sec {
    display: block;
  }
}

.badge {
  width: fit-content;
  height: 34px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}

.badge.dispatch {
  color: #f6921e;
  background-color: hsl(32, 92%, 54%, 20%);
}

.badge.error {
  color: #ff3237;
  background-color: hsl(359, 100%, 60%, 20%);
}

.badge.pending {
  color: #fe8083;
  background-color: hsl(359, 98%, 75%, 20%);
}

.shipment_part {
  padding: 10px 20px;
}

.shipment_part .title {
  color: #465461;
  font-weight: 400;
  font-size: 18px;
}

.shipment_part .title .highlight {
  color: #fe893a;
  font-style: italic;
}

.shipment_table_heading,
.shipment_table_body .shipment_table_body_row {
  display: grid;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% auto;
  border-bottom: 1px solid #c4dce0;
  gap: 10px;
}

.shipment_table_body .shipment_table_body_row:last-child {
  margin-bottom: 20px;
}

.shipment_table_heading .heading,
.shipment_table_body .shipment_table_body_row .heading {
  font-size: 16px;
  font-weight: 400;
}

.shipment_table_heading .heading {
  color: #465461;
}

.shipment_table_body .shipment_table_body_row .heading {
  color: #070a0e;
}

.shipment_table_heading > div,
.shipment_table_body .shipment_table_body_row > div {
  padding: 10px 0;
  margin: 10px 0;
  display: flex;
  align-items: center;
}

.checkbox_sec {
  justify-content: end;
}

.checkbox_sec .custom-checkbox-itm {
  margin-top: -20px;
}

.icons {
  display: flex;
  align-items: center;
  margin-left: 40px;
}

.icons > span {
  margin-right: 20px;
}

.shipment_modal .modal_body,
.shipment_modal .modal_body .card_content_body {
  height: 100%;
}

.shipment_popup {
  cursor: pointer;
}

.shipment_popup h4 {
  text-decoration: underline;
}

.shipment_modal .table_wrapper {
  height: 95%;
  overflow: scroll;
}

.shipment_modal tr.dispatch_details td {
  font-weight: 400;
  font-size: 18px;
  color: #070a0e;
}

.shipment_modal .table-reponsive {
  border-bottom: 1px solid #c4dce0;
}

.sub_total_value_sec .sub_total_values .left {
  color: #465461;
  font-weight: 300;
  font-size: 16px;
}

.sub_total_value_sec .sub_total_values {
  width: 400px;
  margin-left: auto;
  padding-right: 20px;
}

.sub_total_value_sec .sub_total_values .right {
  font-size: 16px;
  color: #070a0e;
}

.sub_total_value_sec .total .right .price {
  font-weight: 500;
  color: #1d85e8;
}

.sub_total_value_sec .sub_total_values td div {
  text-align: right;
}

.dispatch_details td:last-child {
  text-align: right;
  padding-right: 20px;
}

.modal_heading_text_lite {
  font-weight: 400;
}

.invoice_bill_modal
  .proformaInvoicetab
  .proformaInvoice-modal-Header
  .header_Content
  .col_A
  .header_Content_Heading,
.supplier_bill_modal
  .proformaInvoicetab
  .proformaInvoice-modal-Header
  .header_Content
  .col_A
  .header_Content_Heading {
  display: inline-block;
}

@media (max-width: 992px) {
  .customer_invoices_tab .card-left,
  .customer_invoices_tab .card-right {
    min-width: 100%;
  }

  .customer_invoices_tab .card-right .dash_right_btn_custom {
    position: relative;
  }
}

@media (max-width: 768px) {
  .customer_invoices_tab .card-right .table_processing {
    width: 60%;
  }

  .invoice_and_bill_tab .header .menu {
    width: max-content;
  }
}

@media (max-width: 414px) {
  .invoice_and_bill_tab .header .menu_list h4 {
    font-size: 16px;
  }

  .customer_invoices_tab .card-right .table_processing {
    width: 100%;
  }

  .customer_invoices_tab .table-reponsive {
    margin-top: 60px;
  }
}

.invoice_bill .action_table_col .dropdown {
  margin-top: 0;
}

.payment_rec_modal .proformaInvoicetab,
.bill_rec_modal .proformaInvoicetab {
  background-color: #ffffff;
}

.payment_rec_modal .total_order_value div.heading,
.payment_rec_modal .total_order_value div.footer,
.bill_rec_modal .total_order_value div.heading,
.bill_rec_modal .total_order_value div.footer {
  display: flex;
  justify-content: space-between;
  padding: 0 20px 0 0;
}

.payment_rec_modal .total_order_value div.heading .heading_title,
.payment_rec_modal .total_order_value div.heading .heading_price,
.bill_rec_modal .total_order_value div.heading .heading_title,
.bill_rec_modal .total_order_value div.heading .heading_price {
  font-weight: 400;
  font-size: 14px;
  color: #465461;
}

.payment_rec_modal .total_order_value div.heading .heading_price,
.bill_rec_modal .total_order_value div.heading .heading_price {
  color: #1d85e8;
}

.payment_rec_modal .total_order_value div.footer .footer_price,
.bill_rec_modal .total_order_value div.footer .footer_price {
  color: #ff3237;
}

.payment_rec_modal .total_order_value ul.menu_list,
.bill_rec_modal .total_order_value ul.menu_list {
  padding: 0;
  border-bottom: 1px solid #c4dce0;
}

.payment_rec_modal .total_order_value ul.menu_list li.list,
.bill_rec_modal .total_order_value ul.menu_list li.list {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  border-radius: 20px;
  font-size: 14px;
  margin: 5px 0;
}

.payment_rec_modal .total_order_value ul.menu_list li.list.active,
.payment_rec_modal .total_order_value ul.menu_list li.list:hover,
.bill_rec_modal .total_order_value ul.menu_list li.list.active,
.bill_rec_modal .total_order_value ul.menu_list li.list:hover {
  background-color: #c4dce0;
}

.payment_rec_modal
  .total_order_value
  ul.menu_list
  li.list.active
  .left
  .heading,
.payment_rec_modal .total_order_value ul.menu_list li.list.active .right.price,
.bill_rec_modal .total_order_value ul.menu_list li.list.active .left .heading,
.bill_rec_modal .total_order_value ul.menu_list li.list.active .right.price {
  color: #070a0e;
  font-weight: 600;
}

.payment_rec_modal
  .total_order_value
  ul.menu_list
  li.list.active
  .left
  .date_sec,
.bill_rec_modal .total_order_value ul.menu_list li.list.active .left .date_sec {
  font-size: 10px;
  font-weight: 300;
  color: #465461;
}

.payment_rec_modal
  .total_order_value
  ul.menu_list
  li.list.active
  .left
  .date_sec
  .date,
.bill_rec_modal
  .total_order_value
  ul.menu_list
  li.list.active
  .left
  .date_sec
  .date {
  font-style: italic;
}

.payment_rec_modal .right_sec ul.menu_list li.list,
.bill_rec_modal .right_sec ul.menu_list li.list {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.payment_rec_modal .right_sec,
.bill_rec_modal .right_sec {
  border-left: 1px solid #c4dce0;
}

.payment_rec_modal .right_sec ul.menu_list li.list .right,
.payment_rec_modal .right_sec ul.menu_list li.list .left,
.bill_rec_modal .right_sec ul.menu_list li.list .right,
.bill_rec_modal .right_sec ul.menu_list li.list .left {
  font-size: 14px;
}

.payment_rec_modal .right_sec ul.menu_list li.list .left,
.bill_rec_modal .right_sec ul.menu_list li.list .left {
  font-weight: 300;
  color: #465461;
}

.payment_rec_modal .right_sec ul.menu_list li.list .right,
.bill_rec_modal .right_sec ul.menu_list li.list .right {
  font-weight: 400;
  color: #070a0e;
}

.payment_rec_modal .settled,
.bill_rec_modal .settled {
  font-style: italic;
  color: #33c481;
  text-decoration: underline;
}

.order_summary_modal .card-left h4 {
  font-weight: 700;
}

.order_summary_modal .card-left h4 span {
  font-weight: 400;
}

.order_summary_modal .bill_header {
  display: grid;
  grid-template-columns: 23% auto;
  gap: 15px;
}

.order_summary_modal .modal-content {
  background-color: #ebf3f5;
}

.order_summary_modal .modal-content .card_content_body {
  background-color: transparent !important;
}

.order_summary_modal .bill_header .right .sec_two {
  border-left: 1px solid #c4dce0;
}

.order_summary_modal .body_content_sec .section {
  background-color: #f5fdff;
  padding: 30px;
  border-radius: 20px;
}

.order_summary_modal .body_content_sec .sec {
  min-height: 120px;
}

.order_summary_modal .title {
  font-weight: 700;
  color: #739ca2;
  font-size: 18px;
}

.order_summary_modal .heading {
  font-weight: 500;
  color: #070a0e;
  font-size: 18px;
}

.order_summary_modal .child_heading {
  font-weight: 500;
  color: #070a0e;
  font-size: 16px;
}

.order_summary_modal .customer_invoices_sec .child_heading,
.order_summary_modal .customer_invoices_sec .child_sub_heading {
  color: #465461;
}

.order_summary_modal .child_sub_heading {
  font-weight: 500;
  color: #070a0e;
  font-size: 14px;
}

.order_summary_modal .customer_invoices_sec .child_sub_heading {
  font-size: 14px;
  font-weight: 400;
}

.order_summary_modal .name {
  font-weight: 400;
  color: #070a0e;
  font-size: 16px;
}

.order_summary_modal .sub_title {
  font-weight: 500;
  color: #739ca2;
  font-size: 14px;
}

.order_summary_modal .text {
  font-weight: 400;
  color: #465461;
  font-size: 16px;
}

.order_summary_modal .child_text {
  font-weight: 400;
  color: #465461;
  font-size: 14px;
}

.order_summary_modal .xero {
  font-style: italic;
  color: #739ca2;
  font-weight: 300;
  font-size: 12px;
}

.order_summary_modal .xero .number {
  font-weight: 400;
  color: #465461;
}

.order_summary_modal .table_heading .heading {
  font-weight: 200;
  font-size: 16px;
  color: #465461;
}

.order_summary_modal .discription_table {
  display: table;
  width: 100%;
  margin-top: 10px;
}

.order_summary_modal .discription_table .th_heading {
  display: none;
  font-weight: 200;
  font-size: 16px;
  color: #465461;
}

.order_summary_modal .discription_table .table_heading,
.order_summary_modal .discription_table .table_content {
  display: table-row;
}

.order_summary_modal .discription_table .table_heading .heading,
.order_summary_modal .discription_table .table_content .name {
  display: table-cell;
  padding: 10px 0;
}

.financial_bills li {
  list-style-type: none;
}

.financial_bills .financial_sec .lists .list {
  margin-bottom: 50px;
}

.financial_bills .financial_sec .lists .list .list_heading {
  color: #070a0e;
  font-weight: 500;
  font-size: 18px;
}

.financial_bills .financial_sec .lists .list .list_description {
  color: #465461;
  font-weight: 400;
  font-size: 16px;
  margin-top: 10px;
}

.financial_bills .financial_sec {
  padding-left: 17px;
}

.financial_bills .financial_sec .titles,
.financial_bills .customer_invoices_sec .titles {
  font-weight: 700;
  font-size: 18px;
  color: #739ca2;
  display: flex;
  justify-content: space-between;
}

.financial_bills .financial_sec .financial_sec_footer .title {
  color: #070a0e;
  font-weight: 500;
  font-size: 12px;
}

.financial_bills .financial_sec .financial_sec_footer .price,
.financial_bills .financial_sec .financial_sec_footer .paid_on,
.financial_bills .financial_sec .financial_sec_footer .date {
  color: #465461;
  font-weight: 400;
  font-size: 12px;
}

.financial_bills .financial_sec .financial_sec_footer .date {
  font-weight: 600;
}

.financial_bills .financial_sec .financial_sec_footer > div {
  margin-right: 45px;
}

.financial_bills .invoice_bills_body .right_sec {
  max-height: inherit;
}

.financial_bills .financial_bills .customer_invoices_sec ul {
  margin-bottom: 0;
}

.financial_bills .customer_invoices_sec:not(.suppliers_bills) {
  border-left: 1px solid #c4dce0;
  border-right: 1px solid #c4dce0;
  padding: 0 40px;
  height: 100%;
}

.financial_bills .customer_invoices_sec .list_title {
  position: relative;
  margin-left: 20px;
}

.financial_bills .customer_invoices_sec .list_title::before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 1px dashed #739ca2;
  top: 54%;
  left: 0;
}

.financial_bills .customer_invoices_sec .list_title .title {
  color: #739ca2;
  font-size: 14px;
  font-weight: 500;
  background-color: #f5fdff;
  position: relative;
}

.financial_bills .customer_invoices_sec .lists {
  padding-left: 30px;
  border-bottom: 1px dashed #c4dce0;
}

.financial_bills .customer_invoices_sec .list > div,
.financial_bills .customer_invoices_sec .list > div,
.financial_bills .customer_invoices_sec .list > div {
  display: flex;
  justify-content: space-between;
}

.financial_bills .customer_invoices_sec .list .title .sub_heading {
  color: #070a0e;
}

.financial_bills .customer_invoices_sec .list .received .sub_heading {
  color: #33c481;
}

.financial_bills .customer_invoices_sec .list .due .sub_heading {
  color: #ff3237;
}

.financial_bills .customer_invoices_sec .list .due .sub_heading,
.financial_bills .customer_invoices_sec .list .received .sub_heading,
.financial_bills .customer_invoices_sec .list .title .sub_heading {
  font-size: 14px;
  font-weight: 400;
}

.financial_bills .customer_invoices_sec .list {
  margin-bottom: 20px;
}

.financial_bills .customer_invoices_sec .vat_recieve .heading,
.financial_bills .customer_invoices_sec .received .heading,
.financial_bills .customer_invoices_sec .vat_start .heading {
  font-weight: 300;
  color: #465461;
  font-size: 10px;
  font-style: italic;
}

.financial_bills .customer_invoices_sec .vat_start .heading > span {
  font-weight: 400;
}

.financial_bills .customer_invoices_sec li span.date {
  font-weight: 400;
}

.financial_bills .customer_invoices_sec .vat_recieve .sub_heading,
.financial_bills .customer_invoices_sec .vat_start .sub_heading {
  font-size: 12px;
  color: #739ca2;
}

.financial_bills .customer_invoices_sec .vat {
  font-weight: 400;
}

.financial_bills .customer_invoices_sec .title {
  font-weight: 500;
}

.financial_bills .summary_list.total_summary {
  padding-left: 0;
}

.financial_bills .summary_list.total_summary .list {
  margin-bottom: 10px;
}

.financial_bills .total_sales_value .title .heading,
.financial_bills .total_pay_recive .title .heading,
.financial_bills .customer_gbp .title .heading,
.financial_bills .total_vat .title .heading {
  font-weight: 400;
  font-size: 16px;
  color: #465461;
}

.financial_bills .total_vat .heading {
  font-size: 14px;
}

.total_recive .heading,
.total_recive .sub_heading {
  font-size: 14px;
  font-weight: 400;
  color: #739ca2 !important;
}

.total_sales_value .title .sub_heading {
  color: #070a0e;
}

.total_sales_value .title .sub_heading,
.total_pay_recive .title .sub_heading {
  font-size: 14px;
}

.order_summary_modal .financial_bills .total_pay_recive .title .sub_heading {
  color: #33c481 !important;
}

.order_summary_modal .financial_bills .customer_gbp .sub_heading {
  color: #ff3237 !important;
  font-weight: 600;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.order_summary_modal .documents_sec .documents .title {
  font-size: 16px;
}

.order_summary_modal .documents_sec .right {
  border-left: 1px solid #c4dce0;
  padding-left: 110px;
}

.order_summary_modal .shipment_sec {
  align-items: center;
  justify-content: space-between;
}

.badge.success {
  background-color: hsl(152, 59%, 48%, 20%);
  color: #33c481;
}

.badge.info {
  background-color: hsl(209, 82%, 51%, 20%);
  color: #1d85e8;
}

.badge.gray {
  background-color: hsl(209, 16%, 33%, 20%);
  color: #465461;
}

.order_summary_modal .shipment_sec .header {
  display: flex;
  align-items: center;
}

.order_summary_modal .shipment_details .title {
  display: flex;
  justify-content: space-between;
}

.order_summary_modal .shipment_details .name {
  display: flex;
  justify-content: space-between;
}

.order_summary_modal .shipment_details .name .xero {
  text-align: right;
}

.customer_invoice {
  border: 1px solid #c4dce0;
  border-width: 0 1px 0 1px;
}

.created_date {
  font-style: italic;
  font-size: 10px;
  font-weight: 300;
  margin: 20px 0;
}

.created_date .date {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
}

.items {
  font-size: 16px;
  font-weight: 400;
  color: #070a0e;
  margin-bottom: 20px;
}

.supply .supply_text {
  font-style: italic;
  color: #465461;
  font-weight: 300;
  font-size: 14px;
}

.supply_name {
  color: #465461;
  margin-bottom: 10px;
}

.total_outstand {
  margin-top: 20px;
}

.total_outstand .price {
  color: #ff3237;
  font-size: 18px;
  font-weight: 600;
}

.recieved .price {
  color: #33c481;
}

.shipment_sec .header_sub_title {
  font-style: italic;
  font-size: 14px;
  font-weight: 600;
  color: #739ca2;
  margin-left: 20px;
}

.price_sym {
  font-weight: 400;
}

.shipment_sec .child_title {
  font-size: 16px;
  margin-bottom: 17px;
}

.shipment-box {
  margin-top: 30px;
}

.shipment_bill {
  padding-right: 45px;
}

.shipment-box {
  display: flex;
  justify-content: space-between;
}

.shipment-box .shipment_list {
  width: -webkit-fill-available;
  position: relative;
}

.shipment-box .shipment_list .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: rgba(245, 253, 255, 1);
  box-shadow: 0 2px 10px 0 #4654611a;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  position: relative;
  z-index: 1;
}

.shipment-box .shipment_list.active .icon {
  background-color: #33c481;
}

.shipment-box .shipment_list.active .line {
  background-color: #33c481;
}

.shipment-box .shipment_list.active .icon img {
  filter: brightness(55);
}

.shipment-box .shipment_list:first-child .icon {
  margin-left: 0;
}

.shipment-box .shipment_list:last-child .icon {
  margin-right: 0;
}

.shipment-box .shipment_list .line {
  width: 100%;
  height: 5px;
  background-color: #ebf3f5;
  position: absolute;
  top: 24%;
  z-index: 0;
}

.shipment-box .shipment_list .warehouse .icon {
  width: 30px;
  height: 30px;
}

.shipment-box.warehouse_shipment .shipment_list {
  width: inherit;
  flex-grow: 1;
}

.shipment-box.warehouse_shipment .shipment_list:first-child {
  flex-grow: 10 !important;
}

.shipment-box .shipment_list.active .text {
  color: #33c481;
}

.shipment-box .shipment_list .text {
  text-align: center;
  margin-top: 7px;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  font-size: 14px;
}

.shipment-box .shipment_list .text p {
  margin-bottom: 5px !important;
}

.shipment-box .shipment_list:first-child .text {
  text-align: start;
}

.shipment-box .shipment_list:last-child .text {
  text-align: end;
}

.shipment-box .shipment_list .text .date {
  font-size: 10px;
  color: #739ca2;
  font-weight: 400;
}

.shipment_sec .toggle_box {
  display: flex;
  justify-content: end;
  position: relative;
}

.shipment_sec .toggle_box .toggle_btn {
  position: absolute;
  top: -32px;
}

.shipment_sec .icon.child_icon {
  width: 30px !important;
  height: 30px !important;
  margin-top: 6px !important;
}

.shipment_sec_four .child_text {
  display: flex;
  justify-content: space-between;
}

.shipment_sec_four .supply .supply_text {
  font-size: 12px;
  margin-bottom: 10px;
}

@media (max-width: 1440px) {
  .financial_bills .invoice_bills_body .bills_body {
    flex-direction: column;
  }

  .financial_bills .invoice_bills_body .right_sec,
  .financial_bills .invoice_bills_body .left_sec {
    max-width: 100% !important;
  }

  .financial_bills .customer_invoices_sec:not(.suppliers_bills) {
    padding-left: 0;
  }

  .financial_bills .invoice_bills_body .right_sec {
    margin-top: 30px;
  }

  .financial_bills .customer_invoices_sec:not(.suppliers_bills) {
    border-left: 0;
    padding-left: 0px;
  }

  .financial_bills .customer_invoices_sec .lists {
    padding-left: 20px;
  }

  .documents_sec .documents {
    flex-direction: column;
  }

  .documents_sec .documents .left {
    max-width: 100%;
  }

  .documents_sec .documents .right {
    border-left: 0;
    padding: 0;
    max-width: 100%;
  }

  .documents_sec .documents .right .row {
    margin: 0;
  }
}

@media (max-width: 1280px) {
  .order_summary_modal .bill_header {
    grid-template-columns: 30% auto;
  }

  .order_summary_modal .modal-content {
    padding: 10px;
  }

  .order_summary_modal .discription_table .table_content .name {
    font-size: 14px;
  }
}

@media (max-width: 1180px) {
  .order_summary_modal .title,
  .order_summary_modal .heading {
    font-size: 16px;
  }

  .order_summary_modal .text {
    font-size: 14px;
  }

  .order_summary_modal
    .financial_bills
    .financial_sec
    .lists
    .list
    .list_heading {
    font-size: 16px;
  }

  .order_summary_modal
    .financial_bills
    .financial_sec
    .lists
    .list
    .list_description {
    font-size: 14px;
  }

  .order_summary_modal .financial_bills .financial_sec .lists .list {
    margin-bottom: 30px;
  }

  .order_summary_modal .shipment_details .name {
    font-size: 14px;
  }

  .order_summary_modal .shipment_bill {
    padding-right: 30px;
  }
}

@media (max-width: 1024px) {
  .financial_bills .invoice_bills_body .right_sec .row {
    display: block;
  }

  .financial_bills .customer_invoices_sec:not(.suppliers_bills) {
    border-right: 0;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .financial_bills .invoice_bills_body .right_sec .row > div {
    max-width: 100%;
  }

  .documents_sec .documents .right {
    flex-direction: column;
  }

  .documents_sec .documents .right > div {
    max-width: 100%;
  }

  .shipment_details {
    flex-direction: column;
  }

  .shipment_details > div {
    max-width: 100%;
  }

  .shipment_sec .customer_invoice {
    border: 0;
    margin: 30px 0;
  }

  .shipment_sec .shipment_bill {
    padding-right: 0;
  }

  .shipment_sec .toggle_box .toggle_btn {
    position: initial;
  }

  .shipment-box.warehouse_shipment .shipment_list .line {
    top: 18%;
  }

  .order_summary_modal .discription_table,
  .order_summary_modal .discription_table .table_content,
  .order_summary_modal .discription_table .table_content .td-cell {
    display: block;
  }

  .order_summary_modal .discription_table .table_content {
    border-bottom: 1px solid #c4dce0;
  }

  .order_summary_modal .discription_table .table_heading {
    display: none;
  }

  .order_summary_modal .discription_table .table_content .td-cell .th_heading {
    display: inline-block;
    margin-right: 20px;
  }
}

@media (max-width: 820px) {
  .order_summary_modal .bill_header {
    display: block;
  }

  .order_summary_modal .bill_header .left {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .order_summary_modal .bill_header .right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .documents_sec .documents .left {
    flex-wrap: wrap;
  }
}

@media (max-width: 414px) {
  .order_summary_modal .modal-content {
    min-width: 100%;
  }

  .order_summary_modal .modal-content .card_content_body {
    padding: 0;
  }

  .order_summary_modal .shipment_sec .header {
    display: block;
  }

  .order_summary_modal .shipment_sec .header .badge {
    margin: 10px 0;
  }

  .shipment-box.warehouse_shipment .shipment_list .line {
    top: 18%;
    left: 5%;
    width: 5px;
    height: 100%;
  }

  .shipment-box:not(.warehouse_shipment) .shipment_list .line {
    top: 18%;
  }

  .order_summary_modal .bill_header .details {
    display: block;
  }

  .order_summary_modal .bill_header .right .sec_two {
    padding-left: 0;
    border: 0;
    margin-top: 20px;
  }

  .shipment-box.warehouse_shipment {
    display: block;
  }

  .shipment-box.warehouse_shipment .shipment_list {
    height: 88px;
  }

  .shipment-box.warehouse_shipment .shipment_list .icon {
    margin-left: 0;
  }

  .shipment-box.warehouse_shipment .shipment_list .text {
    position: absolute;
    top: -12px;
    left: 57px;
    text-align: left;
    margin-left: 40px;
  }

  .shipment-box.warehouse_shipment .shipment_list.warehouse .icon {
    width: 30px;
    height: 30px;
    margin-top: 8px;
  }
}

/* -----------non editable modal------- */

.invoice_box .dropdown {
  background-color: #ebf3f5;
  border-radius: 10px;
  font-size: 16px;
}

div.customInput {
  background-color: hsl(192, 33%, 94%, 40%) !important;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: #070a0e;
  padding-top: 10px;
  padding-bottom: 10px;
}

.notes_sec .notes_title div.customInput,
.Additional_sec .Additional_title div.customInput {
  padding: 20px;
}

.shipment_part div.customInput {
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown-content-itm .heading,
.dropdown-content-itm .heading,
.dropdown-content-itm .sub_heading,
.dropdown-content-itm .sub_heading {
  color: #465461;
  font-weight: 300;
}

.dropdown-content-itm .heading,
.dropdown-content-itm .heading {
  font-size: 18px;
}

.dropdown-content-itm .sub_heading,
.dropdown-content-itm .sub_heading {
  font-size: 12px;
}

.dropdown-content-itm.active .heading,
.dropdown-content-itm.active .heading {
  color: #070a0e;
  font-weight: 400;
}

.dropdown-content-itm {
  /* padding: 10px 15px; */
  margin: 5px 3px;
  border-radius: 10px;
  cursor: pointer;
}

/* .dropdown-content-itm:hover,
.dropdown-content-itm.active {
    background-color: #E5E5E5;
} */

.proformaInvoicetab .form_group.search_cls,
.supplier-po .form_group.search_cls,
.order-tracking .form_group.search_cls {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.searc-icon {
  top: 12px;
  left: 0.875rem;
}

.supplier-po .form_group .dropdown .form_control.dropbtn,
.order-tracking .form_group .dropdown .form_control.dropbtn {
  font-size: 12px;
  font-weight: 500;
  color: #070a0e;
}

.supplier-po-billing-sec .form_group.search_cls input {
  padding-left: 45px !important;
  background-color: #f5f5f5 !important;
}

.sales-order div.customInput,
.supplier-po .right_Side_part div.customInput {
  font-size: 12px;
  padding-left: 15px;
}

.supplier-po .right_Side_part div.customInput.text_area {
  min-height: 110px;
  padding: 20px;
  align-items: flex-start;
}

.supplier-po div.customInput {
  font-size: 12px;
  margin-left: 0px;
}

.sales-order .dash_right_btn_custom {
  gap: 1.2rem;
}

.sales-order .dash_right_btn_custom .header_Button {
  width: 50px !important;
  height: 50px !important;
}

.form_control {
  min-height: 40px;
  font-size: 16px;
}

.proferma_invoice_sec .warehouse_shipping {
  max-height: 65px;
}

.supplier_pvt {
  background-color: transparent;
  margin-left: 15px;
}

.warehouse_tab table tbody td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.warehouse_tab table tbody td h4 {
  font-size: 14px;
  width: auto;
}

.warehouse_tab .table_processing_span {
  color: #465461;
  font-style: italic;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  bottom: 0.625rem;
  left: 1.25rem;
}

.table_info_s.address h4 {
  white-space: initial;
}

.warehouse_tab .card-right .warehouse_btn {
  white-space: nowrap;
}

.footer_pagination {
  padding: 0.625rem 1.875rem 1.5625rem;
  margin-top: auto;
}

.footer_pagination .page_count {
  font-size: 22px;
  color: #aaaaaa;
  font-weight: 500;
  white-space: nowrap;
}

.footer_pagination .pagination .dash {
  position: relative;
  width: 100%;
  height: 25px;
  margin: 0 20px;
}

.footer_pagination .pagination .dash::after {
  content: "";
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #465461;
}

.footer_pagination .pagination .btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #c4dce0;
}

.footer_pagination .pagination .count {
  width: 40px;
  height: 32px;
  color: #739ca2;
  font-weight: 700;
  font-size: 22px;
  justify-content: center;
}

.warehouse_main {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.new_warehouse_modal {
  overflow-y: scroll;
}

.new_warehouse_modal .inputTopLabel,
.address_modal .inputTopLabel {
  position: absolute;
  top: -17px;
  font-size: 0.875rem;
  padding-left: 20px;
}

.new_warehouse_modal .dropdown,
.address_modal .dropdown {
  margin-top: 0;
}

@media (max-width: 1080px) {
  .footer_pagination .page_count,
  .footer_pagination .pagination .count {
    font-size: 16px;
  }
}

button.menual_type_billing_address {
  width: 50px;
  border-radius: 8px;
  border: 0;
  font-size: 16px;
  cursor: pointer;
}

.all_warehouse_drp_btn {
  width: 220px !important;
}

div.list_style {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #739ca2;
}

.stockitem_tab .table_info_s {
  height: 60px;
  padding-top: 00px;
  padding-bottom: 00px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stockitem_tab .table_info_s.table_info {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.stockitem_tab .table_info_s h4 {
  display: inline-block;
}

.suppliers_modal table td,
.suppliers_modal table th,
.customer_modal table td,
.customer_modal table th {
  padding: 10px;
  background-color: transparent;
}

.suppliers_modal .card_content_body,
.customer_modal .card_content_body {
  background-color: transparent;
}

.goods_in_tab .table_info_s {
  justify-content: flex-start;
}

.goods_in_tab table tbody h4 {
  font-weight: 400;
  margin-bottom: 8px;
}

.goods_in_tab table tbody .details {
  color: #465461;
  font-size: 12px;
  font-weight: 300;
}

.goods_in_tab table tbody .btn {
  border-radius: 30px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  width: fit-content;
}

.goods_in_tab table tbody td {
  padding-top: 20px;
  padding-bottom: 0;
}

.goods_in_tab table tbody td h4 {
  margin-bottom: 0;
}

.goods_in_tab table tbody .btn.success {
  color: #33c481;
  background-color: hsl(152, 59%, 48%, 28%);
}

.goods_in_tab table tbody .outstanding h4 {
  color: #ff3237;
}

.goods_in_tab table tbody .download .details {
  display: flex;
}

.goods_bill_modal .firstbtn {
  background-color: #739ca2;
}

.goods_bill_modal .left_side_content {
  border-right: 1px solid #c4dce0;
}

.goods_bill_modal .left_side_content .address {
  margin-bottom: 50px;
}

.goods_bill_modal .left_side_content .title {
  color: #465461;
  font-weight: 700;
  font-size: 16px;
  font-style: italic;
}

.goods_bill_modal .left_side_content .child_heading {
  color: #070a0e;
  font-weight: 500;
  font-size: 14px;
}

.goods_bill_modal .left_side_content .child_sub_heading {
  color: #465461;
  font-weight: 300;
  font-size: 14px;
}

.goods_bill_modal .left_side_content .heading {
  color: #070a0e;
  font-weight: 500;
  font-size: 14px;
}

.goods_bill_modal .left_side_content .sub_heading {
  color: #739ca2;
  font-weight: 300;
  font-size: 14px;
}

.goods_bill_modal .left_side_content .text {
  color: #070a0e;
  font-weight: 400;
  font-size: 14px;
}

.goods_bill_modal .right_side_content .title {
  color: #465461;
  font-weight: 700;
  font-size: 16px;
  font-style: italic;
}

.goods_bill_modal .right_side_content .sub_heading {
  color: #465461;
  font-weight: 300;
  font-size: 12px;
  display: flex;
}

.goods_bill_modal .right_side_content .sub_heading .sub_heading_child {
  color: #070a0e;
  font-weight: 500;
  margin-left: auto;
}

.goods_bill_modal .right_side_content .sub_heading .sym {
  color: #465461;
  font-weight: 500;
  font-size: 16px;
  margin-left: 10px;
}

.goods_bill_modal .right_side_content .goods_details_sec {
  border-bottom: 1px solid #c4dce0;
}

.goods_bill_modal .right_side_content .goods_details_sec .sub_heading {
  margin: 15px 0;
}

.goods_bill_modal .right_side_content .item_sec {
  padding: 20px;
  background-color: #ebf3f5;
  border-radius: 20px;
  margin: 20px 0;
  min-height: 382px;
  overflow-y: scroll;
}

.goods_bill_modal .right_side_content .item_sec .title h4 {
  color: #070a0e;
  font-weight: 700;
  font-size: 18px;
  font-style: normal;
}

.goods_bill_modal .right_side_content .item_sec .table {
  display: table;
  width: 100%;
}

.goods_bill_modal .right_side_content .item_sec .table_row {
  display: table-row;
}

.goods_bill_modal .right_side_content .item_sec .table_cell {
  display: table-cell;
}

.goods_bill_modal .right_side_content .item_sec .table_row,
.goods_bill_modal .right_side_content .item_sec .table_cell {
  padding-top: 25px;
  padding-bottom: 10px;
}

.goods_bill_modal .right_side_content .item_sec .table_header .icon {
  margin-right: 10px;
}

.goods_bill_modal .right_side_content .item_sec .table_header .icon img {
  width: 12px;
}

.goods_bill_modal .right_side_content .item_sec .table_header .table_cell {
  color: #465461;
  font-weight: 300;
  font-size: 12px;
}

.goods_bill_modal .right_side_content .item_sec .table_header .table_cell {
  border-bottom: 1px solid #c4dce0;
}

.goods_bill_modal .right_side_content .item_sec .table h4 {
  margin-bottom: 3px;
  color: #070a0e;
  font-weight: 400;
  font-size: 14px;
}

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

.delivery_info_sec .delivery > div {
  width: 300px;
}

.delivery_info_sec .delivery > div .sub_heading {
  font-size: 16px;
  margin: 15px 0;
}

.delivery_info_sec .delivery .dash {
  border-bottom: 1px solid #c4dce0;
}

.delivery_info_sec .delivery .total_price {
  color: #1d85e8 !important;
}

.goods_bill_modal .save_btn {
  width: 200px;
  margin-left: 20px;
}

.goods_bill_modal .add_sec .add {
  color: #fe893a;
  font-size: 12px;
  font-weight: 300;
}

.goods_bill_modal .goods_details_sec textarea {
  padding: 15px 20px;
  height: 80px;
}

.goods_bill_modal .goods_details_sec textarea,
.goods_bill_modal .goods_details_sec input {
  font-size: 12px;
}

.goods_bill_modal .goods_details_sec input {
  padding-left: 10px;
}

.item_sec .form_control {
  background-color: #f5fdff;
  width: 115px;
}

.goods_bill_modal .goods_details_sec .date_input_sec {
  position: relative;
}

.goods_bill_modal .goods_details_sec .date_input_sec .cal_icon {
  position: absolute;
  top: 40%;
  right: 10px;
}

.goods_bill_modal .goods_details_sec .date_sec .sub_heading {
  padding: 2px 10px;
}

.compare_supplier_quotes .card-left h4 {
  font-size: 20px;
  color: #070a0e;
  padding-left: 8px;
}
.compare_supplier_quotes .card-left h4 span {
  font-weight: 700;
}
.compare_supplier_quotes thead th {
  padding-left: 10px;
  padding-right: 2px;
  font-size: 11px;
}
.compare_supplier_quotes td {
  padding: 6px !important;
}
.compare_supplier_quotes tbody td h4 {
  font-size: 12px;
}
.compare_supplier_quotes tbody td .name h4 {
  font-weight: 600;
}
.compare_supplier_quotes tbody td .terms p span {
  font-size: 10px;
  font-weight: 400;
}
.compare_supplier_quotes .table-reponsive {
  overflow-x: auto;
}
.compare_supplier_quotes .table-reponsive .add-response-btn {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 600;
}
.compare_supplier_quotes .table-reponsive .quote {
  position: relative;
}
.compare_supplier_quotes .table-reponsive .quote .quote-details {
  position: absolute;
  top: 0;
}
.compare_supplier_quotes .table-reponsive .quote .quote-details .close_btn {
  position: absolute;
  top: -15px;
  right: 0;
  cursor: pointer;
}
.compare_supplier_quotes .table-reponsive .quote .quote-details .details {
  position: relative;
  top: 22px;
}
.compare_supplier_quotes .table-reponsive .quote .quote-details .details .text {
  position: relative;
  z-index: 1;
  padding: 10px 10px 5px 10px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  font-size: 10px;
  font-weight: 300;
  border-radius: 5px;
}
.compare_supplier_quotes
  .table-reponsive
  .quote
  .quote-details
  .details::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  top: -4px;
  right: 50%;
  left: 50%;
  background-color: #ffffff;
  transform: rotate(45deg);
}
.compare_supplier_quotes .table-reponsive td.table_info {
  background-color: #ebf3f5;
}
.compare_supplier_quotes .add-res-sec {
  position: relative;
}
.add-res-link {
  font-size: 16px;
  color: #fe893a;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
.compare_supplier_quotes .add-res-menu {
  width: 360px;
  right: 0;
  left: 100%;
  padding: 1.25rem;
  margin-top: 7px;
  position: absolute;
  top: -260px;
  z-index: 1;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0rem 2.5rem 4.375rem rgb(0 0 0 / 5%);
  border-radius: 1.25rem;
  padding: 20px;
  margin-top: 0.3125rem;
}
.compare_supplier_quotes .add-res-menu-head {
  margin-bottom: 25px;
}
.compare_supplier_quotes .add-res-menu-head h4 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
.compare_supplier_quotes .add-res-menu .checkmark {
  height: 1rem;
  width: 1rem;
}
.compare_supplier_quotes .add-res-menu .custom-checkbox .checkmark::after {
  left: 4px;
  top: 1px;
}
.compare_supplier_quotes .add-res-menu-sidebar-itm {
  display: flex;
  justify-content: space-between;
}
.compare_supplier_quotes .add-res-menu-sidebar-itm .title {
  font-size: 18px;
  font-weight: 300;
}
.compare_supplier_quotes .add-res-menu-sidebar-itm .sub-title {
  font-size: 12px;
  font-weight: 300;
}
.compare_supplier_quotes .add-res-menu-sidebar-itm {
  padding: 10px 5px;
  border-radius: 10px;
  margin: 2px 0;
}
.compare_supplier_quotes .table_footer_itms {
  margin-top: 30px;
}
.compare_supplier_quotes_modal .heading_type_modal_h .modal_heading {
  white-space: nowrap;
}
.compare_supplier_quotes_modal .heading_type_modal_h .dropdown-sec {
  border: 1px solid #c4dce0;
  height: 42px;
  width: 100% !important;
  border-radius: 10px;
  margin-left: 20px !important;
}
.billing-sec .item {
  margin: 20px 0;
}
.billing-sec .title,
.billing-sec .sub-title {
  font-size: 14px;
  font-size: 300;
  text-align: right;
}
.billing-sec .title {
  width: 60%;
}
.billing-sec .title span {
  font-size: 12px;
  display: block;
}
.billing-sec .sub-title {
  font-weight: 400;
}
.rules {
  width: 90%;
  background-color: #739ca2;
  height: 1px;
  margin-left: auto;
}
.compare_supplier_quotes_modal .footer-sec {
  margin: 20px 0;
}
.compare_supplier_quotes_modal .left-sec,
.compare_supplier_quotes_modal .right-sec {
  padding: 0;
}
.compare_supplier_quotes_import_modal .modal_heading span {
  font-weight: 300;
}

.card-title-sec .card-right .right-text {
  color: #ff3237;
  font-weight: 400;
  text-align: right;
  font-size: 14px;
}
.card-title-sec .card-right .right-text div {
  margin-bottom: 5px;
}
.shortlisted_supplier .card-left {
  padding-left: 10px;
}
.shortlisted_supplier .card-left h4 {
  font-weight: 700;
  font-size: 20px;
  color: #070a0e !important;
}
.shortlisted_supplier .card-left .qty-details {
  font-weight: 500;
  font-size: 12px;
}
.shortlisted_supplier .card-left .qty-details span {
  font-weight: 600;
  font-size: 16px;
  color: #ff3237;
}
.shortlisted_supplier thead th {
  padding-left: 10px;
  padding-right: 20px;
  border-bottom: 0;
  line-height: 15px;
  vertical-align: baseline;
  padding-bottom: 0px;
}
.shortlisted_supplier .card-body-sec .top-sec,
.shortlisted_supplier .card-body-sec .bottom-sec {
  height: 350px;
  overflow: hidden;
}
.shortlisted_supplier .card-body-sec .bottom-sec table th span.icon {
  margin-right: 5px;
  position: relative;
  left: unset;
  width: 20px;
}
.shortlisted_supplier .card-body-sec .bottom-sec table th span:not(.icon) {
  position: relative;
  left: auto;
}
.shortlisted_supplier .card-body-sec .bottom-sec table th {
  border-bottom: 1px solid #c4dce0;
}
/* .table-reponsive{width: 100%;height: 100%;padding: 15px; border-radius: 20px;background-color: #EBF3F5;} */
.shortlisted_supplier .card-body-sec .table-heading {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 600;
}
.shortlisted_supplier .card-body-sec .table-heading h4 {
  margin-bottom: 10px;
  color: #070a0e;
}
.shortlisted_supplier .card-body-sec .table td {
  background-color: transparent;
}
.shortlisted_supplier table .second-data {
  margin-top: 20px;
}
.shortlisted_supplier table th > div,
/* .shortlisted_supplier table td > div{min-width: 130px;} */
.shortlisted_supplier table h4 {
  font-size: 12px;
}
.shortlisted_supplier table .name h4 {
  font-weight: 600;
}
.total-item h4:last-child {
  font-weight: 300;
}
.shortlisted_supplier .table-reponsive {
  overflow-x: auto;
}
.shortlisted_supplier table p span {
  font-weight: 400;
}
.shortlisted_supplier table .second-data *,
.shortlisted_supplier table .first-data * {
  line-height: 16px;
}
.pdf-file {
  color: #fe893a !important;
}
.shortlisted_supplier .top-sec table td {
  border-bottom: 1px solid #739ca2;
  border-radius: 0;
}
.shortlisted_supplier .billing-sec .title {
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  color: #465461;
}
.shortlisted_supplier .billing-sec > div.billing-list-itm {
  margin: 15px 0;
}
.shortlisted_supplier .billing-sec .heading h4 {
  margin-bottom: 30px;
  font-size: 16px;
}
.shortlisted_supplier .billing-sec.calculations .heading h4 {
  margin: 30px 0;
  font-weight: 400;
}
.shortlisted_supplier .billing-sec .rules {
  width: 100%;
  background-color: #e8f0f2;
}
.shortlisted_supplier .billing-sec .sub-title {
  font-weight: 400;
  color: #070a0e;
}
.shortlisted_supplier .bill {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.shortlisted_supplier .bill .btn-sec {
  margin-top: auto;
  margin-left: auto;
}
.sales-enquiry-modal .total-items {
  text-align: end;
}
.sales-enquiry-modal .rules {
  width: 100%;
  background-color: #c4dce0;
}
.sales-enquiry-modal table th {
  border-bottom: 0;
}
.sales-enquiry-modal table th,
.sales-enquiry-modal table tr,
.sales-enquiry-modal table tr td {
  border-radius: 0;
}
.sales-enquiry-modal .left-sec {
  background-color: #fff !important;
  padding-left: 50px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 30px;
}
.sales-enquiry-modal .right-sec {
  background-color: #f5fdff !important;
  padding-right: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 30px;
}
.sales-enquiry-modal .form_group.focused .control_label {
  padding-left: 0;
  margin-bottom: 10px;
}
.sales-enquiry-modal.full_modal .modal-content,
.sales-enquiry-modal.full_modal .card_content_body {
  padding: 0;
}
.sales-enquiry-modal .main-heading h4 span {
  font-size: 24px;
  color: #070a0e;
  font-weight: 700;
}
.sales-enquiry-modal .sub-heading {
  font-size: 18px;
  color: #070a0e;
  font-weight: 500;
  margin: 20px 0;
}
.sales-enquiry-modal .total-sec {
  margin-top: 35px;
}
.sales-enquiry-modal .compare-heading h4 {
  font-size: 18px;
  color: #070a0e;
  font-weight: 400;
  margin: 20px 0;
}
.sales-enquiry-modal .left-sec table th {
  font-size: 12px;
  color: #465461;
  font-weight: 300;
}
.sales-enquiry-modal .left-sec table th .table_info {
  text-align: start;
}
.sales-enquiry-modal .info_table_row {
  font-size: 12;
  color: #070a0e;
  font-weight: 600;
}
.sales-enquiry-modal tr:not(.info_table_row) td h4 {
  font-size: 12px;
  color: #070a0e;
  font-weight: 400;
  margin-bottom: 0;
}
.sales-enquiry-modal tr:not(.info_table_row) td .table_data h4 {
  display: flex;
  align-items: center;
}
.sales-enquiry-modal .table_data,
.table_data h4 span {
  display: inline-block;
  line-height: 22px;
}
.total-suppliers {
  width: 240px;
}
.total-suppliers .title {
  margin-bottom: 10px;
}
.total-suppliers .sub-title {
  font-size: 14px;
  font-weight: 500;
  color: #070a0e;
}
.sales-enquiry-modal .addressRadio[type="radio"]:checked {
  background-color: rgba(0, 0, 0, 0);
  border-color: #fe893a;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
}
.sales-enquiry-modal .addressRadio {
  width: 1.5rem;
  height: 1.5rem;
  border: 3px solid #739ca2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  margin-top: 0px !important;
}
.sales-enquiry-modal .addressRadio[type="radio"]:checked::after {
  content: "";
  width: 0.855rem;
  height: 0.855rem;
  background-color: #fe893a;
  display: block;
  border-radius: 50%;
  border-color: #fe893a;
}
.sales-enquiry-modal .addressRadio[type="checkbox"]:checked::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background-color: #fe893a;
  display: block;
  border-radius: 50%;
  border-color: #fe893a;
  margin: 3px auto;
}
.sales-enquiry-modal .addressRadio[type="checkbox"]:checked {
  border-color: #fe893a;
}
.sales-enquiry-modal .card-body-sec {
  padding: 0 1rem !important;
}

@media (max-width: 1600px) {
  .tab_content_meta_itms {
    margin-left: auto;
    margin-top: 25px;
  }
  .table-reponsive {
    /* overflow-x: scroll; */
    overflow-x: auto;
  }
  .sales-enquiry-modal .form_control {
    padding: 0 12px;
    font-size: 14px;
  }
}

@media (max-width: 1366px) {
  .shortlisted_supplier .card-body-sec .row {
    flex-direction: column !important;
  }
  .shortlisted_supplier .card-body-sec .row > div {
    width: 100% !important;
    max-width: 100% !important;
  }
  .shortlisted_supplier .card-body-sec .row > div:last-child {
    margin-top: 30px;
  }
}

@media (max-width: 1024px) {
  .shortlisted_supplier .card-title-sec {
    flex-direction: column;
    align-items: flex-start;
  }
  .shortlisted_supplier .card-title-sec .left-text * {
    white-space: nowrap;
  }
  .shortlisted_supplier .card-title-sec .left-text > h4 {
    flex-direction: column;
    align-items: flex-start;
  }
  .shortlisted_supplier .card-title-sec .left-text > h4 span:last-child {
    margin-left: 0;
    padding-left: 0;
  }
  .shortlisted_supplier .card-title-sec .right-text {
    text-align: left;
    margin-top: 10px;
    margin-left: 20px;
  }
}

@media (max-width: 1024px) {
  .sales-enquiry-modal .row {
    flex-direction: column;
  }
  .sales-enquiry-modal .row > div {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .sales-enquiry-modal .main-heading h4 span {
    font-size: 18px;
  }
  .sales-enquiry-modal .sub-heading,
  .sales-enquiry-modal .compare-heading h4 {
    font-size: 14px;
  }
  .sales-enquiry-modal .form_control {
    min-height: 35px;
    font-size: 14px;
  }
  .sales-enquiry-modal .total-sec {
    flex-direction: column;
    position: relative;
  }
  .sales-enquiry-modal .total-items {
    text-align: start;
    margin-bottom: 10px;
  }
  .sales-enquiry-modal .icon-sec {
    position: absolute;
    right: 0;
    bottom: 12px;
  }
  .sales-enquiry-modal .total-sec > div {
    flex-wrap: wrap;
  }
  .sales-enquiry-modal .total-sec > div > div {
    padding: 0;
  }
}
/* / ===========summary sales quotes========== / */

.right-side-summary {
  padding-left: 30px;
}
.right-side-summary .rules {
  width: 100%;
  border: 1px solid #c4dce0;
}
.right-side-summary .heading h4 {
  font-size: 20px;
  font-weight: 700;
  color: #070a0e;
}
.right-side-summary .sub-heading h5 {
  font-size: 16px;
  font-weight: 600;
  color: #070a0e;
}
.right-side-summary .list .item {
  margin: 15px 0;
}
.right-side-summary .list .item .title {
  font-size: 14px;
  font-weight: 300;
  color: #465461;
}
.right-side-summary .list .item .sub-title {
  font-size: 14px;
  font-weight: 400;
  color: #070a0e;
}
.right-side-summary .total-sub-title {
  color: #1d85e8 !important;
  font-size: 16px !important;
}
.right-side-summary .sub-total {
  font-weight: 600 !important;
}
.right-side-summary .list .item .title .mark {
  font-weight: 500;
  color: #465461;
}
.expenses-sec .inputWraper {
  min-width: 7rem;
  position: relative;
}
.expenses-sec .inputWraper .customInput {
  display: block;
  width: 100%;
  padding: 0.375rem 3.55rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #ebf3f5;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.expenses-sec .inputWraper input {
  width: 180px;
  height: 40px;
  border: none;
  border: none;
  outline: none;
}
.expenses-sec .inputWraper label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.75rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0);
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 0.9rem;
}
.customInput:focus ~ label {
  opacity: 0.65;
  transform: translateY(-2rem) translateX(-0.4rem) !important;
}
.expenses-sec .title {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  color: #465461;
}
.expenses-sec .sub-title {
  font-weight: 500;
  font-size: 14px;
}
.expenses-sec .inputWraper {
  width: 180px;
  margin-left: auto;
}
.expenses-sec .sub-title-mark {
  font-size: 10px;
  font-weight: 300;
  color: #070a0e;
  text-align: end;
}
.expenses-sec .sub-title-mark .mark {
  font-size: 14px;
  font-weight: 500;
}
.expenses-sec .list .item {
  margin: 20px 0;
}
.expenses-sec .list .item span.add {
  color: #fe893a;
  font-weight: 400;
  font-size: 12px;
}
.customSelect {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  color: #212529;
  background-color: #ebf3f5;
  background-clip: padding-box;
  border-radius: 0.375rem;
  transition: 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: none;
  font-family: "Inter";
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.938rem;
  min-height: 2.5rem;
}
.customSelect {
  border: 0;
  outline: 0;
}

.compare_supplier_quotes .table-reponsive,
.shortlisted_supplier .table-reponsive {
  width: 100%;
  height: 100%;
  padding: 15px;
  border-radius: 20px;
  background-color: #ebf3f5;
}
.radio {
  width: 20px;
  height: 20px;
  border: 0.125rem solid #739ca2;
  border-radius: 50%;
}

.fixedInutText {
  top: 50%;
  right: 0.7rem;
  margin-top: -0.48rem;
  width: auto;
  height: 0.938rem;
  position: absolute;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.938rem;
  color: #739ca2;
  text-align: end;
}

.dropdown-content-itm {
  border-bottom: 1px solid gray;
  border-radius: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* --------------dashbosrd page--------------> */

.dashboard_page .stats_sec {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dashboard_page .stats_sec .stats_card {
  background-color: #ffffff;
  border-radius: 20px;
  height: 180px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dashboard_page .stats_sec .stats_card:last-child {
  margin-right: 0;
}

.dashboard_page .stats_sec .stats_card .title {
  color: #070a0e;
  font-size: 16px;
  font-weight: 500;
}

.dashboard_page .stats_sec .stats_card .sub_title {
  color: #465461;
  font-weight: 300;
  font-size: 12px;
}

.dashboard_page .stats_sec .stats_card .sub_title span {
  font-weight: 600;
}

.dashboard_page .stats_sec .stats_card .sub_title_child {
  font-size: 12px;
  color: #070a0e;
  font-weight: 300;
  font-style: italic;
}

.dashboard_page .stats_sec .stats_card .heading {
  font-size: 40px;
  font-weight: 600;
  color: #070a0e;
  margin-bottom: 0;
}

.dashboard_page .stats_sec .stats_card .heading .sym {
  font-weight: 300;
}

.dashboard_page .stats_sec .stats_card .graph_sec .graph {
  width: 70px;
}

.dashboard_page .count_error,
.dashboard_page .count_sync,
.dashboard_page .count_success {
  font-size: 16px;
  font-weight: 600;
}

.dashboard_page .count_error {
  color: #ff3237;
}

.dashboard_page .count_success {
  color: #33c481;
}

.dashboard_page .count_sync {
  color: #465461;
}

.dashboard_page .sales_analytics_sec {
  margin-top: 33px;
  flex-wrap: wrap;
}

.dashboard_page .sales_analytics_sec .card {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
  /* max-height: 600px;
  height: 532px; */
  height: 100%;
}

.dashboard_page .graph_sec .header_sec,
.dashboard_page .reminder_sec .header_sec {
  border-bottom: 1px solid #c4dce0;
  flex-wrap: wrap;
}

.dashboard_page .graph_sec .header_sec .title,
.dashboard_page .reminder_sec .header_sec .title {
  font-size: 22px;
  color: #070a0e;
  font-weight: 600;
}

.dashboard_page .reminder_sec .header_sec .title {
  font-size: 24px;
}

.dashboard_page .graph_sec .header_sec .ratio_point {
  color: #070a0e;
  font-size: 14px;
  font-weight: 300;
}

.dashboard_page .graph_sec .header_sec .ratio_point .count {
  font-size: 22px;
  font-weight: 500;
}

.dashboard_page .graph_sec .header_sec .count {
  font-size: 22px;
  font-weight: 600;
}

.dashboard_page .graph_sec .stats_box {
  border-bottom: 1px solid #c4dce0;
}

.dashboard_page .graph_sec .stats_box .box .title {
  position: relative;
  color: #070a0e;
  font-size: 14px;
  font-weight: 500;
}

.dashboard_page .graph_sec .stats_box .box h4.heading {
  color: #070a0e;
  font-weight: 500;
  font-size: 22px;
  margin: 10px 0;
}

.dashboard_page .graph_sec .stats_box .box h4.heading .sub_heading {
  font-weight: 300;
  font-size: 14px;
}

.dashboard_page .graph_sec .stats_box .box .title::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -23px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: violet;
}

.dashboard_page .graph_sec .stats_box .box .title.supply::before {
  background-color: #465461;
}

.dashboard_page .graph_sec .stats_box .box .title.raised::before {
  background-color: #fe893a;
}

.dashboard_page .graph_sec .stats_box .box .title.sales::before {
  background-color: #1d85e8;
}

.dashboard_page .activity_sec {
  flex-wrap: wrap;
}

.dashboard_page .pending .heading_sec {
  flex-wrap: wrap;
}

.dashboard_page .activity_sec .card {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
  max-height: 600px;
  height: 532px;
  margin-top: 33px;
}

.dashboard_page .pending .heading_sec {
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #c4dce0;
  color: #070a0e;
}

.dashboard_page .graph_sec .stats_box .box {
  position: relative;
  width: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dashboard_page .graph_sec .stats_box .box.arrow::after {
  content: "";
  position: absolute;
  background-image: url("../img/arroe_div.png");
  width: 50px;
  height: 49px;
  top: 5%;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
}

.dashboard_page .graph_sec .stats_box .box .graph_sec .count {
  font-size: 12px;
  font-weight: 400;
}

.dashboard_page .graph_sec .bar_chart_sec {
  /* height: 286px; */
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.dashboard_page .graph_sec .bar_chart_sec img {
  height: 100%;
  width: 100%;
}

.dashboard_page .reminder_sec .reminder_card .heading {
  color: #070a0e;
  font-weight: 500;
  font-size: 16px;
  position: relative;
}

.dashboard_page .reminder_sec {
  overflow: hidden;
}

.dashboard_page .reminder_sec .body {
  max-height: 420px;
  overflow-y: scroll;
}

.dashboard_page .reminder_sec .reminder_card {
  position: relative;
  margin-bottom: 10px;
}

.dashboard_page .reminder_sec .reminder_card .list_style {
  position: absolute;
  left: 15px;
  top: 22px;
  background-color: #465461;
}

.dashboard_page .reminder_sec .reminder_card .heading .sub_heading {
  color: #070a0e;
  font-weight: 300;
  font-size: 12px;
}

.dashboard_page .reminder_sec .reminder_card .heading .sub_heading .date {
  font-weight: 500;
  font-style: italic;
}

.dashboard_page .reminder_sec .reminder_card .text {
  color: #070a0e;
  font-size: 14px;
  font-weight: 300;
}

.dashboard_page .reminder_sec .reminder_card {
  background-color: hsl(359, 100%, 60%, 40%);
  border-radius: 10px;
  padding: 3px 15px 20px 60px;
  /* padding-bottom: 20px; */
  display: flex;
  flex-direction: column;
}

.dashboard_page .reminder_sec .reminder_card.success {
  background-color: hsl(152, 59%, 48%, 40%);
}

.dashboard_page .reminder_sec .reminder_card.error {
  background-color: hsl(359, 100%, 60%, 40%);
}

.dashboard_page .reminder_sec .reminder_card.warning {
  background-color: hsl(24, 99%, 61%, 40%);
}

.dashboard_page .reminder_sec .reminder_card .three_dot img {
  width: 15px;
}

.dashboard_page .reminder_sec .reminder_card .three_dot {
  margin-left: auto;
  margin-right: -10px;
  cursor: pointer;
}

.dashboard_page .dropdown button {
  background-color: transparent !important;
  font-size: 14px;
  font-weight: 500;
}

.dashboard_page .dropdown button span {
  font-weight: 300;
  margin-right: 20px;
}

.dashboard_page .dropdown button img {
  transform: rotate(180deg);
  margin-left: 10px;
}

.dashboard_page .dropdown button .cal {
  color: #465461;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  white-space: nowrap;
}

.dashboard_page .dropdown button .cal span {
  color: #070a0e;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
}

.dashboard_page .dashboard_page .activity_sec {
  flex-wrap: wrap;
}

.dashboard_page .activity_sec .activity,
.dashboard_page .pending {
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  margin-top: 33px;
  height: 532px;
  overflow-y: scroll;
}

/* .table td{
  background-color: white;
} */

.dashboard_page .order_sec .order {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  margin-top: 33px;
}

.dashboard_page .order_sec .order .table .margin,
.dashboard_page .order_sec .order .table .status {
  font-style: italic;
}

.dashboard_page .order_sec .order .table .status {
  font-size: 10px;
  font-weight: 400;
}

.dashboard_page .order_sec .order .table .status span {
  font-size: 14px;
}

.error {
  color: #ff3237;
}

.warning {
  color: #fe893a;
}

.success {
  color: #33c481;
}

.dashboard_page .pending .table .table_cell {
  color: #465461;
}

.dashboard_page .pending .table .table_cell .data {
  font-size: 12px;
  font-weight: 300;
  color: #070a0e;
  min-height: 65px;
}

.dashboard_page .pending .table .table_cell .data .img {
  transform: translateY(11px);
  width: max-content;
}

.dashboard_page .pending .table .table_row {
  position: relative;
}

.dashboard_page .pending .table .table_cell .title {
  position: absolute;
  bottom: 10px;
  color: #ff3237;
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
}

.dashboard_page .checkmark {
  height: 18px;
  width: 18px;
}

.dashboard_page .custom-checkbox .checkmark::after {
  left: 5px;
  top: 2px;
}

.dashboard_page .dropdown-content-itm .sub_heading,
.dropdown-content-itm .sub_heading {
  color: #465461;
  font-weight: 400;
}

.dashboard_page .date_form_sec {
  margin: 25px;
  padding-top: 20px;
  border-top: 1px solid #c4dce0;
}

.dashboard_page .date_form_sec .form {
  position: relative;
  width: 100%;
  height: 100%;
}

.dashboard_page .date_form_sec .text {
  color: #070a0e;
  font-size: 16px;
  font-weight: 400;
}

.dashboard_page .date_form_sec .form form {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.dashboard_page .open_select_box .dropdown-content {
  left: auto;
  right: 0;
}

.dashboard_page .date_form_sec .form form input {
  width: 100%;
  opacity: 0;
}

.dashboard_page .date_form_sec .image_sec {
  width: 26px;
  margin-right: 12px;
}

.dashboard_page .date_form_sec img {
  width: 26px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  border: 1px solid red;
  width: 100%;
  background-color: rgba(255, 0, 0, 0);
  position: absolute;
  opacity: 0;
}

.dashboard_page .pending .table .table_cell {
  padding: 10px 15px;
}

.dashboard_page .table_head .table_cell {
  padding-bottom: 5px !important;
}

.dashboard_page .pending .btn {
  border-radius: 5px;
  width: 80px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
}

.dashboard_page .pending .btn_error {
  background-color: #ff3237;
  color: white;
}

.dashboard_page .pending .btn_success {
  background-color: #33c481;
  color: white;
}

.dashboard_page .sales_analytics_sec .pending {
  margin-top: 0;
}

.dashboard_page .activity_sec .heading_sec,
.dashboard_page .order_sec .heading_sec {
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #c4dce0;
}

.dashboard_page .table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.dashboard_page .table .table_head {
  display: table-header-group;
}

.dashboard_page .table .table_body {
  display: table-footer-group;
}

.dashboard_page .table .table_head .table_cell {
  color: #465461;
  font-weight: 300;
  line-height: 1;
  text-align: left;
  position: relative;
  white-space: nowrap;
  font-size: 0.75rem;
}

.dashboard_page .order_sec .table h4 {
  font-weight: 500;
}

.table_body .table_row {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.103);
  border-radius: 10px;
}

.dashboard_page .order_sec .table .table_cell {
  padding: 10px 15px;
}

.dashboard_page .table_row {
  display: table-row;
}

.dashboard_page .table_cell {
  display: table-cell;
}
@media (max-width: 1024px) {
  .stats_sec .col_3 {
    min-width: 50%;
    max-width: 50%;
    padding-bottom: 33px;
  }

  .dashboard_page .stats_sec .stats_card .heading {
    font-size: 30px;
  }

  .dashboard_page .sales_analytics_sec {
    margin-top: 0;
  }

  .dashboard_page .sales_analytics_sec > div {
    min-width: 100%;
    margin-bottom: 33px;
  }

  .dashboard_page .activity_sec .activity {
    margin-top: 0;
  }

  .dashboard_page .activity_sec > div {
    min-width: 100%;
  }
}

@media (max-width: 820px) {
  .dashboard_page .sales_analytics_sec .graph_sec .stats_box .box.arrow::after,
  .dashboard_page .activity_sec .graph_sec .stats_box .box.arrow::after {
    right: -32px;
  }
}

@media (max-width: 575px) {
  .stats_sec .col_3 {
    min-width: 100%;
    max-width: 100%;
  }

  .dashboard_page .sales_analytics_sec .graph_sec .stats_box,
  .dashboard_page .activity_sec .graph_sec .stats_box {
    flex-wrap: wrap;
  }

  .dashboard_page .sales_analytics_sec .graph_sec .stats_box .box,
  .dashboard_page .activity_sec .graph_sec .stats_box .box {
    width: 40%;
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .dashboard_page .sales_analytics_sec .graph_sec .stats_box .box::after,
  .dashboard_page .activity_sec .graph_sec .stats_box .box::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .dashboard_page .sales_analytics_sec .graph_sec .bar_chart_sec {
    height: auto;
  }
}

@media (max-width: 414px) {
  .dashboard_page .stats_sec .stats_card .heading {
    font-size: 25px;
  }

  .dashboard_page .sales_analytics_sec .graph_sec .header_sec .ratio_point {
    margin: 5px 0;
  }

  .dashboard_page .stats_sec .stats_card {
    height: 150px;
  }

  .stats_sec .col_3 {
    padding-bottom: 20px;
  }

  .dashboard_page .sales_analytics_sec > div {
    margin-bottom: 20px;
  }

  .dashboard_page .activity_s .pending {
    margin-bottom: 0px;
    margin-top: 20px;
  }

  .dashboard_page .dashboard_main {
    padding: 0;
  }

  .dashboard_page .order_sec .order {
    margin-top: 20px;
  }

  .dashboard_page .activity_sec .heading_sec,
  .dashboard_page .order_sec .heading_sec {
    font-size: 22px;
  }

  .dashboard_page .dropdown button .cal,
  .dashboard_page .dropdown button .cal span {
    font-size: 12px;
  }

  .dashboard_page .app-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .dashboard_page .activity_s .heading_sec,
  .dashboard_page .order_sec .heading_sec,
  .dashboard_page .sales_analytics_sec .reminder_sec .header_sec .title {
    font-size: 22px;
  }

  .dashboard_page .activity_s .heading_sec,
  .dashboard_page .order_sec .heading_sec,
  .dashboard_page .sales_analytics_sec .reminder_sec .header_sec .title {
    flex-wrap: wrap;
  }

  .form_group .dropdown .form_control.dropbtn {
    padding-left: 0;
  }
}

.sales_invoice_sec {
  flex-wrap: wrap;
}

.dashboard_page .stats_sec.right_side {
  row-gap: 33px;
}
.dashboard_page .activity_sec .graph_sec .bar_chart_sec {
  height: 286px;
}

@media (max-width: 1366px) {
  .sales_invoice .footer .total_invoice,
  .purchase_bill .footer .total_invoice,
  .sales_invoice .footer .due_sec,
  .purchase_bill .footer .due_sec {
    font-size: 16px;
  }

  .sales_invoice .body .left,
  .purchase_bill .body .left,
  .sales_invoice .body .right,
  .purchase_bill .body .right {
    font-size: 16px;
  }

  .sales_invoice .header_sec div.title,
  .purchase_bill .header_sec div.title,
  .cash_flow .header_sec div.title {
    font-size: 22px;
  }

  .dashboard_page .stats_sec .stats_card .heading {
    font-size: 34px;
  }

  .sales_analytics_sec .graph_sec .form_group .dropdown .form_control.dropbtn {
    padding-left: 0px;
  }

  .dashboard_page .count_sync {
    margin-right: 2px;
  }

  .dashboard_page .pending .heading_sec,
  .dashboard_page .reminder_sec .header_sec .title,
  .dashboard_page .activity_sec .heading_sec,
  .dashboard_page .order_sec .heading_sec {
    font-size: 22px;
  }

  .cash_flow .header {
    flex-wrap: wrap;
  }

  .cash_flow .header .form_group .dropdown .form_control.dropbtn {
    padding-left: 0;
  }

  .cash_flow .count_sec,
  .activity_sec .graph_sec .count_sec {
    padding-left: 0;
  }

  .dashboard_page .stats_sec .stats_card .graph_sec .graph {
    width: 50px;
  }

  .dashboard_page .count_error,
  .dashboard_page .count_sync,
  .dashboard_page .count_success {
    font-size: 12px;
  }

  .cash_flow .form_group .dropdown .form_control.dropbtn,
  .activity_sec .graph_sec .form_group .dropdown .form_control.dropbtn {
    padding-left: 0;
  }

  .cash_flow .header_sec {
    flex-wrap: wrap;
  }

  .dashboard_page .reminder_sec .reminder_card .heading .sub_heading .date {
    white-space: nowrap;
  }

  .reminder_sec .sub_heading .icon img {
    min-width: 12px;
  }
}