@import "../node_modules/@fortawesome/fontawesome-pro/css/all.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

*,
::before,
::after {
  box-sizing: border-box;
}

:root {
  --page-bg: #F2F2F5;
  --global-white: #fff;
  --global-black: #000000;
  --bg-color: #F04F29;
  --nav-link: #ffffff;
  --text-one: #333333;
  --text-two: #fff;
  --text-grey: #333333;
  --white-orange-orange: #fff;
  --orange-white-white: #f04f29;
  --white-white-orange: #ffffff;
  --orange-orange-white: #f04f29;
  --orange-white-orange: #f04f29;
  --input-placeholder: rgba(51, 51, 51, 0.75);
  --input-white-placeholder: rgba(51, 51, 51, .5);
  --navbar-toggler-btn-bg: rgba(255, 255, 255, .2);
  --card-box-shadow: rgba(17, 11, 51, 0);
  --card-inside-card-bg: #fff;
  --card-icon-box-bg: #ffffff;
  --card-inside-card-txt: rgba(51, 51, 51, 0.75);
  --card-lead-bg: #fff;
  --card-list-border-color: #fff;
  --card-highlight--bg-color: rgba(255, 255, 255, 0.2);
  --nav-user-icon-bg: #F04F29;
  --nav-use-icon-border: #F04F29;
  --nav-search-border: #fff;
  --global-input-border: rgba(255, 255, 255, .75);
  --global-orange: #f04f29;
  --scroll-bar-color: linear-gradient(100deg,
      rgba(240, 29, 22, 1) 0%,
      rgba(226, 170, 55, 1) 100%);
  --global-top-circle-shadow: rgba(0, 0, 0, 0.2);
  --global-font-size: 100%;
  --submenu-sec: rgba(255, 255, 255, .15);
  --submenu-third: rgba(255, 255, 255, 0.1);
  --bread-crumbs-color: #6E6E6E;
  --global-border-color-w-bg: rgba(0, 0, 0, .1);
  --global-btn-bg: #f04f29;
  --global-input-w-bg: rgba(0, 0, 0, .2);
  --global-step-btn: transparent;
  --global-upload-border-color-w-bg: rgba(240, 79, 41, .34);
  --global-upload-background-w-bg: rgba(240, 79, 41, .1);
  --top-header-bg: #ffffff;
  --top-header-icons-border: #E1E1E1;
  --top-header-icons-color: #6E6E6E;
  --top-header-search-icon-color: #333333;
  --disable-btn-color: #9E9E9E;
  --table-overlay-solid-color: #f37254;
  --global-blue-payment: #278ac1;
  --error-color: #E02B1D;
  --global-white-w-opacity: rgba(255, 255, 255, .3);
  --global-white-bg-opacity: rgba(255, 255, 255, .1);
  --progress-bar-bg: #4c5160;
  --progress-bar-bg-new: #4c5160;
  --step-items-bg: #f8a894;
  --global-off-white: #f2f2f5;
  --call-active-color: rgba(255, 255, 255, 0.1);
  --call-detils-bg: rgba(255, 255, 255, 0.2);
  --increase-clr: #fff;
  --clr-table-td-a: #fff;
  --global_status_bg_color: rgba(255, 255, 255, .8);
  --white-yellow-yellow: #fff;
  --global-email-tem-color-w: rgba(255, 255, 255, .75);
  --btn-hover: rgba(0, 0, 0, .6);

}


/************************************** IMPORTING FONTS ****************/

/************************************** IMPORTING FONTS ****************/
/************************************** GLOBAL COLORS ****************/
/* ORange mode theme */
.theme-orange {
  --page-bg: #F2F2F5;
  --global-white: #fff;
  --global-black: #000000;
  --bg-color: #F04F29;
  --nav-link: #ffffff;
  --text-one: #333333;
  --text-two: #fff;
  --text-grey: #333333;
  --white-orange-orange: #fff;
  --orange-white-white: #f04f29;
  --white-white-orange: #ffffff;
  --orange-orange-white: #f04f29;
  --black-black-white: #000000;
  --black-white-white: #000;
  --white-white-black: #fff;
  --white-white-gray: #fff;
  --orange-white-orange: #f04f29;
  --orange-black-black: #f04f29;
  --input-placeholder: rgba(51, 51, 51, 0.75);
  --input-white-placeholder: rgba(51, 51, 51, .5);
  --navbar-toggler-btn-bg: rgba(255, 255, 255, .2);
  --card-box-shadow: rgba(17, 11, 51, 0);
  --card-inside-card-bg: #fff;
  --card-icon-box-bg: #ffffff;
  --card-inside-card-txt: rgba(51, 51, 51, 0.75);
  --card-lead-bg: #fff;
  --card-list-border-color: #fff;
  --card-highlight--bg-color: rgba(255, 255, 255, 0.2);
  --nav-user-icon-bg: #F04F29;
  --nav-use-icon-border: #F04F29;
  --nav-search-border: #fff;
  --global-input-border: rgba(255, 255, 255, .75);
  --global-orange: #f04f29;
  --scroll-bar-color: linear-gradient(100deg,
      rgba(240, 29, 22, 1) 0%,
      rgba(226, 170, 55, 1) 100%);
  --global-top-circle-shadow: rgba(0, 0, 0, 0.2);
  --global-font-size: 100%;
  --submenu-sec: rgba(255, 255, 255, .15);
  --submenu-third: rgba(255, 255, 255, 0.1);
  --bread-crumbs-color: #6E6E6E;
  --global-border-color-w-bg: rgba(0, 0, 0, .1);
  --global-btn-bg: #f04f29;
  --global-input-w-bg: rgba(0, 0, 0, .2);
  --global-step-btn: transparent;
  --global-upload-border-color-w-bg: rgba(240, 79, 41, .34);
  --global-upload-background-w-bg: rgba(240, 79, 41, .1);
  --top-header-bg: #ffffff;
  --top-header-icons-border: #E1E1E1;
  --top-header-icons-color: #6E6E6E;
  --top-header-search-icon-color: #333333;
  --disable-btn-color: #9E9E9E;
  --table-overlay-solid-color: #f37254;
  --global-blue-payment: #278ac1;
  --error-color: #73192C;
  --global-white-w-opacity: rgba(255, 255, 255, .3);
  --progress-bar-bg: #4c5160;
  --progress-bar-bg-new: #4c5160;
  --step-items-bg: #f8a894;
  --global-off-white: #f2f2f5;
  --call-active-color: rgba(255, 255, 255, 0.1);
  --call-detils-bg: rgba(255, 255, 255, 0.2);
  --increase-clr: #fff;
  --clr-table-td-a: #fff;
  --global_status_bg_color: rgba(255, 255, 255, .8);
  --bg-modules: rgba(255, 255, 255, 0.10);
  --white-yellow-yellow: #fff;
  --white-white-orange-light-border: rgba(255, 255, 255, 0.30);
  --light-white-white-orange: rgba(255, 255, 255, 0.35);
  --black-white-black: #333333;
  --black-white-black-border: rgba(0, 0, 0, .3);
  --global-email-tem-color-w: rgba(255, 255, 255, .75);
  --placeholder-clr: rgba(255, 255, 255, .75);
  --bg-light-clr-orange: rgba(240, 79, 41, 0.10);
  --btn-hover: rgba(0, 0, 0, .6);
  --white_white_black-03: rgba(255, 255, 255, .2);
  --white_white_black-n: rgba(255, 255, 255, .1);
  --white_white_orange-l: rgba(255, 255, 255, .1);
  --oragne-white-grey: rgba(240, 79, 41, 0.20);
}

/* Dark mode theme */
.theme-dark {
  --page-bg: #0E1529;
  --global-white: #fff;
  --global-black: #000000;
  --bg-color: #1F2638;
  --nav-link: rgba(255, 255, 255, 0.8);
  --text-one: #fff;
  --text-two: #fff;
  --white-orange-orange: #f04f29;
  --orange-white-white: #ffffff;
  --orange-orange-white: #f04f29;
  --black-black-white: #000000;
  --black-white-white: #fff;
  --white-white-black: #fff;
  --white-white-orange: #ffffff;
  --orange-black-black: #333;
  --white-white-gray: #fff;
  --orange-white-orange: rgba(255, 255, 255, .95);
  --text-grey: #333333;
  --input-placeholder: rgba(51, 51, 51, 0.75);
  --input-white-placeholder: rgba(51, 51, 51, .5);
  --navbar-toggler-btn-bg: rgba(255, 255, 255, 0.15);
  --card-box-shadow: rgba(17, 11, 51, 0);
  --card-inside-card-bg: #111111;
  --card-icon-box-bg: #623331;
  --card-inside-card-txt: rgba(255, 255, 255, 0.75);
  --card-lead-bg: #111111;
  --card-list-border-color: #fff;
  --card-highlight--bg-color: rgba(255, 255, 255, 0.2);
  --nav-user-icon-bg: #1F2638;
  --nav-use-icon-border: rgba(255, 255, 255, 0.1);
  --nav-search-border: rgba(255, 255, 255, 0.1);
  --global-input-border: rgba(255, 255, 255, .5);
  --global-orange: #f04f29;
  --scroll-bar-color: #1F2638;
  --global-top-circle-shadow: rgba(255, 255, 255, 0.05);
  --global-font-size: 100%;
  --submenu-sec: rgba(255, 255, 255, .15);
  --submenu-third: rgba(255, 255, 255, 0.1);
  --bread-crumbs-color: #B1B3BA;
  --global-border-color-w-bg: rgba(0, 0, 0, .1);
  --global-btn-bg: #1F2638;
  --global-input-w-bg: rgba(0, 0, 0, .2);
  --global-step-btn: transparent;
  --global-upload-border-color-w-bg: rgba(240, 79, 41, .34);
  --global-upload-background-w-bg: rgba(240, 79, 41, .1);
  --top-header-bg: #1F2638;
  --top-header-icons-border: #404656;
  --top-header-icons-color: #B1B3BA;
  --top-header-search-icon-color: #ffffff;
  --disable-btn-color: #7B7F8A;
  --table-overlay-solid-color: #4c5160;
  --global-blue-payment: #278ac1;
  --error-color: #E02B1D;
  --global-white-w-opacity: rgba(255, 255, 255, .3);
  --progress-bar-bg: #4c5160;
  --progress-bar-bg-new: #f04f29;
  --step-items-bg: #767985;
  --global-off-white: #f2f2f5;
  --call-active-color: rgba(255, 255, 255, 0.1);
  --call-detils-bg: rgba(255, 255, 255, 0.2);
  --increase-clr: #2CB46F;
  --clr-table-td-a: #fff;
  --global_status_bg_color: rgba(255, 255, 255, .15);
  --bg-modules: rgba(240, 79, 41, 0.10);
  --white-yellow-yellow: #FDC021;
  --white-white-orange-light: rgba(255, 255, 255, 0.15);
  --white-white-orange-light-border: rgba(255, 255, 255, 0.30);
  --light-white-white-orange: rgba(240, 79, 41, .34);
  --black-white-black: #fff;
  --black-white-black-border: rgba(255, 255, 255, .5);
  --global-email-tem-color-w: rgba(255, 255, 255, .75);
  --placeholder-clr: rgba(255, 255, 255, .75);
  --bg-light-clr-orange: rgba(240, 79, 41, 0.10);
  --btn-hover: rgba(225, 255, 255, .6);
  --white_white_black-03: rgba(255, 255, 255, .2);
  --white_white_black-n: rgba(255, 255, 255, .1);
  --white_white_orange-l: rgba(255, 255, 255, .1);
  --oragne-white-grey: rgba(240, 79, 41, 0.20);
}

/* Light mode theme */
.theme-light {
  --page-bg: #F2F2F5;
  --global-white: #fff;
  --global-black: #000000;
  --bg-color: #FFFFFF;
  --nav-link: rgba(51, 51, 51, 0.75);
  --text-one: #333333;
  --text-two: #333333;
  --text-grey: #333333;
  --white-orange-orange: #f04f29;
  --orange-white-white: #ffffff;
  --white-white-orange: #f04f29;
  --black-white-white: #fff;
  --white-white-black: #333;
  --orange-orange-white: #ffffff;
  --black-black-white: #fff;
  --orange-white-orange: #f04f29;
  --orange-black-black: #333;
  --white-white-gray: #dfdfdf;
  --input-placeholder: rgba(51, 51, 51, 0.75);
  --input-white-placeholder: rgba(51, 51, 51, .5);
  --navbar-toggler-btn-bg: rgba(240, 79, 41, 0.15);
  --card-box-shadow: rgba(17, 11, 51, 0.05);
  --card-inside-card-bg: #fff;
  --card-icon-box-bg: #FDE5DF;
  --card-inside-card-txt: rgba(51, 51, 51, 0.75);
  --card-lead-bg: rgba(51, 51, 51, 0.05);
  --card-list-border-color: rgba(51, 51, 51, 0.25);
  --card-highlight--bg-color: rgba(51, 51, 51, 0.1);
  --nav-user-icon-bg: #F04F29;
  --nav-use-icon-border: #F04F29;
  --nav-search-border: #fff;
  --global-input-border: rgba(0, 0, 0, .3);
  --global-orange: #f04f29;
  --scroll-bar-color: linear-gradient(100deg,
      rgba(240, 29, 22, 1) 0%,
      rgba(226, 170, 55, 1) 100%);
  --global-top-circle-shadow: rgba(0, 0, 0, 0.2);
  --global-font-size: 100%;
  --submenu-sec: rgba(0, 0, 0, .15);
  --submenu-third: rgba(0, 0, 0, 0.1);
  --bread-crumbs-color: #333333;
  --global-border-color-w-bg: rgba(0, 0, 0, .1);
  --global-btn-bg: rgba(51, 51, 51, 0.5);
  --global-input-w-bg: rgba(0, 0, 0, .2);
  --global-step-btn: rgba(0, 0, 0, 0.05);
  --global-upload-border-color-w-bg: rgba(240, 79, 41, .34);
  --global-upload-background-w-bg: rgba(240, 79, 41, .1);
  --top-header-bg: #ffffff;
  --top-header-icons-border: #E1E1E1;
  --top-header-icons-color: #6E6E6E;
  --top-header-search-icon-color: #6E6E6E;
  --disable-btn-color: #9E9E9E;
  --table-overlay-solid-color: #f5f5f5;
  --global-blue-payment: #278ac1;
  --error-color: #E02B1D;
  --global-white-w-opacity: rgba(255, 255, 255, .3);
  --global-white-bg-opacity: rgb(0, 0, 0, .10);
  --progress-bar-bg: #F04F29;
  --progress-bar-bg-new: #F04F29;
  --step-items-bg: #f8a894;
  --global-off-white: #f2f2f5;
  --call-active-color: rgba(240, 79, 41, 0.10);
  --call-detils-bg: rgba(246, 248, 250, 1);
  --increase-clr: #2CB46F;
  --clr-table-td-a: #3087E9;
  --global_status_bg_color: rgba(255, 255, 255, .6);
  --bg-modules: rgba(240, 79, 41, 0.10);
  --white-yellow-yellow: #FDC021;
  --white-white-orange-light: rgba(240, 79, 41, 0.15);
  --white-white-orange-light-border: rgba(240, 79, 41, 0.30);
  --light-white-white-orange: rgba(240, 79, 41, .34);
  --black-white-black: #333333;
  --black-white-black-border: rgba(0, 0, 0, .3);
  --global-email-tem-color-w: rgba(255, 255, 255, .75);
  --placeholder-clr: rgba(0, 0, 0, .5);
  --bg-light-clr-orange: rgba(240, 79, 41, 0.10);
  --btn-hover: rgba(0, 0, 0, .6);
  --white_white_black-03: rgba(0, 0, 0, .1);
  --white_white_black-n: #F6F8FA;
  --white_white_orange-l: rgba(240, 79, 41, .1);
  --oragne-white-grey: #F6F8FA;

}

.theme-custom {
  --page-bg: #f6f7fa;
  --global-white: #fff;
  --global-black: #000000;
  --bg-color: #FFFFFF;
  --nav-link: rgba(51, 51, 51, 0.75);
  --text-one: #333333;
  --text-two: #333333;
  --text-grey: #333333;
  --white-orange-orange: #f04f29;
  --orange-white-white: #ffffff;
  --white-white-orange: #ffffff;
  --orange-orange-white: #f04f29;
  --orange-white-orange: #f04f29;
  --input-placeholder: rgba(51, 51, 51, 0.75);
  --input-white-placeholder: rgba(51, 51, 51, .5);
  --navbar-toggler-btn-bg: rgba(240, 79, 41, 0.15);
  --card-box-shadow: rgba(17, 11, 51, 0.05);
  --card-inside-card-bg: #fff;
  --card-icon-box-bg: #FDE5DF;
  --card-inside-card-txt: rgba(51, 51, 51, 0.75);
  --card-lead-bg: rgba(51, 51, 51, 0.05);
  --card-list-border-color: rgba(51, 51, 51, 0.25);
  --card-highlight--bg-color: rgba(51, 51, 51, 0.05);
  --nav-user-icon-bg: #F04F29;
  --nav-use-icon-border: #F04F29;
  --nav-search-border: #fff;
  --global-input-border: rgba(255, 255, 255, .25);
  --global-orange: #f04f29;
  --scroll-bar-color: linear-gradient(100deg,
      rgba(240, 29, 22, 1) 0%,
      rgba(226, 170, 55, 1) 100%);
  --global-top-circle-shadow: rgba(0, 0, 0, 0.2);
  --global-font-size: 100%;
  --submenu-sec: rgba(255, 255, 255, .15);
  --submenu-third: rgba(255, 255, 255, 0.1);
  --bread-crumbs-color: #333333;
  --global-border-color-w-bg: rgba(0, 0, 0, .1);
  --global-btn-bg: #f04f29;
  --global-input-w-bg: rgba(0, 0, 0, .3);
  --global-step-btn: transparent;
  --global-upload-border-color-w-bg: rgba(240, 79, 41, .34);
  --global-upload-background-w-bg: rgba(240, 79, 41, .1);
  --top-header-bg: #ffffff;
  --top-header-icons-border: #E1E1E1;
  --top-header-icons-color: #6E6E6E;
  --top-header-search-icon-color: #333333;
  --disable-btn-color: #9E9E9E;
  --table-overlay-solid-color: #f37254;
  --global-blue-payment: #278ac1;
  --error-color: #E02B1D;
  --global-white-w-opacity: rgba(255, 255, 255, .3);
  --global_status_bg_color: rgba(255, 255, 255, .6);
  --btn-hover: rgba(0, 0, 0, .6);
}

/************************************** GLOBAL COLORS ****************/
@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }

  html {
    height: -webkit-fill-available;
  }
}

html {
  font-size: .90vw;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

body {
  font-family: 'Noto Sans', sans-serif !important;
  color: var(--text-grey);
  background: var(--page-bg);
  font-size: var(--global-font-size);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

button,
a {
  text-decoration: none;
  transition: 0.3s;
  cursor: pointer;
}

ul,
li {
  margin: 0;
  padding: 0;
}

select option {
  background-color: var(--global-white) !important;
  color: var(--text-grey) !important;
  border: 0rem !important;
}

.text_transform_none {
  text-transform: none !important;
}


input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  cursor: pointer;
}

select>option:hover,
select:focus>option:checked {
  background-color: var(--global-orange) !important;
  color: var(--global-white) !important;
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

.ui-sortable-handle {
  cursor: grab;
}

.ui-sortable-helper {
  cursor: grabbing;
}

.r-add-leads-main-wrapper input::-webkit-outer-spin-button,
.r-add-leads-main-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.r-add-leads-main-wrapper input[type=number] {
  -moz-appearance: textfield;
}

.new_lower_case {
  text-transform: lowercase !important;
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-width: 25rem;
  --bs-offcanvas-border-width: 0.0625rem;
}

/* ============== SPHERED STYLE OVERRIDE START ============== */
.shepherd-element {
  max-width: 30rem;
}

.shepherd-button {
  background: var(--global-orange);
  border: 0.0625rem solid var(--global-orange);
  border-radius: 0.1875rem;
  color: var(--global-white);
  margin-right: .5rem;
  padding: 0.25rem 1.5rem;
  font-size: 0.875rem;
}

.shepherd-button:not(:disabled):hover {
  background: var(--global-orange);
  color: var(--global-white);
}

.shepherd-button.shepherd-button-secondary {
  background: var(--global-white);
  color: var(--global-orange);
}

.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: var(--global-white);
  color: var(--global-orange);
}

.shepherd-has-title .shepherd-content .shepherd-header {
  margin: 1rem;
  margin-bottom: 0;
  padding: .5rem 1em;
  background: rgba(242, 242, 245, 0.75);
}

.shepherd-text {
  margin: 1rem;
  margin-top: 0;
  background: rgba(242, 242, 245, 0.75);
  padding: .5rem 1em;
  font-size: 0.875rem;
}

.shepherd-title {
  font-weight: 600;
  font-size: 1rem;
  display: inline;
}

.shepherd-title span {
  font-size: 0.75rem;
  font-weight: 400;
}

.shepherd-footer {
  justify-content: space-between;
  /* margin: 0 1rem; */
}

.shepred-title-wrap {
  display: inline-flex;
  align-items: start;
  justify-content: space-between;
  width: 98%;
}

.shepred-title-icon {
  cursor: pointer;
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before {
  background-color: var(--global-white);
}

.shepherd-arrow:before {
  background: var(--global-white);
}

.shepred-title-icon i {
  font-size: 1rem;
  color: hsla(0, 0%, 50%, .75);
}

.dialog-requirement-list {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
  margin-left: 0.9375rem;
}

.dialog-requirement-list li {
  width: 50%;
}

.chart-canvas {
  background: var(--global-white);
  border-radius: 0.5rem;
  padding: 1rem;
}

.floating-btn-wrap {
  position: fixed;
  width: 3.75rem;
  height: 3.75rem;
  bottom: 5rem;
  right: 5rem;
}

.floating_btn {
  width: 3.75rem;
  height: 3.75rem;
  cursor: pointer;
  background: var(--global-white);
  border: 0.0625rem solid var(--white-orange-orange);
  outline: none;
  transition: 1s ease-in-out;
  color: var(--global-orange);
  z-index: 9999025;
}

.floating_btn svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: var(--global-orange);
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
  animation-name: floating;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  width: 3.75rem;
  height: 3.75rem;
  z-index: 9999025;
}

.floating_btn:hover {
  transition: 1s ease-in-out;
  background: var(--bg-color);
}

@keyframes floating {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -480;
  }
}

.floating_btn:hover svg {
  stroke-dashoffset: -480;
}

.floating_btn span {
  color: var(--global-orange);
  font-size: 1.125rem;
  font-weight: 100;
}

.floating_btn:hover span {
  color: var(--global-white);
}

.usersignup_email_no {
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* ============== SPHERED STYLE OVERRIDE END ============== */
/* ============== GLOBAL BTNS START ============== */
.r-modal-btn,
.people-table-main .table-add-btn a,
.btn_new_message a,
.btn_new_message button,
.orange-btn,
.btn-export,
.btnleadsplse,
.btn_lead_catcher,
.btn_next_page a,
.btn_previous_page a,
.btn_cv,
.btn_ins,
.btn-send,
.btn-close-form,
.orange-btn-1,
.orange-btn-5,
.orange-btn-2,
.orange-btn-3,
.orange-btn-4,
.btn-go,
.btn_g_card_bx button,
.btn_g_card_bx a,
.btn_add_auto,
.btn_w_s,
.r-orange-btn,
.r-icon-btn-thin,
.btn_next_page button,
.btn_previous_page button,
.circle-btn,
.r_square_icon_btn {
  border: 0.0625rem solid var(--global-orange);
  border-radius: 0.4375rem;
  padding: 0.3125rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: 0.1s all linear;
  display: inline-block;
  cursor: pointer;
  min-height: 2.25rem;
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
  transition: .3s all linear;
}

.r-modal-btn:hover,
.people-table-main .table-add-btn a:hover,
.btn_new_message a:hover,
.btn_new_message button:hover,
.orange-btn:hover,
.btn-export:hover,
.btnleadsplse:hover,
.btn_lead_catcher:hover,
.btn_next_page a:hover,
.btn_previous_page a:hover,
.btn_cv:hover,
.btn_ins:hover,
.btn-send:hover,
.btn-close-form:hover,
.orange-btn-1:hover,
.orange-btn-5:hover,
.orange-btn-2:hover,
.orange-btn-3:hover,
.orange-btn-4:hover,
.btn-go:hover,
.btn_g_card_bx button:hover,
.btn_g_card_bx a:hover,
.btn_add_auto:hover,
.btn_w_s:hover,
.r-orange-btn:hover,
.r-icon-btn-thin:hover,
.btn_next_page button:hover,
.btn_previous_page button:hover,
.circle-btn:hover {
  box-shadow: 0px 0px 5px 0px var(--btn-hover);
}

.r-btn-lg {
  font-size: 1.5rem;
  padding: 0.6rem 2.2rem;
}


.r-orange-btn.r-reverse-btn,
.modal-content .r-orange-btn.r-reverse-btn,
.btn-export,
.btn_next_page a,
.btn_previous_page a,
.btn_cv,
.btn_ins,
.orange-btn-3,
.btn-go,
.btn_g_card_bx button,
.btn_g_card_bx a,
.btn_add_auto,
.btn_next_page button,
.btn_previous_page button,
.btn_new_message a.btn-sync-order,
.r_square_icon_btn {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-color: var(--white-white-orange);
}

.crmtemplatepreview .modal-body ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}

.new_circle_btn {
  padding: .375rem;
  min-width: 2.25rem;
  border-radius: 100%;
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.r_square_icon_btn {
  min-width: 2.25rem;
  padding: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.r_square_icon_btn:hover {
  color: var(--orange-orange-white);
}

.r_square_icon_btn_sm {
  min-height: 2rem;
  min-width: 2rem;
  font-size: 1rem;
  padding: .25rem;
}

.r-modal-btn.switch-back-btn {
  background: var(--global-blue-payment);
  color: var(--global-white);
  border-color: var(--global-blue-payment);
}

.r-modal-btn.switch-back-btn:hover {
  color: var(--global-blue-payment);
  background: var(--global-white);
  border-color: var(--global-blue-payment);
}

a.btn-export:hover {
  color: var(--orange-orange-white);
}

.r-modal-btn,
.modal-content .r-modal-btn {
  color: var(--global-orange);
  background: transparent;
}

.modal-content .long_heading {
  width: 78%;
  max-width: 40rem;
}

.btn-text {
  border: none;
  background: transparent;
  color: var(--text-two);
}

.btn-export.btn-orange-theme {
  background-color: var(--bg-color);
  color: var(--white-white-orange);
  border: none;
}

.r-modal-btn:hover {
  border: 0.0625rem solid var(--global-orange);
  color: var(--global-orange);
  background: var(--global-white);
  opacity: 0.9;
}

.r-modal-btn.r-outline-close {
  border: 0.0625rem solid var(--orange-white-orange);
  color: var(--orange-white-orange);
}

.r-modal-btn.r-outline-close i {
  margin-right: 0.3125rem;
}

.r-modal-btn.r-outline-close.icon-reverse i {
  margin-right: 0rem;
  margin-left: 0.3125rem;
}

.people-sort-box .r-modal-btn.r-outline-close {
  border: 0.0625rem solid var(--global-orange);
  color: var(--global-white);
}

.modal-content .r-modal-btn:hover {
  border: 0.0625rem solid var(--global-orange);
  color: var(--global-orange);
  background: var(--global-white);
  opacity: 0.9;
}

.modal-content .r-modal-btn.r-outline-close {
  border: 0.0625rem solid var(--global-orange);
  color: var(--global-orange);
}

.modal-content .r-modal-btn.r-outline-close:hover {
  border: 0.0625rem solid var(--global-orange);
  color: var(--global-orange);
}

.r-modal-btn.r-outline-close:hover {
  border: 0.0625rem solid var(--global-orange);
  color: var(--global-orange);
  background: var(--global-white);
}

.modal-content .r-orange-btn {
  background: var(--global-orange);
  color: var(--global-white);
}

.modal-content .r-orange-btn:hover {
  background: var(--global-orange);
  color: var(--global-white);
  opacity: 0.9;
}

.modal-content .r-orange-btn.r-reverse-btn {
  color: var(--orange-orange-white);
}

.modal-content .r-orange-btn i {
  color: var(--global-white);
}

.people-table-main .table-add-btn a {
  background: var(--white-orange-orange);
  color: var(--orange-white-white);
  margin-left: 0.625rem;
}

.btn_new_message a,
.btn_new_message button.r-orange-btn,
.orange-btn,
.circle-btn {
  background: var(--global-orange);
  color: var(--global-white);
  padding: 0.3125rem 1.5rem 0.3125rem 0.625rem;
}

.addInventory-main-wraper .btn_new_message a {
  padding: 0.3125rem 0.625rem;
  margin-right: 0.25rem;
}

.btn_new_message a.g_set {
  padding: 0.3125rem 0.75rem 0.3125rem 0.75rem;
}

.btn_new_message a.g_set i {
  padding-right: 0;
}

.btn_new_message a:hover,
.orange-btn:hover {
  background: var(--global-orange);
  color: var(--global-white);
  /* padding: 0.3125rem 1.5rem 0.3125rem 0.625rem; */
}

.btn_new_message a.reverse {
  background: var(--global-white);
  color: var(--orange-orange-white);
}

.r-people-rht.table-filter-wrap .orange-btn.sort-btn {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.4375rem;
  border: 0rem;
  color: var(--global-white);
  margin-right: 0.625rem;
  padding: 0;
}

.r-people-rht.table-filter-wrap .orange-btn.sort-btn:last-child {
  margin-right: 0rem;
}

.btn-export {
  position: relative;
  margin-top: auto;
}

.btnleadsplse {
  background: var(--global-orange);
  color: var(--global-white) !important;
  padding: 0.25rem 0.625rem 0.25rem 1.25rem;
}

.btnleadsplse i {
  padding-left: 0.4375rem;
  font-size: 1.25rem;
  position: relative;
  top: 0.125rem;
}

.custom-tooltip {
  --bs-tooltip-color: var(--text-grey);
  --bs-tooltip-bg: var(--global-white);
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-opacity: 1;
}

.custom-tooltip-n {
  --bs-tooltip-max-width: 15rem;
}

.authorize_tooltip,
.modifier_tooltip,
.margin-custom-tooltip {
  --bs-tooltip-max-width: 20rem;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.5rem;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-border-radius: 0.4rem;
}

.modifier_tooltip .tooltip-inner,
.custom-tooltip .tooltip-inner {
  box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, .3);
  border-radius: .25rem;
}

.btn_lead_catcher {
  background: var(--global-orange);
  padding: 0.25rem 1.5rem 0.25rem 0.75rem;
  color: var(--global-white) !important;
}

.btn_lead_catcher i {
  padding-right: 0.5rem;
  font-size: 1.25rem;
  position: relative;
  top: 0.125rem;
}

.btn_next_page a,
.btn_previous_page a {
  margin: 0;
  display: inline-block;
}

.add-agreement-step-wrap .btn_next_page a,
.add-agreement-step-wrap .btn_previous_page a {
  display: inline-block;
}

.btn_previous_page a,
.orange-btn-4 {
  background-color: transparent;
  color: var(--white-white-orange);
  border: 0.0625rem solid var(--white-white-orange);
}

.btn_previous_page.reverse a {
  border-color: var(--orange-white-orange);
  color: var(--orange-white-orange);
}

.r-orange-btn {
  background: var(--global-orange);
  color: var(--global-white);
}

/* 
.r-orange-btn:hover {
  background: var(--global-orange);
  color: var(--global-white);
  opacity: 0.9;
} */

/* TIME PICKER SCROLL */
.ui-timepicker-container .ui-timepicker,
.ui-timepicker-container .ui-timepicker-viewport {
  box-sizing: border-box;
}

.r-orange-btn.r-reverse-btn:hover {
  opacity: 0.9;
}

.r-orange-btn.r-rounded-btn {
  border-radius: 6.25rem;
}

.r-modal-btn.r-outline-btn {
  background: transparent;
  color: var(--nav-link);
  border-color: var(--nav-link);
}

.r-orange-btn.circle-btn {
  width: 1.7rem;
  margin-bottom: 0.2rem;
  min-height: 1.7rem;
  font-size: 0.875rem;
  padding: 0;
  border-radius: 100%;
}

/* .orange-btn.r-com-btn {
  padding: 0.5rem 1.25rem 0.5rem 0.625rem !important;
} */

.btn_cv,
.btn_ins {
  width: 100%;
}

.btn_ins:hover {
  color: var(--orange-orange-white);
}

.btn-ins {
  width: auto;
}

.btn_cv {
  margin-bottom: 0.5rem;
}

.btn-send,
.btn-close-form {
  background-color: var(--global-orange);
  color: var(--global-white);
}

.orange-btn-1,
.orange-btn-5 {
  color: var(--global-orange);
  background: transparent;
}

.orange-btn-2 {
  background: var(--global-orange);
  color: var(--global-white);
}

.orange-btn-3,
.orange-btn-4 {
  margin-top: auto;
}

.btn_g_card_bx button,
.btn_g_card_bx a,
.btn_add_auto {
  margin-right: 0.625rem;
}

.btn_w_s {
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}

.btn_w_s:last-child {
  margin-right: 0;
}

/* .orange-btn {
  background: var(--global-btn-bg);
  padding: 0.25rem 0.9375rem;
  border: 0rem;
  border-radius: 0.4375rem;
  color: var(--global-white);
  font-size: 1rem;
  border: 0.0625rem solid transparent;
  min-height: 2.25rem;
}

.orange-btn:hover {
  background: var(--global-btn-bg);
  color: var(--global-white);
} */
.top-notification-area {
  background: var(--global-orange);
}

.header-top-wrap {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.2rem;
}

.r-orange-btn.r-white-outline-btn {
  border: 0.0625rem solid var(--global-white);
  color: var(--global-white);
}

.header-top-rht a {
  color: var(--global-white);
}

.header-top-rht a span {
  color: var(--global-orange);
  padding: 0.1875rem .375rem;
  background: var(--global-white);
  font-weight: 600;
}

.orange-btn.r-disabled,
.btn-ins.r-disabled,
.btn-export.r-disabled {
  background: var(--top-header-icons-border);
  pointer-events: none;
  color: var(--disable-btn-color);
  border-color: var(--top-header-icons-border);
}

.btn-ins.r-disabled-modal {
  background: transparent;
  pointer-events: none;
  color: var(--global-input-w-bg);
  border-color: var(--global-input-w-bg);
}

.btn_new_message .orange-btn.r-disabled i {
  color: var(--disable-btn-color);
}

.two_btn_next_page .orange-btn.bulk-edit-btn {
  margin-right: 0.625rem;
}

.orange-btn i {
  margin-right: 0.3125rem;
}

.r-icon-btn-thin {
  background: var(--global-orange);
  padding: 0.375rem 1rem 0.375rem 0.75rem;
  color: var(--global-white);
}


.btn_next_page button,
.btn_previous_page button {
  margin: 0;
}

.btn_next_page.reverse a {
  color: var(--global-white);
  background: var(--global-orange);
  border-color: var(--global-orange);
}

.clear_btn {
  background: transparent;
  border: 0;
  color: var(--global-orange);
}

/* ============== GLOBAL BTNS END ============== */
/* ============== LOADING SCREEN ANIMATION START ============== */
.animated_morph_container {
  position: relative;
  margin: auto;
  width: 100%;
  top: 0;
  bottom: 0;
  left: -50%;
  filter: url(#threshold) blur(0.6px);
}

.animated_morph_container #text1,
.animated_morph_container #text2 {
  position: absolute;
  width: 100%;
  display: inline-block;
  font-size: 2rem;
  text-align: center;
  font-weight: 800;
  user-select: none;
}

.animated_text_wrap {
  position: relative;
  margin-bottom: 3rem;
  display: none;
}

.animated_text_wrap svg {
  position: absolute;
  top: 0;
  left: 50%;
  height: 0;
}

.animated_text_wapper {
  min-height: 3rem;
  /* display: none; */
}

.word {
  margin: auto;
  font-size: 2rem;
}

/* ============== LOADING SCREEN ANIMATION END ============== */
/* ============== CUSTOM LOADER STARTS ============== */
.loader {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
}

.custom-made {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
}

.custom-load-animated-text-wrap p {
  font-size: 3.125rem;
  font-weight: 800;
  margin-top: 1.25rem;
  display: inline-block;
  width: 18.75rem;
  background: #111 -webkit-linear-gradient(left, #111, #fff) no-repeat 0 0/1.875rem;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
  -webkit-animation: sweep 2.5s ease-in-out infinite;
  animation: sweep 2.5s ease-in-out infinite;
}

@-webkit-keyframes sweep {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 100%;
  }
}

@keyframes sweep {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 100%;
  }
}

.light-sweep {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.light-sweep img {
  display: inline-block;
  width: 30%;
}

.light-sweep,
.lightSweep {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: size 2s ease-in-out infinite alternate;
}

.lightSweep {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-filter: brightness(2.8);
  -webkit-mask-size: 300% 100%;
  -webkit-mask-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 60%);
  -webkit-transition: -webkit-mask-position;
  -webkit-animation-timing-function: linear;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-filter: brightness(2.8);
  -moz-mask-size: 300% 100%;
  -moz-mask-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 60%);
  -moz-transition: -webkit-mask-position;
  -moz-animation-timing-function: linear;
  -moz-transform: translate3d(0, 0, 0);
  -o-filter: brightness(2.8);
  -o-mask-size: 300% 100%;
  -o-mask-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 60%);
  -o-transition: -webkit-mask-position;
  -o-animation-timing-function: linear;
  -o-transform: translate3d(0, 0, 0);
  filter: brightness(2.8);
  mask-size: 300% 100%;
  mask-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 60%);
  transition: -webkit-mask-position;
  animation-timing-function: linear;
  transform: translate3d(0, 0, 0);
  transition-duration: 3s;
  animation: move 2s linear infinite;
}

@keyframes move {
  from {
    -webkit-mask-position: 150% 0rem;
    -moz-mask-position: 150% 0rem;
    -o-mask-position: 150% 0rem;
    mask-position: 150% 0rem;
  }

  to {
    -webkit-mask-position: 0% 0rem;
    -moz-mask-position: 0% 0rem;
    -o-mask-position: 0% 0rem;
    mask-position: 0% 0rem;
  }
}

@keyframes size {
  from {
    transform: scale(90%);
  }

  to {
    transform: scale(100%);
  }
}

.spinner {
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 1.5rem;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #f04f29 94%, #0000) top/0.4rem 0.4rem no-repeat,
    conic-gradient(#0000 30%, #f04f29);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.4rem), #000 0);
  animation: spinner-c7wet2 0.6s infinite linear;
}

@keyframes spinner-c7wet2 {
  100% {
    transform: rotate(1turn);
  }
}

.modal.select2modals {
  z-index: 1051;
}

/* ============== CUSTOM LOADER END ============== */
/* ============== ACCORDION STARTS ============== */
.accordion .accordion-body {
  padding: 1.25rem;
}

/* ============== ACCORDION ENDS ============== */
/* ============== GLOBAL Input ERROR Start ============== */
.error_wrap .gift_card_price {
  border-color: var(--error-color) !important;
}

.error_wrap .error_el {
  /* background: transparent !important; */
  color: var(--error-color) !important;
  font-size: 0.875rem;
  margin-top: 0.1875rem;
}

.error_el {
  /* background: transparent !important; */
  color: var(--error-color) !important;
  font-size: 0.875rem;
  margin-top: 0.1875rem;
  border-color: var(--error-color) !important;
  white-space: nowrap;
  overflow: hidden;
}

.form-group .error_el {
  /* background: transparent !important; */
  color: var(--error-color) !important;
  font-size: 0.875rem;
  margin-top: 0.1875rem;
  border-color: var(--error-color) !important;
}

.form-group input.error_el,
.form-group textarea.error_el {
  margin-top: 0rem;
}

.form-group .error_el.signup_el {
  color: red !important;
}

/* ============== GLOBAL Input ERROR END ============== */
/* .r-add-leads-main-wrapper input:-webkit-autofill,
.r-add-leads-main-wrapper input:-webkit-autofill:hover,
.r-add-leads-main-wrapper input:-webkit-autofill:focus,
.r-add-leads-main-wrapper input:-webkit-autofill:active,
.gradiant-card input:-webkit-autofill,
.gradiant-card input:-webkit-autofill:hover,
.gradiant-card input:-webkit-autofill:focus,
.gradiant-card input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--global-white) !important;
}

.r-add-leads-main-reverse input:-webkit-autofill,
.r-add-leads-main-reverse input:-webkit-autofill:hover,
.r-add-leads-main-reverse input:-webkit-autofill:focus,
.r-add-leads-main-reverse input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--text-grey) !important;
}

.modal-body input:-webkit-autofill,
.modal-body input:-webkit-autofill:hover,
.modal-body input:-webkit-autofill:focus,
.modal-body input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--text-grey) !important;
} */

.r-add-leads-main-wrapper input:-webkit-autofill,
.r-add-leads-main-wrapper input:-webkit-autofill:hover,
.r-add-leads-main-wrapper input:-webkit-autofill:focus,
.r-add-leads-main-wrapper textarea:-webkit-autofill,
.r-add-leads-main-wrapper textarea:-webkit-autofill:hover,
.r-add-leads-main-wrapper textarea:-webkit-autofill:focus,
.r-add-leads-main-wrapper select:-webkit-autofill,
.r-add-leads-main-wrapper select:-webkit-autofill:hover,
.r-add-leads-main-wrapper select:-webkit-autofill:focus,
.gradiant-card input:-webkit-autofill,
.gradiant-card input:-webkit-autofill:hover,
.gradiant-card input:-webkit-autofill:focus,
.gradiant-card textarea:-webkit-autofill,
.gradiant-card textarea:-webkit-autofill:hover,
.gradiant-card textarea:-webkit-autofill:focus,
.gradiant-card select:-webkit-autofill,
.gradiant-card select:-webkit-autofill:hover,
.gradiant-card select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text-two);
  -webkit-box-shadow: 0 0 0rem 62.5rem var(--bg-color) inset;
  transition: background-color 5000s ease-in-out 0s;
}

.r-add-leads-main-reverse input:-webkit-autofill,
.r-add-leads-main-reverse input:-webkit-autofill:hover,
.r-add-leads-main-reverse input:-webkit-autofill:focus,
.r-add-leads-main-reverse textarea:-webkit-autofill,
.r-add-leads-main-reverse textarea:-webkit-autofill:hover,
.r-add-leads-main-reverse textarea:-webkit-autofill:focus,
.r-add-leads-main-reverse select:-webkit-autofill,
.r-add-leads-main-reverse select:-webkit-autofill:hover,
.r-add-leads-main-reverse select:-webkit-autofill:focus,
.modal-body input:-webkit-autofill,
.modal-body input:-webkit-autofill:hover,
.modal-body input:-webkit-autofill:focus,
.modal-body textarea:-webkit-autofill,
.modal-body textarea:-webkit-autofill:hover,
.modal-body textarea:-webkit-autofill:focus,
.modal-body select:-webkit-autofill,
.modal-body select:-webkit-autofill:hover,
.modal-body select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text-grey);
  -webkit-box-shadow: 0 0 0rem 62.5rem #0000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.dashboard_main_login .r-add-leads-main-wrapper input:-webkit-autofill,
.dashboard_main_login .r-add-leads-main-wrapper input:-webkit-autofill:hover,
.dashboard_main_login .r-add-leads-main-wrapper input:-webkit-autofill:focus,
.dashboard_main_login .r-add-leads-main-wrapper textarea:-webkit-autofill,
.dashboard_main_login .r-add-leads-main-wrapper textarea:-webkit-autofill:hover,
.dashboard_main_login .r-add-leads-main-wrapper textarea:-webkit-autofill:focus,
.dashboard_main_login .r-add-leads-main-wrapper select:-webkit-autofill,
.dashboard_main_login .r-add-leads-main-wrapper select:-webkit-autofill:hover,
.dashboard_main_login .r-add-leads-main-wrapper select:-webkit-autofill:focus,
.dashboard_main_signup .r-add-leads-main-wrapper input:-webkit-autofill,
.dashboard_main_signup .r-add-leads-main-wrapper input:-webkit-autofill:hover,
.dashboard_main_signup .r-add-leads-main-wrapper input:-webkit-autofill:focus,
.dashboard_main_signup .r-add-leads-main-wrapper textarea:-webkit-autofill,
.dashboard_main_signup .r-add-leads-main-wrapper textarea:-webkit-autofill:hover,
.dashboard_main_signup .r-add-leads-main-wrapper textarea:-webkit-autofill:focus,
.dashboard_main_signup .r-add-leads-main-wrapper select:-webkit-autofill,
.dashboard_main_signup .r-add-leads-main-wrapper select:-webkit-autofill:hover,
.dashboard_main_signup .r-add-leads-main-wrapper select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text-two);
  -webkit-box-shadow: 0 0 0rem 62.5rem #0e1529 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.modal-body {
  max-height: 75vh;
  overflow-y: auto !important;
  /* SELECT TWO SCROLL ISSUE  */
  overflow-x: hidden;
  /* SELECT TWO SCROLL ISSUE  */
}

.modal-body.modal-overflow {
  overflow: initial !important;
}

/* GLOBAL DOTS COLOR */
/* GLOBAL CALENDER COLOR */

.daterangepicker.dropdown-menu {
  z-index: 98;
}

.daterangepicker td.today.active.start-date.active.end-date.available {
  background: transparent !important;
  color: var(--global-orange) !important;
}

.daterangepicker td.active:hover {
  background-color: rgba(240, 79, 41, 0.1) !important;
}

.daterangepicker td.in-range {
  background-color: rgba(240, 79, 41, 0.1) !important;
}

.daterangepicker th {
  color: rgba(51, 51, 51, 0.5) !important;
}

.daterangepicker td.today {
  color: var(--global-orange) !important;
}

.daterangepicker th i,
.daterangepicker_input i {
  color: var(--global-orange) !important;
}

.daterangepicker td {
  color: var(--text-grey) !important;
}

.daterangepicker td.start-date.available,
.daterangepicker td.end-date.available {
  background-color: var(--global-orange) !important;
  color: var(--global-white) !important;
}

.daterangepicker td.start-date {
  border-radius: 0.9375rem 0 0 0.9375rem !important;
}

.daterangepicker td.end-date {
  border-radius: 0 0.9375rem 0.9375rem 0 !important;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: rgba(240, 79, 41, 0.1) !important;
}

.r-add-leads-main-wrapper .monthselect,
.r-add-leads-main-wrapper .yearselect,
.monthselect,
.yearselect {
  border: 0.0625rem solid var(--global-input-w-bg);
  padding: 0rem 0.375rem !important;
  color: var(--text-grey);
  border-radius: 0.3125rem;
  font-size: 0.875rem;
}

.daterangepicker .input-mini.active {
  border: 0.0625rem solid var(--global-orange);
}

.daterangepicker td.available.active:hover,
.daterangepicker th.available.active:hover {
  background-color: var(--global-orange) !important;
}

.r-add-leads-main-wrapper .daterangepicker .input-mini:focus {
  color: var(--text-grey);
}

.r-add-leads-main-wrapper .monthselect:focus,
.r-add-leads-main-wrapper .yearselect:focus,
.monthselect:focus,
.yearselect:focus {
  color: var(--text-grey);
  border-color: var(--global-input-w-bg);
}

.daterangepicker select.yearselect {
  min-width: 4.375rem;
}

/* GLOBAL CALENDER COLOR */

.sentiments_na {
  font-size: 1.25rem;
  margin-bottom: 2.625rem;
}

.orange {
  background: #cc00ff !important;
}

.blue {
  background: #00cccc !important;
}

.green {
  background: #99cc33 !important;
}

.yellow {
  background: #fcee21 !important;
}

/* GLOBAL DOTS COLOR */
/* GLOBAL ERROR */
.r-error {
  font-weight: 600;
  font-size: 0.875rem;
}

.r-error-orange {
  color: var(--global-orange);
}

/* GLOBAL ERROR */
/* GLOBAL PAGINATION */
.uniersal-pagination-wrap {
  text-align: center;
  padding: 1.875rem 0 0 0;
}


.universal_pagination {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  border: 0.0625rem solid var(--white-white-orange);
  padding-left: 0;
  border-radius: 0.25rem;
  margin: 0;
  overflow: hidden;
}

/* .list_js_pagination{
  border: 0;
}
.list_js_pagination:has(.active){
  border: 0.0625rem solid var(--white-white-orange);
} */

.universal_pagination.inverse {
  border: 0.0625rem solid var(--nav-use-icon-border);
}

.website_list_top_filter_search_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin-bottom: 1.5rem;
}

.website_list_top_filter_col {
  width: 100%;
}

.website_list_top_filter_col_paginaation {
  text-align: center;
}

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

.add-new-portfolio-business-wrap .no_results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--text-two);
  gap: 1rem;
}

.add-new-portfolio-business-wrap .no_results i {
  font-size: 4rem;
}

.list_js_pagination li a,
.universal_pagination .page-link {
  padding: 0.5rem 1rem;
  background: transparent;
  color: var(--white-white-orange);
  font-size: 0.875rem;
  text-align: center;
  font-weight: 700;
  border-right: 0.0625rem solid var(--white-white-orange);
  display: inline-block;
}

.universal_pagination.inverse .page-link {
  background: var(--global-orange);
  color: var(--global-white);
}

.universal_pagination li:last-child .page-link,
.list_js_pagination li:last-child a {
  border: none;
}

.page-item:not(:first-child) .page-link,
.list_js_pagination:not(:first-child) a {
  margin: 0;
}

.universal_pagination.inverse .page-link:hover {
  opacity: 0.85;
}

.universal_pagination li:first-child a {
  border-radius: 0.125rem 0 0 0.125rem !important;
}

.universal_pagination li:first-child a.page-link,
.list_js_pagination li:first-child a {
  border-left: 0;
}

.universal_pagination li:last-child a,
.list_js_pagination li:last-child a {
  border: none;
  border-radius: 0rem 0.125rem 0.125rem 0rem !important;
}

.universal_pagination .active>.page-link,
.universal_pagination .page-link.active,
.universal_pagination li a:hover,
.list_js_pagination .active,
.list_js_pagination li.active a,
.list_js_pagination li a:hover,
.website_list_top_filter_col_paginaation .pagination__active a {
  z-index: 3;
  color: var(--orange-orange-white);
  background-color: var(--white-white-orange);
  border-color: var(--global-white);
}

.universal_pagination.inverse .active>.page-link,
.universal_pagination.inverse .page-link.active,
.universal_pagination.inverse li a:hover {
  z-index: 3;
  color: var(--global-orange);
  background-color: var(--global-white);
  border-color: var(--global-white);
}

.modal-content .universal_pagination,
.modal-content .universal_pagination.inverse {
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.no-info-edit-customer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem 0;
}

.no-info-edit-customer span i {
  font-size: 2.5rem;
  margin-right: 0.625rem;
  color: var(--orange-white-orange);
}

.no-info-edit-customer p {
  color: var(--orange-white-orange);
}

/* .button_border_red {
  color: var(--global-orange);
  border: 0.0625rem solid var(--global-orange);
  background-color: transparent;
} */

/* GLOBAL PAGINATION */
/* GLOBAL CUSTOM CHECKBOX */
.r-custom-checkbox {
  width: 100%;
}

.r-custom-checkbox-input {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}

.r-custom-checkbox-label {
  cursor: pointer;
  position: relative;
  border-radius: 0.625rem;
  overflow: hidden;
  transition: 0.3s all linear;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  height: auto;
  max-width: 100%;
  height: 21.375rem;
  overflow: hidden;
  border-radius: 0.625rem;
}

.r-custom-checkbox-label::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  transition: .3s all ease-in-out;
}

.r-custom-checkbox-label,
.r-custom-checkbox-span,
.r-custom-checkbox-img {
  width: 100%;
  padding: 0 !important;
}

.r-custom-checkbox-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.r-custom-checkbox-input:checked+.r-custom-checkbox-label::after {
  background-color: var(--global-input-w-bg);
}

.r-custom-checkbox-input:checked+.r-custom-checkbox-label::before {
  content: "\2714";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  background-color: var(--global-orange);
  z-index: 3;
}

.r-custom-checkbox-title-wrap h4 {
  text-transform: capitalize;
}

.form-check-label {
  cursor: pointer;
}

/* GLOBAL CUSTOM CHECKBOX */
/* AUTO COMPLETE PLUGIN */
.ui-widget.ui-widget-content {
  z-index: 9999 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: var(--nav-user-icon-bg) !important;
  border: 0.0625rem solid var(--nav-user-icon-bg) !important;
}

/* AUTO COMPLETE PLUGIN */
/* GLOBAL COLOR PICKER NEW */
.new-color-picker-wrap {
  width: 100%;
  position: relative;
}

.new-color-picker-input {
  width: 0rem;
  height: 0rem;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  bottom: 0;
}

.color-picker-label {
  display: block;
  width: 100%;
}

.new-picker-color-box {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.1875rem;
  margin-right: 0.4375rem;
  background: var(--global-white);
}

.new-picker-wrap,
.dropdown_input_design {
  display: flex;
  width: 100%;
  padding: 0.375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-grey);
  background-color: var(--global-white);
  background-clip: padding-box;
  border: 0.0625rem solid var(--global-input-w-bg);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  max-height: 2.25rem;
  align-items: center;
  position: relative;
}

.dropdown_input_design {
  justify-content: space-between;
  font-size: .875rem;
}

.dropdown_input_design:hover {
  border: 0.0625rem solid var(--global-input-w-bg);
}

.new-picker-wrap.error {
  border: 0.0625rem solid var(--global-orange) !important;
}

.new-picker-wrap i {
  margin-left: auto;
}

.color-picker-label .new-picker-wrap {
  background: transparent;
  color: var(--global-white);
}

.r-add-leads-main-wrapper .color-picker-label .new-picker-wrap {
  border: 0.0625rem solid var(--global-input-border);
}

.r-add-leads-main-reverse .color-picker-label .new-picker-wrap {
  border: 0.0625rem solid var(--global-input-w-bg);
}

.r-add-leads-main-wrapper #combo-color-picker-wrap .new-picker-color-code,
.r-add-leads-main-wrapper #combo-color-picker-wrap .color-hash,
.r-add-leads-main-wrapper #combo-color-picker-wrap .new-picker-wrap i {
  color: var(--white-white-black);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse #combo-color-picker-wrap .new-picker-color-code,
.r-add-leads-main-wrapper .r-add-leads-main-reverse #combo-color-picker-wrap .color-hash,
.r-add-leads-main-wrapper .r-add-leads-main-reverse #combo-color-picker-wrap .new-picker-wrap i {
  color: var(--global-black);
}

.color-picker-label .new-picker-color-box {
  border: 0.0625rem solid var(--global-input-border);
}

.new-picker-color-code {
  text-transform: uppercase;
  color: var(--text-one);
}

#combo-color-picker-wrap .new-picker-color-code {
  border: 0;
  background: transparent;
  color: var(--text-grey);
  padding-left: 0.3rem;
  caret-color: var(--global-orange);
  box-shadow: none;
  width: 100%;
}

#combo-color-picker-wrap .color-hash {
  color: var(--global-orange);
  margin-left: 0.5rem;
  font-size: 1.5rem;
}

#combo-color-picker-wrap .new-picker-color-box {
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-border-color-w-bg);
  flex: 0 0 auto;
  cursor: pointer;
}

#combo-color-picker-wrap .new-picker-wrap i {
  color: var(--text-grey);
  cursor: pointer;
}

/* GLOBAL COLOR PICKER NEW */
/* GLOBAL MODAL */
.modal-header {
  padding: 1rem;
}

.modal-title {
  font-size: 1.5rem;
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-grey);
}

.modal-header .btn-close {
  font-size: 1rem;
  opacity: 1;
  color: var(--text-grey);
}

.modal-header .btn-close:focus {
  box-shadow: none;
}

.modal-content {
  color: var(--text-grey);
  border-radius: 1rem;
  font-size: 1rem;
}

.modal-content .paginate_button,
.modal-content .dataTables_info {
  font-size: 0.875rem;
}

.form-select:focus {
  box-shadow: none;
}

.table>:not(caption)>*>* {
  border-bottom: 0rem;
}

/* GLOBAL MODAL */
/* SELECT PICKER *******************************/
.bootstrap-datetimepicker-widget table td {
  height: 1.875rem;
  line-height: 1.875rem;
  width: 1.875rem;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 0;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  margin: 0.125rem 0.0938rem;
  cursor: pointer;
  border-radius: 0.25rem;
  background: var(--global-orange);
  color: var(--global-white);
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: var(--global-orange);
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 3.375rem;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
  background: var(--global-white);
  color: var(--text-grey);
}

.bootstrap-datetimepicker-widget .timepicker-hour:hover,
.bootstrap-datetimepicker-widget .timepicker-minute:hover,
.bootstrap-datetimepicker-widget .timepicker-second:hover {
  background: var(--global-upload-border-color-w-bg);
  color: var(--global-white);
}

.dropdown.bootstrap-select.form-select {
  border: 0rem !important;
}

.dropdown.bootstrap-select>.dropdown-toggle {
  border: 0.0625rem solid var(--global-input-border) !important;
  color: var(--text-two) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 2.1875rem !important;
  border-radius: 0.375rem;
  background: transparent !important;
}

.filetr_templte_wrapper .dropdown.bootstrap-select>.dropdown-toggle {
  color: var(--text-grey) !important;
}

.modal-content .dropdown.bootstrap-select>.dropdown-toggle {
  border: 0.0625rem solid var(--global-input-w-bg) !important;
  color: var(--text-grey) !important;
}

.dropdown.bootstrap-select .dropdown-item:focus,
.dropdown.bootstrap-select .dropdown-item:hover,
.dropdown.bootstrap-select .dropdown-item:active,
.dropdown.bootstrap-select .dropdown-item.active {
  background-color: var(--nav-user-icon-bg) !important;
  color: var(--global-white) !important;
}

.modal-content .dropdown.bootstrap-select .dropdown-item:focus,
.modal-content .dropdown.bootstrap-select .dropdown-item:hover {
  background-color: var(--global-orange) !important;
  color: var(--global-white) !important;
}

.bs-searchbox .form-control,
.bs-searchbox .form-control:focus {
  border: 0.0625rem solid var(--global-input-w-bg) !important;
  color: var(--text-grey) !important;
}

.modal-content .dropdown.bootstrap-select .dropdown-item.active {
  background-color: var(--global-orange);
}

.dropdown-toggle.bs-placeholder .filter-option-inner-inner {
  color: var(--global-input-border) !important;
}

.inbox-input-wrap .employee-logs-rht-wrap .new-white-input-select-two .dropdown-toggle {
  border-color: var(--black-white-black-border) !important;
  color: var(--black-white-black) !important;
}

.new-white-input-select-two .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
  color: var(--black-white-black-border) !important;
}

.theme-orange .edit-inventory-prev-nxt-wrap .new-white-input-select-two .dropdown-toggle::after {
  background-image: url(../images/arrow-grey.png);
}

.filter-option-inner-inner {
  font-size: .875rem;
}

.modal-body .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
  color: var(--input-white-placeholder) !important;
}

/* SELECT PICKER *******************************/

/* GLOBAL SCROLLBAR */
/* width */
::-webkit-scrollbar {
  width: 0.625rem;
}

::-webkit-scrollbar-track {
  background: var(--global-white);
  border: 0.0625rem solid var(--global-input-w-bg);
  -webkit-box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background: var(--bg-color);
  border-radius: 0rem;
  -webkit-box-shadow: inset 0 0 0.1875rem var(--text-two);
}

.form-check-input,
.addcatchercheck .form-check-input,
.search_area_left .form-check-input.notification,
.form-check-input.notification {
  width: 1rem;
  height: 1rem;
  position: relative;
}

.addcatchercheck .form-check {
  margin-top: .5rem;
  padding-left: 1.6rem;
}

.addcatchercheck .form-check-input {
  padding: 0;
}

.form-check-input:checked {
  border-color: var(--global-orange) !important;
  background-color: var(--global-orange) !important;
  box-shadow: 0 0 0.0625rem 0.08rem var(--global-input-border) !important;
}

.theme-light .edit-customer-rht-accordian-wrap .form-check-input:checked {
  border-color: var(--global-orange) !important;
  background-color: var(--global-orange) !important;
}

.edit-customer-rht-accordian-wrap .form-check-input:checked {
  border-color: var(--white-white-orange) !important;
  background-color: transparent !important;
}

.form-check-input.reverse_w:checked {
  border-color: var(--global-white) !important;
  background-color: transparent !important;
}

.form-check-input {
  border-color: var(--global-input-border);
}

.sale-tfooter-link {
  border-color: var(--text-two) !important;
}

.form-check-input.reverse[type=checkbox] {
  border-color: var(--global-input-border) !important;
  background-color: transparent !important;
}

.form-check-input.reverse:checked[type=checkbox] {
  border-color: var(--global-input-border) !important;
  background-color: var(--global-white) !important;
}

.form-check-input:focus {
  box-shadow: 0 0 0.0625rem 0.08rem var(--global-input-border) !important;
  border-color: var(--global-input-border);
}

.modal-content .form-check-input:focus {
  box-shadow: 0 0 0.0625rem 0.08rem var(--global-border-color-w-bg) !important;
}

.modal-content .form-check-input {
  border-color: var(--global-border-color-w-bg);
}


/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--bg-color);
}

* {
  scrollbar-color: var(--nav-user-icon-bg) var(--global-white);
  scrollbar-width: thin;
}

.dropdown.bootstrap-select {
  width: 100% !important;
  display: block;
  padding: 0;
  background: none;
}


.bootstrap-select .dropdown-menu {
  min-width: 100% !important;
}

/*============ GLOBAL COMPONENTS  ====================*/
.new-area {
  display: flex;
}

.new-area-left,
.new-area-right {
  width: 50%;
  padding: 1.25rem;
}

.round-icon-1,
.round-icon-2 {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 1.5rem;
  display: inline-flex;
  margin: 0 0.625rem 0.625rem 0;
  background: var(--white-white-orange);
  box-shadow: 0.1875rem 0.1875rem 0.3125rem 0rem var(--global-input-w-bg);
  border-radius: 6.25rem;
  color: var(--orange-orange-white);
  align-items: center;
  justify-content: center;
  transition: 0.3s all linear;
}

.round-icon-1:hover,
.round-icon-2:hover {
  color: var(--white-white-orange);
  background: var(--orange-orange-white);
}

.form-div {
  display: flex;
  flex-direction: column;
}

.form-input-2,
.form-textarea-2 {
  width: 100%;
  background: transparent !important;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
  color: var(--text-two);
  padding: 0.5rem 0.75rem;
}

.form-input-2:focus,
.form-textarea-2:focus {
  border: 0.0625rem solid var(--global-input-border);
  outline: none;
}

/*============ GLOBAL COMPONENTS  ====================*/

.dashboard_main {
  width: 100%;
  overflow: hidden;
  display: flex;
}

/* =======================================db_left start=============================== */

/* --------------------sidemenu Start------------------------ */
.nav-scroll-wrap {
  height: 85vh;
  /* overflow-y: auto;
  scrollbar-width: thin;
  overflow-x: hidden; */
}

.sidemenu {
  width: 100%;
  margin: 0rem auto 0rem;
  padding: 0;
  list-style-type: none;
}

.sidemenu::-webkit-scrollbar {
  width: 0.0625rem;
}

.sidemenu::-webkit-scrollbar-track {
  background: transparent;
}

.sidemenu::-webkit-scrollbar-thumb {
  background: transparent;
}

.sidemenu::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

.sidemenu .link {
  cursor: pointer;
  display: block;
  padding: 0.9375rem 2.8125rem 0.9375rem 5.625rem;
  margin: 0;
  list-style-type: none;
  color: var(--nav-link);
  font-size: 1.25rem;
  font-weight: normal;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.sidemenu li:last-child .link {
  border-bottom: 0;
}

.sidemenu li {
  position: relative;
}

.db_left.db_left-small .sidemenu li:nth-last-child(4):hover ul.submenu,
.db_left.db_left-small .sidemenu li:nth-last-child(4).open ul.submenu,
.db_left.db_left-small .sidemenu li:nth-last-child(3):hover ul.submenu,
.db_left.db_left-small .sidemenu li:nth-last-child(3).open ul.submenu,
.db_left.db_left-small .sidemenu li:last-child:hover ul.submenu,
.db_left.db_left-small .sidemenu li:last-child.open ul.submenu {
  top: -100%;
  transform: translate(100%, -50%);
}

.sidemenu li.active::before,
.sidemenu li.open.active::before,
.sidemenu li:hover::before,
.sidemenu li.open::before {
  content: "";
  width: 0.25rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--text-two);
  border-radius: 0.625rem;
}

.db_left .side-bar-line {
  width: 70%;
  height: 0.0625rem;
  background: var(--text-two);
  margin: 1.25rem auto;
}

.db_left.db_left-small .side-bar-line {
  width: 50%;
}

.sidemenu li i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.125rem;
  font-size: 1.25rem;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.sidemenu li i.fa-chevron-down {
  right: 0.875rem;
  left: auto;
  font-size: 1.125rem;
}

.sidemenu li.active li.active,
.sidemenu li.active .link,
.sidemenu li.open .link,
.sidemenu li:hover .link {
  color: var(--nav-link);
  background: var(--card-highlight--bg-color);
}

.accosidemenurdion li.open i {
  color: var(--nav-link);
}

.sidemenu li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 1.375rem;
}

.submenu {
  display: none;
  font-size: 1.125rem;
  list-style-type: none;
  padding-left: 0;
}

.submenu a {
  display: inline-block;
  text-decoration: none;
  color: var(--nav-link);
  padding: 0.75rem;
  padding-left: 3.75rem;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  color: var(--nav-link);
}

.sub-menu-link {
  color: var(--nav-link);
  background: var(--submenu-sec);
  padding: 0.625rem 1.5625rem 0.625rem 2.875rem;
  cursor: pointer;
}

.sub-menu-link a {
  padding: 0;
  padding-left: 1.25rem;
  position: relative;
}

.third {
  list-style: none;
  padding-left: 0;
  display: none;
}

.third a {
  display: block;
  text-decoration: none;
  color: var(--nav-link);
  padding: 0.75rem;
  padding-left: 4.375rem;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: var(--submenu-third);
}

.submenu li .sub-menu-link i.fa-chevron-down {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 1rem;
}

.submenu li.open .sub-menu-link i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* --------------------sidemenu end------------------------ */

/* =======================================db_left End=============================== */

/* =======================================db_right start=============================== */

.db_right {
  width: 100%;
  padding: 0 0 0 20.625rem;
  background: var(--page-bg);
  transition: 0.5s;
}

/* .db_right.db_left-expanded {
  padding: 0 0 0 6.5625rem;
  transition: 0.5s;
} */

.db_right_toggle-wrapper {
  margin-right: 0.9375rem;
  display: none;
}

.db_right_toggle-wrapper button {
  background: transparent;
  width: 1.875rem;
  height: 1.875rem;
  border: 0;
}

/* -------------------- db_right_header Start -------------------- */
.db_right_header {
  padding: 0rem 2.8125rem;
  display: flex;
  align-items: center;
  height: 5.625rem;
  position: relative;
  z-index: 998;
  background: var(--top-header-bg);
  transition: .3s all linear;
  box-shadow: 0rem 0.25rem 1rem 0rem rgba(0, 0, 0, .2);
}

.db_right_header.headerbg {
  box-shadow: 0rem 0.3125rem 0.3125rem 0rem var(--global-input-w-bg);
}

.db_right_header-logo {
  width: 13.4375rem;
  margin-right: 2.1875rem;
  display: none;
  transition: 0.1s;
}

.db_right.db_left-expanded .db_right_header-logo {
  display: block;
  transition: 0.1s;
}

.db_right_header-logo img {
  width: 100%;
}

.main-search,
.marketing-search {
  width: 15.625rem;
  border-radius: 0.625rem;
  position: relative;
  overflow: hidden;
  margin-right: 0.75rem;
  background: var(--page-bg);
  transition: .2s all linear;
}

.main-search.sec-search {
  visibility: hidden;
  position: absolute;
  right: 0;
  z-index: 999;
  width: 0;
}

.searchinput {
  width: 100%;
  padding: 0 1.25rem 0 2.8125rem;
  height: 2.5rem;
  background: transparent;
  border: 0.0625rem solid var(--nav-search-border);
  color: var(--text-one);
}

.header_new_search_input_wrap .searchinput {
  padding: 0 2.8125rem;
}

.searchinput:focus {
  outline: none;
}


.searchsubmit,
.marketing-searchsubmit,
.clear_btn {
  position: absolute;
  top: -0.125rem;
  left: 0rem;
  z-index: 1;
  border: none;
  background: none;
  font-size: 1.25rem;
  color: var(--top-header-search-icon-color);
  height: 2.8125rem;
  width: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clear_btn {
  left: auto;
  right: 0;
  font-size: 1rem;
}

.hellouser p {
  color: var(--global-orange);
  font-size: 1.25rem;
  font-weight: normal;
}

.db-title-sm a {
  padding: 0 0.3125rem;
  position: relative;
  display: inline-block;
  color: var(--bread-crumbs-color);
  line-height: normal;
  font-size: 0.8125rem;
  font-weight: 500;
}

.db-title-sm a:first-child {
  padding-left: 0;
}

.db-title-sm a::after {
  content: "";
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bread-crumbs-color);
  position: absolute;
  top: 0.1875rem;
  right: -0.0625rem;
}

.db-title-sm a:last-child::after {
  display: none;
}

.hellouser h2 {
  color: var(--text-one);
  font-size: 1.5rem;
  font-weight: 600;
}

.db_right_header-rightarea {
  margin-left: auto;
  display: flex;
  align-items: center;
  position: relative;
}

.notification,
.user-img {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  margin: 0 0.5rem 0 0.5rem;
  position: relative;
  background-color: transparent;
  border: 0.0625rem solid var(--top-header-icons-border);
  color: var(--top-header-icons-color);
  border-radius: 6.25rem;
  text-align: center;
}

.user-img {
  margin-right: 0;
}

.notification i,
.user-img i {
  font-size: 1.25rem;
  color: var(--top-header-icons-color);
}

.notification span {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.875rem;
  font-weight: normal;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--nav-use-icon-border);
  position: absolute;
  right: -0.75rem;
  top: -0.25rem;
  color: var(--global-white);
}

/* -------------------- db_right_header End -------------------- */
/* -------------------- db_right_contentarear Start -------------------- */
.db_right_contentarea {
  padding: 2.1875rem;
  /* height: calc(100vh - 7.5625rem);
  overflow-y: auto; */
  height: calc(100vh - 5.6875rem);
  overflow-y: auto;
  overflow-x: hidden;
}

.gradiant-card {
  background: var(--bg-color);
  border: none;
  border-radius: 0.625rem;
  /* margin-bottom: 1.5625rem; */
  position: relative;
  height: 100%;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
  color: var(--text-two);
}

.gradiant-card .card-body {
  padding: 1.25rem 1.875rem 2.5rem 1.875rem;
}

.send_presentation_today:before {
  background: url(../images/bg2.png) top center no-repeat;
  background-size: 100%;
  width: 100%;
  height: 4.0625rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
}

.send_presentation_today:after {
  background: url(../images/bg1.png) bottom center no-repeat;
  background-size: 100%;
  width: 100%;
  height: 5.625rem;
  position: absolute;
  left: 0;
  bottom: -0.0625rem;
  right: 0;
  z-index: 1;
  content: "";
}

.white-round-icon {
  width: 3.4375rem;
  height: 3.4375rem;
  background: var(--global-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
  -moz-box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
  box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
}

.send_presentation_today .white-round-icon {
  margin-top: -1.25rem;
  position: relative;
  z-index: 2;
}

.white-round-icon i {
  color: var(--global-orange);
  font-size: 1.25rem;
}

.send_presentation_today h2 {
  color: var(--text-two);
  font-size: 1.875rem;
  text-align: center;
  margin: 6.25rem 0;
}

.send_presentation_date {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.625rem;
}

.send_presentation_date .day {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--text-two);
  font-weight: normal;
}

.send_presentation_date .date {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--text-two);
  font-weight: bold;
  margin: 0 4.375rem;
}

.send_presentation_date .date span {
  font-size: 2rem;
  line-height: 2rem;
  display: block;
}

.send_presentation_date .year {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--text-two);
  font-weight: normal;
}

.captionarea {
  text-align: center;
  margin-bottom: 1.25rem;
}

.lead-info .caption {
  width: auto;
  height: 2.1875rem;
  background: var(--card-lead-bg);
  padding: 0rem 0.4375rem 0rem 0.9375rem;
  border-radius: 3.125rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  margin: 0 auto;
  font-size: 0.9375rem;
  justify-content: space-between;
}

.lead-status {
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 6.25rem;
  margin-left: 0.625rem;
}

.lead-info-img {
  width: 10.3125rem;
  height: 10.3125rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 1.875rem auto;
}

.lead-info-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lead-info-details {
  width: 100%;
  margin-bottom: 1.25rem;
}

.lead-info-details h2 {
  color: var(--text-two);
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.lead-info-details p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
}

.lead-info-conect {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lead-info-conect li {
  font-size: 1.125rem;
  margin-right: 0.3125rem;
  position: relative;
}

.lead-info-conect li:last-child {
  margin-right: 0;
}

.lead-info-conect li a {
  color: var(--white-white-orange);
  width: 2.1875rem;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 50%;
}

.lead-info-conect li a:hover,
.lead-info-conect li.open a {
  background: var(--card-highlight--bg-color);
}

.click_tooltip {
  position: absolute;
  width: 20.625rem;
  padding: 1.25rem;
  border-radius: 0.5rem;
  background: var(--global-input-border);
  z-index: 1;
  left: 3.125rem;
  top: -1.5625rem;
  -webkit-box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
  -moz-box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
  box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
  display: none;
}

.click_tooltip:after {
  width: 0;
  height: 0;
  border-top: 0.9375rem solid transparent;
  border-right: 0.9375rem solid var(--global-input-border);
  border-bottom: 0.9375rem solid transparent;
  content: "";
  position: absolute;
  top: 1.5625rem;
  left: -0.9375rem;
}

.click_tooltip ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}

.click_tooltip ul li {
  font-size: 0.875rem;
  font-weight: normal;
  text-transform: uppercase;
}

.click_tooltip ul a {
  color: var(--text-grey);
  display: block;
  width: 100%;
}

.heading-area {
  width: 100%;
  border-bottom: 0.0625rem solid var(--text-two);
  padding: 0 0 0.625rem 0;
  margin: 1.25rem 0 0 0;
  display: flex;
}

.heading-area h2 {
  color: var(--text-two);
  font-weight: bold;
  font-size: 1.5rem;
}

.pepople-heading-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  border: 0rem;
  padding: 0rem;
  position: relative;
}

.people-head-links {
  display: flex;
  align-items: center;
  justify-content: end;
}

.people-head-links a,
.people-head-links button {
  display: inline-flex;
  padding: 0.625rem;
  color: var(--white-white-orange);
  font-size: 1.25rem;
  background: transparent;
  border: 0rem;
}

.three-dot-list-wrap .dropdown-menu {
  padding: 0;
}

.three-dot-list-wrap .dropdown-menu li {
  border-bottom: 0.0625rem solid var(--global-top-circle-shadow);
}

.three-dot-list-wrap .dropdown-menu li a {
  color: var(--text-grey);
  padding: 0.625rem 1.125rem;
  font-size: 1rem;
  font-weight: 500;
  text-transform: initial;
}

.three-dot-list-wrap .dropdown-menu li a:active,
.three-dot-list-wrap .dropdown-menu li a:hover {
  background: var(--nav-user-icon-bg);
  color: var(--global-white);
}

.dropdown-submenu {
  position: relative;
}

.r-sec-menu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0.0625rem;
}

.sec-menu-btn:hover>.dropdown-menu.r-hidden {
  display: block;
}

.people-sort-wrap {
  position: absolute;
  top: 4.0625rem;
  right: -9.0625rem;
  z-index: 10;
}

.three-dot-list-wrap .dropdown-submenu {
  position: relative;
}

.three-dot-list-wrap .dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -0.375rem;
  margin-left: -0.0625rem;
  -webkit-border-radius: 0 0.375rem 0.375rem 0.375rem;
  -moz-border-radius: 0 0.375rem 0.375rem;
  border-radius: 0 0.375rem 0.375rem 0.375rem;
}

/* .dropdown:hover>.dropdown-menu {
  display: block;
} */

.three-dot-list-wrap .dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.three-dot-list-wrap .dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0.3125rem 0 0.3125rem 0.3125rem;
  border-left-color: var(--global-input-w-bg);
  position: absolute;
  top: 50%;
  right: 0.3125rem;
  transform: translate(-50%, -50%);
}

.three-dot-list-wrap .dropdown-submenu:hover>a:after {
  border-left-color: var(--text-two);
}

.r-no-list {
  list-style: none;
}

.r-hidden {
  display: none !important;
}

.r-crm-msg-wrap {
  position: absolute;
  z-index: 99;
  top: 3.125rem;
  left: 1rem;
  transform: translate(-50%, 0.625rem);
  opacity: 0;
  visibility: collapse;
  transition: 0.3s all linear;
}

.lead-info-conect li.open .r-crm-msg-wrap {
  opacity: 1;
  visibility: visible;
}

.r-crm-msg-box,
.people-sort-box {
  background: var(--global-white);
  padding: 1.25rem 0.9375rem;
  width: 23.75rem;
  border-radius: 1rem;
  color: var(--text-grey);
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
  position: relative;
  transition: 0.3s all linear;
}

.r-crm-msg-box {
  padding: 1.25rem 0;
  width: 30rem;
}

.r-crm-msg-box .r-crm-mid-wrap textarea {
  height: 12.5rem;
}

.r-crm-msg-box::before,
.people-sort-box::before {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: var(--global-white);
}

.people-sort-box label {
  text-transform: capitalize;
  word-wrap: break-word;
  word-break: break-word;
}

.r-crm-msg-top,
.people-sort-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
  padding: 0rem 0 0.625rem;
}

.people-sort-top p {
  font-size: 1.125rem;
  font-weight: 500;
}

.r-crm-msg-top {
  font-size: 1.5rem;
  font-weight: 600;
}

.r-crm-msg-top button,
.people-sort-top button {
  border: 0rem;
  background: transparent;
  font-size: 1.125rem;
}

.people-sort-mid {
  padding: 0.625rem 0;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.r-crm-msg-warning-wrap {
  display: none;
}

.r-crm-bot-wrap {
  padding: 1.25rem 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0.0625rem solid var(--global-border-color-w-bg);
}

.r-crm-msg-top {
  padding: 0rem 0.9375rem 0.625rem;
}

.r-crm-mid-wrap {
  padding: 0.625rem 0.9375rem;
}

.r-crm-warning-wrap {
  text-align: center;
  color: var(--global-orange);
  font-size: 2.25rem;
  padding: 0.625rem 0;
}

.r-crm-warning-wrap p {
  font-size: 1.5rem;
}

.people-search-wrap {
  width: 100%;
  background: var(--global-white);
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: 0.1875rem;
  padding: 0.3125rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}

.people-search-wrap input {
  width: 100%;
  background: transparent;
  border: 0rem;
  padding: 0.1875rem 0;
  margin-left: 0.4375rem;
  outline: 0;
}

.people-lead-checkbox-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.people-sort-lead-status-wrap {
  padding: 0.625rem 0;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.people-sort-lead-status-wrap p {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

.people-sort-lead-status-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.people-sort-lead-status-box .form-check {
  width: 47%;
  margin: 0 0.3125rem 0.3125rem 0;
  display: flex;
  align-items: flex-start;
}

.people-sort-lead-status-box .form-check .form-check-input,
.add_inventory_vendor_addbtn {
  flex: 0 0 auto;
}

.people-sort-bottom-wrap {
  padding-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.people-sort-calender-wrap {
  width: 48%;
  flex: 0 0 auto;
}

.comm-sort-wrap .people-sort-calender-wrap {
  width: 100%;
}

.comm-sort-wrap .people-sort-bottom-wrap {
  flex-direction: column;
  align-items: flex-start;
}

.sort-show-more-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sort-show-more-trigger a {
  color: var(--global-orange);
  font-size: 0.875rem;
}

.sort-show-more-trigger p {
  font-size: 0.875rem;
  margin: 0;
}

.sort-more-wrap,
.sort-show-less-wrap {
  display: none;
}

.sort-show-more-main.show .sort-more-wrap {
  display: block;
}

.sort-show-more-main.show .people-sort-lead-status-box {
  display: flex;
  align-items: flex-start;
}

.sort-show-more-main.show .sort-show-less-wrap {
  display: block;
}

.sort-show-more-main.show .show-sort-more-wrap {
  display: none;
}

/* BULK EDIT */
.bulk-edit h2 {
  color: var(--text-grey);
  font-size: 1.5rem;
  font-weight: 600;
}



.bulk-edit label {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-grey);
}

/** LEAD STATUS POP UP**/
.crm-lead-status-box-wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.crm-lead-status-box {
  padding: 0.1875rem 0.625rem;
  border-radius: 1.875rem;
  background: var(--nav-user-icon-bg);
  color: var(--global-white);
  font-size: 0.875rem;
  margin-right: 0.4375rem;
  margin-bottom: 0.4375rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.crm-lead-status-box button {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--global-white);
  margin-left: .5rem;
}

.crm-lead-status-box:hover,
.crm-lead-status-box:active {
  background: var(--nav-user-icon-bg);
  color: var(--global-white);
}

.lead-source-color-picker {
  display: flex;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-grey);
  background-color: transparent;
  background-clip: padding-box;
  border: 0.0625rem solid var(--global-input-w-bg);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  max-height: 2.375rem;
  align-items: center;
  position: relative;
}

.lead-source-color-picker-color {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.1875rem;
  margin-right: 0.4375rem;
}

.lead-source-color-picker i {
  margin-left: auto;
}

.lead-source-color-picker p {
  text-transform: uppercase;
}

.color-picker-input-wrap {
  position: absolute;
  top: 105%;
  left: 0;
  width: auto;
  height: 0rem;
  overflow: hidden;
  transition: 0.3s all linear;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--global-white);
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-input-w-bg);
  border-radius: 0.625rem;
  flex-direction: column;
  padding: 0.625rem;
  opacity: 0;
}

.color-picker-input-wrap label {
  margin-bottom: 0.3125rem;
}

.lead-source-color-picker.active .color-picker-input-wrap {
  height: 6.25rem;
  overflow: initial;
  pointer-events: all;
  opacity: 1;
}

.copy_lead_catcher_title {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.copy_lead_catcher_title:has(.fa-circle-info) {
  justify-content: start;
}

.copy_lead_catcher_title button {
  background: transparent;
  border: 0;
  color: var(--global-orange);
}

.copy_lead_catcher_input {
  display: flex;
  gap: .5rem;
}


.lead_catcher_social_links_ul {
  list-style: none;
}

.lead_catcher_social_links_li {
  margin-bottom: 1rem;
}

/** LEAD STATUS POP UP**/
/** ADD EMPLOYEE POP UP**/
.add-employee-modal .modal-dialog {
  max-width: 49.375rem;
}

/** ADD EMPLOYEE POP UP**/

.people-list .list-group-item {
  background: transparent;
  border-radius: 0rem;
  border-width: 0.0625rem 0 0rem 0;
  border-color: var(--card-list-border-color);
  padding: 0.8125rem 1.125rem;
}

.people-list .list-group-item:last-child {
  border-bottom: 0.0625rem solid var(--card-list-border-color);
}

.people-img-area {
  width: 4.6875rem;
  margin-right: 0.625rem;
  position: relative;
}

.people-img {
  width: 4.375rem;
  height: 4.375rem;
  overflow: hidden;
  border-radius: 50%;
}

.people-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.status {
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid var(--global-white);
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--bread-crumbs-color);
}

/* GLOBAL DOTS COLOR */

.sentiments_na {
  font-size: 1.25rem;
  margin-bottom: 2.625rem;
}

.orange {
  background: #cc00ff !important;
}

.blue {
  background: #00cccc !important;
}

.green {
  background: #00cc00 !important;
}

.yellow {
  background: #fcee21 !important;
}

.others {
  background: #666666 !important;
}

/* GLOBAL DOTS COLOR */

.people-details {
  width: calc(100% - 5.9375rem);
}

.people-details h2 {
  color: var(--text-two);
  font-size: 1.25rem;
  font-weight: bold;
}

.people-details p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: normal;
  word-wrap: anywhere;
  text-transform: lowercase;
}

.people-list .list-group-item.active,
.people-list .list-group-item:hover {
  background: var(--card-highlight--bg-color);
}

.contact-activity-wrap {
  padding-top: 3.125rem;
}

.crm-activity-msg-wrap {
  background: var(--card-highlight--bg-color);
  padding: 0.9375rem;
  box-shadow: 0.25rem 0.25rem 0.625rem var(--global-top-circle-shadow);
  border-radius: 0.25rem;
  position: relative;
  margin-bottom: 2.5rem;
  display: block;
}

.crm-activity-msg-wrap:last-child {
  margin-bottom: 0rem;
}

.crm-activity-icon-wrap {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 6.25rem;
  background: var(--card-icon-box-bg);
  box-shadow: 0rem 0.1875rem 0.625rem var(--global-top-circle-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--global-orange);
  position: absolute;
  top: -1.25rem;
  left: 1.25rem;
}

.crm-activity-msg-date {
  text-align: right;
  position: absolute;
  top: 3.125rem;
  right: 0.9375rem;
}

.crm-activity-msg-wrap p,
.crm-activity-msg-wrap .crm-activity-msg-title-name p {
  color: var(--text-two);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  word-break: break-all;
}

.crm-activity-msg-top {
  padding-top: 1.875rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}

.crm-activity-msg-top h4 {
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: 700;
  word-break: break-all;
}

.crm-activity-msg-top p {
  color: var(--text-two);
  font-size: 0.75rem;
  font-weight: 600;
}

.crm-activity-msg-user-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.crm-activity-msg-img-wrap {
  width: 3.75rem;
  height: 3.75rem;
  overflow: hidden;
  border-radius: 6.25rem;
  margin-right: 0.625rem;
  flex: 0 0 auto;
}

.cotactinfo_general-area h3 {
  font-size: 1.375rem;
  color: var(--text-two);
  font-weight: normal;
  padding: 0.625rem 2rem;
  background: var(--card-highlight--bg-color);
  margin-bottom: 0.75rem;
}

.cotactinfo_general_list li {
  background: transparent;
  padding: 0.875rem 0rem;
  border-color: var(--card-list-border-color);
}

.cotactinfo_general_list li p {
  color: var(--text-two);
  font-size: 1.125rem;
}

.cotactinfo_general_list li p {
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: normal;
}

.cotactinfo_general_list li h4 {
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0;
}

.cotactinfo_general_list li:last-child h4 {
  text-transform: lowercase;
}

.cotactinfo_general-area .card-body {
  padding-top: 0;
}

.predicted_close_date {
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1.25rem;
}

.predicted_price {
  text-align: center;
}

.predicted_price h3 {
  color: var(--text-two);
  font-size: 1.75rem;
  font-weight: bold;
}

.predicted_price p {
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1.25rem;
}

.contact-info h4 {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: normal;
  margin: 0.9375rem 0 1.5625rem 0;
}

.contact-info-progressbar-area {
  display: flex;
  justify-content: center;
  margin-bottom: 1.875rem;
  align-items: flex-end;
}

.contact-info-progressbar-inner {
  width: 30%;
}

.contact-info-progressbar-inner p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.25rem;
}

.dealscore-persentage {
  text-align: center;
  margin-bottom: 0.625rem;
}

.dealscore-persentage svg {
  display: inline-flex;
  vertical-align: bottom;
  width: 6.25rem;
  height: 6.25rem;
  margin: 0 auto;
}

.dealscore-persentage circle {
  stroke: var(--card-highlight--bg-color);
  stroke-width: 0.625rem;
  stroke-dasharray: 0;
  fill: none;
}

.dealscore-persentage .meter {
  stroke-width: 0.625rem;
  stroke: var(--text-two);
  fill: none;
  transition: stroke-dashoffset 1s cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transform-origin: center center;
  transform: rotate(-90deg) scaleX(-1);
}

.dealscore-persentage text {
  fill: var(--text-two);
  font-weight: bold;
  font-size: 1.75rem;
}

.engagement-persentage {
  text-align: center;
  margin-bottom: 0.625rem;
}

.engagement-persentage svg {
  display: inline-flex;
  vertical-align: bottom;
  width: 6.25rem;
  height: 6.25rem;
  margin: 0 auto;
}

.engagement-persentage circle {
  stroke: var(--card-highlight--bg-color);
  stroke-width: 0.625rem;
  stroke-dasharray: 0;
  fill: none;
}

.engagement-persentage .meter {
  stroke-width: 0.625rem;
  stroke: #f9cf1c;
  fill: none;
  transition: stroke-dashoffset 1s cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transform-origin: center center;
  transform: rotate(-90deg) scaleX(-1);
}

.engagement-persentage text {
  fill: var(--text-two);
  font-weight: bold;
  font-size: 1.75rem;
}

.contact-info-progressbar-inner {
  text-align: center;
}

.sentiment-smile {
  font-size: 3.4375rem;
  color: var(--white-white-orange);
  margin-bottom: 1.5625rem;
  text-align: center;
}

.db_right_bottomtext {
  margin-top: 3.125rem;
}

.db_right_bottomtext a {
  color: var(--global-orange);
  font-size: 1rem;
  font-weight: normal;
}

.cardbody-heading-buttonarea {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.transparent-button {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--text-two);
  font-size: 1.25rem;
  border: none;
}

.history-item-area {
  margin-top: 2.75rem;
}

.history-item-heading {
  display: flex;
  align-items: center;
  margin-bottom: 0.6875rem;
}

.history-item-heading i {
  font-size: 1.25rem;
  color: var(--nav-link);
}

.history-item-heading h2 {
  font-size: 1.25rem;
  color: var(--text-two);
  margin-left: 0.625rem;
  line-height: 1.25rem;
}

.historywhite-box {
  width: 100%;
  border-radius: 0.3125rem;
  background: var(--card-inside-card-bg);
  padding: 1.0625rem;
  -webkit-box-shadow: 0.3125rem 0.3125rem 0.9375rem 0rem var(--global-top-circle-shadow);
  -moz-box-shadow: 0.3125rem 0.3125rem 0.9375rem 0rem var(--global-top-circle-shadow);
  box-shadow: 0.3125rem 0.3125rem 0.9375rem 0rem var(--global-top-circle-shadow);
}

.historywhite-box p {
  color: var(--text-one);
}

.historywhite-box-bottom {
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
}

.history-usericon {
  margin-left: auto;
}

.history-usericon {
  background: none;
  border: none;
}

.history-usericon i {
  font-size: 1.25rem;
  color: var(--global-orange);
}

.shared-files h2 {
  text-align: center;
  color: var(--text-two);
  font-size: 1.1875rem;
  margin-bottom: 0.75rem;
}

.shared-files-box-area {
  margin: 0;
  padding: 0;
  border-width: 0.0625rem 0rem 0.0625rem 0rem;
  border-color: var(--card-list-border-color);
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin: 0 0 1.5625rem 0;
}

.shared-files-box-area li {
  width: 30%;
  text-align: center;
  margin-right: 0.1875rem;
}

.shared-files-box-area li:last-child {
  margin-right: 0;
}

.shared-files-box-area li a {
  padding: 1.25rem;
  display: block;
  background: var(--card-highlight--bg-color);
}

.shared-files-box-area li a i {
  color: var(--nav-link);
  font-size: 1.75rem;
  width: 4.0625rem;
  height: 4.0625rem;
  border-radius: 50%;
  background: transparent;
  line-height: 4.0625rem;
  margin-bottom: 0.625rem;
  transition: 0.5s;
}

.shared-files-box-area li a p {
  color: var(--text-two);
  font-size: 0.9375rem;
  font-weight: normal;
}

.shared-files-box-area li a:hover i {
  background: var(--global-white);
  color: var(--global-orange);
}

.pdf_file_txt {
  color: var(--text-two);
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
}

.pdf_file_txt span {
  display: block;
}

.lead-info-users_area .icon {
  margin: 1.5625rem 0;
  text-align: center;
}

.lead-info-users_area .icon i {
  color: var(--nav-link);
  font-size: 1.5625rem;
}

.user_s-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 4.875rem 0;
}

.user_s-img {
  width: 5.3125rem;
  height: 5.3125rem;
  overflow: hidden;
  border-radius: 50%;
  background: var(--global-input-border);
  margin-right: 1.875rem;
}

.user_s-img:last-child {
  margin-right: 0;
}

.user_s-img img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.step_area_top {
  border-radius: 0.625rem;
  background: rgb(240, 29, 22);
  background: var(--bg-color);
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 0;
  -webkit-box-shadow: 0.3125rem 0.3125rem 1.25rem 0rem var(--global-top-circle-shadow);
  -moz-box-shadow: 0.3125rem 0.3125rem 1.25rem 0rem var(--global-top-circle-shadow);
  box-shadow: 0.3125rem 0.3125rem 1.25rem 0rem var(--global-top-circle-shadow);
  margin: 0 0 2.1875rem 0;
}

.step_area_top li {
  width: 25%;
  height: 8.4375rem;
  display: flex;
  align-items: center;
  color: var(--text-two);
  font-weight: bold;
  font-size: 1.25rem;
  position: relative;
  padding: 0 1.25rem;
}

.step_area_top li::after {
  position: absolute;
  left: -2.3125rem;
  height: 8.4375rem;
  width: 2.3125rem;
  content: "";
  background: url(../images/arrow-divider.png) local top no-repeat;
}

.step_area_top li:first-child::after {
  background: none;
}

.step_area_bottom {
  display: flex;
}

.step_area_bottom_inner {
  width: 25%;
}

.step_area_bottom_box {
  width: 100%;
  max-width: 15rem;
  background: var(--card-inside-card-bg);
  padding: 1.0625rem 1.0625rem 1.875rem 1.0625rem;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0.4375rem 0.3125rem 1.25rem 0rem var(--global-top-circle-shadow);
  -moz-box-shadow: 0.4375rem 0.3125rem 1.25rem 0rem var(--global-top-circle-shadow);
  box-shadow: 0.4375rem 0.3125rem 1.25rem 0rem var(--global-top-circle-shadow);
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 0.1875rem;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 0.6875rem;
  cursor: move;
}

.step_area_bottom_box:last-child {
  margin-bottom: 0;
}

.step_area_bottom_box::after {
  height: 0.4375rem;
  width: 100%;
  background: rgb(240, 29, 22);
  background: var(--bg-color);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  content: "";
}

.step_area_mob {
  display: none;
}


.gray-little-button {
  border: none;
  background: none;
  padding: 0;
  margin-left: auto;
}

.gray-little-button i {
  color: var(--global-input-border);
  font-size: 1.125rem;
}

.green-little-button {
  border: none;
  background: none;
  padding: 0;
  margin-left: auto;
}

.orange-little-button i {
  color: var(--global-orange);
  font-size: 1.125rem;
}

.orange-little-button {
  border: none;
  background: none;
  padding: 0;
  margin-left: auto;
}

.green-little-button i {
  color: #8cc53f;
  font-size: 1.125rem;
}

.step_area_bottom_box h2 {
  color: var(--orange-white-orange);
  font-size: 1.125rem;
  font-weight: normal;
}

.step_area_bottom_box a.text-sky-blue {
  color: var(--global-orange) !important;
}

.step_area_bottom_box p {
  color: var(--text-one);
  font-size: 1rem;
  font-weight: normal;
}

.lead-add-button {
  height: 2.8125rem;
  padding: 0 1.25rem;
  background: rgb(240, 29, 22);
  background: var(--bg-color);
  display: flex;
  align-items: center;
  border-radius: 2.8125rem;
  border: none;
  color: var(--text-two);
  font-size: 0.9375rem;
  font-weight: normal;
}

.step_heading_area {
  margin-bottom: 1.875rem;
}

.lead-add-button i {
  margin-left: 5rem;
}

.color-orange i {
  color: var(--orange-white-orange);
}

.step_heading_area h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2rem;
  color: var(--orange-white-orange);
  margin-right: 0.625rem;
}

.progress_bar_peopleimg {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 0.6875rem;
}

.progress_bar_peopleimg .people-img {
  margin-right: 0.9375rem;
  flex: 0 0 auto;
}

.progress_bar_peopleimg .progress_bar-group {
  width: 78%;
  position: relative;
  padding-right: 4.375rem;
}

.leftline::after {
  position: absolute;
  left: 0;
  content: "";
  width: 0.0625rem;
  height: 2.8125rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: var(--text-two);
}

.progress_barstyle_1 .progress {
  overflow: initial;
  background: transparent;
}

.progress_barstyle_1 .progress .progress-bar {
  height: 1.0625rem;
  border-style: solid;
  border-width: 0.0625rem 0.0625rem 0.0625rem 0;
  border-color: var(--text-two);
  background: var(--global-input-border);
  position: relative;
  overflow: initial;
}

.progress_barstyle_1 .progress .progress-value {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -4.375rem;
  color: var(--top-header-bg);
  padding: 0rem 0.4375rem;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 0.9375rem;
  background: var(--orange-white-orange);
  border: 0.0625rem solid var(--top-header-bg);
  border-radius: 0.5rem;
}

.progress_barstyle_1 .progress .progress-value:after {
  content: "";
  border-top: 0.625rem solid transparent;
  border-bottom: 0.625rem solid transparent;
  border-right: 0.625rem solid var(--white-white-orange);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.625rem;
}

.progress_barstyle_2 {
  margin-top: 0.8125rem;
}

.progress_barstyle_2 .progress {
  height: 0.3125rem;
  background: transparent;
  border-radius: 0rem;
}

.progress_barstyle_2 .progress .progress-bar {
  background: rgb(224, 188, 59);
  background: linear-gradient(94deg,
      rgba(224, 188, 59, 1) 0%,
      rgba(255, 255, 255, 1) 100%);
}

.progress_bar-group label {
  color: var(--text-two);
  font-size: 0.9375rem;
  font-weight: normal;
  margin-bottom: 0.4375rem;
}

.progress_barstyle_3 {
  margin-top: 1.25rem;
}

.progress_barstyle_3 .progress {
  height: 1.625rem;
  background: transparent;
  border-radius: 0rem;
  border: 0.0625rem solid var(--text-two);
}

.progress_barstyle_3 .progress .progress-bar {
  background: var(--global-input-border);
  text-align: left;
}

.progress_barstyle_3 .progress .progress-bar span {
  padding-left: 0.625rem;
  font-size: 0.75rem;
  font-weight: bold;
}

.progress_barstyle_4 .progress {
  height: 2.9375rem;
  background: transparent;
  border-radius: 0rem;
  border: 0.0625rem solid var(--text-two);
}

.progress_barstyle_4 .progress .progress-bar {
  background: var(--global-input-border);
}

.progress_bar-group.progress_barstyle_4 {
  width: 90%;
  margin: 0 auto;
}

.progress_bar-group.progress_barstyle_4 label {
  color: var(--text-two);
  font-size: 1.5625rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  text-align: center;
  display: block;
}

.progress_bar-group.progress_barstyle_4 label span {
  font-weight: bold;
}

.maxsimumtarget {
  background: var(--global-white) !important;
}

.progress-terget-txt {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 2.1875rem 0 0 0;
  padding: 0;
}

.progress-terget-txt li {
  color: var(--text-two);
  text-transform: uppercase;
  font-weight: normal;
  display: flex;
  align-items: center;
  margin-right: 1.5625rem;
}

.progress-terget-txt li:last-child {
  margin-right: 0;
}

.progress-terget-txt li span {
  width: 4.8125rem;
  height: 0.875rem;
  background: var(--global-input-border);
  display: inline-block;
  margin-right: 0.3125rem;
  border: 0.0625rem solid var(--text-two);
}

.revenue-chart-wrapper {
  margin-top: 1.875rem;
}

/* -------------------- db_right_contentarear End -------------------- */
.call {
  position: fixed;
  right: 2.8125rem;
  bottom: 2rem;
  width: 3.4375rem;
  height: 3.4375rem;
  background: var(--nav-link);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
  -moz-box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
  box-shadow: 0.3125rem 0.3125rem 1.8125rem 0rem var(--global-top-circle-shadow);
  z-index: 999999;
  cursor: pointer;
  display: none;
}

.call i {
  color: var(--orange-orange-white);
  font-size: 1.25rem;
}

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

/* =======================================db_right start=============================== */
/* ===================================== EMPLOYEE SPRINTS ========================================== */
/* ============================= EMPLOYEE SPRINTS 001 ============================== */
.white-card {
  background: var(--top-header-bg);
  padding: 1.25rem 1.875rem 2.5rem 1.875rem;
  border-radius: 0.625rem;
  position: relative;
  height: 100%;
}

.white-card-img-wrapper {
  width: 9.375rem;
  height: 9.375rem;
  overflow: hidden;
  border-radius: 6.25rem;
  margin: 0 auto;
  margin-bottom: 1.25rem;
  margin-top: -2.5rem;
}

.card-sort-icon {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
}

.card-sort-icon button i {
  color: var(--orange-white-orange);
  font-size: 1.25rem;
}

.white-card-content-wrapper h2 {
  font-size: 2.8125rem;
  text-align: center;
  color: var(--text-one);
}

.white-card-bottom-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.875rem;
  margin-bottom: 3.125rem;
}

.white-card-bottom-box {
  width: 25%;
  border-right: 0.0625rem solid var(--orange-white-orange);
  text-align: center;
}

.white-card-bottom-box:last-child {
  border-right: 0rem;
}

.white-card-bottom-box p {
  font-size: 1.25rem;
  color: var(--text-one);
  line-height: 1.1;
  margin-bottom: 0.9375rem;
}

.white-card-bottom-box h4 {
  font-size: 2.1875rem;
  color: var(--orange-white-orange);
  font-weight: 700;
}

.white-card::after {
  content: "";
  background: url(../images/bg1.png) bottom center no-repeat;
  background-size: 100%;
  width: 100%;
  height: 5.625rem;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.workforce-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--text-two);
}

.workforce-heading a {
  margin-right: 0.625rem;
}

.workforce-heading a i {
  margin-right: 0rem;
}

.workforce-heading a:last-child {
  margin-right: 0rem;
}

.workforce-heading i {
  font-size: 1.25rem;
  margin-right: 0.625rem;
}

.workforce-heading h2 {
  font-weight: 700;
  font-size: 1.5rem;
}

.workforce-chart-wrapper {
  text-align: center;
}

.workforce-chart-wrapper svg {
  width: 100%;
  height: 17.5rem;
}

.workforce-chart-wrapper path.slice {
  stroke-width: 0.125rem;
}

.workforce-chart-wrapper polyline {
  opacity: 0.7;
  stroke: var(--text-one);
  stroke-width: 0.125rem;
  fill: none;
}

/* .calender-wrapper .card-body {
  padding: 1.25rem 0 1.25rem 0;
}

.calender-cal-wrapper {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(90deg,
      rgba(255, 255, 255, 0.10407913165266103) 0%,
      rgba(255, 255, 255, 0.15449929971988796) 50%,
      rgba(255, 255, 255, 0.10127801120448177) 100%);
  background: -webkit-linear-gradient(90deg,
      rgba(255, 255, 255, 0.10407913165266103) 0%,
      rgba(255, 255, 255, 0.15449929971988796) 50%,
      rgba(255, 255, 255, 0.10127801120448177) 100%);
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0.10407913165266103) 0%,
      rgba(255, 255, 255, 0.15449929971988796) 50%,
      rgba(255, 255, 255, 0.10127801120448177) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  padding: 0.625rem 1.875rem;
  margin-bottom: 1.25rem;
}

.calender-cal-wrapper .fc .fc-toolbar.fc-header-toolbar {
  display: none;
}

.calender-cal-wrapper .fc-theme-standard .fc-scrollgrid {
  border: 0rem;
}

.calender-cal-wrapper .fc .fc-daygrid-day-top {
  justify-content: center;
}

.calender-cal-wrapper .fc .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}

.calender-cal-wrapper .fc .fc-day-today .fc-daygrid-day-top a {
  font-weight: 700;
  position: relative;
}

.calender-cal-wrapper .fc .fc-day-today .fc-daygrid-day-top a::after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: var(--card-highlight--bg-color);
  top: -0.1875rem;
  left: -0.25rem;
  border-radius: 6.25rem;
  position: absolute;
}

.calender-indicators,
.calender-vacation {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-two);
}

.calender-vacation {
  margin-right: 1.25rem;
}

.calender-vacation:last-child {
  margin: 0;
}

.fc-daygrid-day-events {
  display: none;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 0rem !important;
}

.calender-highlight {
  width: 3.75rem;
  height: 1.25rem;
  background: var(--card-highlight--bg-color);
  margin-right: 0.625rem;
}

.calender-today {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 6.25rem;
  background: var(--global-input-border);
} */

.leaves-for-wrapper {
  color: var(--white-white-orange);
}

.leaves-for-wrapper .leaves-heading {
  display: flex;
  justify-content: space-between;
}

.leaves-for-wrapper a {
  color: var(--nav-link);
  font-size: 1.25rem;
  margin-right: 0.4375rem;
}

.leaves-for-wrapper a:last-child {
  margin-right: 0rem;
}

.universal-table-wrap table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0.9375rem;
}

.universal-table-wrap table thead th:nth-child(2),
.universal-table-wrap table tbody td:nth-child(1),
.universal-table-wrap table tbody td:nth-child(2) {
  text-align: left;
}

.universal-table-wrap table thead th,
.universal-table-wrap table tbody td {
  text-align: center;
  color: var(--text-two);
}

.universal-table-wrap table tbody tr td {
  background: var(--submenu-third);
  padding: 0.625rem 0.625rem;
  font-size: 1.125rem;
}

.universal-table-wrap table tbody tr td:first-child {
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  width: 4.375rem;
}

.universal-table-wrap table tbody tr td:last-child {
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  width: 9.375rem;
}

.table-user-img {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 6.25rem;
  overflow: hidden;
}

.table-rht-icons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.leaves-bottom-wrapper .see-more {
  text-align: right;
  font-size: 1rem;
}

.leaves-bottom-wrapper .see-more a {
  font-size: 1rem;
  text-decoration: underline;
}

/* ============================= EMPLOYEE SPRINTS 001 ============================== */
/* ============================= EMPLOYEE SPRINTS 002 ============================== */
.gradiant-card .payroll-body {
  padding: 3.75rem 3.125rem;
  color: var(--text-two);
}

.payroll-top-wrapper {
  margin-bottom: 2.5rem;
}

.gusto-wrappper {
  width: 18.75rem;
  margin-bottom: 1.875rem;
}

.payroll-steps-head h4 {
  font-weight: 700;
  font-size: 2.125rem;
  margin-bottom: 0.625rem;
}

.payroll-steps-inner {
  display: flex;
  align-items: center;
}

.payroll-box {
  width: 25%;
  margin-right: 1.5625rem;
}

.payroll-box:last-child {
  margin-right: 0rem;
}

.payroll-bar {
  height: 0.9375rem;
  background: var(--text-two);
  margin-bottom: 0.625rem;
  width: 100%;
}

.payroll-box p {
  font-size: 1.5rem;
  font-weight: 400;
}

.payroll-bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 85%;
}

.payroll-bot-lft,
.payroll-bot-rht {
  width: 50%;
}

.payroll-bot-lft h2 {
  font-size: 2.8125rem;
  margin-bottom: 0.9375rem;
}

.payroll-img-wrapper {
  width: 85%;
  max-width: 36.25rem;
}

.payroll-bot-lft p {
  font-size: 1.375rem;
}

.r-w-60 {
  width: 64%;
}

.payroll-paydate-flex {
  display: flex;
  justify-content: space-between;
  margin: 2.5rem 0 2.8125rem 0;
}

.payroll-paydate-lft,
.payroll-paydate-rht {
  width: 50%;
}

.payroll-bot-lft h5 {
  font-size: 1.5rem;
  font-weight: 700;
}

.r-btn {
  padding: 0.75rem 2.1875rem;
  border-radius: 2.5rem;
  font-size: 1rem;
  display: inline-block;
}

.white-btn {
  background: var(--text-two);
  color: var(--orange-orange-white);
  margin-right: 0.625rem;
}

.white-btn:hover {
  color: var(--global-orange);
}

.border-btn {
  border: 0.0625rem solid var(--card-list-border-color);
  color: var(--text-two);
}

.border-btn:hover {
  color: var(--text-two);
}

.bottom-link {
  color: var(--orange-white-orange);
  font-size: 1.25rem;
}

.bottom-link:hover {
  color: var(--global-orange);
}

/* ============================= EMPLOYEE SPRINTS 002 ============================== */
/* ============================= EMPLOYEE SPRINTS 003 ============================== */
.stats-wrapper {
  height: auto;
}

.stats-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: var(--card-highlight--bg-color);
  border-radius: 0.625rem;
  padding: 0.9375rem;
  margin-bottom: 0.625rem;
  color: var(--text-two);
}

.stats-box:last-child {
  margin-bottom: 0rem;
}

.stats-lft {
  margin-right: 1.25rem;
}

.stats-box i {
  font-size: 2.5rem;
}

.stats-box h4 {
  font-size: 2.125rem;
  font-weight: 700;
}

.stats-box h6 {
  font-size: 1.375rem;
}

.scroll-indicator {
  display: none;
}

/* ============================= EMPLOYEE SPRINTS 003 ============================== */
/* ============================= EMPLOYEE SPRINTS 004 ============================== */
.tax-download-btn {
  padding: 0.625rem 1.5625rem;
  border: 0;
  width: 100%;
  background: var(--card-highlight--bg-color);
  margin-bottom: 0.625rem;
  border-radius: 0.625rem;
  color: var(--text-two);
  font-size: 1.5rem;
  transition: 0.3s all linear;
}

.tax-download-btn i {
  margin-left: 0.625rem;
}

.tax-download-btn:hover {
  background: var(--global-input-border);
}

.payroll-heading-wrap {
  justify-content: center;
}

.payroll-heading-txt {
  display: flex;
  align-items: center;
  justify-content: center;
}

.payroll-heading-icons {
  position: absolute;
  right: 1.25rem;
  top: 1.875rem;
}

.payroll-heading-txt {
  margin: 0 auto;
}

.payroll-heading-icons a {
  color: var(--text-two);
}

.payroll-chart-wrapper {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2.5rem;
}

.payroll-chart-wrapper canvas {
  background: var(--card-highlight--bg-color);
}

.payroll-earnings-wrap {
  width: 65%;
  margin: 0 auto;
  border: 0.0625rem solid var(--card-highlight--bg-color);
  padding: 1.25rem;
  border-radius: 0.9375rem;
  color: var(--text-two);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.payroll-earning-box {
  text-align: center;
  position: relative;
  width: 25%;
}

.payroll-earning-box::after {
  content: "";
  position: absolute;
  width: 0.0625rem;
  height: 5rem;
  top: 50%;
  right: 0;
  background: var(--card-list-border-color);
  transform: translate(-50%, -50%);
}

.payroll-earning-box:last-child::after {
  width: 0rem;
  height: 0rem;
}

.payroll-earning-box p {
  font-size: 1.375rem;
}

.payroll-earning-box h5 {
  font-size: 2.5rem;
}

.payroll-earning-box h6 {
  font-size: 2rem;
}

/* ============================= EMPLOYEE SPRINTS 004 ============================== */
/* ============================= EMPLOYEE SPRINTS 005 ============================== */
.team-tab-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.125rem;
}

.team-tab-flex li {
  margin-right: 0.9375rem;
}

.team-tab-flex li:last-child {
  margin-right: 0rem;
}

.tab-btns {
  padding: 0.625rem 2.1875rem;
  color: var(--nav-link);
  background: transparent !important;
  border: 0.0625rem solid var(--nav-link) !important;
  border-radius: 2.5rem !important;
}

.tab-btns:hover,
.tab-btns:active {
  color: var(--nav-link);
}

.tab-btns.active {
  background: var(--nav-link) !important;
  color: var(--orange-orange-white) !important;
}

.team-users-wrap {
  display: flex;
  color: var(--text-two);
  align-items: center;
}

.team-users-box {
  width: 100%;
  margin-right: 1.25rem;
  text-align: center;
}

.team-users-box:hover .team-user-img,
.team-users-box.active .team-user-img {
  border: 0.625rem solid var(--text-two);
}

.team-users-box:last-child {
  margin-right: 0rem;
}

.team-user-img {
  width: 6.25rem;
  height: 6.25rem;
  margin: 0 auto;
  border-radius: 6.25rem;
  overflow: hidden;
  margin-bottom: 0.625rem;
  border: 0.625rem solid transparent;
  transition: 0.3s all linear;
}

.team-user-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.team-user-details h4 {
  font-size: 1.5rem;
  font-weight: 700;
}

.team-user-details p {
  font-size: 1.25rem;
}

.timeline-box {
  background: var(--card-highlight--bg-color);
  padding: 1.25rem;
  color: var(--text-two);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.625rem;
  margin-bottom: 0.9375rem;
}

.timeline-box:last-child {
  margin-bottom: 0rem;
}

.timeline-lft {
  width: 80%;
}

.timeline-rht {
  width: 20%;
  text-align: right;
}

.timeline-rht button {
  background: transparent;
  border: 0;
  color: var(--text-two);
  font-size: 1.5rem;
}

.card.gradiant-card.tracked-time-wrap {
  height: auto;
}

.time-tracker-wrapper {
  color: var(--text-two);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2.5rem;
}

.total-work {
  width: 35%;
}

.productive {
  width: 23%;
}

.neutral {
  width: 22%;
}

.unpro {
  width: 20%;
}

.unpro .time-tracker-bar {
  width: 60%;
}

.time-tracker-box {
  border-left: 0.0625rem solid var(--text-two);
}

.time-tracker-content {
  padding: 0 0rem 0 0.625rem;
  margin-bottom: 1.875rem;
}

.time-tracker-content h4 {
  font-size: 1.875rem;
  font-weight: 700;
}

.time-tracker-content p {
  font-size: 1.375rem;
}

.time-tracker-bar {
  height: 3.75rem;
  width: 100%;
  background: var(--submenu-sec);
}

/* ============================= EMPLOYEE SPRINTS 005 ============================== */
/* ============================= EMPLOYEE SPRINTS 006 ============================== */
.certificates-slider-wrapper {
  width: 90%;
  margin: 0 auto;
  position: relative;
  margin-top: 2.5rem;
}

.certificate-box {
  text-align: center;
}

.certificate-box button {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text-two);
  background: transparent;
  border: 0rem;
}

.certificate-box button i {
  margin-left: 0.625rem;
}

.certificate-img-wrap {
  width: 60%;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}

.certificates-slider-wrapper .owl-nav button.owl-prev {
  position: absolute;
  top: 40%;
  left: -1.25rem;
  transform: translate(-50%, -50%);
}

.certificates-slider-wrapper .owl-nav button.owl-next {
  position: absolute;
  top: 40%;
  right: -1.25rem;
  transform: translate(-50%, -50%);
}

.certificates-slider-wrapper .owl-nav button i {
  color: var(--text-two);
  font-size: 1.5rem;
}

.module-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding: 0 0.625rem;
}

.module-btn {
  background-color: transparent;
  border: 0;
  padding: 0;
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 700;
}

.module-btn:hover,
.module-btn:active,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--text-two);
}

.module-btn i {
  margin-left: 0.625rem;
}

.module-heading h6 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-two);
}

.module-box {
  background: var(--card-highlight--bg-color);
  padding: 0.9375rem;
  border-radius: 0.625rem;
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-two);
}

.module-box:last-child {
  margin-bottom: 0rem;
}

.module-box h5,
.module-box i {
  font-size: 1.5rem;
}

.course-timeline-wrapper {
  padding: 0 1.875rem;
}

.course-timeline-top {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 2.5rem;
}

.timeline-time-box {
  width: 100%;
  height: 1.875rem;
  border-right: 0.0625rem solid var(--text-two);
  color: var(--text-two);
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-time-box:last-child,
.timeline-time-box:first-child {
  border-right: 0rem;
}

.course-timeline-content {
  overflow: hidden;
}

.course-timeline-day {
  display: flex;
  padding: 0.9375rem 0rem;
  border-bottom: 0.0625rem solid var(--text-two);
  align-items: center;
  color: var(--text-two);
}

.course-timeline-day:last-child {
  border-bottom: 0rem;
}

.course-timeline-day h4 {
  font-weight: 400;
  font-size: 1.5rem;
  text-transform: uppercase;
}

.timeline-course-name {
  position: relative;
  width: 100%;
  height: 5.0625rem;
}

.timeline-course-box {
  background: var(--card-highlight--bg-color);
  border-radius: 0.4375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  border: 0.0625rem solid var(--submenu-sec);
}

.timeline-course-box p {
  font-size: 1.125rem;
}

.timeline-progress {
  width: 1.25rem;
  background: var(--card-highlight--bg-color);
  height: 3.125rem;
  margin-right: 0.9375rem;
}

.marketing-timeline .timeline-course-box {
  width: 37.5rem;
  left: 40%;
}

.exam-timeline .timeline-course-box {
  width: 12.5rem;
  left: 80%;
}

.practice-timeline .timeline-course-box.practice-market {
  width: 21.875rem;
  left: 15%;
}

.practice-timeline .timeline-course-box.exam-exam {
  width: 21.875rem;
  left: 55%;
}

.marketing-two-timeline .timeline-course-box {
  width: 40.625rem;
  left: 55%;
}

.quiz-timeline .timeline-course-box {
  width: 28.125rem;
  left: 35%;
}

.course-day-wrapper {
  padding-left: 1.875rem;
}

/* ============================= EMPLOYEE SPRINTS 006 ============================== */
/* ===================================== EMPLOYEE SPRINTS ========================================== */
/* ===================================== INVENTORY SPRINTS ========================================== */
/* ============================= INVENTORY SPRINTS 04 ============================== */
.inventory-welcome-box {
  display: flex;
}

.white-card-inner {
  display: flex;
  align-items: center;
  justify-content: start;
}

.white-card-left {
  text-align: center;
  color: var(--text-one);
  width: 60%;
  flex: 0 0 auto;
}

.white-card-left h2 {
  font-size: 2.1875rem;
  margin-bottom: 1.25rem;
  line-height: 1;
}

.white-card-left h2 span {
  font-weight: 700;
}

.white-card-left h3 {
  font-size: 2.5rem;
  color: var(--global-orange);
  line-height: 1;
  width: 80%;
  margin: 0 auto;
  margin-top: 0.625rem;
}

.white-card-rht {
  text-align: center;
}

.white-card-rht img {
  width: 80%;
}

.progresss-bar-w-transparent label {
  font-size: 1.5rem;
}

.progresss-bar-w-transparent .progress {
  background: var(--card-highlight--bg-color);
  border: 0rem;
  height: 2.1875rem;
}

.progresss-bar-w-transparent .progress .progress-bar {
  background: var(--card-highlight--bg-color);
}

.activities-status-bot-wrap {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.activity-white-card {
  width: 100%;
  background: var(--card-highlight--bg-color);
  margin-right: 2.5rem;
  color: var(--text-two);
  border-radius: 1.25rem;
  padding: 3.75rem 1.875rem;
  text-align: center;
  box-shadow: 0.3125rem 0.3125rem 0.625rem 0rem var(--card-box-shadow);
}

.activity-white-card:last-child {
  margin-right: 0rem;
}

.activity-white-card i {
  font-size: 3.125rem;
  margin-bottom: 0.9375rem;
}

.activity-white-card h4 {
  color: var(--text-two);
  font-size: 2.5rem;
  margin-bottom: 0.625rem;
}

.activity-white-card p {
  font-size: 1.5rem;
  line-height: 1;
}

.activity-transparent-card {
  background: var(--card-highlight--bg-color);
  color: var(--text-two);
}

.activity-transparent-card h4 {
  color: var(--text-two)
}

/* ============================= INVENTORY SPRINTS 04 ============================== */

/* ===================================== INVENTORY SPRINTS ========================================== */
/* ===================================== MARKETING SPRINTS ========================================== */
/* ============================= MARKETING SPRINTS 04 ============================== */
.marketing-social-box-wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 2.5rem 0 1.25rem 0;
  overflow-x: auto;
}

.marketing-social-box {
  width: 13.75rem;
  height: 13.75rem;
  margin-right: 0.9375rem;
  border: 0.25rem solid var(--nav-link);
  padding: 1.875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--nav-link);
  flex: 0 0 auto;
}

.marketing-social-box:last-child {
  margin-right: 0rem;
}

.marketing-social-box i {
  font-size: 3.125rem;
  margin-bottom: 0.625rem;
}

.marketing-social-box h4 {
  font-size: 2.25rem;
}

.marketing-search-wrap,
.sm-media-inbox-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 1.5625rem;
}

.marketing-search-wrap button {
  color: var(--orange-white-orange);
  background: transparent;
  border: 0;
}

.sm-media-inbox-wrap {
  justify-content: space-between;
}

.sm-media-inbox-wrap select {
  font-size: 1.25rem;
  border-radius: 1.875rem;
  padding: 0.625rem 3.75rem 0.625rem 1.875rem;
  border: 0.0625rem solid var(--orange-white-orange);
  width: auto;
  background-color: transparent;
  color: var(--orange-white-orange);
}

.sm-media-inbox-wrap select:focus {
  border-color: var(--orange-white-orange);
  outline: 0;
  box-shadow: none;
}

.sm-comment-card {
  background: var(--card-highlight--bg-color);
  color: var(--text-two);
  padding: 1.25rem;
  border-radius: 0.625rem;
  margin-bottom: 1.25rem;
  box-shadow: 0.1875rem 0.1875rem 0.625rem 0rem var(--global-top-circle-shadow);
}

.sm-comment-card:last-child {
  margin-bottom: 0rem;
}

.sm-comment-card p {
  margin-bottom: 0.625rem;
}

.sm-comment-card button {
  color: var(--text-two);
  background: transparent;
  border: 0rem;
  font-size: 1.25rem;
}

.engage-chart-main {
  text-align: center;
  color: var(--text-two);
}

.engage-chart-main h3 {
  font-size: 2rem;
  margin-bottom: 0.9375rem;
}

.below-chart-txt {
  margin-top: 1.25rem;
}

.below-chart-txt .fa-arrow-up {
  color: #8cc53f;
}

.below-chart-txt .fa-arrow-down {
  color: #ec1b24;
}

.social-media-inbox-img {
  box-shadow: 0.1875rem 0.1875rem 0.3125rem 0rem var(--global-top-circle-shadow);
}

.social-media-inbox-img img {
  width: 100%;
}

.marketing-main-left {
  position: relative;
}

.marketing-main-left::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 0.0625rem;
  background: var(--bread-crumbs-color);
  top: 0;
  right: 0;
}

.marketing-right-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ============================= MARKETING SPRINTS 04 ============================== */
/* ===================================== MARKETING SPRINTS ========================================== */
/* ===================================== ORDER SPRINTS ========================================== */
/* ============================= ORDER SPRINTS 05-01 ============================== */
.orders-welcome-card {
  background: var(--top-header-bg);
}

.orders-welcome-card h2 {
  font-size: 2.125rem;
  color: var(--text-one);
  font-weight: 400;
  margin-bottom: 0.9375rem;
}

.orders-welcome-card h2 span {
  font-weight: 700;
}

.order-welcome-content {
  display: flex;
  position: relative;
}

.order-welcome-lft {
  width: 60%;
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}

.order-welcome-lft p {
  font-size: 1.375rem;
  color: var(--text-one);
}

.order-welcome-lft p span {
  color: var(--global-orange);
}

.order-welcome-lft button {
  padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
  color: var(--global-orange);
  border: 0.0625rem solid var(--global-orange);
  border-radius: 1.875rem;
  background: transparent;
  margin-top: 1.875rem;
  font-size: 1.25rem;
}

.order-welcome-lft button i {
  margin-left: 2.5rem;
}

.order-welcome-rht {
  width: 55%;
  position: absolute;
  right: 0;
  z-index: 1;
}

.order-heading h2 {
  border-bottom: 0.0625rem solid var(--text-two);
  margin-bottom: 0.9375rem;
  padding-bottom: 0.3125rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-two);
}

.selling-progress-bar-wrap {
  margin-bottom: 0.625rem;
}

.selling-progress-bar-wrap:last-child {
  margin-bottom: 0rem;
}

.selling-progress-bar-wrap .progress {
  background-color: transparent;
  border-radius: 0rem;
  border: 0.0625rem solid var(--global-input-border);
  height: 0.8125rem;
}

.selling-progress-bar-wrap .progress-bar {
  background-color: var(--card-highlight--bg-color);
}

.order-table-wrapper table {
  width: 100%;
}

.order-table-wrapper a {
  color: var(--text-two);
}

.order-table-wrapper table tr {
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.order-table-wrapper table tbody tr:hover,
.order-table-wrapper table tbody tr.highlights {
  background: var(--card-highlight--bg-color);
}

.order-table-wrapper table thead th {
  font-size: 1.25rem;
}

.order-table-wrapper table tbody tr:last-child {
  border-bottom: 0rem solid var(--global-input-border);
}

.order-table-wrapper table thead th:nth-child(1) {
  padding: 1.25rem 0rem 0.3125rem 1.875rem;
}

.order-table-wrapper table thead th:nth-child(3) {
  padding: 1.25rem 1.875rem 0.3125rem 0rem;
}

.order-table-wrapper table thead th:nth-child(2) {
  padding: 1.25rem 0rem 0.3125rem 0rem;
}

.order-table-wrapper table tbody td:nth-child(1) {
  padding: 0.625rem 0.3125rem 0.625rem 1.875rem;
}

.order-table-wrapper table tbody td:nth-child(2) {
  padding: 0.625rem 0.3125rem 0.625rem 0.3125rem;
}

.order-table-wrapper table tbody td:nth-child(3) {
  padding: 0.625rem 1.875rem 0.625rem 0.3125rem;
}

.order-table-wrapper table thead th:nth-child(2),
.order-table-wrapper table tbody td:nth-child(2) {
  text-align: center;
}

.order-table-wrapper table thead th:nth-child(3),
.order-table-wrapper table tbody td:nth-child(3) {
  text-align: right;
}

.order-table-wrapper table tbody td {
  vertical-align: top;
  line-height: 1.1;
}

.order-details-table-wrapper table {
  width: 100%;
}

.order-details-table-wrapper table thead th {
  font-size: 1.25rem;
  padding-bottom: 0.625rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
  color: var(--text-two);
}

.order-details-table-wrapper table tbody tr td {
  padding: 0.9375rem 0.3125rem;
  line-height: 1.1;
  vertical-align: top;
}

.order-details-table-wrapper table tbody tr:last-child td {
  padding: 0.9375rem 0 0 0;
}

.order-details-table-wrapper table thead th:nth-child(3),
.order-details-table-wrapper table thead th:nth-child(4),
.order-details-table-wrapper table tbody td:nth-child(3),
.order-details-table-wrapper table tbody td:nth-child(4) {
  text-align: center;
}

.order-item-img-wrap {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 50%;
}

.order-customer-box {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}

.order-customer-box:last-child {
  margin-bottom: 0rem;
}

.order-customer-box i {
  margin-right: 0.9375rem;
}

.order-customer-box a {
  color: var(--text-two);
}

.order-customer-top {
  margin-bottom: 1.875rem;
}

.order-tracker-timeline {
  margin-top: 1.25rem;
}

.order-timeline {
  position: relative;
}

.order-timeline::after {
  content: "";
  width: 0.0625rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background: var(--text-two);
}

.order-timeline-lft,
.order-timeline-rht {
  width: 50%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: end;
}

.order-timeline-rht {
  left: 50%;
  justify-content: start;
}

.order-timeline-rht .timeline-line {
  margin-left: 0rem;
  margin-right: 0.9375rem;
}

.timeline-line {
  width: 30%;
  height: 0.0625rem;
  background: var(--text-two);
  position: relative;
  margin: 1.875rem 0;
  margin-left: 0.9375rem;
  flex: 0 0 auto;
}

.timeline-line::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  top: -0.25rem;
  left: 0;
  background: var(--text-two);
  border-radius: 50%;
}

.order-timeline-rht .timeline-line::after {
  left: auto;
  right: 0;
}

.timeline-active .timeline-line {
  background: #f9cf1c;
}

.timeline-active .timeline-line::after {
  background: #f9cf1c;
}

.inport_orders_main_wrap img {
  width: 100%;
  border-radius: 1.25rem;
}

.instruction_modal .modal-header .btn-close {
  background: none;
}

.recurring_order_modal_details {
  width: 100%;
  border: 0.125rem solid var(--global-orange);
  padding: .75rem;
  margin-bottom: 1.5rem;
  border-radius: .5rem;
  background: var(--global-upload-background-w-bg);
}

.recurring_order_modal_details table {
  width: 100%;
}

.recurring_order_modal_details table tr td {
  padding: .275rem;
  width: 50%;
}

.recurring_order_modal_details table tr td b {
  font-weight: 600;
}

/* ============================= ORDER SPRINTS 05-01 ============================== */
/* ============================= ORDER SPRINTS 05-02 ============================== */
.order-two-welcome-lft {
  width: 40%;
}

.order-two-welcome-lft p span {
  font-size: 2rem;
}

.order-two-welcome-rht {
  position: static;
  width: 60%;
}

.orders-rate-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.orders-rate-top {
  text-align: center;
}

.orders-rate-top h6 {
  font-size: 1.5rem;
  font-weight: 700;
}

.orders-rate-top h2 {
  font-size: 3.75rem;
  font-weight: 700;
}

.order-rate-line {
  width: 80%;
  margin: 1.875rem auto;
  height: 0.0625rem;
  background: var(--card-highlight--bg-color);
}

.gradiant-reverse {
  background: var(--bg-color);
}

.orders-two-status-heading-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
  padding-bottom: 0.625rem;
}

.orders-two-status-heading-wrap h4 {
  font-size: 1.5rem;
  font-weight: 700;
}

.orders-two-status-heading-wrap a {
  color: var(--text-two);
}

.orders-two-status-progress-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2.5rem 0;
}

.order-two-status-lft {
  width: 30%;
  flex: 0 0 auto;
}

.order-two-status-rht {
  width: 70%;
  flex: 0 0 auto;
}

.order-two-status-rht .progress_barstyle_3 {
  margin-top: 0rem;
}

.order-chart-main-wrap .card-body {
  padding-bottom: 0rem;
}

.order-chart-main-wrap .card-body canvas {
  width: 90% !important;
  margin: 0 auto;
  height: 25rem !important;
  margin-top: 1.25rem;
}

/* ============================= ORDER SPRINTS 05-02 ============================== */
/* ===================================== ORDER SPRINTS ========================================== */
/* ===================================== TICKETS SPRINTS ========================================== */
/* ============================= TICKETS RD03 ============================== */
.tickets-top-wrapper,
.tickets-lft-wrap,
.tickets-rht-wrap,
.available-img-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.tickets-lft-wrap {
  width: 75%;
}

.tickets-rht-wrap {
  width: 25%;
}

.tickets-top-box {
  width: 14%;
  border-right: 0.0625rem solid var(--card-highlight--bg-color);
  text-align: center;
  padding: 0.625rem;
}

.tickets-top-box:last-child {
  border-right: 0rem solid var(--card-highlight--bg-color);
}

.tickets-top-box p {
  font-size: 1.25rem;
  line-height: 1.1;
  margin-bottom: 0.625rem;
  font-weight: 200;
}

.tickets-top-box h3 {
  font-size: 2.25rem;
  font-weight: 700;
}

.tickets-top-card .card-body {
  padding: 1.5625rem;
}

.avail-img-box {
  width: 3.75rem;
  height: 3.75rem;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-top-circle-shadow);
}

.avail-img-box:nth-child(1) {
  z-index: 3;
}

.avail-img-box:nth-child(2) {
  z-index: 2;
}

.avail-img-box:nth-child(3) {
  z-index: 1;
}

.avail-img-box:nth-child(2),
.avail-img-box:nth-child(3) {
  margin-left: -0.9375rem;
}

.available-to-ticket {
  text-align: center;
}

.available-to-ticket p {
  line-height: 1.1;
  margin-top: 0.625rem;
}

.ticket-assign-btn-wrap {
  width: 100%;
  margin-left: 1.875rem;
}

.r-border-btn {
  padding: 0.625rem 1.25rem;
  background: transparent;
  font-size: 1rem;
  border: 0.0625rem solid var(--text-two);
  border-radius: 2.5rem;
  color: var(--text-two);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 12.5rem;
}

.tickets-leaderboard-content {
  margin-top: 2.1875rem;
}

.tickets-leaderboard-imgs {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

.tickets-leader-img-wrapper {
  width: 7.5rem;
  height: 7.5rem;
  overflow: hidden;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  margin-top: 0.625rem;
}

.tickets-leader-img-wrapper.mid-box {
  border: 0.625rem solid var(--global-input-border);
  width: 9.375rem;
  height: 9.375rem;
  z-index: 2;
  scale: 1.2;
  margin-top: 0rem;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-top-circle-shadow);
}

.tickets-leader-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tickets-leaderboard-img-box p {
  font-size: 1.25rem;
}

.tickets-leaderboard-bottom {
  padding: 0rem 1.875rem 1.875rem 1.875rem;
  background: var(--card-highlight--bg-color);
  text-align: center;
}

.mvp-star {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--nav-link);
  border-radius: 100%;
  overflow: hidden;
  margin: -1.25rem auto 0.625rem auto;
  color: var(--orange-orange-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tickets-leaderboard-bottom h6 {
  font-size: 1.375rem;
}

.tickets-leaderboard-bottom h4 {
  font-size: 1.875rem;
}

.unresolve-tickets-chart-img {
  text-align: center;
}

.unresolve-tickets-chart-img img {
  width: 85%;
  margin: 0 auto;
}

.piority-task-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  justify-content: center;
}

.piority-box {
  width: 45%;
  text-align: center;
  background: var(--card-highlight--bg-color);
  padding: 1.25rem 0.625rem;
  border-radius: 0.625rem;
}

.piority-box p {
  font-size: 1.375rem;
  line-height: 1.1;
  margin-bottom: 0.625rem;
}

.piority-box h3 {
  font-size: 2.125rem;
  font-weight: 700;
}

.tickets-workload-content {
  text-align: center;
  margin-top: 2.5rem;
}

.tickets-workload-content h3 {
  font-size: 3.4375rem;
  font-weight: 700;
}

.tickets-workload-content p {
  font-size: 1.375rem;
}

.workload-img-wrapper {
  margin: 1.875rem 0;
  text-align: center;
}

.workload-img-wrapper i {
  font-size: 3.5rem;
  margin: 0.3125rem;
}

.workload-img-wrapper i:last-child {
  margin-right: 0rem;
  opacity: 0.5;
}

.tickets-workload-content .r-border-btn {
  width: 70%;
  margin: 0 auto;
  max-width: 16.25rem;
}

.tasks-piority-card .card-body {
  padding: 1.25rem 3.125rem;
}

.tickets-bottom-add-new {
  padding: 3.75rem;
  text-align: center;
  color: var(--global-orange);
}

.tickets-bottom-add-new a {
  color: var(--global-orange);
}

.tickets-bottom-add-new i {
  font-size: 2.75rem;
  margin-bottom: 0.625rem;
}

.tickets-bottom-add-new p {
  font-size: 1.25rem;
}

/* ============================= TICKETS RD03 ============================== */
/* ===================================== TICKETS SPRINTS ========================================== */
/* ===================================== WEBSITE BUILDER SPRINTS ========================================== */
/* ============================= WEBSITE BUILDER RD03 ============================== */
/* ============================= TICKETS RD03 ============================== */
.web-builder-card .card-body {
  padding: 1.875rem;
}

.web-builder-top-wrap h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--global-orange);
  margin-bottom: 0.9375rem;
}

.web-builder-nav-wrap {
  display: flex;
  width: 80%;
  margin: 0 auto;
  justify-content: space-between;
}

.web-builder-nav {
  opacity: 0.7;
  width: 33.33%;
  text-align: center;
  position: relative;
  z-index: 2;
}

.web-builder-nav::after,
.web-builder-nav:nth-child(2)::before {
  content: "";
  width: 41%;
  height: 0.125rem;
  position: absolute;
  top: 1.875rem;
  left: 0;
  background: var(--nav-link);
  z-index: -1;
}

.web-builder-nav:nth-child(2)::before {
  right: 0;
  left: auto;
}

.web-builder-nav:first-child::after {
  width: 41%;
  right: 0;
  left: auto;
}

.web-builder-nav:last-child::after {
  width: 41%;
}

.web-builder-nav.active {
  opacity: 1;
}

.web-num-box {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 100%;
  background: var(--bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 0.625rem;
  box-shadow: 0.1875rem 0.1875rem 0.3125rem 0rem var(--global-top-circle-shadow);
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 700;
  outline: 0.25rem solid transparent;
}

.web-builder-nav h6 {
  color: var(--text-two);
  font-size: 1.375rem;
  font-weight: 700;
}

.web-builder-nav.active h6 {
  border-bottom: 0.125rem solid var(--global-input-border);
}

.web-builder-nav.active .web-num-box {
  border: 0.25rem solid var(--text-two);
  outline: 0rem;
}

.web-builder-nav-link {
  display: inline-block;
}

.web-builder-bottom-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 1.875rem 0 2.5rem 0;
}

.web-builder-bottom-top .marketing-search-wrap {
  margin-bottom: 0rem;
}

.select-btn {
  padding: 0.9375rem 1.5625rem;
  border: 0.0625rem solid var(--nav-use-icon-border);
  border-radius: 1.875rem;
  color: var(--nav-user-icon-bg);
}

.select-btn i {
  margin-left: 1.25rem;
}

.web-pages-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 2.5rem;
}

.web-page-link {
  width: 30%;
  display: inline-block;
  box-shadow: 0.3125rem 0.3125rem 0.625rem 0rem var(--global-top-circle-shadow);
}

/* ============================= WEBSITE BUILDER RD03 ============================== */
/* ===================================== WEBSITE BUILDER SPRINTS ========================================== */
/* ===================================== ADD PEOPLE SPRINTS ========================================== */

.r-add-people-rht .accordion-item {
  background: var(--bg-color);
  border: 0;
  box-shadow: none;
  margin-bottom: 1.25rem;
  border-radius: 0.4375rem;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
}

.r-add-people-rht .accordion-body {
  border-top: 0.0625rem solid var(--global-input-border);
}

.r-add-people-rht .accordion-button {
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-two);
}

.r-add-people-rht .accordion-button::after {
  display: none;
}

.r-add-people-rht .accordion-button i {
  margin-left: auto;
  rotate: 180deg;
  transition: 0.3s all linear;
}

.r-add-people-rht .accordion-button.collapsed i {
  rotate: 0deg;
}

/**** ALL THE LABEL CHANGE LITTLE THE ORIGINAL CODE  ***/
/* .r-add-leads-main-wrapper label {
  color: var(--text-two);
  font-weight: 500;
  font-size: 1rem;
  padding-bottom: 0.625rem;
  cursor: pointer;
  text-transform: capitalize;
  user-select: none;
} */
/**** ALL THE LABEL CHANGE LITTLE NEW CODE  ***/
.r-add-leads-main-wrapper label {
  color: var(--text-two);
  font-weight: 500;
  font-size: 0.875rem;
  padding-bottom: 0.375rem;
  cursor: pointer;
  text-transform: capitalize;
  user-select: none;
}

.people-table-main .dataTables_wrapper .dataTables_length label {
  font-size: 1rem;
}

.r-add-leads-main-wrapper.white-label label {
  color: var(--global-white);
}

.r-add-leads-main-wrapper.white-label input[type="checkbox"] {
  border-color: var(--global-white);
}

.r-add-leads-main-wrapper.white-label .dropdown.bootstrap-select>.dropdown-toggle {
  border: 0.0625rem solid var(--global-white) !important;
  color: var(--global-white) !important;
}

.r-add-leads-main-wrapper.white-label input::placeholder {
  color: var(--global-white);
}

.r-add-leads-main-wrapper.r-input-reverse label {
  color: var(--text-grey);
}

.r-add-leads-main-wrapper input,
.r-add-leads-main-wrapper textarea,
.r-add-leads-main-wrapper select,
.order_new_e_card_wrap .form-control,
.order_new_e_card_wrap .form-select {
  background-color: transparent;
  border: 0.0625rem solid var(--global-input-border);
  padding: 0.375rem .75rem;
  color: var(--text-two);
  border-radius: 0.3125rem !important;
  font-size: 0.875rem;
  min-height: 2.25rem;
}

.r-add-leads-main-wrapper.modal input.select2-search__field {
  color: var(--text-grey);
}

.r-add-leads-main-reverse input.select2-search__field {
  color: var(--text-grey);
}

textarea.cke_source {
  background: transparent !important;
  border: 0.0625rem solid var(--global-input-border) !important;
  padding: 0.375rem .75rem !important;
  color: var(--text-two) !important;
  font-size: 0.875rem !important;
}

textarea.cke_source.cke_editable {
  background: var(--global-white) !important;
  color: var(--text-grey) !important;
}

.gjs-field input,
.gjs-field select,
.gjs-field textarea {
  background-color: transparent !important;
  border: 0.0625rem solid var(--global-input-border) !important;
  padding: 0.375rem .75rem !important;
  color: var(--text-two) !important;
  border-radius: 0.3125rem !important;
  font-size: 0.875rem !important;
  min-height: 2.25rem !important;
}

.gjs-field select.gjs-input-unit {
  border: 0rem !important;
  padding: 0rem !important;
}


.r-add-leads-main-wrapper input:focus,
.r-add-leads-main-wrapper textarea:focus,
.r-add-leads-main-wrapper select:focus {
  color: var(--text-two);
  background-color: transparent;
  outline: 0;
  box-shadow: 0 0 0.3125rem 0.125rem var(--global-border-color-w-bg);
  border: 0.0625rem solid var(--global-input-border);
}

.r-add-leads-main-reverse input.select2-search__field:focus {
  color: var(--text-grey);
}

.gjs-field input:focus,
.gjs-field select:focus,
.gjs-field textarea:focus {
  color: var(--text-two) !important;
  background-color: transparent !important;
  outline: 0 !important;
  box-shadow: 0 0 0.3125rem 0.125rem var(--global-border-color-w-bg) !important;
  border: 0.0625rem solid var(--global-input-border) !important;
}

.gjs-field select.gjs-input-unit:focus {
  border: 0rem !important;
  padding: 0rem !important;
  box-shadow: none !important;
}

.r-add-leads-main-wrapper input::placeholder,
.r-add-leads-main-wrapper textarea::placeholder,
.r-add-leads-main-wrapper select::placeholder {
  color: var(--placeholder-clr);
  font-size: 0.875rem;
}

.form-control.cus_palaceholder::placeholder,
.cus_palaceholder::placeholder,
.form-control.cus_palaceholder::-webkit-input-placeholder,
.cus_palaceholder::-webkit-input-placeholder,
.form-control.cus_palaceholder::-moz-placeholder,
.cus_palaceholder::-moz-placeholder,
.form-control.cus_palaceholder:-ms-input-placeholder,
.cus_palaceholder:-ms-input-placeholder,
.form-control.cus_palaceholder:-moz-placeholder,
.cus_palaceholder:-moz-placeholder {
  color: var(--placeholder-clr);
}

/* .modal-content input::placeholder,
.modal-content select::placeholder,
.modal-content textarea::placeholder{
  color : var(--global-input-w-bg)
} */

.gjs-field input::placeholder,
.gjs-field select::placeholder,
.gjs-field textarea::placeholder {
  color: var(--placeholder-clr) !important;
  font-size: 0.875rem !important;
}

.form-group.input-group.bootstrap-tagsinput,
.bootstrap-tagsinput {
  background-color: transparent !important;
  border: 0.0625rem solid var(--global-input-border) !important;
  padding: 0.3125rem 0.375rem 0.25rem 0.375rem !important;
  color: var(--text-two) !important;
  border-radius: 0.3125rem !important;
  font-size: 0.875rem !important;
  min-height: 2.25rem !important;
}

.r-add-leads-main-wrapper input[type=checkbox],
.r-add-leads-main-wrapper input[type=radio] {
  min-height: auto;
}

.bootstrap-tagsinput {
  padding: 0.3125rem 0.375rem 0.25rem 0.375rem !important;
  width: 100% !important;
}

.bootstrap-tagsinput input,
.bootstrap-tagsinput input:focus,
.upload-new-tag-wrap .bootstrap-tagsinput input:focus {
  border-color: transparent !important;
  min-height: auto !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.people-main-leads-wrapper {
  padding: 1rem;
  margin-bottom: 1rem;
}

.max-width-input {
  max-width: 3.5rem;
  margin: 0rem 0.313rem;
  min-height: 1.4rem !important;
  padding: 0rem 0.313rem !important;
}

.list-prospectsetting {
  padding-left: 1.063rem;
}

.list-prospectsetting li {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: var(--text-grey);
}

.r-add-leads-main-reverse.people_modal_content label,
.r-add-leads-main-reverse.people_modal_content input {
  font-size: 0.875rem;
}

.main_flex_lead_form.people-deals-leads {
  justify-content: end;
  align-items: center;
}

.people-main-leads-form {
  display: flex;
  align-items: end;
  gap: 0.75rem;
}

.people-main-leads-form .r-add-people-lable-input-wrap {
  width: 100%;
}

.custom_radio_err .r-add-people-lable-input-wrap {
  margin: 0;
}

.custom_radio_err label.form-check-label {
  padding: 0;
}

.people-main-leads-form .r-add-people-lable-input-wrap p.error_el {
  position: absolute;
}

.add-people-main-btn,
.people-main-leads-form .btn-main-wrap {
  margin-bottom: 1rem;
}

.r-add-people-lable-input-wrap.pro_first,
.r-add-people-lable-input-wrap.pro_last,
.r-add-people-lable-input-wrap.pro.email {
  width: 75%;
}

.form-group.countrycodephone {
  max-width: 10rem;
  min-width: 10rem;
  margin-right: 1rem;
}

.title-people-wrapper {
  margin-bottom: 1rem;
}

.title-people-wrapper h4 {
  color: var(--text-two);
  font-size: 1.25rem;
}

.prospect-deals {
  padding: 0.4rem 1rem;
  color: var(--text-two);
  background-color: var(--card-highlight--bg-color);
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.4rem;
}

.prospect-deals p {
  font-size: 1.125rem;
  color: var(--text-two);
}

.add-people-main-btn a,
.add-people-main-btn button {
  width: 5.25rem;
  padding: 0.375rem 0.375rem 0.375rem 0.275rem;
  text-align: center;
}

.add-people-main-btn a i,
.add-people-main-btn button i {
  padding-right: 0.3rem;
}

.deactivetable table tbody td .unsubscribed,
.deactivetable table tbody td .delivered {
  padding: 0.125rem 0.5rem;
  color: var(--text-grey);
  border-radius: 1rem;
  font-size: 0.875rem;
}

.deactivetable .unsubscribed {
  background: #FDDAD9;
}

.deactivetable .delivered {
  background: #D9F7DF;
}

/*==== INPUT FIELD WHITE BACKGROUND ====*/
.r-add-leads-main-wrapper .r-add-leads-main-reverse input,
.r-add-leads-main-wrapper .r-add-leads-main-reverse textarea,
.r-add-leads-main-wrapper .r-add-leads-main-reverse select {
  border: 0.0625rem solid var(--global-input-w-bg);
  color: var(--text-grey);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse input[type=checkbox],
.r-add-leads-main-wrapper .r-add-leads-main-reverse input[type=radio] {
  min-height: auto;
  border-color: var(--global-input-w-bg);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .new-picker-color-code {
  color: var(--text-grey);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse select {
  filter: brightness(0.4);
  -webkit-filter: brightness(0.4);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse label {
  color: var(--text-grey);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .upload_file_img label {
  color: var(--global-orange);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse input:focus,
.r-add-leads-main-wrapper .r-add-leads-main-reverse textarea:focus,
.r-add-leads-main-wrapper .r-add-leads-main-reverse select:focus {
  border-color: var(--global-input-w-bg);
  color: var(--text-grey);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse input::placeholder,
.r-add-leads-main-wrapper .r-add-leads-main-reverse textarea::placeholder,
.r-add-leads-main-wrapper .r-add-leads-main-reverse select::placeholder {
  color: var(--input-placeholder);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .enter_amountbx input {
  border: none;
  box-shadow: 0 0 0rem 0 var(--global-border-color-w-bg);
}

.r-add-leads-main-reverse .icon_dollar {
  color: var(--text-grey);
}

.r-add-leads-main-reverse .gift_card_price {
  border-color: var(--global-border-color-w-bg);
}

/*==== END INPUT FIELD WHITE BACKGROUND ====*/

.r-add-leads-main-wrapper.r-input-sm input,
.r-add-leads-main-wrapper.r-input-sm textarea,
.r-add-leads-main-wrapper.r-input-sm select {
  padding: 0.5rem 0.75rem;
}

.r-add-leads-main-wrapper.r-input-sm.r-input-reverse input,
.r-add-leads-main-wrapper.r-input-sm.r-input-reverse textarea,
.r-add-leads-main-wrapper.r-input-sm.r-input-reverse select {
  border: 0.0625rem solid var(--input-placeholder);
  color: var(--text-one);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .color-picker-label .new-picker-color-box {
  border: 0.0625rem solid var(--input-placeholder);
}

.r-add-leads-main-wrapper .select2-selection {
  min-height: 2.25rem !important;
  border-radius: 0.3125rem !important;
  border: 0.0625rem solid var(--global-input-border) !important;
  appearance: none !important;
  position: relative !important;
  background-image: url(../images/arrow.png);
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center right 0.625rem;
}

.r-add-leads-main-wrapper .bg_white_select .select2-selection {
  border: 0.0625rem solid transparent !important;
  background-image: url(../images/arrow-grey.png);
}

.r-add-leads-main-wrapper .bg_white_select .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text-grey);
}

.r-add-leads-main-wrapper .select2-remove-caret .select2-selection {
  background-image: none;
}

.theme-light .r-add-leads-main-wrapper .select2-selection,
.theme-light .dropdown-toggle::after,
.modal-body .dropdown-toggle::after {
  background-image: url(../images/arrow-grey.png);
}

.theme-light .r-add-leads-main-wrapper .select2-remove-caret .select2-selection {
  background-image: none;
}

.dropdown-toggle::after {
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: center right 0;
  width: 1.25rem;
  height: 2.125rem;
  border: none !important;
}

.r-add-leads-main-wrapper .select2-selection.error_el {
  margin-top: 0rem;
}

.table-inventory-services .r-add-leads-main-wrapper .select2-selection {
  margin-top: -0.1875rem;
}

.r-add-leads-main-wrapper .select2-selection .select2-search__field {
  min-height: auto !important;
  margin-left: 0.625rem;
}

.r-add-leads-main-wrapper .select2-search.select2-search--inline {
  line-height: 1.5;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .select2-selection {
  min-height: 2.25rem !important;
  border-radius: 0.3125rem !important;
  border: 0.0625rem solid var(--global-input-w-bg) !important;
  appearance: none !important;
  position: relative !important;
  background-image: url(../images/arrow-grey.png);
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center right 0.625rem;
}

.r-add-leads-main-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-right: 1.875rem;
  padding-left: .75rem;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-right: 0px !important;
  margin-top: 0px !important;
}

.tickets_edit_main_wrap .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  padding-right: 1.875rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .error_el_parent .select2-selection {
  border-color: var(--error-color) !important;
}

.r-add-leads-main-wrapper .select2-results__option {
  color: var(--text-grey);
}

.r-add-leads-main-wrapper.select-two-height .select2-selection {
  min-height: 2.625rem !important;
}

.r-add-leads-main-wrapper .select2-selection__choice,
.lead-show-more-sec-wrap .select2-selection__choice {
  background: var(--nav-link) !important;
  border-radius: 1.875rem !important;
  padding: 0.3125rem 0.75rem 0.3125rem 0.75rem !important;
  color: var(--orange-orange-white) !important;
  font-size: 0.875rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .select2-selection__choice,
.lead-show-more-sec-wrap .r-add-leads-main-reverse .select2-selection__choice {
  background: var(--nav-link) !important;
  color: var(--orange-orange-white) !important;
}

.r-add-leads-main-wrapper .select2-selection__choice__remove,
.lead-show-more-sec-wrap .select2-selection__choice__remove {
  background: var(--orange-orange-white) !important;
  border-radius: 6.25rem !important;
  color: var(--nav-link) !important;
  font-size: 0.875rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: 0.3125rem !important;
  flex: 0 0 auto;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  white-space: break-spaces;
  display: inline-flex;
  align-items: center;
  justify-content: start;
  margin-right: 0.3125rem;
  margin-top: 0.3125rem;
  border: 0.0625rem solid var(--global-input-border);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--nav-user-icon-bg) !important;
  color: var(--global-white) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--nav-user-icon-bg) !important;
  color: var(--global-white) !important;
}

.select2-container--disabled.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  display: none !important;
}

.select2-container .select2-selection__placeholder {
  color: var(--text-two);
}

.select2modals .select2-search--dropdown .select2-search__field,
.modalselect2 .select2-search--dropdown .select2-search__field,
.modalselect2 .select2-search--dropdown input.select2-search__field:focus {
  color: var(--text-grey);
  padding: 0.2rem 0.7rem;
}

.ticketinfo.modalselect2 .select2-search--dropdown .select2-search__field,
.ticketinfo.modalselect2 .select2-search--dropdown input.select2-search__field:focus {
  padding: 0.2rem 0.7rem 0.2rem 1.8rem;
}


.r-add-leads-main-wrapper textarea {
  height: 2.25rem;
}

.r-add-leads-main-wrapper select,
.copy-from-select select {
  appearance: none;
  position: relative;
  background: url(../images/arrow.png) no-repeat;
  background-position: center right 1rem;
  background-color: transparent;
  padding: 0.375rem 2.1875rem 0.375rem 1rem;
  position: relative;
}

.r-add-leads-main-wrapper .gjs-editor select,
.copy-from-select .gjs-editor select {
  background: transparent;
}

.theme-light .r-add-leads-main-wrapper select,
.theme-light .copy-from-select select {
  appearance: none;
  position: relative;
  background: url(../images/arrow-grey.png) no-repeat;
  background-position: center right 1rem;
  background-color: transparent;
  padding: 0.375rem 2.1875rem 0.375rem 1rem;
}

.tbl_ci_validated_data select {
  appearance: none;
  position: relative;
  background-image: url(../images/arrow-grey.png);
background-repeat: no-repeat;
  background-position: center right 1rem;
  background-color: transparent;
  padding: 0.375rem 2.1875rem 0.375rem 1rem;
}



.r-add-leads-main-wrapper.r-input-sm.r-input-reverse select {
  appearance: none;
  position: relative;
  background: url(../images/arrow-grey.png) no-repeat;
  padding: 0.3125rem 0.75rem;
  background-position: center right 1rem;
  background-color: transparent;
}

.gjs-row .gjs-select select {
  padding-right: 1.8125rem !important;
  background-position: center right 0.5rem;
}

.gjs-row .gjs-sm-sector .gjs-input-unit {
  background: none;
}

.gjs-row .gjs-field .gjs-sel-arrow {
  position: inherit;
  display: none;
}

.gjs-clm-header-label {
  padding-right: 0.3125rem;
}

.r-add-leads-main-wrapper .form-check-input {
  padding: 0;
  margin-top: 0.25rem;
  border-radius: 100% !important;
}


.r-add-leads-main-wrapper input.form-check-input[type=checkbox],
.form-check-input[type=checkbox],
.form-check-input.square-check {
  border-radius: 0.25rem !important;
  min-height: auto;
}

.r-add-leads-main-wrapper.r-input-sm .form-check-input {
  padding: 0rem;
  border-radius: 0.1875rem !important;
}

.form-check {
  margin-right: 0.9375rem;
}

.form-check-input {
  cursor: pointer;
}

.r-add-people-lable-input-wrap {
  margin-bottom: 0.9375rem;
}

.r-add-people-rht-top .r-add-people-lable-input-wrap {
  margin-bottom: 0.9375rem;
}

.icon-input {
  position: absolute;
  top: 0.3125rem;
  left: 0.4375rem;
  width: 1.3125rem;
  color: var(--text-two);
}

.modal-content .icon-input {
  color: var(--text-grey);
}

.theme-light .icon-input img {
  filter: invert(1) grayscale(100%);
}

.r-add-leads-main-wrapper .form-group.input-group.position-relative input {
  padding-left: 2.2rem;
}


.r-add-leads-main-wrapper select option {
  color: var(--text-grey);
}

.icon-input img {
  max-width: 1.3125rem;
  max-height: 1.3125rem;
}

.real-input {
  border: 0.125rem dashed var(--global-input-border);
  border-radius: 0.4375rem;
  margin-bottom: 0.9375rem;
  color: var(--card-list-border-color);
  position: relative;
  background: var(--submenu-third);
}

.real-input--label i {
  position: absolute;
  top: 2.5rem;
  font-size: 1.5rem;
}

/* For fixing upload ui issue */
.r-upload-wrapper-inner .dropzone .dz-message .real-input--label {
  padding: 0 !important;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}

.r-upload-wrapper-inner .dropzone .dz-message .real-input--label i {
  position: unset !important;
}

.r-upload-wrapper-inner .dropzone .dz-message {
  margin: 0 !important;
}

/* For fixing upload ui issue */

.file__value {
  color: var(--text-two);
  display: flex;
}

.real-input--file,
.input_file {
  position: absolute;
  opacity: 0;
  padding: 0rem !important;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
}

.real-input--label {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 4.75rem 2.5rem 1.625rem !important;
  position: relative;
  z-index: 2;
}

.real-input--label.inventory_real_input {
  padding: 3.5rem 2.5rem 3.5rem !important;
  flex-direction: column;
  gap: .5rem;
}

.inventory_real_input .upload_label_txt {
  color: var(--white-orange-orange);
  font-weight: 500;
  text-transform: none;
}

.upload_label_browse {
  display: inline-block;
  padding: .5rem 0.75rem;
  background-color: var(--white-orange-orange);
  color: var(--orange-white-white);
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 400;
}

.file__value {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.file__value:hover:after {
  color: var(--text-two);
}

.file__value:after {
  content: "X";
  cursor: pointer;
}

.file__value:after:hover {
  color: var(--text-two);
}

.file__remove {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid var(--text-one);
}

.r-add-people-rht-top {
  margin-bottom: 1.25rem;
}

.r-add-people-rht-top .people-img-area {
  width: 5.9375rem;
}

.r-add-people-rht-top .people-img {
  width: 5.75rem;
  height: 5.75rem;
}

.r-add-people-rht-top .people-details h2 {
  font-size: 2rem;
  font-weight: 600;
}

.card-ellipsis {
  width: 14rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.addr-ellipsis {
  width: 17rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cp-tabs label {
  color: var(--text-two) !important;
}

canvas {
  background-color: var(--global-white);
}

.r-add-people-rht-top .people-details p {
  font-weight: 500;
}

.user-role-on {
  font-size: 0.875rem;
  color: var(--global-input-border);
  font-weight: 600;
}

.r-add-people-rht-content a.btn,
.r-add-people-rht-content a.btn.active {
  background: transparent !important;
  border: none;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.625rem;
  color: var(--white-white-black);
}

.r-add-people-rht-content a.btn i {
  padding-right: 0.25rem;
}

.r-add-people-rht-bottom {
  margin-top: 1.25rem;
}

.icon-input.dealsize {
  color: var(--text-two);
  top: 0.5rem;
  font-size: 0.875rem;
}

.r-tooltip-trigger i {
  position: relative;
  left: 0.3125rem;
}

.addmore-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bulk_edit_number .custom-control.custom-checkbox {
  display: flex;
}

.bulk_edit_number .custom-control.custom-checkbox label {
  padding-left: 0.4375rem;
}

.customer-task-main-wrapper .dataTable td a {
  color: var(--text-grey);
}

/* .customer-task-main-wrapper .dataTable td.task-action-icon a{
  color: var(--global-orange);
} */
.add-lead-lft-wrap-update-class .form-check-input:checked {
  border-color: var(--white-orange-orange) !important;
}

/* ===================================== ADD PEOPLE SPRINTS ========================================== */
/* ===================================== PEOPLE SPRINTS ========================================== */
.r-people-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.r-people-lft-tab {
  padding: 0.25rem;
  background: var(--top-header-bg);
  display: inline-flex;
  box-shadow: 0rem 0.25rem 0.9375rem var(--card-box-shadow);
  border-radius: 2.5rem;
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.r-people-lft-tab .nav-item:last-child .nav-link {
  margin: 0;
}

.r-people-lft-tab .nav-link {
  padding: 0.3125rem 0.9375rem;
  border-radius: 2.5rem;
  margin-right: 0.4375rem;
  color: var(--text-one);
}

.r-people-lft-tab .nav-link.active {
  background: var(--global-orange);
  color: var(--global-white);
}

.r-outline-btn-bg-color {
  border: 0.0625rem solid var(--nav-link);
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  margin: 0;
  font-weight: 600;
  color: var(--nav-link);
  display: inline-block;
}

.r-outline-btn-bg-color:hover {
  color: var(--nav-link);
}

.table-select-all-wrap {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1.25rem;
}

.people-table-main.people-all-table-wrap {
  background: var(--bg-color);
  border-radius: 1rem;
}

.people-table-main .dataTables_wrapper {
  color: var(--text-two);
}

table.dataTable td.dataTables_empty {
  padding: 1.5rem 0;
}

table.dataTable td.dataTables_empty i {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.deals_pipeline_table_view_wrap .dataTables_empty i {
  color: var(--global-orange);
}

.deals_pipeline_table_view_wrap .dataTables_empty span {
  color: var(--text-grey);
}

.modal-body .people-table-main .dataTables_wrapper {
  color: var(--text-grey);
}

.dataTables_wrapper .form-check .form-check-input {
  margin-left: 0 !important;
}

.table-responsive {
  overflow-x: inherit;
  -webkit-overflow-scrolling: touch;
}

.people-table-main table {
  padding-top: 1.25rem;
}

.people-table-main .dataTables_wrapper .dataTables_scrollHead table {
  margin-top: 1.25rem !important;
  padding-top: 0;
  color: var(--text-two);
}

.people-table-main .dataTables_wrapper .dataTables_scrollBody table {
  padding-top: 0rem;
}

.dataTables_wrapper .dataTables_scroll {
  position: relative;
}

.dropdown.three-dot-list-wrap,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  position: unset !important;
}

.people-table-main .dataTables_length {
  padding: 1.5rem 0 0rem 1.5rem;
}


.people-table-main .dataTables_wrapper .dataTables_length label select {
  font-size: 1.125rem;
  color: var(--text-two);
  padding: 0.1875rem 1.875rem 0.1875rem 0.625rem;
  margin: 0 0.625rem;
  border-radius: 0.3125rem;
  border-color: var(--global-input-border);
  background-position: center right 0.5rem;
  /* appearance: none; */
  min-height: 2.1875rem;
}

.people-table-main .dataTables_wrapper .dataTables_length label select option {
  color: var(--text-one);
}

.people-table-main table thead th {
  background: var(--table-overlay-solid-color);
  border-bottom: 0;
  white-space: nowrap;
  font-weight: 600;
}

.table_wrapper_w_bg.people-table-main table thead th {
  background: #f5f5f5;
}

.table_wrapper_w_bg.people-table-main table thead th,
.table_wrapper_w_bg.people-table-main table tbody td {
  color: var(--text-grey);
}

.table_wrapper_w_bg.people-table-main .dataTables_wrapper .dataTables_filter input {
  border: 0.0625rem solid var(--global-input-w-bg);
}

.people-table-main.table_wrapper_w_bg .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: var(--global-input-w-bg) !important;
  border-color: var(--global-input-w-bg);
}

.table_wrapper_w_bg.people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border-color: var(--global-orange);
  background: var(--global-orange);
  color: var(--global-white) !important;
}

.people-table-main.table_wrapper_w_bg .dataTables_wrapper table tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0.0625rem var(--global-input-w-bg);
}

.people-table-main.table_wrapper_w_bg .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.people-table-main.table_wrapper_w_bg .dataTables_wrapper {
  color: var(--text-grey);
}

.people-table-main.table_wrapper_w_bg table thead th a,
.people-table-main.table_wrapper_w_bg table tbody td a {
  color: var(--text-grey);
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.people-table-main .dataTables_wrapper table tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0.0625rem var(--card-highlight--bg-color);
}

.people-table-main .dataTables_wrapper table tbody td.phone {
  white-space: nowrap;
}

.people-table-main.people-all-table-wrap .form-check {
  padding-left: 0rem;
}

.people-table-action-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.r-icon-btn {
  background: transparent;
  border: 0;
  color: var(--nav-link);
  font-size: 1.25rem;
}

.people-table-action-wrap button {
  margin-right: 0.4375rem;
  background: transparent;
  border: 0;
  color: var(--nav-link);
  font-size: 1.25rem;
}

.people-table-action-wrap.people-table-action-wrap-w-btn {
  display: grid;
  grid-template-columns: 160px 1fr;
}

.people-table-action-wrap.people-table-action-wrap-w-btn-sm {
  grid-template-columns: 110px 1fr;
}

.people-table-action-wrap.people-table-action-wrap-w-btn button.r-modal-btn,
.people-table-action-wrap.people-table-action-wrap-w-btn a.r-modal-btn {
  border-radius: 0.4375rem;
  padding: 0.3125rem .75rem;
  font-size: .875rem;
  font-weight: 600;
  transition: 0.1s all linear;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .375rem;
  cursor: pointer;
  min-height: 2.25rem;
  position: relative;
  border: 0.0625rem solid var(--white-white-orange);
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
  text-transform: capitalize;
  margin-right: 0.4375rem;
}

.people-table-action-wrap.people-table-action-wrap-w-btn button.r-modal-btn:hover,
.people-table-action-wrap.people-table-action-wrap-w-btn a.r-modal-btn:hover {
  text-decoration: none;
}

.people-table-action-wrap button:last-child {
  margin-right: 0rem;
}

/* .dataTables_scrollHeadInner {
  width: 100% !important;
} */

.sort-icon {
  position: relative;
  margin-left: 1.625rem;
}

.sorttable_icons span {
  position: relative;
  margin-left: 0.625rem;
  cursor: pointer;
}

.sorttable_icons.sorttable_sorted_reverse span:after,
.sorttable_icons.sorttable_sorted span:before {
  opacity: 0.5;
}

table.dataTable thead>tr>th.sorting .sort-icon:before,
table.dataTable thead>tr>th.sorting_asc .sort-icon:before,
table.dataTable thead>tr>th.sorting_desc .sort-icon:before,
table.dataTable thead>tr>th.sorting_asc .sort-icon_disabled .sort-icon:before,
table.dataTable thead>tr>th.sorting_desc .sort-icon_disabled .sort-icon:before,
table.dataTable thead>tr>td.sorting .sort-icon:before,
table.dataTable thead>tr>td.sorting_asc .sort-icon:before,
table.dataTable thead>tr>td.sorting_desc .sort-icon:before,
table.dataTable thead>tr>td.sorting_asc .sort-icon_disabled .sort-icon:before,
table.dataTable thead>tr>td.sorting_desc .sort-icon_disabled .sort-icon:before,
.sorttable_icons span::before {
  content: "\2191";
  padding: 0.625rem;
  top: 50%;
  bottom: auto !important;
  transform: translate(0, -50%);
}

table.dataTable thead>tr>th.sorting .sort-icon:after,
table.dataTable thead>tr>th.sorting_asc .sort-icon:after,
table.dataTable thead>tr>th.sorting_desc .sort-icon:after,
table.dataTable thead>tr>th.sorting_asc .sort-icon_disabled .sort-icon:after,
table.dataTable thead>tr>th.sorting_desc .sort-icon_disabled .sort-icon:after,
table.dataTable thead>tr>td.sorting .sort-icon:after,
table.dataTable thead>tr>td.sorting_asc .sort-icon:after,
table.dataTable thead>tr>td.sorting_desc .sort-icon:after,
table.dataTable thead>tr>td.sorting_asc .sort-icon_disabled .sort-icon:after,
table.dataTable thead>tr>td.sorting_desc .sort-icon_disabled .sort-icon:after,
.sorttable_icons span::after {
  content: "\2193";
  top: 50%;
  transform: translate(0%, -50%);
}

table.dataTable thead>tr>th.sorting .sort-icon:before,
table.dataTable thead>tr>th.sorting .sort-icon:after,
table.dataTable thead>tr>th.sorting_asc .sort-icon:before,
table.dataTable thead>tr>th.sorting_asc .sort-icon:after,
table.dataTable thead>tr>th.sorting_desc .sort-icon:before,
table.dataTable thead>tr>th.sorting_desc .sort-icon:after,
table.dataTable thead>tr>th.sorting_asc .sort-icon_disabled .sort-icon:before,
table.dataTable thead>tr>th.sorting_asc .sort-icon_disabled .sort-icon:after,
table.dataTable thead>tr>th.sorting_desc .sort-icon_disabled .sort-icon:before,
table.dataTable thead>tr>th.sorting_desc .sort-icon_disabled .sort-icon:after,
table.dataTable thead>tr>td.sorting .sort-icon:before,
table.dataTable thead>tr>td.sorting .sort-icon:after,
table.dataTable thead>tr>td.sorting_asc .sort-icon:before,
table.dataTable thead>tr>td.sorting_asc .sort-icon:after,
table.dataTable thead>tr>td.sorting_desc .sort-icon:before,
table.dataTable thead>tr>td.sorting_desc .sort-icon:after,
table.dataTable thead>tr>td.sorting_asc .sort-icon_disabled .sort-icon:before,
table.dataTable thead>tr>td.sorting_asc .sort-icon_disabled .sort-icon:after,
table.dataTable thead>tr>td.sorting_desc .sort-icon_disabled .sort-icon:before,
table.dataTable thead>tr>td.sorting_desc .sort-icon_disabled .sort-icon:after {
  position: absolute;
  display: block;
  opacity: 0.5;
  line-height: 0.5625rem;
  font-size: 1rem;
  font-weight: 300;
  right: 0;
}

.sorttable_icons span:after,
.sorttable_icons span:before {
  padding: 0.25rem;
}

table.dataTable thead>tr>th.sorting_asc .sort-icon:before,
table.dataTable thead>tr>th.sorting_desc .sort-icon:after,
table.dataTable thead>tr>td.sorting_asc .sort-icon:before,
table.dataTable thead>tr>td.sorting_desc .sort-icon:after,
.sorttable_icons.sorttable_sorted:after {
  opacity: 1;
}

.sales-funnel-table-wrap table thead th:nth-child(3),
.sales-funnel-table-wrap table tbody td:nth-child(3) {
  width: 65% !important;
}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
  top: 50%;
  content: "";
  display: none;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
  bottom: 50%;
  content: "";
  display: none;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 0.5rem 0.625rem !important;
}

.sales-funnel-table-wrap table thead th:nth-child(3),
.sales-funnel-table-wrap table tbody td:nth-child(3) {
  width: 65% !important;
}

.Lead_form_catchers-wrap th:last-child,
.people-table-main thead th:last-child,
.people-table-main tbody td:last-child {
  text-align: center;
}

.people-table-main .dataTables_filter {
  display: flex;
  align-items: center;
  padding: 1.5rem 1.5rem 0rem 0rem;
}

.people-table-main .table-select-wrap {
  order: 0;
  margin-right: 1.25rem;
}

.people-table-main .dataTables_filter label {
  order: 1;
  display: flex;
  align-items: center;
  gap: 0.1875rem;
}

.people-table-main .table-add-btn {
  order: 2;
}

.people-table-main .table-filter-wrap {
  order: 3;
  position: relative;
}

.r-people-content {
  position: relative;
}

.r-people-rht.table-filter-wrap {
  position: relative;
}

.r-people-rht.table-filter-wrap .orange-btn.sort-btn i {
  margin: 0;
}

.table-filter-wrap .form-check .form-check-input {
  margin-left: 0em !important;
}

.people-sort-mid #slider-range {
  width: 95%;
  margin: 0 auto;
  height: 0.3125rem;
}

.people-sort-mid .ui-slider .ui-slider-handle {
  width: 0.875rem;
  height: 0.875rem;
}

.people-sort-mid #slider-range.ui-widget-content {
  background-color: rgba(0, 0, 0, .2);
}

.people-sort-mid .ui-widget-header {
  background-color: var(--global-orange);
}

.people-table-main .dataTables_filter label input {
  padding: 0.25rem 0.625rem;
  border-color: var(--global-input-border);
  /* margin-right: 1.25rem; */
  border-radius: 0.4375rem;
  color: var(--text-two);
  min-height: 2.25rem;
}

.deals_pipeline_table_view_wrap .people-table-main .dataTables_filter label input {
  color: var(--text-grey);
}

.deals_pipeline_table_view_wrap .r-add-leads-main-reverse button i {
  color: var(--global-white);
}

.deals_pipeline_table_view_wrap .ColVis button.ColVis_Button {
  background: var(--global-orange);
}

.people-table-main .table-filter-wrap button {
  padding: 0rem;
  width: 2.25rem;
  height: 2.25rem;
  background: var(--white-white-orange);
  border-radius: 0.4375rem;
  color: var(--orange-orange-white);
  font-size: 1rem;
}

.people-table-main table.dataTable.no-footer {
  border-bottom: 0rem;
  transition: .2s all linear;
}

.people-table-main .dataTables_info {
  padding: 2.125rem 0rem 1.5rem 1.5rem;
}

.people-table-main .dataTables_paginate {
  margin: 1.5rem 1.5rem 1.5rem 0rem;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.625rem;
  padding: 0;
  overflow: hidden;
}

.people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: var(--global-input-border);
  margin: 0;
  border-radius: 0;
}

.people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border-color: var(--global-input-border);
  margin: 0;
  border-radius: 0;
  background: var(--card-list-border-color);
  color: var(--global-orange) !important;
}

.people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  pointer-events: none;
  color: var(--global-input-border) !important;
}

.people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  border-top-left-radius: 0.5625rem;
  border-bottom-left-radius: 0.5625rem;
}

.people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  border-top-right-radius: 0.5625rem;
  border-bottom-right-radius: 0.5625rem;
}

.people-all-table-wrap,
.people-table-sales-funnenl {
  margin-bottom: 1.875rem;
}

.people-table-accordian-wrap .accordion-item {
  background: var(--bg-color);
  border-radius: 0.625rem;
  overflow: hidden;
  border: none;
}

.modal-content .people-table-accordian-wrap .accordion-item {
  background: var(--global-orange);
}

.people-table-accordian-wrap .shipping_order_inner_wrap {
  margin-bottom: 0;
}

.people-table-accordian-wrap .accordion-item .accordion-button {
  background: transparent;
  box-shadow: none !important;
  font-size: 1.5rem;
  color: var(--text-two);
}

.modal-content .people-table-accordian-wrap .accordion-item .accordion-button {
  color: var(--global-white);
}

.people-table-accordian-wrap .accordion-item .accordion-button .collapsed {
  border-bottom: 0rem;
}

.people-table-accordian-wrap .accordion-item .accordion-button::after {
  display: none;
}

.people-table-accordian-wrap .accordion-item .accordion-button i {
  margin-left: auto;
  rotate: 180deg;
  transition: 0.3s all linear;
}

.people-table-accordian-wrap .accordion-item .accordion-button.collapsed i {
  rotate: 0deg;
}

.people-table-accordian-wrap .accordion-item .accordion-body {
  padding: 0rem;
  border-top: 0.0625rem solid var(--global-input-border);
}

.modal-content .people-table-accordian-wrap .accordion-item .accordion-body {
  border-top: 0.0625rem solid var(--table-overlay-solid-color);
}

.r-table-color-wrap {
  display: flex;
  align-items: center;
  justify-content: start;
}

.r-table-color-wrap label {
  background: var(--global-white);
  width: 2rem;
  height: 2rem;
  border-radius: 0.4375rem;
  margin-right: 0.625rem;
}

.r-table-color-wrap input {
  visibility: hidden;
}

.all-people-sort-table {
  right: 0rem;
  top: 4.125rem;
  text-align: left;
}

.all-people-sort-table .people-sort-box::before {
  left: 47%;
}

.table-filter-wrap .all-people-sort-table .people-sort-box::before {
  left: auto;
  right: 0;
  top: 0.1875rem;
}

.all-people-sort-table .form-check {
  padding-left: 0;
}

.all-people-sort-table .form-check label {
  padding-left: 0.625rem;
}

.all-people-sort-table .people-search-wrap input {
  border: 0rem;
}

.all-people-sort-table .people-sort-top button {
  width: auto;
  height: auto;
  padding: 0;
}

.iti {
  width: 100%;
}

.main-dialpad-wrappers .iti {
  width: 5rem;
}

/* .iti__flag {
  background-image: url("../images/flags.png") !important;
} */

.iti input {
  padding-left: 5.125rem;
}

.custom-tellinput-separated-two .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  display: flex;
  justify-content: space-around;
  gap: 1rem;
}

.custom-tellinput-separated-two .iti__country-container {
  position: relative;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
  border: 1px solid #ced4da;
  border-radius: .375rem;
  padding: .375rem .75rem;
}

.custom-tellinput-separated-two .iti__tel-input {
  padding-left: 10px !important;
}

.sales-funnel-table-wrap table th:nth-child(2) {
  width: 70%;
}

.people-table-main table thead th,
.people-table-main table tbody td {
  text-transform: capitalize;
  vertical-align: middle;
  color: var(--text-two);
}

.forms-table-wrap table td,
.forms-table-wrap table th {
  color: var(--text-two);
}

/* .add-agreement-step-wrap .preview_agreement_main_wrap table th,
.add-agreement-step-wrap .preview_agreement_main_wrap table td{
  color: var(--text-grey);
}
.add-agreement-step-wrap .preview_agreement_main_wrap table tfoot th,
.add-agreement-step-wrap .preview_agreement_main_wrap table tfoot td{
  color: var(--global-white);
} */

.people-table-main table tbody td.tbltd-email,
table tbody td.tbltd-email,
.people-table-main table tbody td.tbltd-email a.custName {
  text-transform: lowercase;
  max-width: 18.75rem;
  overflow: hidden;
  word-break: break-all;
}

.people-table-main table tbody td.coupon_text {
  text-transform: inherit;
}

.people-table-main table tbody td a {
  max-width: 9.375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.people-table-main table tbody td a.td-a {
  white-space: initial;
}

.manage-appointment-main-table .people-table-main table tbody td a {
  max-width: none;
  overflow: auto;
  white-space: unset;
}

.people-table-main table tbody td .dropdown-menu a {
  max-width: 100%;
}

.people-table-main table thead th a,
.people-table-main table tbody th a,
.people-table-main table tbody td a {
  color: var(--text-two);
  text-transform: lowercase;
}

.people-table-main table tbody td#analyticsOrderId a {
  text-transform: initial;
}

.people-table-main table tbody td.no-text-case-transform a {
  text-transform: initial;
}

.people-table-main table thead th a.table-clickable,
.people-table-main table tbody td a.table-clickable {
  text-decoration: underline;
  text-transform: capitalize;
}

.modal-content .people-table-main table thead th a,
.modal-content .people-table-main table tbody td a {
  color: var(--text-grey);
  text-transform: lowercase;
}

.people-table-main table thead th.inventory-table-id a,
.people-table-main table tbody td.inventory-table-id a {
  text-transform: uppercase;
}

.people-table-main table thead th a.custName,
.people-table-main table tbody td a.custName {
  text-transform: capitalize;
}

.people-table-main table thead th a:hover,
.people-table-main table tbody td a:hover {
  text-decoration: underline;
}

.people-table-main table tbody td a.dropdown-item:hover {
  text-decoration: none;
}

.dataTables_wrapper table.dataTable tbody td:first-child,
.dataTables_wrapper table.dataTable thead th:first-child {
  padding-left: 1.5rem !important;
}

.ColVis button.ColVis_Button {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 0.4375rem !important;
  background: var(--white-orange-orange) !important;
  border: 0rem !important;
  color: var(--orange-white-white) !important;
  font-size: 1rem !important;
  position: relative !important;
  top: 1.5rem !important;
  right: 1.5rem !important;
  margin-left: 0.625rem;
  box-shadow: none !important;
  padding: 0 !important;
}

.modal .modal-body .ColVis button.ColVis_Button {
  background: var(--global-orange) !important;
  color: var(--global-white) !important;
}

.modal .modal-body .ColVis button.ColVis_Button i {
  color: var(--global-white) !important;
}

ul.ColVis_collection {
  width: 18.75rem !important;
  left: auto !important;
  right: 3.75rem !important;
  background-color: var(--global-white) !important;
  height: auto !important;
  max-height: 25rem !important;
  overflow-y: auto;
  margin-top: .5rem;
}

ul.ColVis_collection li {
  background: var(--global-orange) !important;
  color: var(--global-white) !important;
  border-radius: 0.375rem !important;
  box-shadow: none !important;
  border: 0 !important;
  margin-bottom: 0.5625rem !important;
}

ul.ColVis_collection li:last-child {
  margin-bottom: 0rem !important;
}

.dropdown-item i {
  margin-right: 0.5rem;
}

.people-all-table-wrap .dropdown-menu li a:hover {
  text-decoration: none !important;
}

.people-all-table-wrap .dropdown-menu li {
  border-bottom: none !important;
}

.people-all-table-wrap .dropdown-menu {
  border: none;
  overflow: hidden;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-top-circle-shadow);
}

.people-table-action-wrap a.r-icon-btn {
  margin-right: 0.625rem;
}

.people-all-table-wrap .dropdown-menu li a {
  font-size: 0.9375rem;
  padding: 0.4375rem 0.8125rem;
}

.reward-heading {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-one);
  margin-bottom: 0.9375rem;
}

.people-employee-select select {
  font-size: 0.9375rem !important;
  font-weight: 500;
  border: 0.0625rem solid var(--global-border-color-w-bg) !important;
  padding: 0.375rem .75rem !important;
  color: var(--text-grey) !important;
}

.import-status-wrap {
  list-style: none;
}

.import-status-wrap li {
  width: 8.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  margin-bottom: .5rem;
}

.import-status-wrap li::before {
  content: '';
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translate(0%, -50%);
  background: #51DC6B;
  border-radius: 100%;
}

.import-status-wrap li.danger::before {
  background: #F01A15;
}

.inventory-download-btn-wrap {
  margin-bottom: 1rem;
}

.import_inventory_download_report,
.import_inventory_download_report:hover {
  color: var(--global-orange);
  text-decoration: underline;
}

.delete_modal .inventory-download-btn-wrap i {
  font-size: 1rem;
  margin-right: .5rem;
}

/* ===================================== PEOPLE SPRINTS ========================================== */
/* ===================================== TOAST ========================================== */
.toast {
  background: #F01A15;
  border: 0.0625rem solid rgba(48, 135, 233, 0.5);
  box-shadow: 0rem 0.25rem 0.9375rem rgba(17, 11, 51, 0.1);
  border-radius: 0.5rem;
  color: #ffffff;
}

.toast-warn .toast {
  background: #FEF7EA;
  border: 0.0625rem solid rgba(253, 192, 33, 0.5);
  box-shadow: 0rem 0.25rem 0.9375rem rgba(17, 11, 51, 0.1);
  border-radius: 0.5rem;
}

.toast-error .toast {
  background: #FAF0EA;
  border: 0.0625rem solid rgba(251, 87, 88, 0.5);
  box-shadow: 0rem 0.25rem 0.9375rem rgba(17, 11, 51, 0.1);
  border-radius: 0.5rem;
}

.toast .toast-body-wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0.625rem 0.3125rem;
}

.toast .toast-body-wrap i {
  font-size: 2rem;
  color: #ffffff;
  margin-right: 1rem;
}

.toast-warn .toast .toast-body-wrap i {
  color: #FDC021;
}

.toast-error .toast .toast-body-wrap i {
  color: #FB5758;
}

.toast .toast-body-wrap h5 {
  font-size: 1rem;
  font-weight: 500;
}

.toast .toast-body-wrap p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #ffffff;
}

.toast-info .toast .btn-close {
  background-image: none;
  font-size: 1rem;
  color: #fff;
  padding: 0;
}

.toast-container .toast {
  width: 24.375rem;
  border-radius: 0.5rem;
}

.toast_meeting.toast-container .toast{
   width: 28rem;
}

.toast-info .toast {
  background: #fff;
  border: 0.0625rem solid #F04F29;
  box-shadow: 0rem 0.25rem 0.9375rem rgba(17, 11, 51, 0.1);
}

.toast_meeting .toast .toast-body-wrap{
  align-items: start;
}

.toast_meeting .toast-body-wrap{
  gap: 1rem;
}

.toast_btn_wrap{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
  margin-top: 1rem;
}

.toast_icon_wrap{
  background-color: var(--global-orange);
  width: 3rem;
  height: 3rem;
  padding: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.toast .toast-body-wrap .toast_icon_wrap i{
  margin-right: 0;
  color: #fff;
}

.toast-container .toast-body {
  padding: 1.25rem;
}

.toast-container .toast-body-wrap h5 {
  color: var(--text-grey);
}

.toast-container .toast-body-wrap h5 {
  margin-bottom: 0.25rem;
}

.toast-info .toast-body-wrap i {
  color: var(--text-grey);
}

.toast-container .toast-body-wrap p,
.toast-info .toast-body-wrap .btn-close i {
  color: var(--input-placeholder);
}

.toast-info .toast .btn-close i {
  font-size: 1.25rem;
  font-weight: 900;
  margin: 0;
}

.toast-info .toast-body .toast-body-wrap .fa-circle-info {
  margin-right: 0.9375rem;
}

.toast-container .toast-body .toast-info-wrap {
  margin-right: 0.625rem;
}

.toast .toast-body-wrap button {
  margin-left: auto;
}

.toast-success .toast {
  background: #F1F9F4;
  border: 0.0625rem solid rgba(81, 220, 107, 0.5);
  box-shadow: 0rem 0.25rem 0.9375rem rgba(17, 11, 51, 0.1);
  border-radius: 0.5rem;
}

.toast-success .toast .toast-body-wrap i {
  color: #51DC6B;
}

/* ===================================== TOAST ========================================== */

/* ===================================== LEAD TRACKING  ========================================== */
.lead_track_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-list-wrapper .lead_track_flex {
  justify-content: end;
}

.btn_leads_bulk {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.btn_leads_bulk .r-people-rht {
  margin-left: 0.625rem;
}

.lead_nav_tabs {
  width: auto;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--top-header-bg);
  padding: 0.25rem;
  border-radius: 2.5rem;
  /* box-shadow: 0rem 0.25rem 0.9375rem var(--card-box-shadow); */
  /* border: 0.0625rem solid var(--global-border-color-w-bg); */
  box-shadow: 0rem 0rem 0.1875rem 0rem var(--global-input-w-bg);
}

.lead_nav_tabs .nav-link {
  background-color: transparent;
  color: var(--text-one);
  font-size: 1rem;
  padding: 0.3125rem 0.9375rem;
  border-radius: 2.5rem;
  border: none;
  margin: 0;
}

.lead_nav_tabs .nav-item.show .nav-link,
.lead_nav_tabs .nav-link.active {
  background-color: var(--global-orange);
  color: var(--global-white);
}

.lead_flex_range_status {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  background: rgb(240, 29, 22);
  background: var(--bg-color);
  border: none;
  border-radius: 1rem;
  padding: 0.6875rem 0.6875rem 1.0625rem;
  position: relative;
  margin: 1.1875rem 0;
}

.column-left {
  width: 60%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.l_track_bx_wrap .column-left {
  width: 80%;
}

.lead_flex_range_status .form-group {
  width: 40.5%;
  margin-right: 0.75rem;
}

.lead_flex_range_status .form-control,
.lead_flex_range_status .form-select {
  height: auto;
  border-color: var(--global-input-border);
}

.l_track_bx_wrap .search_int {
  margin-top: auto;
  margin-right: 0.75rem;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.5rem;
}

.l_track_bx_wrap .search_int input {
  padding: 0.5rem 0.5rem 0.5rem 0;
  border: none;
}

#box-tab-pane .l_track_bx_wrap .search_int input {
  padding: 0;
}

.l_track_bx_wrap .btn_search {
  width: 2.375rem;
  position: inherit;
  height: auto;
  line-height: normal;
}

.reorder-area .btn-export {
  margin-top: 0;
  flex: 0 0 auto;
}

.reorder-area.d-sm-flex {
  align-items: center;
}

.reorder-tab-wrapper .btn_new_message a,
.reorder-tab-wrapper .btn_new_message button {
  margin-right: .5rem;
}

.reorder-tab-wrapper .btn_new_message a:last-child,
.reorder-tab-wrapper .btn_new_message button:last-child {
  margin-right: 0rem;
}

.reorder-area #reorderHelper {
  color: var(--text-two);
  padding-left: 0.75rem;
}

.lead_tracking_dasgboard_edit {
  list-style: none;
  position: relative;
  text-align: right;
  margin: 0;
}

.lead_tracking_dasgboard_edit li {
  display: inline-block;
}

.lead_tracking_dasgboard_edit li a {
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  background-color: var(--white-orange-orange);
  color: var(--orange-white-white);
  display: inline-block;
  text-align: center;
  font-size: 1.25rem;
  border-radius: 0.3125rem;
  margin: 0.125rem 0.1875rem;
}

.lead-tracking-top {
  box-shadow: 0rem 0.0625rem 0.0625rem 0rem var(--global-border-color-w-bg);
}

.lead-tracking-box-table {
  border-collapse: separate;
  border-spacing: 1.25rem 0rem;
}

.lead-tracking-box-table thead {
  position: relative;
  z-index: 3;
}

.lead-tracking-box-table thead::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--bg-color);
  height: 100%;
  border-radius: 0.625rem;
  z-index: -1;
}

.lead-tracking-box-status {
  height: 8.4375rem;
  color: var(--text-two);
  font-weight: bold;
  font-size: 1.25rem;
  position: relative;
  padding: 0 1.25rem;
  width: 16.66%;
  flex: 0 0 auto;
}

.lead-tracking-box-status>div>h4 {
  word-wrap: break-word;
}

.lead-tracking-lane {
  width: 16.66%;
  background: var(--global-white);
  padding: 0rem;
  height: 31.25rem;
  overflow: auto;
  vertical-align: top;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}

.lead-tracking-box-status::after {
  position: absolute;
  left: -2.3125rem;
  top: 0;
  height: 8.4375rem;
  width: 2.3125rem;
  content: "";
  background: url(../images/arrow-divider.png) local top no-repeat;
}

.theme-light .lead-tracking-box-status::after {
  opacity: .3;
  background: url(../images/arrow-divider-grey.png) local top no-repeat;
}

.lead-tracking-box-status:first-child:after {
  background: none;
}

.lead-tracking-table-wrapper {
  width: 100%;
  overflow: auto;
}

.lead-card-top-main p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.lead-show-more-txt-wrap {
  text-align: right;
}

.lead-show-more-txt-wrap button,
.lead-show-less-wrap button {
  background: transparent;
  border: 0rem;
  color: var(--orange-white-orange);
  padding: 0rem;
  font-size: 0.875rem;
}

.lead-tracking-box-table {
  width: 100%;
}

.lead-show-more-first-wrap {
  color: var(--text-one);
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
}

.lead-show-more-first-wrap>div {
  margin-bottom: 0.4375rem;
}

.lead-show-more-first-wrap p {
  font-weight: 600;
}

.lead-card-heading p {
  font-weight: 400;
}

.lead-card-tag-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lead-card-tag-wrap p {
  margin-right: 0.3125rem;
}

.lead-form-label .select2 {
  width: 100% !important;
}

.block_view_class .droptarget {
  background: transparent !important;
}

.droptarget {
  padding: 0.9375rem !important;
}

.lead-card-tag {
  padding: 0.1875rem 0.75rem;
  background: var(--global-orange);
  border-radius: 2.5rem;
  color: var(--global-white);
  margin: 0rem 0.3125rem 0.3125rem 0rem;
  font-size: 0.75rem;
  white-space: break-spaces;
}

.lead-card-tag-wrap span {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}

.lead-card-tag i {
  margin-left: 0.1875rem;
}

.lead-card-tag:hover {
  color: var(--text-two);
}

.lead-show-less-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lead-show-more-sec-wrap form input {
  width: 100%;
}

.lead-show-more-sec-wrap .lead-form-label {
  margin-bottom: 0.4375rem;
}

.lead-show-more-sec-wrap .lead-form-label label {
  font-size: 1rem;
  color: var(--text-one);
  font-weight: 600;
  margin-bottom: 0.3125rem;
}

.lead-show-more-sec-wrap .lead-form-label input,
.lead-show-more-sec-wrap .lead-form-label select {
  font-size: 0.875rem;
  padding: 0.1875rem 0.3125rem;
  width: 100%;
  min-height: 1.9375rem;
  border: 0.0625rem solid var(--global-top-circle-shadow);
  border-radius: 0.25rem;
}

.lead-form-lable-tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lead-form-lable-tag button {
  color: var(--global-orange);
  background: transparent;
  border: 0rem;
}

.lead-show-more-first-wrap,
.lead-show-more-sec-wrap,
.lead-show-less-wrap,
.lead-card-heading {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}

.lead-show-more-wrap.show .lead-show-more-first-wrap,
.lead-show-more-wrap.show .lead-show-less-wrap,
.lead-show-more-wrap.show .lead-card-heading {
  height: auto;
  overflow: auto;
  visibility: initial;
  opacity: 1;
}

.lead-show-more-wrap.show.show-form .lead-show-more-first-wrap,
.lead-show-more-wrap.show.show-form .lead-show-less-wrap {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}

.lead-show-more-wrap.show.show-form .lead-show-more-sec-wrap,
.lead-show-more-wrap.show.show-form .lead-save-cancel-btn {
  height: auto;
  overflow: auto;
  visibility: initial;
  opacity: 1;
}

.lead-show-more-wrap.show .lead-show-more-txt-wrap,
.lead-show-more-wrap.show .lead-card-top-main {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}

.lead-offcanvas {
  box-shadow: -0.3125rem 0rem 0.625rem 0rem var(--global-input-w-bg);
}

.lead-offcanvas .offcanvas-header {
  background: var(--bg-color);
  box-shadow: 0rem 0.3125rem 0.3125rem 0rem var(--global-top-circle-shadow);
  z-index: 999;
}

.lead-offcanvas .offcanvas-header h5 {
  color: var(--text-two);
}

.lead-offcanvas .offcanvas-header button {
  color: var(--text-two);
  background: none;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .offcanvas-backdrop.show {
  opacity: 0;
} */

.lead-offcanvas .offcanvas-user-block {
  background: var(--bg-color);
  padding: 1.25rem;
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
  border-radius: 0.5rem;
  color: var(--text-two);
  margin-bottom: 1.25rem;
}

.lead-offcanvas .offcanvas-user-block:last-child {
  margin-bottom: 0rem;
}

.lead-offcanvas .offcanvas-user-top {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 0.625rem;
}

.lead-offcanvas .offcanvas-user-img {
  width: 5rem;
  height: 5rem;
  border-radius: 6.25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.625rem;
  flex: 0 0 auto;
}

.lead-offcanvas .offcanvas-user-top h5 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.25rem;
  text-transform: capitalize;
  margin-bottom: 0.3125rem;
}

.lead-offcanvas .offcanvas-user-top a {
  color: var(--text-two);
}

.lead-offcanvas .offcanvas-lead-label-details {
  margin-bottom: 0.4375rem;
}

.lead-offcanvas .offcanvas-lead-label-details:last-child {
  margin-bottom: 0rem;
}

.lead-offcanvas .offcanvas-lead-label-details h6 {
  font-size: 1.125rem;
  font-weight: 500;
}

.lead-offcanvas .offcanvas-lead-label-details p {
  font-size: 1rem;
  font-weight: 400;
  color: var(--global-input-border);
}

.lead-offcanvas .offcanvas-lead-label-details p i {
  margin-right: 0.3125rem;
}

/* ===================================== LEAD TRACKING  ========================================== */
/* ===================================== LEAD FORMS   ========================================== */

.Lead_form_catchers-wrap #table tr th:nth-of-type(3),
.Lead_form_catchers-wrap #table tr td:nth-of-type(3) {
  width: 53%;
  text-align: right;
}

.Lead_form_catchers-wrap #table tr td:nth-of-type(3) {
  padding-right: 5.625rem;
}

.Lead_form_catchers-wrap #table tr td a {
  font-size: 1.125rem;
  display: inline-block;
  margin-right: 0.4375rem;
}

.Lead_form_catchers-wrap table tr td a i {
  font-size: 1.125rem;
  display: inline-block;
  margin-right: 0.9375rem;
}

.checkbox-width {
  justify-content: space-between;
  flex-wrap: wrap;
}

.checkbox-width .form-check {
  margin-right: 0;
}

.checkbox-width .form-check input {
  width: 1rem;
  height: 1rem;
}

.addmore-input a {
  font-size: 1rem;
  color: var(--text-two);
}

/* ===================================== LEAD FORMS   ========================================== */

.lead_form_main_wrap_inner {
  background: var(--bg-color);
  border-radius: 1.25rem;
  padding: 1.25rem;
}

.steper_main {
  width: 74.9375rem;
  margin: auto;
  padding: 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.steper_main li {
  width: 24%;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.steper_main li::after {
  content: "";
  width: 100%;
  height: 0.0625rem;
  position: absolute;
  top: 1.25rem;
  left: 0;
  background: var(--white-white-orange);
  z-index: -1;
  transform: translate(0%, -50%);
  opacity: .5;
}

/* .stepwizardtextbreak .steper_main li::after{
  top: 22%;
} */
.steper_main li:first-child::after {
  width: 50%;
  left: 50%;
}

.steper_main li:last-child::after {
  width: 50%;
  left: auto;
  right: 50%;
}

.steper_main li a {
  display: inline-block;
  opacity: 1;
  padding: 0;
  cursor: auto;
  pointer-events: none;
  border: none;
  border-bottom: 0.125rem solid transparent;
}

.steper_main li a.step-active-btn {
  opacity: 1;
  border: none;
  background-color: transparent;
  border-bottom: 0.125rem solid var(--text-two);
  border-radius: 0;
}

.steper_main .steper_number {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 6.25rem;
  color: var(--white-white-orange);
  background: var(--bg-color);
  box-shadow: 0rem 0rem 1.25rem -0.3125rem var(--card-box-shadow);
  border: 0.125rem solid var(--white-white-orange);
  font-size: 1rem;
  margin: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.steper_main p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  padding-top: 0.3125rem;
}

.steper_main li a.active p {
  border-bottom: 0.0625rem solid var(--white-white-orange);
}

.category_slect {
  width: 20rem;
  position: relative;
}

.add_details_page {
  width: 32.2%;
  position: relative;
}

.category_slect i {
  position: absolute;
  right: 0.8125rem;
  top: 0.875rem;
  color: var(--text-two);
}

.category_slect select,
.add_details_page select,
.add_details_page input,
.add_details_page .dropdown.bootstrap-select .dropdown-toggle {
  background: transparent;
  padding: 0.375rem 0.5rem;
  height: auto;
  color: var(--text-two);
  appearance: none;
  -webkit-appearance: none;
  font-size: 1rem;
  position: relative;
  z-index: 2;
  border-radius: 0.375rem;
  border-color: var(--global-input-border);
}

.add_details_page .dropdown.bootstrap-select {
  background: transparent;
}

.bootstrap-select.show-tick .dropdown-menu .selected {
  background: var(--global-orange);
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 2.125rem;
  max-width: 40rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main_register_form_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.left_col_50,
.right_col_50 {
  width: 49.4%;
}

.main_register_form_flex .form-group {
  margin-bottom: 0.9375rem;
}

.main_register_form_flex .form-control {
  padding: 0.5rem 0.875rem;
  color: var(--text-two);
  font-size: 0.875rem;
  border-color: var(--global-input-border);
  background-color: transparent;
}

.main_register_form_flex .form-control::placeholder {
  color: var(--global-input-border);
  font-size: 1rem;
}

.category_slect select option,
.add_details_page select option {
  color: var(--text-grey);
}

.add_details_page input::placeholder {
  color: var(--global-input-border);
}

.add_details_page input:-ms-input-placeholder {
  color: var(--text-two);
}

.category_slect select:focus,
.add_details_page select:focus,
.add_details_page input:focus,
.main_register_form_flex .form-control:focus {
  border-color: var(--global-input-border);
  outline: 0;
  color: var(--text-two);
  background-color: transparent;
  box-shadow: 0 0 0.3125rem 0 var(--submenu-third);
}

.main_register_form_flex h4 {
  color: var(--text-two);
  font-weight: 700;
  font-size: 1.5rem;
  padding: 0 0 1.5rem 0;
}

.btn_finish {
  margin-top: 1.875rem;
}

.btn_finish .btn_submit {
  margin-right: 1.25rem;
}

.btn_reset {
  display: inline-block;
  font-size: 1rem;
  color: var(--orange-white-white);
  border: 0.0625rem solid var(--white-orange-orange);
  padding: 0.375rem 1.5rem;
  background-color: var(--white-orange-orange);
  border-radius: 6.25rem;
  margin: 0;
  font-weight: 600;
}

.btn_submit {
  display: inline-block;
  font-size: 1rem;
  color: var(--white-white-orange);
  border: 0.0625rem solid var(--white-white-orange);
  padding: 0.375rem 1.5rem;
  background-color: transparent;
  border-radius: 6.25rem;
  margin: 0;
  font-weight: 600;
}

.bg_clr_form_st {
  background: var(--bg-color);
  border-radius: 1rem;
  padding: 1.5rem;
}

.setup-content {
  margin-top: 1.25rem;
}

.add_details_page label {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 0.625rem;
}

.search_int {
  width: 20rem;
  margin-left: auto;
  position: relative;
}

.btn_search {
  width: 2.8125rem;
  height: 2.25rem;
  line-height: 2.375rem;
  background: transparent;
  color: var(--text-two);
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_search i {
  color: var(--text-two);
}

.search_int input {
  background: transparent;
  border-radius: 0.5rem !important;
  color: var(--text-two);
  border-color: var(--global-input-border);
  padding: 0.375rem 0.375rem 0.375rem 2.375rem;
  font-size: 1rem;
}

.search_int input:focus {
  color: var(--text-two);
  background-color: transparent;
  border-color: var(--global-input-border);
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}

.search_int input::placeholder {
  color: var(--global-input-border);
  opacity: 1;
  /* Firefox */
}

.search_int input:-ms-input-placeholder {
  color: var(--text-two);
}

.template_main img {
  border-radius: 0.5rem;
  height: 100%;
}

.main_flex_lead_form {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}

.main_flex_lead_form.search_template {
  display: grid;
  align-items: flex-start;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
  grid-template-columns: repeat(3, 1fr);
}

.setup-content input,
.enter_amountbx {
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.template_main {
  width: auto;
  flex-basis: 32.3333%;
}

.lead_form_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.9375rem;
  margin: 1.875rem auto 0rem auto;
}

.lead_form_bottom p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
}

.pagecount {
  font-weight: 700;
}

.inner-group-field,
.inner-group {
  position: relative;
}

.add_details_b {
  width: 100%;
}

.add_details_page .inner-group-field {
  display: flex;
  align-items: center;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.3125rem;
  padding-left: 0.625rem;
  min-height: 2.25rem;
  color: var(--text-two);
}

.add_details_page .inner-group-field input {
  border: none;
  box-shadow: none;
}

.add_details_b .r-modal-btn.button_border_red {
  border-color: var(--orange-white-orange);
  color: var(--orange-white-orange);
}

.r-left-col {
  width: 69.5%;
}

.r-right-col {
  width: 29.5%;
}

.r-right-col .dropdown.form-select,
.select-wrap .dropdown {
  width: 100% !important;
  margin-bottom: 0.625rem !important;
  background: transparent !important;
  border: 0rem !important;
  padding: 0rem !important;
}

.r-right-col .dropdown.form-select .form-control,
.select-wrap .dropdown .form-control,
.select-wrap.select-wrap-reverse .dropdown .form-control {
  border-color: var(--global-orange) !important;
  color: var(--text-grey) !important;
}

.select-wrap-reverse .dropdown .form-control {
  border-color: var(--global-input-border) !important;
  color: var(--text-grey) !important;
}

.r-right-col .dropdown-toggle,
.select-wrap .dropdown-toggle {
  width: 100% !important;
  min-height: 2.5rem !important;
  background: transparent !important;
  color: var(--text-two) !important;
}

.r-right-col .dropdown-toggle .form-control,
.select-wrap .dropdown-toggle .form-control {
  border-color: var(--global-orange) !important;
  color: var(--text-grey) !important;
}

.r-right-col .dropdown-toggle .form-control:focus,
.select-wrap .dropdown-toggle .form-control:focus {
  border-color: var(--global-orange) !important;
  box-shadow: 0 0 0.3125rem 0 var(--global-input-w-bg) !important;
  color: var(--text-one) !important;
}

.r-right-col .bootstrap-select.show-tick .dropdown-menu .selected,
.select-wrap .bootstrap-select.show-tick .dropdown-menu .selected {
  background: var(--global-orange) !important;
}

.form-group.has-error .r-hidden {
  display: block !important;
  color: var(--text-two);
  font-size: 0.875rem;
}

/*==================== LEAD MAGNET ======================*/
.check_main_magnet {
  width: 31.2%;
  text-align: center;
  position: relative;
  padding-left: 0;
}

.check_main_magnet.campaign_w_50 {
  width: 49.2%;
}

.check_main_magnet .form-check-label {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  cursor: pointer;
  z-index: 1;
  transform: translate(0, -50%);
}

.check_main_magnet i {
  width: 100%;
  display: block;
  font-size: 2.5rem;
  padding-bottom: 1.25rem;
}

.check_main_magnet input {
  width: 100%;
  padding: 5.875rem 0;
  border-radius: 1rem !important;
  background: var(--global-step-btn) !important;
  border-color: var(--card-list-border-color) !important;
  margin-left: 0 !important;
  cursor: pointer;
}

.check_main_magnet .form-check-input:checked {
  background: var(--navbar-toggler-btn-bg) !important;
  border-color: var(--card-list-border-color) !important;
}

.check_main_magnet input:checked[type="radio"] {
  background: var(--navbar-toggler-btn-bg);
}

.check_main_magnet input:focus {
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
  border-color: var(--card-list-border-color);
}

.main_flex_lead_form h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 700;
}

.Lead_form_catchers-wrap th:last-child,
.Lead_form_catchers-wrap tbody td:last-child {
  display: flex;
  align-items: center;
}

.Lead_form_catchers-wrap tbody td:last-child:has(.fa-circle-info) {
  display: table-cell;
}

.Lead_form_catchers-wrap #table tr td .dropdown-menu a {
  width: 100%;
  display: inline-block;
  text-decoration: none;
}

/* =================== INBOX PAGE ===================*/
.inbox_header_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}

.inbox_header_main h4 {
  color: var(--text-one);
}

.inbox_header_main .search_int {
  margin-left: 0;
}

.inbox_header_main input {
  background: var(--global-white);
  color: var(--text-grey);
}

.inbox_header_main input::placeholder {
  color: var(--global-input-border);
}

.inbox_header_main .btn_search {
  z-index: 2;
}

.inbox_header_main .btn_search i {
  color: var(--text-grey);
}

.inbox_header_main input:focus {
  background: var(--global-white);
  color: var(--text-grey);
  z-index: 1 !important;
}

.btn_new_message button {
  margin-right: 0.625rem;
}

.btn_new_message button:first-child {
  margin-left: 0rem;
}

.btn_new_message a i {
  padding-right: 0.4375rem;
}

.btn_new_message .orange-btn i {
  color: var(--global-white);
}

.r-people-rht.in_fl_op .form-group,
.r-people-rht.in_fl_op .form-select,
.r-people-rht.in_fl_op .orange-btn {
  margin-right: 0.625rem;
}

.inbox_user_main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.6875rem;
  margin-top: 0.9375rem;
  background: var(--bg-color);
  border-radius: 1rem;
  padding: 0.625rem 1rem;
  position: relative;
  gap: .5rem;
}

.inbox_user_main.reverse {
  background: var(--global-white);
  border: 0.0625rem solid var(--nav-user-icon-bg);
}

.user_profile_inbox,
.user_profile_inbox img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  object-fit: cover;
  flex-shrink: 0;
}

.user_profile_content {
  width: 100%;
  position: relative;
}

.user_profile_content h5 {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.3125rem;
  word-break: break-all;
  padding-right: 2rem;
}

.user_profile_content p {
  color: var(--text-two);
  font-size: 0.875rem;
  font-weight: 500;
}

.date_post_user {
  color: var(--global-input-border);
  font-size: 0.875rem;
  font-weight: 500;
  margin-left: auto;
  max-width: 11.25rem;
  position: absolute;
  top: 0;
  right: 0;
}

.date_post_user a {
  color: var(--global-input-border);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox_user_main.reverse .date_post_user {
  color: var(--text-grey);
}

.r-people-rht.in_fl_op {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 auto;
}

.r-people-rht.in_fl_op .form-select:focus {
  border-color: var(--global-border-color-w-bg);
  outline: 0;
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

/*================ INBOX MODAL =============*/
.new-msg-modal.wide .modal-dialog {
  max-width: 46.875rem;
}

#newmessagemodal .modal-header .modal-expand-btn {
  color: var(--text-grey);
  font-size: 1.125rem;
  background: transparent;
  border: 0rem;
}

#newmessagemodalLabel {
  color: var(--text-grey);
  font-size: 1.5rem !important;
  font-weight: 700;
}

#newmessagemodal {
  border-radius: 1rem 1rem;
}

#newmessagemodal .form-check,
#newmessagemodal .form-group {
  margin-bottom: 0.9375rem;
}

#newmessagemodal label,
.trainingfor_re .form-group label {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 0.3125rem;
}

#newmessagemodal input {
  padding: 0.5rem;
  color: var(--text-grey);
  border-color: var(--global-border-color-w-bg);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.flex-check {
  width: 100%;
  display: flex;
}

#newmessagemodal .form-check-label {
  padding-left: 0.3125rem;
  font-weight: 400;
}

#newmessagemodal .form-control:focus {
  color: var(--text-grey);
  background-color: transparent;
  border-color: var(--global-border-color-w-bg);
  outline: 0;
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.btn-close-form.trans {
  color: var(--global-btn-bg);
  background-color: transparent;
}

#newmessagemodal .modal-footer,
.modal-footer-space-between {
  justify-content: space-between;
}

#inbox_setting .modal-dialog {
  max-width: 65%;
}

#addModal .modal-header,
#addModal .row,
.function_inbo {
  width: 100%;
}

#addModal .modal-header {
  flex-wrap: wrap;
}

#addModal input {
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
}

#addModal .form-control:focus {
  color: var(--text-grey);
  background-color: transparent;
  border-color: var(--global-border-color-w-bg);
  outline: 0;
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.add_attachment ul {
  list-style: none;
  padding-left: 0;
}

#addModal .dropdown-menu {
  padding: 0;
}

#addModal .dropdown-menu li a {
  color: var(--text-grey);
  padding: 0.625rem 1.25rem;
  display: inline-block;
}

/* =============== MANAGE APPOINMENT ============*/
.selectdate input {
  padding: 0.5rem;
}

.right_flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.right_flex .btn_new_message {
  margin-left: 0.9375rem;
}

.right_flex .btn_new_message a i {
  font-size: 1.25rem;
  top: 0.125rem;
  position: relative;
}

.manage_appointment,
.user_appointment_wrap {
  margin-top: 1.25rem;
}

.manage_appointment.user_appointment_wrap .table-add-btn {
  margin-left: 0.625rem;
}

.manage_appointment .actionbtn,
.actionbtn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.manage_appointment .actionbtn a {
  margin: 0 0.4375rem;
}

.manage_appointment .actionbtn .three-dot-list-wrap a {
  margin: 0;
}

.manage_appointment table tr th:last-child,
.manage_appointment table tr td:last-child {
  text-align: center;
  /* justify-content: flex-start; */
}

.calendar-modal .modal-dialog {
  max-width: 53.125rem;
}

.calendar-modal .btn-close {
  font-size: 0.875rem;
  opacity: 1;
}

.calendar-modal label {
  color: var(--text-grey);
  font-weight: 500;
  font-size: 1rem;
  padding-bottom: 0.625rem;
}

.calendar-modal .r-add-people-lable-input-wrap .form-control {
  height: 3.125rem;
  background: var(--global-white);
  border: 0.0625rem solid var(--global-input-w-bg);
  padding: 0.75rem;
  color: var(--text-grey);
  border-radius: 0.3125rem !important;
}

.calendar-modal .r-add-people-lable-input-wrap .form-control:focus {
  color: var(--text-grey);
  background-color: var(--global-white);
  border-color: var(--global-input-w-bg);
  outline: 0;
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.icon_form {
  position: absolute;
  top: 0.8125rem;
  left: 0.4375rem;
  z-index: 9 !important;
}

.input_p_l .form-control {
  padding-left: 1.9375rem !important;
}

.calendar-modal .r-add-people-lable-input-wrap .real-input {
  border-color: var(--nav-link);
  background: var(--card-highlight--bg-color);
}

.row .appointment-table-wrap {
  width: 100%;
  transition: 0.3s all linear;
}

.row .appointment-users-wrap {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  transform: translateX(100%);
  transition: 0.3s all linear;
  padding: 0;
  z-index: 999;
  width: 20rem;
  box-shadow: 0rem 0rem 0.625rem 0rem var(--global-top-circle-shadow);
}

.row.active .appointment-table-wrap {
  width: calc(100% - 17.5rem);
}

.row.active .appointment-users-wrap {
  transform: none;
}

.appointment-users-wrap .lead-offcanvas {
  width: auto !important;
}

.appointment-users-wrap .lead-offcanvas .offcanvas-user-top h5 {
  margin-bottom: 0;
  font-size: 1.25rem;
}

.appointment-users-wrap .lead-offcanvas .offcanvas-user-img {
  width: 3.4375rem;
  height: 3.4375rem;
  margin-bottom: 0.625rem;
  box-shadow: 0.1875rem 0.1875rem 0.3125rem 0rem var(--global-top-circle-shadow);
}

/* =============== USER APPOINTMENT ============*/
.appointment_customers {
  padding: 3.75rem 0 1.25rem;
  position: relative;
  background: var(--bg-color);
}

.appoint-side-close-btn {
  position: absolute;
  top: 0.3125rem;
  right: 0.5rem;
}

.appoint-side-close-btn button {
  font-size: 1.75rem;
  background: transparent;
  border: 0;
  color: var(--nav-user-icon-bg);
}

.appointment_customers .r-add-people-lable-input-wrap {
  padding: 0 1.25rem;
}

.appointment_customers .people-img-area {
  width: 5.75rem;
  margin-right: 0.9375rem;
}

.appointment_customers .people-img {
  width: 5.75rem;
  height: 5.75rem;
}

.appointment_customers .people-details h2 {
  font-size: 2rem;
}

.customers_aapoint {
  padding: 0 1.25rem;
  overflow-y: auto;
  margin-bottom: 1.25rem;
}

.customers_aapoint h4 {
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.9375rem 1.25rem;
}

.customers_aapoint ul {
  padding: 0;
}

.customers_aapoint ul li {
  list-style: none;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.customers_aapoint ul li:last-child {
  border: none;
}

.customers_aapoint ul li a {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0.75rem 1.25rem;
  gap: .5rem;
}


.customers_pic {
  margin-right: 0.625rem;
  flex: 0 0 auto;
}

.customers_pic,
.customers_pic img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}

.customer_title_email h5 {
  color: var(--text-two);
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: capitalize;
  word-break: break-all;
}

.customer_title_email p {
  color: var(--global-input-border);
  font-size: 0.875rem;
  font-weight: 500;
  max-width: 24rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.customer_phn_email {
  margin-left: auto;
  text-align: end;
  flex: 0 0 auto;
  max-width: 25rem;
}

.edit_customer_data_email {
  display: flex;
  flex-direction: column;
  justify-content: end;
}

/*============== MANAGE APPOINTMENT ================*/
.category_appointment_wrap .category_color {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.3125rem;
  background-color: var(--global-white);
  border: 0.0625rem solid var(--global-input-border);
}

.category_appointment_wrap table th:last-child,
.category_appointment_wrap table td:last-child {
  text-align: center;
  justify-content: center;
}

.category_appointment_wrap {
  margin-top: 1.25rem;
}

.new-msg-modal .rte-toolbar-desktop {
  order: 5;
}

/*================= EDIT APPOINTMENT =================*/
.appointment_files,
.Edit-appointment {
  background: rgb(240, 29, 22);
  background: var(--bg-color);
  border-radius: 0.9375rem;
  padding: 1.25rem;
}

.appointment_files h2 {
  color: var(--text-two);
  font-size: 1.3125rem;
  font-weight: 600;
  padding-bottom: 0.3125rem;
}

.appointment_files table tr th,
.appointment_files table tr td {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  padding-top: 0.625rem;
  border: none;
}

.btn_icons {
  padding: 0.5rem;
  color: var(--global-white);
}

.btn_icons i {
  margin: 0 0.3125rem;
}

.Edit-appointment .r-add-people-lable-input-wrap label {
  color: var(--text-two);
  font-weight: 500;
  font-size: 1rem;
  padding-bottom: 0.625rem;
}

.Edit-appointment .r-add-people-lable-input-wrap .form-control {
  background: transparent;
  border: 0.0625rem solid var(--global-input-border);
  padding: 0.5rem 1rem;
  color: var(--text-two);
  border-radius: 0.3125rem !important;
  height: auto;
}

.Edit-appointment .r-add-people-lable-input-wrap .form-select {
  border: 0.0625rem solid var(--global-input-border);
  padding: 0.5rem 1rem;
  color: var(--text-two);
  border-radius: 0.3125rem !important;
  height: auto;
}

.form-select:disabled {
  color: var(--global-input-border);
}

.Edit-appointment .r-add-people-lable-input-wrap .form-control::placeholder {
  color: var(--global-input-border);
}

.Edit-appointment .r-add-people-lable-input-wrap .form-control:focus {
  color: var(--text-two);
  background-color: transparent;
  border-color: var(--global-input-border);
  outline: 0;
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.Edit-appointment .r-add-people-lable-input-wrap textarea {
  height: 9.375rem !important;
}

.Edit-appointment .icon_form {
  top: 0.5625rem;
}

.Edit-appointment .icon_form i {
  color: var(--text-two);
}

.btnenterclick,
.btnresendemail,
.btnclosew {
  border: 0.0625rem solid var(--white-white-orange);
  border-radius: 0.5rem;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--orange-orange-white);
  background: var(--white-white-orange);
  display: inline-block;
  margin-right: 0.625rem;
}

.btnclosew {
  background: transparent;
  color: var(--white-white-orange);
}

.btnclosew:hover {
  color: var(--white-white-orange);
}

a.btnenterclick:hover {
  color: var(--orange-orange-white);
}

.Edit-appointment .r-add-people-rht-content a.btn {
  margin-bottom: 0rem;
  padding: 0rem;
}

.edit-appointment-top-wrap {
  margin-bottom: 1.875rem;
}

.edit-appointment-top-wrap h4 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-one);
}

.edit-appointment-top-wrap a {
  display: inline-block;
}

/*============== MANAGE APPOINTMENT ================*/
/*============== EDIT CUSTOMER ================*/
.edit-customer-left-top .r-navbar-nav {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2.5rem;
}

.edit-customer-left-top .r-navbar-nav li {
  flex: 0 0 auto;
}

.edit-customer-left-top .r-navbar-nav li a {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 1.5rem;
  display: inline-flex;
  margin: 0 0.625rem 0.625rem 0;
  background: var(--top-header-bg);
  box-shadow: 0.1875rem 0.1875rem 0.3125rem 0rem var(--global-top-circle-shadow);
  border-radius: 6.25rem;
  color: var(--orange-white-orange);
  align-items: center;
  justify-content: center;
  transition: 0.3s all linear;
}

.edit-customer-left-top .r-navbar-nav li a:hover {
  scale: 0.98;
  background: var(--top-header-bg);
  color: var(--orange-white-orange);
  box-shadow: none;
}

.edit-customer-left-top .r-navbar-nav {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: start;
}

.edit-customer-left-accordian-wrap .nav-pills .nav-item {
  margin: 0 0.625rem 0.625rem 0;
}

.edit-customer-left-accordian-wrap .nav-pills li .nav-link {
  background: var(--top-header-bg);
  padding: 0.4375rem 1.5625rem;
  box-shadow: 0rem 0.125rem 0.5rem rgba(17, 11, 51, 0.1);
  border-radius: 2.5rem;
  color: var(--orange-white-orange);
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.0125rem;
}

.edit-customer-left-accordian-wrap .nav-pills li .nav-link.active,
.edit-customer-left-accordian-wrap .nav-pills li .nav-link:hover {
  background: var(--global-orange);
  color: var(--global-white);
}

.r-edit-right-top-user-details p {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--text-two);
}

.r-edit-right-top-user-details label {
  padding-bottom: 0;
}

.r-edit-right-top-user-details span {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--white-white-black);
}

.edit-customer-rht-top-wrap a.btn {
  margin-bottom: 0;
}

.r-edit-right-top-user-details p.error_el {
  font-size: 0.875rem;
}

.edit-customer-charts {
  height: 21.875rem;
}

.card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}

.chart-heading h2 {
  color: var(--text-two);
  font-weight: 700;
  font-size: 1.75rem;
}

.chart-dropdown {
  width: 12.5rem;
}

.chart-dropdown select {
  padding: 0.4375rem 0.9375rem;
}

.people-table-main label {
  margin-bottom: 0;
  padding-bottom: 0;
}

.edit-customer-docs-box-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

.edit-customer-docs-box-wrap:last-child {
  margin-bottom: 0rem;
}

.edit-customer-docs-box {
  width: 48%;
}

.screen-shot-component {
  background: var(--bg-color);
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
  border-radius: 0.5rem;
  padding: 0.9375rem;
  color: var(--text-two);
}

.screen-shot-bottom-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.9375rem;
}

.screen-shot-main-content-wrap embed,
.screen-shot-main-content-wrap img {
  width: 100%;
  max-height: 13.125rem;
  object-fit: contain;
  filter: drop-shadow(0.1875rem 0.1875rem 0.3125rem var(--global-input-w-bg));
}

.screen-shot-bottom-wrap h4,
.screen-shot-bottom-wrap h5 {
  font-size: 1.25rem;
  font-weight: 500;
  width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.screen-shot-bottom-wrap a,
.screen-shot-bottom-wrap button {
  background: transparent;
  color: var(--text-two);
  border: 0rem;
  font-size: 1.5rem;
}

.date_post_user button {
  background: transparent;
  border: 0rem;
  color: var(--text-two);
}

.conversation-bottom-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.625rem;
}

.conversation-bottom-wrap h6 {
  color: var(--text-two);
}

.conversation-bottom-wrap h6 span {
  color: var(--global-input-border);
}

.edit-customer-main-wrapper .r-people-rht.table-filter-wrap {
  text-align: right;
  margin-bottom: 1.25rem;
}

.edit-customer-main-wrapper .r-people-rht.table-filter-wrap .orange-btn.sort-btn {
  margin: 0;
}

.edit-customer-main-wrapper .all-people-sort-table {
  right: -8.125rem;
}

.edit-customer-main-wrapper .people-sort-bottom-wrap form {
  width: 100%;
}

.edit-customer-main-wrapper .people-sort-bottom-wrap form .d-flex {
  flex-direction: column;
}

.edit-customer-main-wrapper.r-add-leads-main-wrapper .people-sort-bottom-wrap input,
.edit-customer-main-wrapper.r-add-leads-main-wrapper .people-sort-bottom-wrap textarea,
.edit-customer-main-wrapper.r-add-leads-main-wrapper .people-sort-bottom-wrap select {
  border: 0.0625rem solid var(--global-input-w-bg);
  color: var(--text-grey);
  margin-bottom: 0.9375rem;
}

/* .edit-customer-main-wrapper .r-add-people-lable-input-wrap,
.align-items-center {
  margin-bottom: 0rem;
} */
.edit-customer-lead-source-wrap table tbody tr td a {
  text-decoration: underline;
  text-transform: initial;
}

.emailverifications {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.edit_verify_email_score {
  background: var(--global_status_bg_color);
  padding: .25rem .5rem;
  border-radius: 2rem;
  font-size: 0.875rem;
  margin-left: auto;
  box-shadow: 0 0.25rem 0.1875rem -0.1875rem var(--global-top-circle-shadow);
  color: var(--text-one);
  cursor: pointer;
}

.edit_verify_email_score i {
  margin-right: .25rem;
}

.edit_verify_email_score.score_healthy i {
  color: #A1EBAF;
}

.edit_verify_email_score.score_risty i {
  color: #FDC021;
}

.edit_verify_email_score.score_verify i {
  color: #F38D54;
}

.edit_verify_email_score.score_exist i {
  color: #FB5758;
}

.emailverifications span {
  padding-left: 0.5rem;
}

.modal_configuration span {
  padding: 0 0 0.625rem 0.5rem;
}

.not-verify i {
  color: #ffa500;
}

.verified-email-lows {
  color: #fcee21;
}

.verified-email-success {
  color: green;
}

.wizard .nav-tabs {
  position: relative;
  margin-bottom: 0;
  border-bottom-color: transparent;
}

.wizard h4.text-center {
  padding-bottom: 1.875rem;
}

.wizard p.mt-2 {
  font-size: 0.875rem;
}

.wizard>div.wizard-inner {
  position: relative;
  margin-bottom: 3.125rem;
  text-align: center;
  margin-top: 1.25rem;
}

.connecting-line {
  height: 0.125rem;
  background: var(--global-border-color-w-bg);
  position: absolute;
  width: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0.9375rem;
  z-index: 1;
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
  color: var(--bread-crumbs-color);
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

span.round-tab {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  border-radius: 50%;
  background: var(--bg-color);
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 1rem;
  color: var(--text-two);
  font-weight: 500;
  border: 0rem solid transparent;
}

.wizard .nav-tabs>li {
  width: 50%;
}

.wizard li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0rem;
  border: 0.3125rem solid transparent;
  border-bottom-color: var(--global-orange);
  transition: 0.1s ease-in-out;
}

.wizard .nav-tabs>li a {
  width: 1.875rem;
  height: 1.875rem;
  margin: 1.25rem auto;
  border-radius: 100%;
  padding: 0;
  background-color: transparent;
  position: relative;
  top: 0;
}

.wizard .nav-tabs>li a i {
  position: absolute;
  top: -0.9375rem;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--text-grey);
}

.wizard .nav-tabs>li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 1.25rem;
}

.wizard h3 {
  margin-top: 0;
}

.prev-step,
.next-step {
  font-size: 0.8125rem;
  padding: 0.5rem 1.5rem;
  border: none;
  border-radius: 0.25rem;
  margin-top: 1.875rem;
}

.labl {
  display: block;
  align-items: center;
  border-radius: 0.375rem;
  transition: 0.3s;
  color: var(--text-grey);
  padding: 4.375rem 0.625rem;
  position: relative;
  cursor: pointer;
}

.labl>input {
  /* HIDE RADIO */
  visibility: hidden;
  /* Makes input not-clickable */
  position: absolute;
  /* Remove input from document flow */
}

.labl>input+div {
  /* DIV STYLES */
  align-items: center;
  border-radius: 0.625rem;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
  background: var(--bg-color);
  padding: 0.625rem;
  width: 100%;
  margin: 0;
  text-align: center;
  color: var(--text-two);
  border: 0.125rem solid var(--text-two);
}

.labl>input:checked+div {
  /* (RADIO CHECKED) DIV STYLES */
  transform: translateY(0);
  background: var(--card-highlight--bg-color);
  color: var(--text-grey);
  border-color: var(--global-orange);
}

.list-inline li {
  display: inline-block;
}

.pull-right {
  float: right;
}

.wizard .form-group {
  margin-bottom: 0.625rem;
}

#add_agreement_form .form-check-input,
#add_agreement_form .form-check-input:focus {
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
  border-color: var(--global-orange);
}

.r-add-leads-main-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--global-input-border);
}

.r-add-leads-main-wrapper.modal .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--input-placeholder);
}

#customer_task .task_modal {
  flex: 0 0 auto;
}

#CreateTask .select2 {
  width: 100% !important;
}

#CreateTask .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--global-orange);
  color: var(--global-white);
  border-radius: 1.875rem;
}

#CreateTask .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--global-white);
}

/* CUTOMER ENHANCEMENT */
.flex-his,
.main-comunication-his,
.pagination-customers {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.r-add-people-lable-input-wrap.date-cus-his {
  width: 40%;
  margin-bottom: 0;
}

.search-cutomers {
  width: 60%;
  margin-bottom: 0;
}

.comunication-history-wrapper,
.edit-customers-conversation-wrapper {
  padding: 1rem;
  margin-bottom: 1rem;
}

.main-comunication-his {
  background-color: var(--white_white_black-03);
  padding: 1rem;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}

.content-com-his h4 {
  font-size: 1.125rem;
  color: var(--text-two);
  font-weight: 500;
}

.content-com-his h5 {
  font-size: 0.975rem;
  color: var(--text-two);
  font-weight: 500;
}

.content-com-his p,
.comunication-btn p,
.content-com-his-tile p {
  font-size: 0.875rem;
  color: var(--text-two);
}

.comunication-btn,
.content-com-his {
  width: 49%;
}

.comunication-btn {
  text-align: right;
}

.btn-export.icon {
  padding-left: 0.8r;
}

.btn-export.icon i {
  padding-right: 0.5rem;
}

.btns-an {
  margin-bottom: 0.5rem;
}

.pagination-customers {
  justify-content: space-between;
}

/*============== EDIT CUSTOMER ================*/
/*============== PEOPLE MODAL  ================*/

.peoplemodal .r-add-people-lable-input-wrap .form-control,
.peoplemodal .r-add-people-lable-input-wrap .form-select {
  background-color: var(--global-white);
  border: 0.0625rem solid var(--global-border-color-w-bg);
  padding: 0.375rem .75rem;
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.25rem !important;
}

.peoplemodal .r-add-people-lable-input-wrap .form-select:focus,
.peoplemodal .r-add-people-lable-input-wrap .form-control:focus {
  border-color: var(--global-border-color-w-bg);
  outline: 0;
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.ship_modal_order .peoplemodal .r-add-people-lable-input-wrap select.form-select {
  filter: brightness(1);
  -webkit-filter: brightness(1);
}

.peoplemodal label {
  color: var(--text-grey);
  font-weight: 600;
  font-size: 1rem;
  padding-bottom: 0.625rem;
}

.peoplemodal .modal-dialog {
  /* max-width: 37.875rem; */
  border-radius: 1rem;
}

.peoplemodal .modal-body {
  padding: 1rem;
}

.peoplemodal .checkbox label {
  padding: 0 0 0 0.4375rem;
  position: relative;
  top: -0.1875rem;
}

.peoplemodal .checkbox input {
  width: 1rem;
  height: 1rem;
  border-radius: 0.1875rem;
}

.peoplemodal .r-add-people-lable-input-wrap .real-input {
  border-color: var(--global-upload-border-color-w-bg);
  background: var(--global-upload-background-w-bg);
}

.peoplemodal label.real-input--label {
  color: var(--global-orange);
}

/*========== ADD AUTOMATION ===================*/
.add-automation_main_header,
.add-automation_main_wrap {
  background: var(--bg-color);
  border-radius: 1rem;
  padding: 1.5rem;
  color: var(--text-two);
}

.add-automation_main_header .form-select,
.add-automation_main_header .form-control,
.add-automation_main_wrap .form-control {
  background-color: transparent;
  border: 0.0625rem solid var(--global-input-border);
  padding: 0.5rem 1rem;
  color: var(--text-two);
  border-radius: 0.3125rem !important;
}

.add-automation_main_header label,
.add-automation_main_wrap label {
  color: var(--text-two);
  font-weight: 500;
  font-size: 1rem;
  padding-bottom: 0.625rem;
  line-height: 1.25rem;
}

.add-automation_main_header .form-check label {
  font-weight: 400;
  padding-bottom: 0;
}

.add-automation_main_header .form-check-input {
  padding: 0;
  background-color: transparent;
  border-color: var(--global-input-border);
  border-radius: 100% !important;
}

.add-automation_main_header .form-check-input:checked {
  border-color: var(--global-input-border) !important;
  background-size: 1.25rem;
  background-position: -0.1875rem -0.1875rem;
}

.add-automation_main_header .form-check-input:focus {
  border-color: var(--global-input-border);
}

.add-automation_main_header .form-control:focus,
.add-automation_main_header .form-select:focus,
.add-automation_main_wrap .form-control:focus {
  color: var(--text-two);
  background-color: transparent;
  border-color: var(--global-input-border);
  outline: 0;
}

.add-automation_main_header .form-select option {
  color: var(--text-grey);
}

.add-automation_main_header .form-control::placeholder,
.add-automation_main_wrap .form-control::placeholder {
  color: var(--global-input-border);
  opacity: 1;
}

.add-automation_main_header .form-control:-ms-input-placeholder,
.add-automation_main_wrap .form-control:-ms-input-placeholder {
  color: var(--global-input-border);
}

.add-automation_main_header .form-control::-ms-input-placeholder,
.add-automation_main_wrap .form-control::-ms-input-placeholder {
  color: var(--global-input-border);
}

.add-automation_main_wrap .form-check-input {
  background: transparent;
  border-color: var(--text-two);
}

.add-automation_main_wraper .row {
  align-items: stretch;
}

.add-automation_main_wraper {
  margin-top: 1.25rem;
}

.add-automation_main_wrap {
  height: 100%;
}

.title_main_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}

.title_main_btn h4 {
  color: var(--text-two);
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 500;
}

/* .btn_right_auto .btn_add_auto {
  margin-left: 1rem;
} */

.btn_add_auto:last-child {
  margin-right: 0rem;
}

.picture img {
  border-radius: 1.5rem;
}

.add-automation_main_header select {
  position: relative;
  background: url(../images/arrow.png) no-repeat 98% center / 0.75rem;
}

.add-automation_main_wrap .form-check-input:checked,
.order_new_e_card_wrap .form-check-input:checked,
.sms_template_add_main_wrap .form-check-input:checked {
  border-color: var(--card-list-border-color) !important;
  background: var(--global-white) !important;
  position: relative;
}

.add-automation_main_wrap .form-check-input:checked::after,
.order_new_e_card_wrap .form-check-input:checked::after,
.sms_template_add_main_wrap .form-check-input:checked::after,
.bs_clr_check_w .form-check-input:checked::after,
.form-check-input.reverse:checked::after {
  font: var(--fa-font-solid);
  content: "\f00c";
  position: absolute;
  top: 0.125rem;
  bottom: 0;
  left: 0rem;
  right: 0;
  margin: auto;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 0.625rem;
  color: var(--global-orange);
}

.bs_clr_check_w .form-check-input:checked::after {
  color: var(--orange-orange-white);
}

.modal-content .add-automation_main_wrap .form-check-input:checked::after,
.modal-content .order_new_e_card_wrap .form-check-input:checked::after,
.modal-content .sms_template_add_main_wrap .form-check-input:checked::after,
.modal-content .bs_clr_check_w .form-check-input:checked::after,
.modal-content .form-check-input.reverse:checked::after {
  color: var(--global-white);
}

.modal-content .bs_clr_check_w .form-check-input:checked::after {
  color: var(--global-white);
}

.customers_notify {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 0.0625rem solid var(--global-input-border);
  padding: 0.75rem 0;
}

.customers_notify:last-child {
  border: none;
}

.notify_img {
  margin-right: 0.625rem;
}

.notify_img,
.notify_img img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  object-fit: cover;
}

.customers_notify h5 {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.customer_pic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 auto;
}

.customer-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-grow: 1;
}

.customers_notify a {
  color: var(--global-input-border);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  display: inline-block;
}

.contentarea_automations .r-add-people-rht-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.add-automation-top-input-wrap {
  margin-bottom: 1.5rem;
}

.automation_template_header {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.automation_template_body {
  padding: 1.5rem;
}

.automation_template_body textarea {
  width: 100%;
  height: 20rem;
  background: var(--global-white);
}

.automation_template_footer {
  padding: 1rem 1.5rem;
  border-top: 0.0625rem solid var(--global-input-border);
}

.automation_template_footer label {
  padding-bottom: 0;
}

.automation_disable .automation_template_header,
.automation_disable .automation_template_body {
  pointer-events: none;
  opacity: 0.4;
}

.automation_notify_triger_wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 3rem;
}

/* ENHANCEMENT AUTOMATION */
.add_automation_wrap {
  margin-bottom: 1rem;
  height: auto;
  padding: 1rem;
}

.add_automation_wrap .form-group {
  margin-bottom: 1rem;
}

.tbl_autom_view_log .dataTables_length>label {
  display: none;
}

.tbl_autom_view_log .dataTables_length .ddr-pending-filters {
  display: flex;
  gap: 1rem;
}

/* Start eod report Analytics */

.summary-inner-thead-width table tbody tr td::nth-child(1) {
  width: 30%;
}

.summary-inner-thead-width table tbody tr td:nth-child(2) {
  width: 50%;
}

.summary-inner-thead-width table tbody tr td:nth-child(3) {
  width: 20%;
}

.summary-analytic-eql-height {
  height: calc(100% - 1rem) !important;
}

.analytics-list-wrap ul {
  list-style-type: none;
}

.analytics-list-wrap ul li {
  margin-bottom: 8px;
}

.analytics-list-wrap ul li:last-of-type {
  margin-bottom: 0;
}

.analytics-list-wrap ul li a {
  background-color: #F6F8FA;
  padding: 9px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  position: relative;
  color: #333;
  gap: 12px;
  border: #F6F8FA solid 1px;
}

.analytics-list-wrap ul li a:hover {
  border: var(--global-orange) solid 1px;
}

.analytics-list-wrap ul li a::after {
  content: "";
  background: url(../images/arrow-up-ornage.png) no-repeat;
  width: 15px;
  height: 11px;
  background-size: 15px;
  transform: rotate(90deg);
  position: absolute;
  right: 8px;
}

.analytics-list-wrap ul li span {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.analytics-list-wrap ul li a span i {
  font-size: 16px;
  color: var(--global-orange);
}

.analytics-list-wrap ul li a .analytic-icon-wrap {
  background: #F04F2926;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* End eod report Analytics */

/* Receieve Inventory */
.i-receive-inventory .people-table-main.people-all-table-wrap {
  background-color: unset;
}

.man-add-stock-info {
  gap: 1rem;
}

.inv-barcode-img {
  background: url(../images/icons/icon-inv-name-bardcode.png) top 7px right 5px no-repeat;
  padding-right: 2rem !important;
}

.btn-campaign-gear {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--orange-orange-white);
  text-decoration: none;
  padding: 0 1.11rem;
  border-radius: 0.125rem;
}

.table_campaign_performance_metrics {
  border: #e1e1e1 solid 1px;
}

.table_campaign_performance_metrics table thead th {
  background-color: #F6F8FA;
  padding: 10px;
}

.table_campaign_performance_metrics table thead th:first-child,
.table_campaign_performance_metrics table tbody td:first-child {
  padding-left: 1.5rem !important;
}

.table_campaign_performance_metrics table tbody td {
  padding: 0.5rem 0.625rem;
  border-bottom: #e1e1e1 solid 1px;
  color: #333;
}

.table_campaign_performance_metrics table tbody tr:last-of-type td {
  border-bottom: none;
}

.table_campaign_performance_metrics i {
  color: var(--global-orange);
}

.table_campaign_performance_metrics input[type="number"]::-webkit-inner-spin-button,
.table_campaign_performance_metrics input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  display: block;
  opacity: 1;
}

.table_campaign_performance_metrics input {
  width: 95px;
}

/* Receieve Inventory */

/* Breadcrumb Tolltip */

.breadcrumb-tooltip-container {
  position: relative;
  display: inline-block;
}

.breadcrumb-tooltip-container .tooltip-text {
  display: none;
  width: auto;
  /* max-width: 200px; */
  background-color: #333;
  color: #fff;
  text-align: left;
  padding-top: 1px;
  border-radius: 5px;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.4;
  background: #fff;
  border: rgba(0, 0, 0, .2) solid 1px;
}

.breadcrumb-tooltip-container .tooltip-text .bc-traingle {
  width: 0.625rem;
  height: 0.625rem;
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-bottom: 0.625rem solid #fff;
  position: absolute;
  top: -0.625rem;
  right: 5px;
}

.breadcrumb-tooltip-container .tooltip-text {
  font-size: 0.8125rem;
}

.theme-orange .breadcrumb-tooltip-container .tooltip-text {
  background: var(--global-orange);
  border: #fff solid 1px;
}

.theme-orange .breadcrumb-tooltip-container .tooltip-text a {
  color: #fff !important;
}

.theme-orange .breadcrumb-tooltip-container .tooltip-text .bc-traingle {
  border-bottom: 10px solid var(--global-orange);
}

.theme-light .breadcrumb-tooltip-container .tooltip-text {
  background: #333;
  border: #fff solid 1px;
}

.theme-light .breadcrumb-tooltip-container .tooltip-text a {
  color: #fff !important;
}

.theme-light .breadcrumb-tooltip-container .tooltip-text .bc-traingle {
  border-bottom: 10px solid #333;
}

.breadcrumb-tooltip-container:hover .tooltip-text {
  display: block;
}

.breadcrumb-tooltip-container:hover .tooltip-text a {
  color: #333;
  padding: 2px 10px;
  border-bottom: #f1f1f1 solid 1px;
  display: block;
  /* background-color: #fff; */
}

.breadcrumb-tooltip-container:hover .tooltip-text a:first-of-type {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.breadcrumb-tooltip-container:hover .tooltip-text a:last-of-type {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.breadcrumb-tooltip-container:hover .tooltip-text a:last-of-type {
  border-bottom: none;
}

.breadcrumb-tooltip-container:hover .tooltip-text a:hover {
  color: #fff;
  background-color: #333;
}

.theme-light .breadcrumb-tooltip-container:hover .tooltip-text a:hover {
  color: #333 !important;
  background-color: #fff;
}

.breadcrumb-tooltip-container .db-title-sm {
  color: var(--text-one);
}


.g-hello-user {
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.g-hello-user h2 {
  padding-top: 16px
}

.g-hello-user .g-bread-crumbs .db-title-sm {
  padding-bottom: 16px;
}

/* Breadcrumb Tolltip */

.esign_pills .nav-tabs {
  display: inline-flex;
  box-shadow: 0px 4px 15px 0px rgba(17, 11, 51, 0.1);
  border-radius: 20px;
  padding: 0.25rem;
}

.esign_pills .nav-tabs li button {
  border: 0;
  border-radius: 20px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 20px;
  text-align: center;
  color: #333;
}

.esignTabContent .tab-pane .new-upload-wrapper .real-input {
  border: var(--global-orange) dashed 1px;
  background: rgba(240, 79, 41, 0.1) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.esignTabContent .tab-pane .new-upload-wrapper .real-input---label {
  color: #333;
  padding-top: 0 !important;
}

.esignTabContent .tab-pane .new-upload-wrapper .real-input---label span {
  display: block;
  margin-bottom: 5px;
  text-align: center;
  color: #333 !important;
}

.esignTabContent .tab-pane .new-upload-wrapper .real-input---label span.orange-btn {
  color: #fff !important;
}

.esignTabContent .tab-pane .new-upload-wrapper .real-input---label .orange-btn {
  padding: 5px 14px !important;
}

.esign_pills .nav-tabs li .active {
  background: var(--global-orange);
  color: #fff;
}

.file-preview-row {
  border-radius: 0.25rem;
  border: var(--global-orange) solid 1px;
  padding: 0.25rem;
}

.file-preview-row .file-img-pre {
  background: var(--global-orange);
  padding: 0.25rem;
  width: 24px;
  height: 24px;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.file-pre-details label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.75rem;
  margin-bottom: 3px;
}

.file-pre-details span {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.625rem;
}

.file-preview-row .file-img-pre i {
  color: #fff;
  font-size: 1rem;
}

/* Toast Container */
.toast-container01 {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  z-index: 9999;
  width: 19.688rem;
  box-shadow: -4px -4px 15px 0px #110B331A;
}


.theme-dark .mes-toast {
  background-color: #fff;
}

.theme-orange .mes-toast,
.theme-light .mes-toast {
  background-color: #333;
}

.mes-toast {
  color: white;
  padding: 0.75rem;
  border-radius: 0.5;
  min-width: 9.375rem;
  max-width: 21.875rem;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
}

.mes-toast {
  display: none;
  /* Initially hidden */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.mes-toast.show-toaster {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.mes-toast .fa-xmark {
  color: #333;
}

.mes-toast .mes-notification {
  display: flex;
  align-items: flex-start;
  font-weight: bold;
  color: #333;
}

.mes-toast .mes-notification i {
  margin-right: 0.5rem;
}

.theme-dark .mes-toast .mes-notification i {
  color: #333;
}

.theme-light .mes-toast .mes-notification i,
.theme-orange .mes-toast .mes-notification i,
.theme-light .mes-toast .mes-notification .toast-type-text,
.theme-orange .mes-toast .mes-notification .toast-type-text,
.theme-light .mes-toast .fa-xmark,
.theme-orange .mes-toast .fa-xmark,
.theme-light .mes-toast .toast-content .toast-cont .toast-title,
.theme-light .mes-toast .toast-content .toast-cont .toast-message,
.theme-orange .mes-toast .toast-content .toast-cont .toast-title,
.theme-light .mes-orange .toast-content .toast-cont .toast-message {
  color: #fff;
}

.theme-light .progress-circle circle,
.theme-orange .progress-circle circle {
  stroke: #fff;
}

@keyframes progressTimer {
  from {
    stroke-dashoffset: 100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes slideOut {
  to {
    transform: translateX(100%);
    opacity: 0;
    display: none;
  }
}

.mes-toast {
  opacity: 1;
  transform: translateX(0);
  transition: transform 0.5s ease-in-out, opacity 0.3s;
}

.mes-toast.slide-out {
  animation: slideOut 0.5s ease-in-out forwards;
}

.mes-toast svg circle {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: progressTimer 5s linear forwards;
}



.mes-toast .mes-notification .toast-type-text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: left;
  padding-right: 1.688rem;
  margin-top: -0.10rem;
  word-break: break-all;
}

/* Close button */
.close-btn-wrapper {
  position: relative;
  /* position: absolute;
    top: 5px;
    right: 5px;
    width: 26px;
    height: 26px; */
}

.mes-toast .toast-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.close-btn-wrapper .close-btn {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 53%;
  left: 51%;
  background: none;
  border: none;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  z-index: 2;
}

.mes-toast .toast-content {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.mes-toast .toast-content .toast-img img {
  object-fit: cover;
  width: 3.125rem;
  height: 3.125rem;
}

.mes-toast .toast-content .toast-cont {
  flex-shrink: 8;
}

.mes-toast .toast-content .toast-cont .toast-title,
.mes-toast .toast-content .toast-cont .toast-message {
  color: #333;
}

.mes-toast .toast-content .toast-cont .toast-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  line-height: 1.5em;
  word-break: break-word;
}

.mes-toast .toast-content .toast-cont .toast-message {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
  line-height: 1.5em;
  word-break: break-word;
}

.progress-circle {
  /* position: absolute;
  top: 6px;
  right: 4px; */
  width: 1.625rem;
  height: 1.625rem;
  /* transform: rotate(-90deg);  */
}

.progress-circle circle {
  fill: none;
  stroke: #333;
  /* Color of the progress bar */
  stroke-width: 2;
  /* Thickness of the progress bar */
  stroke-linecap: round;
  transition: stroke-dashoffset 0.1s linear;
}

/* ===================== Start Check Gift Card Area (Harshad) ===================== */
.chk-gift-card-balance-wrapper .chk-gift-card-bg {
  background: var(--bg-color);
  border-radius: 8px;
  padding: 24px;
}

.chk-gift-card-balance-wrapper .chk-gift-card-bg .chk-gift-card-img-wrap {
  position: relative;
  margin-bottom: 16px;
}

.chk-gift-card-img-wrap .chk-gift-card-form {
  position: absolute;
  bottom: 40px;
  left: 32px;
}

.chk-gift-card-img-wrap .chk-gift-card-form label {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-shadow: 0px 2px 4px rgb(0 0 0 / 15%), 0px 4px 8px rgb(0 0 0 / 15%);
  color: #fff;
}

.chk-gift-card-img-wrap .chk-gift-card-form input {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  max-width: 226px;
  padding: 9px 9px;
  background: #fff;
  color: #333;
}

.chk-gift-card-img-wrap .chk-gift-card-form input:focus {
  background: #fff;
  color: var(--text-one);
}

.chk-gift-card-img-wrap .chk-gift-card-form input::placeholder {
  color: var(--input-white-placeholder);
}

.chk-gift-card-img-wrap .chk-gift-card-amt {
  position: absolute;
  right: 32px;
  bottom: 40px;
}

.chk-gift-card-img-wrap .chk-gift-card-amt .chk-gift-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.chk-gift-card-img-wrap .chk-gift-card-amt label {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
  text-shadow: 0px 2px 4px rgb(0 0 0 / 15%), 0px 4px 8px rgb(0 0 0 / 15%);
  color: #fff;
}

.chk-gift-card-img-wrap .chk-gift-card-amt .gift-issue-amt {
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  text-align: right;
  text-shadow: 0px 2px 4px rgb(0 0 0 / 15%), 0px 4px 8px rgb(0 0 0 / 15%);
  color: #fff;
}

.chk-gift-card-bg .chk-gift-card-actionbtn {
  display: flex;
  justify-content: space-between;
}

.chk-gift-card-bg .chk-gift-card-actionbtn .btn-go,
.chk-gift-card-bg .chk-gift-card-actionbtn .r-white-outline-btn {
  border-radius: 2px;
}

/* ===================== Start Check Gift Card Area (Harshad) ===================== */

/* ===================== Start markseqipment and test Modal (Harshad) ===================== */

.markinfoBar .markinfobarwrap {
  display: flex;
  border: 1px dashed var(--global-orange);
  background-color: var(--global-upload-background-w-bg);
  border-radius: 0.5rem;
  padding: 1rem;
  gap: 0.375rem;
}

.markinfoBar .markinfobarwrap .markinfobarTxt {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: var(--global-orange);
}

.markinfoBar .markinfobarwrap .fa-circle-info {
  color: var(--global-orange);
  font-size: 0.875rem;
  padding-top: 3px;
}

/* ===================== End markseqipment and test Modal (Harshad) ===================== */


/*========== ADD AUTOMATION MODAL ===================*/
/****************** BOOTSTRAP MODALS */
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 31.25rem;
  }
}

@media (min-width: 992px) {

  .modal-lg,
  .modal-xl {
    max-width: 50rem;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 71.25rem;
  }

  .upgradeModalNew .modal-xl {
    max-width: 80rem;
  }
}

/****************** BOOTSTRAP MODALS */
.automationsmodal .modal-body {
  padding: 1.5rem;
  max-height: 35rem;
  overflow-y: auto;
}

.select_tempalte_automation_modal .modal-body {
  padding: 0;
  max-height: 75vh;
  overflow-y: auto;
}

.select_sms_template_body_wrap {
  display: grid;
  grid-template-columns: .4fr 1.6fr;
}

.select_sms_lft {
  border-right: 0.0625rem solid #e1e1e1;
}

.select_sms_lft_top,
.select_sms_search_wrap {
  padding: 1rem 1.5rem;
  border-bottom: 0.0625rem solid #e1e1e1;
}

.select_sms_search_wrap .main-search {
  background: var(--global-white);
  border: 0.0625rem solid #e1e1e1;
  margin-right: 0;
  color: var(--text-gray);
}

.select_sms_search_wrap .main-search .searchsubmit {
  color: var(--text-gray);
}

.select_sms_search_wrap .main-search input {
  color: var(--text-gray);
}

.select_sms_template_list input {
  opacity: 0;
  visibility: hidden;
}

.select_sms_template_list label {
  width: 100%;
  padding: 1rem 1.5rem;
  border-bottom: 0.0625rem solid #e1e1e1;
  cursor: pointer;
}

.select_sms_template_label.active {
  background-color: rgba(240, 79, 41, 0.1);
}

.select_sms_template_list ul {
  height: calc(75vh - 8.875rem);
  overflow: auto;
}

.select_sms_rht_top {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #e1e1e1;
}

.select_sms_rht_preview_wrap {
  padding: 1.5rem;
  height: calc(75vh - 4.625rem);
  overflow: auto;
}

.select_template_search_input {
  width: 100%;
  padding: 0 1.25rem 0 2.8125rem;
  height: 2.5rem;
  background: transparent;
  border: 0;
  color: var(--text-gray);
}

.flexselectsmst {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.item-sms-templete {
  flex: 0 0 auto;
  width: 32%;
  min-height: 100%;
  border-radius: 1rem;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-input-w-bg);
  padding: 0.9375rem;
  background: var(--bg-color);
  color: var(--global-white);
}

.item-sms-templete .cke {
  margin-bottom: 0.4375rem;
}

.item-sms-templete input[type="radio"] {
  accent-color: var(--global-orange);
  margin-right: 0.3125rem;
  cursor: pointer;
}

.item-sms-templete label {
  display: inline;
  cursor: pointer;
}

.item-sms-templete img {
  border-radius: 1rem;
}

.item-sms-templete .cke_wysiwyg_frame body {
  background: #00cccc;
}

.item-sms-templete iframe .cke_editable::-webkit-scrollbar {
  width: 0.625rem;
}

/* Track */
.item-sms-templete iframe.cke_editable::-webkit-scrollbar-track {
  background: var(--global-white);
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.625rem;
}

/* Handle */
.item-sms-templete iframe .cke_editable::-webkit-scrollbar-thumb {
  background: var(--global-orange);
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.625rem;
}

/* Handle on hover */
.item-sms-templete iframe .cke_editable::-webkit-scrollbar-thumb:hover {
  background: var(--global-orange);
}

.item-sms-templete iframe .cke_editable {
  scrollbar-color: var(--global-orange) var(--global-white);
  scrollbar-width: thin;
}

.preview-content-wrap {
  max-height: 50vh;
  overflow-y: auto;
}

/*========== ADD AUTOMATION TRIGGER EVENT MODAL ===================*/
.selectriggertempleteflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.columnauto {
  width: 100%;
}

.trigger_event_wrap,
.website_tem_item {
  height: 100%;
  position: relative;
  background: var(--global-white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0rem 0rem 1.875rem -0.625rem var(--global-input-w-bg);
  cursor: pointer;
  width: 100%;
}

.website_tem_item.selected::after,
.website_tem_item.selected::after {
  content: 'Selected';
  width: 100%;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--orange-white-white);
  background: var(--white-orange-orange);
  box-shadow: 0rem 0rem 1.875rem -0.625rem var(--global-input-w-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  z-index: 2;
  font-size: 1.5rem;
  border-bottom: 0.0625rem solid var(--white-orange-orange);
}

.website_tem_item:hover .website_tem_pic::after {
  position: absolute;
  content: "";
  background: var(--text-grey);
  opacity: 0.4;
}

.trigger_event_main,
.website_tem_pic {
  height: 25rem;
  overflow: hidden;
  position: relative;
}

.trigger_event_wrap:hover,
.website_tem_item:hover {
  margin-top: 0;
}

.trigger_event_main::before,
.website_tem_pic::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.1875rem;
  margin-bottom: 0rem;
  z-index: 2;
  background: url(../images/wave_line_black_white.svg) no-repeat;
  background-size: 100%;
  background-position: left bottom;
  border-radius: 0.25rem;
}

.trigger_event_main:after,
.website_tem_pic::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: var(--global-border-color-w-bg);
  z-index: 1;
}

.trigger_event_wrap:hover img,
.website_tem_item:hover img {
  object-position: bottom;
}

.trigger_event_main img,
.website_tem_pic img {
  width: 100%;
  height: 25rem;
  position: relative;
  z-index: 0;
  object-fit: cover;
  object-position: top;
  transition: all 10s linear;
}

.template__title {
  color: var(--global-orange) !important;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
}

.templete_content_wrap {
  max-width: 20rem;
  padding: 1rem 1rem 1.25rem 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.automationsmodal .people-table-main table {
  color: initial;
}

/*========== ADD AUTOMATION SELECT CUSTOMER MODAL ===================*/
.selectriggertemplete .dataTables_length label {
  font-size: 1.125rem;
  color: var(--text-grey);
}

.selectriggertemplete .people-table-main .dataTables_wrapper .dataTables_length label select,
.selectriggertemplete .people-table-main .dataTables_filter label,
.selectriggertemplete .people-table-main .dataTables_filter label input,
.selectriggertemplete .people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--text-grey);
  border-color: var(--global-border-color-w-bg);
}

.selectriggertemplete .people-table-main .dataTables_wrapper {
  color: var(--text-grey);
}

.people-table-main .dataTables_paginate {
  border: none;
}

.selectriggertemplete .people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: var(--text-grey) !important;
}

.selectriggertemplete .people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--global-orange);
  color: var(--global-white) !important;
  border-left: 0;
  border-right: 0;
}

.selectriggertemplete .people-table-main .dataTables_wrapper table tbody tr {
  box-shadow: 0rem 0rem 0rem 0.0625rem var(--global-border-color-w-bg);
}

.selectriggertemplete .people-table-main .dataTables_wrapper table tbody td {
  font-size: 0.875rem;
  font-weight: 400;
}

.selectriggertemplete .dataTables_wrapper table thead th {
  background: var(--global-border-color-w-bg);
}

.selectriggertemplete .people-table-main.people-all-table-wrap {
  background: var(--global-white);
}

.selectriggertemplete .people-table-main.people-all-table-wrap .form-check-input:focus {
  border-color: var(--global-input-w-bg);
}

.automation-table-modal .modal-body {
  padding: 0.75rem 0 0;
}

.selectriggertemplete th:last-child,
.selectriggertemplete tbody td:last-child {
  text-align: left;
}

.selectriggertemplete .dataTable thead th,
.selectriggertemplete .dataTable thead td {
  padding: 0.75rem;
}

.selectriggertemplete .people-table-main .dataTables_length,
.e_gift_market_wrap .people-table-main .dataTables_filter {
  padding-top: 1rem;
}

.selectriggertemplete .people-all-table-wrap,
.selectriggertemplete .people-table-sales-funnenl {
  margin-bottom: 0;
}

.selectriggertemplete .people-table-main .dataTables_paginate {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.selectriggertemplete .people-table-main .dataTables_info {
  padding-bottom: 1rem;
}

.selectriggertemplete .dataTables_wrapper table thead th:last-child {
  width: 12% !important;
}

/*============= CHAMPAIGN COUPON ===================*/
.coupon_champaign_main_wraper {
  overflow: hidden;
}

.coupon_champaign_main_wraper .inbox_user_main {
  align-items: center;
  font-weight: 500;
}

.coupon_champaign_main_wraper .date_post_user {
  color: var(--text-two);
  position: inherit;
}

.coupon_champaign_main_wraper .user_profile_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 auto;
}

.champaign_title_user h5 {
  margin-bottom: 0;
}

.coupon_champaign_inner_wrap {
  width: 100%;
  transition: 0.5s;
}

.e_cutomer_g.active .coupon_champaign_inner_wrap {
  /* width: calc(100% - 50%); */
  width: 100%;
}

.coupon_champaign_inner_wrap .btn_new_message a {
  margin-right: 0.75rem;
}

.coupon_champaign_inner_wrap .btn_new_message a:last-child {
  margin-right: 0;
}

.downloadreport_chapm_btn {
  transition-timing-function: ease-in-out;
}

.coupon_champaign_main_content_wrap {
  width: 100%;
  height: 85vh;
  overflow: auto;
}

.e_cutomer_g.active .downloadreport_chapm_btn {
  position: absolute;
  z-index: -2;
  opacity: 0;
  transition: 5s;
}

.coupon_champaign_info {
  padding: 1.5rem;
  position: relative;
}

.coupon_champaign_info .close-btn2 {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
  z-index: 2;
  border: none;
  width: 2.25rem;
  height: 2.125rem;
  line-height: 2.125rem;
  border-radius: 0.5rem;
  font-size: 1.3125rem;
}

.e_cutomer_g.active .coupon_champaign_info {
  width: 40.25rem;
  transform: translate(0%, 0rem);

}

.inbox_user_main.reverse .champaign_title_user .date_post_user {
  color: var(--nav-user-icon-bg);
}

.coupon_champaign_info .title_main_btn {
  margin-bottom: 1rem;
}

.title_main_btn .btn_add_auto {
  padding-left: 0.5rem;
}

.title_main_btn .btn_add_auto i {
  padding-right: 0.125rem;
}

.coupon_campaign_info_img img {
  width: 100%;
  height: 19.6875rem;
  object-fit: cover;
  object-position: top;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}

.coupon_campaign_info_img .reward-slider table {
  color: var(--text-grey);
}

.coupon_campaign_info_content {
  width: 100%;
  height: 34vh;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.coupon_campaign_info_content li {
  width: 48%;
  margin-bottom: 1.5rem;
}

.coupon_campaign_info_content li:last-child {
  padding-bottom: 0;
}

.content_text_coupon {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.sm_text_c {
  color: var(--global-input-border);
  font-size: 0.875rem;
  font-weight: 500;
}

.check_radio:checked[type=radio] {
  background: transparent;
}

.check_radio:checked[type=radio]:after {
  background: var(--white-orange-orange);
  top: 0rem;
  left: 0;
  text-align: center;
  line-height: 1.0625rem;
  border-radius: 6.25rem;
}

.choose_template_coupon_cam_wrap .coupon_cam_temp_s {
  margin: 0;
}

.coupon_cam_temp_s .form-check-input {
  float: none;
}

.choose_template_coupon_cam_wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.coupon_cam_temp_s input {
  padding: 0;
  height: 9.1875rem;
}

.coupon_cam_temp_s i {
  padding: 1.25rem 0;
  font-size: 2.25rem;
}

.choose_template_bx,
.field02,
.camp_details_two_block,
.camp_details_one_block {
  display: none;
}

.btn_skip_b {
  background-color: transparent !important;
  color: var(--white-orange-orange) !important;
  border: 0.0625rem solid var(--white-orange-orange) !important;
}

.coupon_add_campaign_holiday {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.coupon_campaign_details {
  border-radius: 1rem;
}

.coupon_campaign_details h2 {
  color: var(--text-two);
  font-weight: 700;
}

.max_w_c {
  width: 49%;
}

.flex_bx_check {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.label_font {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-two);
  margin-bottom: 0.375rem;
}

.form_control_in {
  font-size: 0.875rem;
  color: var(--text-two);
  padding: 0.375rem 0.875rem;
  background-color: transparent;
  border: 0.0625rem solid var(--global-input-border);
}

.form_control_in[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

.form_control_in:focus {
  color: var(--text-two) !important;
  background-color: transparent !important;
  border-color: var(--global-input-border) !important;
}

.mbsp {
  margin-bottom: 1.5rem;
}

.coupon_add_campaign_holiday img,
.scheduling_recurring_pic img {
  border-radius: 0.5rem;
}

.form_control_in[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0;
  cursor: pointer;
}

.form_control_in.select_formap {
  background-position: 97% 0.75rem;
}

.form_control_in.form-select.select_formap {
  background-position: 98.5% 0.875rem;
}

.coupon_main_previews_wraper {
  margin-top: 1rem;
}

.form_control_in.form-select option {
  color: var(--text-one);
}

.employe_table_main .form-check-label {
  padding-top: 0.125rem;
}

.employe_table_main .form-check-input {
  border-color: var(--global-input-w-bg);
}

.rewerds_reminder_main_modal_wrap {
  padding: 1.5rem 0 0;
  max-height: 70vh;
  overflow: auto;
}

.employe_table_main table,
.payment_transaction_details_table table {
  width: 100% !important;
}

.share_my_personal_calendar_wrap {
  padding: 0 1.5rem 1.875rem 1.5rem;
}

.share_my_personal_calendar_wrap .share_my_personal_op {
  width: 33%;
  margin-right: 0.75rem;
}

.share_my_personal_calendar_wrap .share_my_personal_op:last-child {
  margin-right: 0;
}

.share_my_personal_calendar_wrap .choose_template_coupon_cam_wrap {
  flex-wrap: nowrap;
}

.share_my_personal_calendar_wrap .share_my_personal_op .form-check-input {
  border-color: var(--global-border-color-w-bg) !important;
  border-radius: 0.5rem !important;
}

.share_my_personal_calendar_wrap .share_my_personal_op .form-check-input:checked {
  background: var(--global-upload-background-w-bg) !important;
  border-color: var(--global-upload-border-color-w-bg) !important;
}

.share_my_personal_op .form-check-label {
  color: var(--text-grey);
}

.share_my_personal_op input {
  height: 6.625rem;
}

.share_my_personal_op i {
  padding: 0.375rem 0 0.875rem;
}

.share_my_personal_calendar_wrap h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--text-one);
}

.coupon_cam_temp_w.check_main_magnet {
  width: 49%;
}

/*========== END CHAMPAIGN COUPON ===================*/
/*========== TICKET CATCHER ===================*/
.btn_catcher {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1.25rem;
}

.ticket-catcher .table-filter-wrap button {
  background: var(--global-orange);
  padding: 0rem;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: 0.625rem;
  border-radius: 0.4375rem;
  font-size: 1rem;
}

.lead_track_main .stepwizard label {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 0.3125rem;
}

.ticket-input-wrap-with-icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
}

.ticket-input-icon-wrap {
  width: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--global-input-border);
}

.ticket-input-wrap {
  margin-bottom: 1rem;
}

.ticket-input-wrap input,
.ticket-input-wrap input:focus,
.ticket-input-wrap textarea,
.ticket-input-wrap textarea:focus,
.copy-from-select .form-select,
.copy-from-select .form-select:focus {
  background-color: transparent;
  width: 100%;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
  color: var(--text-two);
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.ticket-input-wrap input:-webkit-autofill,
.ticket-input-wrap input:-webkit-autofill:hover,
.ticket-input-wrap input:-webkit-autofill:focus,
.ticket-input-wrap input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--text-grey);
}

.ticket-input-wrap input::placeholder {
  color: var(--global-input-border);
}

.ticket-input-wrap-with-icon input,
.ticket-input-wrap-with-icon input:focus {
  border: 0rem;
  padding-left: 0;
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.lead_track_main .form-check-input {
  background-color: transparent;
  border: 0.0625rem solid var(--global-input-border);
}

.ticket-input-wrap textarea {
  height: 9.375rem;
}

.r-ticket-catcher-form-wrap .cke_chrome {
  border: 0.0625rem solid transparent !important;
  box-shadow: none !important;
}

.r-ticket-catcher-form-wrap .cke_inner {
  background: transparent !important;
}

.r-ticket-catcher-form-wrap .cke_top {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.r-ticket-catcher-form-wrap a.cke_combo_button {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  border: 0.0625rem solid #fff !important;
  border-bottom-color: #fff !important;
}

.r-ticket-catcher-form-wrap .cke_combo_text {
  color: #fff !important;
  text-shadow: none !important;
}

.r-ticket-catcher-form-wrap .cke_combo_arrow {
  border-top: 0.1875rem solid #fff !important;
}

.r-ticket-catcher-form-wrap .cke_combo_off a.cke_combo_button:active,
.r-ticket-catcher-form-wrap .cke_combo_on a.cke_combo_button {
  border: 0.0625rem solid #fff !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

.form-group.has-error .ticket-input-wrap-with-icon {
  border-color: #000;
}

.Lead_form_catchers-wrap #ticket_snippet_list tbody td:last-child:has(.fa-circle-info) {
  display: table-cell;
}

/*========== TICKET CATCHER ===================*/

/*================= E GIFT MARKETING  ===================*/
.e_gift_market_wrap .lead_track_flex {
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}

.e_gift_market_wrap .lead_track_flex .btn_new_message a {
  margin-right: 0.4375rem;
}

.e_gift_market_wrap .people-table-main .dataTables_length,
.e_gift_market_wrap .people-table-main .dataTables_filter {
  padding: 1.5rem 1.5rem 0;
}

.gift_marketing .modal-content .modal-body {
  max-height: 70vh;
  overflow: auto;
}

.gift_marketing#top_up_card_modal .modal-content,
.gift_marketing#edit_user_rep .modal-content,
.gift_marketing#add_user_rep .modal-content {
  height: auto;
  overflow-y: initial;
}

#topped_success .modal-content {
  width: 23rem;
  height: 20.5rem;
  margin: auto;
  align-items: center;
  overflow: initial;
}

#topped_success .modal-body {
  padding: 2rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topped_success i {
  font-size: 4rem;
  color: var(--global-orange);
  padding-bottom: 1rem;
}

.topped_success h4 {
  font-size: 1.5rem;
  color: var(--global-orange);
  font-weight: 500;
  line-height: 1.875rem;
  padding-bottom: 0.5rem;
}

.topped_success h5 {
  font-size: 1.25rem;
  color: var(--text-grey);
  font-weight: 500;
  line-height: 1.5rem;
  padding-bottom: 2.5rem;
}

.topped_success a.r-modal-btn {
  display: inline-block;
}

#historymodal .modal-dialog {
  max-width: 84.5625rem;
}

#historymodal .modal-body {
  padding-left: 0;
  padding-right: 0;
}

.fiter_gift_card {
  position: relative;
}

.filter_dropdown {
  width: 18.6875rem;
  background-color: var(--global-white);
  padding: 1rem;
  border-radius: 1rem;
  position: absolute;
  left: 0;
  transform: translate(-85%, 11%);
  top: 0;
  z-index: 1;
  display: none;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-input-w-bg);
}

.filter_dropdown::before {
  content: "";
  width: 1.5625rem;
  height: 1.5625rem;
  position: absolute;
  top: 0rem;
  right: 1rem;
  transform: translate(0rem, -50%) rotate(45deg);
  background: var(--global-white);
}

.filter_btn_card {
  margin-right: 0;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  padding: 0 !important;
}

.filter_btn_card i {
  margin-right: 0;
}

.r-add-leads-main-reverse button.filter_btn_card i,
.r-add-leads-main-reverse .card_info_flip_modal button i {
  color: var(--global-white);
}

.main_gift_btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.title_filter_drop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
  padding-bottom: 0.875rem;
}

.title_filter_drop h4 {
  color: var(--text-grey);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3125rem;
}

.close_drop_filter {
  color: var(--text-grey);
  font-size: 1.5rem;
  cursor: pointer;
}

.filter_dropdown label {
  color: var(--text-grey);
}

.search_gift_card {
  margin-top: 0.75rem;
}

.fiter_gift_card .form-group {
  padding: 0.625rem 0 1.5rem;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.fiter_gift_card .form-group:last-child {
  border: none;
  padding-bottom: 0;
}

.flex_int_date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_int_date .form-control.hasDatepicker {
  color: var(--text-grey);
  border-color: var(--global-border-color-w-bg);
}

.date_gift_card {
  width: 48%;
}

.filter_dropdown .output_range {
  border: none;
  padding-left: 0;
}

.filter_dropdown .enter_amountbx {
  border-radius: 0.25rem;
}

.filter_dropdown .enter_amountbx input {
  padding-left: 0.5625rem;
}

.filter_dropdown .enter_amountbx .form-control:focus {
  color: var(--global-black);
  background-color: var(--global-white);
  border-color: var(--global-border-color-w-bg);
  outline: 0;
  box-shadow: none;
}

.e_gift_market_wrap .people-table-main .dataTables_filter label input {
  margin-right: 0rem;
}

.main_wraper_card_info {
  padding: 1.5rem 1.5rem 0.75rem;
}

.main_wraper_card_info .top_up_details {
  margin-bottom: 0;
}

.flip_card_main_wrap {
  width: 100%;
  height: 21.5rem;
  position: relative;
  border-radius: 1.5rem;
  -webkit-perspective: 50rem;
  -moz-perspective: 50rem;
  -o-perspective: 50rem;
  perspective: 50rem;
  margin: 0 auto;
}

.flip_card,
.flip_card_topup {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card_info_main {
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  position: absolute;
  top: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card_info_front {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  padding: 0rem;
  position: relative;
  z-index: 1;
  background: var(--global-orange);
  overflow: hidden;
  max-width: 46.875rem;
}

.templete_pictures {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.card_info_back {
  background: var(--global-white);
  padding: 3.125rem 0;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.flip_card.flipped,
.flip_card_topup.flippeds {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.content_info {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: left;
}

.the-demo {
  border: 0.0625rem dotted var(--input-placeholder);
  text-align: left;
  border-radius: 0.3125rem;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  display: table;
  background-color: var(--global-input-w-bg);
}

.the-preview {
  transform: translate(2.75rem, 1.6875rem);
}

.the-preview .ui-draggable-handle {
  display: none;
}

.the-demo .ui-draggable-handle,
.the-demo .cke_editable.cke_editable_inline {
  display: inline-block;
}

.the-demo .ui-draggable-handle {
  padding: 0 0.4375rem;
  background: var(--global-input-w-bg);
  cursor: pointer;
  font-size: 1.25rem;
}

.the-demo .ui-draggable-handle:hover {
  background: var(--global-input-w-bg);
}

.the-demo .cke_editable.cke_editable_inline {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
  min-width: 2.5rem;
}

.business_name_1 p,
.business_name_2 p,
.business_name_3 p,
.business_name_4 p,
.business_name_5 p {
  font-size: 1.25rem;
}

.the-demo.text-white.card_text.business_price_1 h4 {
  font-size: 2.5rem;
}

.card_info_flip_modal button:last-child {
  margin-right: 0;
}

.card_info_flip_modal {
  /* margin: 1rem 0; */
  text-align: right;
}

.card_info_flip_modal button {
  border: none;
  font-size: 1rem;
  font-weight: 400;
  background-color: var(--global-orange);
  color: var(--global-white);
  padding: 0.375rem 1rem 0.375rem 0.625rem;
  border-radius: 0.5rem;
  margin-right: 0.625rem;
  border: 0.0625rem solid var(--global-orange);
}

.card_info_flip_modal button i {
  padding-right: 0.3125rem;
}

.card_magnet {
  width: 100%;
  height: 3rem;
  background-color: var(--text-grey);
  display: inline-block;
}

.card_back_con,
.Card_bar_code {
  text-align: center;
  padding: 0 3.125rem;
}

.Card_bar_code {
  height: 5.625rem;
  overflow: hidden;
}

.Card_bar_code img {
  height: 100%;
  object-fit: contain;
}

.card_back_con {
  max-height: 6.25rem;
  overflow-y: auto;
  margin-bottom: 1.875rem;
}

.card_back_con p {
  color: var(--text-grey);
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding: 1rem 0;
}

.card_back_con h4 {
  color: var(--text-grey);
  font-size: 1.5rem;
  font-weight: 600;
  padding: 1rem 0;
}

.gift_marketing .modal-body {
  padding: 1.5rem;
}

.top_up_details {
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.title_history {
  border-top: 0.0625rem solid var(--global-input-w-bg);
  padding: 0.75rem 1.125rem 0rem;
}

.title_history h2 {
  color: var(--text-grey);
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.top_up_details li {
  width: 50%;
}

.top_up_details p {
  color: var(--input-placeholder);
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0;
  line-height: 1.125rem;
}

.top_up_details h4 {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 600;
  padding: 0;
  line-height: 1.25rem;
}

.enter_amountbx {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.375rem;
  align-items: center;
}

.topupcard label,
.modal_add_user_repients label {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 0.5rem;
}

.enter_amountbx input {
  padding: 0.375rem 0.5rem 0.375rem 1rem;
  border: none;
  color: var(--text-grey);
}

.icon_left {
  padding-left: 0.625rem;
  position: relative;
  z-index: 9;
}

.top_up_details li {
  padding: 0.75rem 0;
}

.top_up_details h4 {
  padding-top: 0.125rem;
}

.card_slider,
.card_slider .carousel-inner {
  width: 100%;
  height: 100%;
}

.card_slider .carousel-item {
  height: 100%;
}

.card_info_table table thead th {
  background-color: var(--global-border-color-w-bg);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.625rem;
  color: var(--text-grey);
  border: none;
}

.card_info_table.nomodal table thead th,
.paymenttypetable.nomodal table tbody th {
  background: var(--table-overlay-solid-color);
  color: var(--text-two);
  padding: 0.5rem 0.625rem;
}

.card_info_table.nomodal table tbody td {
  color: var(--text-two);
  padding: 0.5rem 0.625rem;
  border-color: var(--card-highlight--bg-color);
  text-align: left;
}

.ordervaluetable-wrap .paymenttypetable.nomodal table tbody td a {
  text-decoration: none;
}

.card_info_table table {
  padding-top: 1.25rem;
}

.ordervaluetable-wrap .paymenttypetable,
.ordervaluetable-wrap .border-radius-table {
  border-radius: 0.5rem;
  overflow: hidden;
}

.scrollbar_eod .border-radius-table .payment_transaction_details_table {
  width: 100%;
  max-height: 21rem;
  overflow-x: auto;
}

.card_info_table table tbody td {
  font-size: 1rem;
  font-weight: 400;
  padding: 0.625rem;
  color: var(--text-grey);
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

body main .stockinventory .textdiscount .select2-container {
  max-width: 100%;
}

.card_info_table table tbody td .c,
.card_info_table table tbody td .d {
  background-color: #41b015;
  color: var(--global-white);
  font-weight: 500;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 1.25rem;
}

.card_info_table table tbody td .d {
  background-color: #e21616;
}

.card_info_table .dataTables_filter label input {
  padding: 0.3125rem 0.625rem;
  border-color: var(--global-input-w-bg);
  margin-right: 0;
  border-radius: 0.625rem;
}

.card_info_table .dataTables_wrapper .dataTables_length label select {
  font-size: 1.125rem;
  color: var(--text-two);
  padding: 0.25rem 1.5rem 0.25rem 0.375rem;
  margin: 0 0.625rem;
  border-radius: 0.3125rem;
  border-color: var(--global-input-border);
  background-color: transparent;
  background-position: center right 0.4375rem;
}

.modal-content .card_info_table .dataTables_wrapper .dataTables_length label select {
  border-color: var(--global-input-w-bg);
  color: var(--text-one);
}

.modal-body .card_info_table .dataTables_wrapper .dataTables_length label select {
  color: var(--text-grey);
  background: url(../images/arrow-grey.png) no-repeat;
  background-position: right 0.375rem top 0.788rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.card_info_table .dataTables_paginate {
  margin: 1.5rem 1.5rem 1.5rem 0rem;
  border: none;
  border-radius: 0.625rem;
  padding: 0;
  overflow: hidden;
}

.card_info_table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  pointer-events: none;
  color: var(--global-input-w-bg) !important;
}

.card_info_table .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: var(--global-input-w-bg);
  margin: 0;
  border-radius: 0;
}

.card_info_table .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  border-top-left-radius: 0.5625rem;
  border-bottom-left-radius: 0.5625rem;
}

.card_info_table .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  border-top-right-radius: 0.5625rem;
  border-bottom-right-radius: 0.5625rem;
}

.card_info_table .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.card_info_table .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border-color: var(--global-orange);
  margin: 0;
  border-radius: 0;
  background: var(--global-orange);
  color: var(--global-white) !important;
}


.card_info_table .dataTables_info {
  padding: 2.125rem 0rem 1.5rem 1.5rem;
}

.card_info_table .dataTables_wrapper .dataTables_length {
  padding: 1.5rem 0 0rem 1.5rem;
}

.card_info_table .dataTables_wrapper .dataTables_filter {
  padding: 1.5rem 1.5rem 0rem 0rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.card_info_table .table-select-wrap.dropdown input {
  color: var(--text-grey) !important;
  border-color: var(--global-input-w-bg) !important;
}

.card_info_table table.dataTable.no-footer {
  border-bottom: none;
}

.card_info_table .table-select-wrap.dropdown {
  margin-right: 0.625rem;
}

.history-table-wrap .card_info_table .table-select-wrap.dropdown {
  order: 1;
}

.history-table-wrap .card_info_table .dataTables_length label {
  order: 2;
}

.card_info_table .dataTables_filter input {
  border-radius: 0.375rem;
}

.card_info_table .ColVis button.ColVis_Button {
  top: 0;
}

#cardinfomodal .modal-body {
  padding: 0;
}

.range_amount .ui-state-default,
.range_amount .ui-widget-content .ui-state-default {
  color: var(--nav-user-icon-bg);
  background: var(--nav-user-icon-bg);
  border-radius: 6.25rem;
  width: 0.75rem;
  height: 0.75rem;
  border-color: var(--nav-user-icon-bg);
}

.range_amount .ui-slider-horizontal {
  height: 0.25rem;
}

.range_amount .ui-widget-content {
  background: var(--global-upload-border-color-w-bg);
  width: 93%;
  margin: 0.4375rem auto auto;
}

.range_amount .ui-widget.ui-widget-content {
  border: 0rem;
}

.range_amount .ui-widget-header {
  background: var(--nav-user-icon-bg);
}

.output_range {
  display: block;
  border: none;
  color: var(--input-placeholder) !important;
}

.card_info_table .fiter_gift_card {
  position: absolute;
  right: 1.25rem;
  z-index: 9;
  transform: translate(0, 0.1875rem);
}

.card_info_table .filter_dropdown {
  transform: translate(-85%, 15%);
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-input-w-bg);
}

#cardinfomodalbody .filter_btn_card {
  width: 3.3rem;
}

#cardinfomodalbody .people-sort-lead-status-wrap {
  padding: 0;
  border: none;
}

#cardinfomodalbody .fiter_gift_card .form-group {
  padding: 0.625rem 0;
  border: none;
}

.gift_card_info_table_history.card_info_table .filter_dropdown {
  transform: translate(-8%, 18%);
}

#cardinfomodalbody .gift_card_info_table_history.card_info_table .filter_dropdown {
  transform: translate(-2.5rem, 27%);
}

.gift_card_info_table_history .title_history {
  padding-bottom: 0;
}

.card_info_table.gift_card_info_table_history .fiter_gift_card {
  transform: translate(0, 1.1875rem);
}

.flex_checkbx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.fiter_gift_card .form-group .form-check-input {
  width: 1rem;
  height: 1rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  padding: 0;
}

.fiter_gift_card .form-check {
  margin: 0.3125rem 0.9375rem 0.1875rem 0;
}

.fiter_gift_card .form-check label {
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  padding-left: 0.125rem;
}

.fiter_gift_card .form-group:last-child {
  border-bottom: none;
}

.e_form_row_payment.e_form_row {
  align-items: start;
  margin-bottom: 1rem;
}

/*============ END E GIFT MARKETING  ====================*/
/*============ ORDER E GIFT ====================*/
.order_new_e_card_wrap_step .form-group {
  margin-bottom: 1.5rem;
  padding: 0 !important;
}

.order_new_e_card_wrap_step .flip_card_main_wrap {
  margin-bottom: 1.5625rem;
}

.order-gift-card-heading {
  width: 100%;
}

.order-gift-card-form-wrap,
.order-gift-card-form-wrap form {
  width: 100%;
}

.order-gift-card-form-wrap form {
  display: flex;
}

.main_flex_lead_form.card-body {
  padding: 1.875rem;
}

.order-gift-card-form-wrap .form-check.check_main_magnet {
  width: 100%;
}

.order-gift-card-form-wrap .form-check.check_main_magnet:last-child {
  margin: 0;
}

.title_new_e_card {
  padding-bottom: 1.5rem;
}

.title_new_e_card h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
}

.flex_bx_order,
.column_order_gift {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.column_order_gift {
  width: 49%;
}

.lead_track_main .stepwizard .order_new_e_card_wrap label {
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
}

/* .order_new_e_card_wrap .form-control,
.order_new_e_card_wrap .form-select {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.375rem 1rem;
  background-color: transparent;
  border: 0.0625rem solid var(--global-input-border);
  color: var(--text-two);
  border-radius: 0.25rem;
} */

.order_new_e_card_wrap .form-select option {
  color: var(--text-grey);
}

.order_new_e_card_wrap .form-select:focus,
.order_new_e_card_wrap .form-control:focus {
  color: var(--text-two);
  background-color: transparent;
  border-color: var(--global-input-border);
  outline: 0;
  box-shadow: 0 0 0.3125rem 0 var(--submenu-third);
}

.order_new_e_card_wrap .form-group {
  width: 48%;
}

.order_new_e_card_wrap .form-control::placeholder {
  color: var(--global-input-border);
}

.gift_card_price,
.search_int {
  align-items: center;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--global-input-border);
  min-height: 2.25rem;
}

.gift_card_price input,
.gift_card_price select,
.r-add-leads-main-wrapper .gift_card_price input,
.r-add-leads-main-wrapper .gift_card_price select,
.search_int input,
.search_int select,
.r-add-leads-main-wrapper .search_int input,
.r-add-leads-main-wrapper .search_int select {
  border: 0rem !important;
  min-height: auto;
  padding: auto 0.375rem;
}

.order_new_e_card_wrap .gift_card_price input {
  border: none;
}

.icon_dollar {
  color: var(--text-two);
  padding-left: 0.625rem;
}

.textarea_f {
  height: 90%;
}

.order_new_e_card_wrap .lead_form_bottom {
  width: 100%;
}

.select_form_ap {
  position: relative;
}

.btn_previous_page button.prev-step {
  background-color: transparent;
  color: var(--orange-white-orange);
}

.select_formap {
  appearance: none;
  position: relative;
  background: url(../images/arrow.png) no-repeat 95% center / 0.75rem transparent;
}


.order-gift-card-select-form-wrap {
  display: grid;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  gap: 1.25rem;
  grid-template-columns: repeat(5, 1fr);
}

.order-gift-card-select-form-wrap .form-check {
  margin-right: 0;
  padding-left: 0;
}

.crad_design_temp {
  position: relative;
  z-index: 1;
  width: auto;
  height: 100%;
  display: block;
  margin-bottom: 0.375rem;
  overflow: hidden;
  border-radius: 0.75rem;
  max-height: 12.5rem;
  border: 0.0625rem solid var(--global-input-border);
}

.check_card_design .crad_design_temp:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: var(--input-placeholder);
  border-radius: 0.75rem;
  visibility: hidden;
  opacity: 0;
}

.selected_temp {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0rem;
  transform: translate(0rem, -26%);
  background: var(--global-white);
  padding: 0.3125rem;
  z-index: 3;
  width: 5rem;
  border-radius: 0.25rem;
  margin: auto;
  font-size: 0.875rem;
  color: var(--global-orange);
  font-weight: 600;
  visibility: hidden;
  opacity: 0;
}

.check_card_design .form-check-input:checked+.form-check-label .selected_temp,
.check_card_design .form-check-label:hover .crad_design_temp:after,
.check_card_design .form-check-input:checked+.form-check-label .crad_design_temp:after {
  visibility: visible;
  opacity: 1;
}

.check_card_design .form-check-label:hover {
  background-color: var(--submenu-sec);
  border-color: var(--global-input-border);
}

.check_card_design img {
  width: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}

.check_card_design .form-check-label {
  text-align: center;
  border-radius: 0.75rem;
  border: 0.0625rem solid transparent;
  cursor: pointer;
}

.check_card_design .form-check-input,
.email_configuration_inner .form-check-input {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
}

.check_card_design .form-check-input:checked+.form-check-label {
  background-color: var(--submenu-sec);
  border-color: var(--global-input-border);
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-input-border);
}

.flex_term {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.5rem 0;
}

.term_and_con p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
}

.btn_edit_terms {
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
  border: none;
  display: inline-block;
  background: transparent;
}

.btn_edit_terms i {
  margin-right: 0.4375rem;
}

.btn_edit_terms:hover {
  color: var(--text-two);
}

.show_terms_content {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  max-height: 12.5rem;
  overflow: auto;
}

.show_terms_content p {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-two);
}

.show_terms_content textarea {
  display: none;
}

.dateupadte {
  padding-top: 1rem;
}

.text-decoration {
  text-decoration: underline;
}

.title_new_e_card.flex_term {
  padding: 0;
  margin: 0 0 1rem;
}

.title_new_e_card h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-two);
}

.custom_gift_card_wrap {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.75rem;
  padding: 1.5rem;
}

.custom_gift_card_wrap {
  display: initial;
}

.custom_gift_card_wrap .lead-source-color-picker {
  color: var(--text-two);
  background-color: transparent;
}

.custom_gift_card_wrap .lead-source-color-picker label {
  color: var(--text-grey);
}

.custom_gift_card_wrap .column_order_gift {
  width: 100%;
  align-items: start;
}

.appointmentime .form-check-input,
.textalignfor .form-check-input {
  visibility: hidden;
  opacity: 0;
}

.textalignfor .form-check-input:checked[type="radio"]+.form-check-label {
  background-color: var(--white-white-orange);
  color: var(--orange-orange-white);
}

.textalignfor .form-check-label {
  padding: 0.625rem 1.5rem;
  color: var(--global-input-border);
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1.25rem;
}

.textalignfor {
  display: flex;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.3125rem;
  padding: 0 !important;
}

.textalignfor .form-check {
  margin: 0;
  padding: 0;
  min-height: auto;
}

.flex_group {
  display: flex;
  align-items: stretch;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--global-input-border);
}

.flex_group input,
.flex_group .select_formap {
  border: none !important;
}

.text_font_s {
  align-items: center;
  border-left: 0.0625rem solid var(--global-input-border);
}

.icon_fontsize {
  color: var(--text-two);
  padding-left: 1rem;
}

.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.enableinput .disabled {
  pointer-events: fill;
  opacity: 1;
}

.templete_pictures,
.templete_pictures img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.term_conditions_accept {
  margin-top: 1.25rem;
  display: none;
}

.flex_con {
  width: 100%;
  display: inline-block;
  padding: 1.25rem 0;
}

.term_conditions_accept h4 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.25rem;
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: 600;
  background-color: var(--card-highlight--bg-color);
}

.term_conditions_accept p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 400;
  padding: 0.3125rem 0;
}

.content_info.leftal {
  text-align: left;
  height: 100%;
  padding: 1.25rem;
}

.content_info.rightal {
  text-align: right;
}

.content_info.justifycenter {
  text-align: justify;
}

.btn_add_card_rep {
  border: none;
  background-color: transparent;
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
}

.btn_add_card_rep .recipent {
  font-size: 2.875rem;
  display: block;
}

.card_recipients_main_wrap .bg_clr_form_st {
  padding: 1rem;
  margin-bottom: 1rem;
}

.card_recipients_main_wrap .user_profile_inbox,
.modal_add_user_repients .user_profile_inbox {
  margin-right: 0.625rem;
}

.card_recipients_main_wrap .user_profile_inbox,
.card_recipients_main_wrap .user_profile_inbox img,
.modal_add_user_repients .user_profile_inbox,
.modal_add_user_repients .user_profile_inbox img {
  width: 3rem;
  height: 3rem;
}

.card_recipients_main_wrap .user_profile_content h5 {
  margin-bottom: 0.125rem;
}

.add_recipient_wrap,
.column_user {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.add_recipient_main_bx {
  height: 20.6875rem;
  overflow-y: auto;
}

.column_user_edit_delet {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}

.column_user_edit_delet p {
  color: var(--text-two);
  font-size: 1.25rem;
  font-weight: 500;
}

.btn_edit,
.btn_delet {
  color: var(--text-two);
  background-color: transparent;
  border: none;
}

.modal_add_user_repients .form-group {
  padding: 0 1.5rem 1.5rem;
}

.modal_add_user_repients .form-group input {
  padding: 0.375rem 0.5rem 0.375rem 1rem;
  border: none;
  color: var(--text-grey);
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--global-input-w-bg);
}

.modal_add_user_repients .form-group .serch-user {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.25rem;
  align-items: center;
}

.modal_add_user_repients .form-group .serch-user input {
  border: none;
}

.modal_add_user_repients .user_profile_content h5,
.modal_add_user_repients .user_profile_content p {
  color: var(--text-grey);
}

.modal_add_user_repients .user_profile_content h5 {
  margin-bottom: 0;
}

.modal-body.modal_add_user_repients {
  padding: 1.5rem 0;
}

.modal_add_user_repients .add_recipient_wrap {
  padding: 0.75rem 1.5rem;
}

.modal_add_user_repients .add_recipient_wrap:hover,
.modal_add_user_repients .add_recipient_wrap.selected_recipient {
  background-color: var(--global-upload-background-w-bg);
  cursor: pointer;
}

.btn_add_card {
  background-color: var(--global-orange);
  color: var(--global-white);
}

.e_gift_card_main_payment_wrap h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 700;
  padding-bottom: 1.5rem;
}

.e_gift_card_main_payment_wrap .order_summary_e_gift h2 {
  padding-bottom: 1rem;
}

.e_form_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.e_gift_card_main_payment_wrap .form-group .input-group {
  gap: 0.5rem;
}

.e_gift_card_main_payment_wrap .form-group .input-group input {
  border-radius: 0.25rem !important;
}

.e_gift_card_main_payment_wrap .form-group {
  width: 33.33%;
  padding: 0;
  margin-bottom: 0;
  margin-right: 0.75rem;
}

.e_gift_card_main_payment_wrap .form-group:last-child {
  margin-right: 0;
}

.e_gift_card_main_payment_wrap .lead_form_bottom {
  margin-top: 0.75rem;
}

.e_gift_card_main_payment_wrap .form-control::-webkit-input-placeholder {
  color: var(--global-input-border);
}

.payment_form_main_wrap {
  width: 100%;
  max-width: 70%;
}

.order_summary_e_gift {
  width: 100%;
  max-width: 30%;
}

.payment_form_main_wrap .form-control {
  height: 2.3125rem;
}

.order_summary_e_gift ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.order_summary_e_gift ul li,
.e_gift_card_main_payment_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order_summary_e_gift ul li {
  margin-bottom: 1rem;
}

.e_gift_card_main_payment_wrap {
  align-items: flex-start;
  gap: 1.25rem;
}

.order_summary_e_gift ul li p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 400;
}

.order_summary_e_gift ul li p:last-child {
  font-weight: 500;
}

.total_am {
  border-top: 0.0625rem solid var(--global-input-border);
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.total_am p {
  padding: 1rem 0;
}

.btn_orer_submit {
  width: 100%;
  color: var(--orange-orange-white);
  background-color: var(--white-white-orange);
  padding: 0.375rem 1.25rem;
  font-size: 1rem;
  display: inline-block;
  border-radius: 0.5rem;
  border: none;
  font-weight: 500;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 0rem;
}

/*=================================== PRE STEPS GIFT CARD ========================*/
.r-pre-step-order-gift .card-body {
  padding: 1.5rem;
}

.r-pre-step-order-gift .card-body h2 {
  margin-bottom: 0.9375rem;
}

.r-pre-step-order-gift .card-body ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.r-pre-step-order-gift .card-body .order-gift-card-heading {
  margin-bottom: 1.25rem;
}

.r-issue-form-inside-wrap.r-add-leads-main-wrapper {
  width: 70%;
  display: flex;
  align-items: flex-end;
  justify-content: start;
}

.r-issue-form-inside-wrap.r-add-leads-main-wrapper .form-group {
  width: 32%;
  margin-right: 0.9375rem;
}

.r-issue-form-inside-wrap.r-add-leads-main-wrapper .form-group input {
  padding: 0.3125rem 0.75rem;
}

.r-issue-form-inside-wrap.r-add-leads-main-wrapper .form-group .gift_card_price input {
  border: 0rem;
}

.r-issue-gift-card-form-wrap {
  margin-bottom: 2rem;
}

.r-steps-gift-card-bot-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*=================================== PRE STEPS GIFT CARD ========================*/

/*============ ORDER E GIFT  ====================*/

/*============ COMMUNICATION HISTORY  ====================*/
.communication-history table {
  width: 100% !important;
}

.email-resend-popup-body .r-modal-btn,
.email-preview-popup-email-preview .r-modal-btn {
  border: 0.0625rem solid var(--global-orange);
  color: var(--global-orange);
  background: transparent;
  font-size: 1rem;
  padding: 0.5rem 2.1875rem;
  margin-right: 0.75rem;
}

.email-resend-popup-body .r-orange-btn {
  background: var(--global-orange);
  color: var(--global-white);
  font-size: 1rem;
  padding: 0.5rem 2.1875rem;
  border-radius: 0.5rem;
  margin-left: 0.75rem;
}

.email-resend-popup-body {
  padding: 3.125rem 1.5625rem 2.1875rem 1.5625rem;
}

.email-resend-wrapper i {
  color: var(--global-orange);
  margin-bottom: 0.9375rem;
}

.email-resend-wrapper h4 {
  color: var(--global-orange);
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.email-resend-wrapper h5 {
  color: var(--text-grey);
  font-weight: 600;
  margin-bottom: 1.875rem;
}

.modal-sms-preview {
  padding: 0.625rem 0;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.modal-sms-preview:last-child {
  padding-bottom: 0;
  border-bottom: 0rem;
}

.modal-sms-preview:first-child {
  padding: 0 0 0.625rem;
}

.modal-email-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.modal-sms-preview.rlt .modal-email-preview,
.modal-sms-preview.rlt .perple-table-action-wrap {
  flex-direction: row-reverse;
}

.perple-table-action-wrap {
  display: flex;
  align-items: center;
}

.perple-table-action-wrap h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-grey);
}

.modal-email-preview-date p {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-grey);
  opacity: 0.5;
}

.modal-email-preview-content {
  max-height: 60vh;
  overflow-y: auto;
}

.email-preview-popup-email-preview h3,
.modal-email-preview-content h5,
.modal-email-preview-content h6,
.modal-email-preview-content p,
.modal-email-preview-content ul li,
.sms-preview-modal h3 {
  color: var(--text-grey);
  text-align: left;
}

.modal-sms-preview.rlt .modal-email-preview-content p {
  text-align: right;
}

.modal-email-preview-content a {
  text-decoration: underline;
  margin-left: 0.1875rem;
  color: var(--global-orange);
}

.email-preview-popup-email-preview h3,
.sms-preview-modal h3 {
  font-size: 1.5rem !important;
  font-weight: 700;
}

.modal-email-preview-content h5 {
  font-size: 1rem;
  font-weight: 600;
}

.modal-email-preview-content p {
  font-size: 0.875rem;
  font-weight: 500;
}

.modal-email-preview-content ul li {
  font-size: 0.9375rem;
  font-weight: 500;
}

.perple-table-action-wrap-right h6 {
  color: var(--text-one);
  font-size: 0.875rem;
  font-weight: 400;
}

.text-message p {
  color: var(--text-one);
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
}

.modal-content .perple-table-action-wrap-right h6 {
  color: var(--text-grey);
}

.modal-content .text-message p {
  color: var(--text-grey);
}

.text-message p a {
  color: var(--text-grey);
  margin-left: 0.3125rem;
}

.perple-table-action-wrap-left {
  margin-right: 0.625rem;
  flex: 0 0 auto;
}

.modal-sms-preview.rlt .perple-table-action-wrap-left {
  margin-right: 0;
  margin-left: 0.625rem;
}

.perple-table-action-wrap-left img {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  border-radius: 50%;
}

.r-com-rht {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.r-com-rht .orange-btn {
  flex: 0 0 auto;
  margin-right: 0.5rem;
}

.r-communication-history-tab.email .r-com-new-sms,
.r-sms-email-template-tab.email .btn_new_message a.btn_temp_f {
  display: none !important;
}

.r-communication-history-tab.sms .r-com-new-msg,
.r-sms-email-template-tab.sms .btn_new_message a.btn_temp_f {
  display: none !important;
}

.r-communication-history-tab.call-tab .r-com-new-msg {
  display: none !important;
}

.r-communication-history-tab.sms .r-com-new-sms,
.r-sms-email-template-tab.sms .btn_new_message a.btn_temp_s,
.r-sms-email-template-tab.email .btn_new_message a.btn_temp_f {
  display: inline-block !important;
}

.r-communication-history-tab.call-tab .r-com-new-sms {
  display: none !important;
}

.r-communication-history-tab .r-people-lft-tab .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.r-communication-history-tab .r-people-lft-tab .nav-link:hover {
  background: var(--global-orange);
  color: var(--global-white);
}

.global-form-select {
  background-color: var(--global-white);
  padding: 0.5rem 4.0625rem 0.5rem 0.625rem;
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-input-w-bg);
  border-radius: 0.5rem;
  border: 0rem;
  color: var(--text-grey);
}

.global-form-select option {
  color: var(--text-one);
}

.global-form-select:focus {
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-border-color-w-bg);
}

.table-select-wrap.dropdown input[type="date"] {
  border: 0.0625rem solid var(--global-input-border);
  padding: 0.5rem 1rem;
  color: var(--text-two);
  border-radius: 0.5rem;
}

.comm-sort-wrap {
  right: -0.625rem;
}

.all-people-sort-table.comm-sort-wrap .people-sort-box::before {
  left: 90%;
}

.top-select-wrap .global-form-select {
  padding: 0.375rem 4.0625rem 0.4375rem 0.625rem;
  border-radius: 0.4375rem;
}

.communication-history-date-wrap {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  padding: 1rem;
  margin-bottom: 1rem;
}

.communication-history-date-wrap .form-group {
  width: 32%;
}

.communication-history-date-wrap .form-group .people-sort-calender-wrap {
  width: 100%;
}

.communication-history-date-wrap button {
  min-width: 8.75rem;
}

.r-com-rht .orange-btn {
  margin: 0 0 0 0.3125rem;
}


.email-ana-dash-wrap .btn_new_message {
  text-align: right;
  margin-bottom: 1rem;
}

.email-ana-dash-wrap .btn_new_message a {
  margin: 0 0 0 0.625rem;
}

.email-top-wrap {
  padding: 1rem;
  margin-bottom: 1rem;
}

.email-top-wrap-lft {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}

.email-top-wrap-rht .select-wrap {
  width: 50%;
  margin-left: auto;
}

.email-btm-chart-wrap {
  display: flex;
  gap: 1rem;
}

.email-chart-lft {
  width: 65%;
}

.email-chart-rht {
  width: 35%;
}

.email-chart-lft-item-wrap {
  margin-bottom: 1rem;
}

.email-chart-lft-item {
  padding: 1rem;
}

.email-chart-lft-item-lft {
  display: flex;
  align-items: center;
}

.email-chart-lft-item-lft i {
  font-size: 1.5625rem;
  margin-right: 0.625rem;
}

.email-chart-lft-item-lft-text p {
  font-size: 0.875rem;
  font-weight: 500;
}

.email-chart-lft-item-lft-text h6 {
  font-size: 1.25rem;
  font-weight: 500;
}

.email-chart-rht .gradiant-card {
  padding: 1rem;
}

.email-chart-rht-heading {
  margin-bottom: 1rem;
}

.email-chart-rht-description ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}

.email-chart-rht-description ul li:last-child {
  margin-bottom: 0;
}

.email-chart-rht-description ul li p {
  display: flex;
  align-items: center;
}

.email-chart-rht-description ul li span {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--global-white);
  border-radius: 50%;
  margin-right: 0.3125rem;
}

.email-chart-lft-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.counter-chart-wrap {
  position: relative;
}

.counter-chart-text-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.counter-chart-text-wrap h6 {
  font-size: 0.75rem;
  line-height: 0;
}

.email-rht-donought-chart {
  width: 10rem;
  height: 10rem;
  margin: 0 auto 1.875rem auto;
}

.communication-history-date-wrap .form-group .select-wrap .dropdown {
  margin-bottom: 0 !important;
}

/*============ COMMUNICATION HISTORY  ====================*/
/*============ SMS AND EMAIL TEMPLATES  ====================*/
.sms_and_email_templates .actionbtn a {
  width: 2.5rem;
  display: inline-block;
  font-size: 1.25rem;
}

.sms_and_email_templates .actionbtn a.dropdown-item {
  width: 100%;
}

.sms_template_add_main_wrap .r-custom-checkbox-label {
  height: 23.75rem;
  max-height: 23.75rem;
}

.copy-from-select select {
  background-position: 97% center;
}

.copy-from-select select option {
  color: var(--text-grey);
}

.copy-from-select .form-select:focus {
  box-shadow: none;
}

.checkboxp {
  margin-top: 0.75rem;
}

.addsmstemplates_main_wrap label {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 0.375rem;
}

.addsmstemplates_main_wrap .form-group {
  margin-bottom: 0.9375rem;
}

.addsmstemplates_main_wrap .form-group:last-child {
  margin-bottom: 0;
}

.emai_template_marketing .modal-body {
  max-height: 70vh;
  overflow: auto;
}

.emai_template_marketing .list-desktop ul {
  padding-left: 1.875rem;
}

.addsmstemplates_main_wrap .form-group .form-control,
.addsmstemplates_main_wrap .form-group .input-group .form-select {
  border-radius: 0.25rem !important;
}

.addsmstemplates_main_wrap .form-group .input-group button {
  margin-left: 0.5rem !important;
  border-radius: 0.3125rem !important;
}

.addsmstemplates_main_wrap .form-group .input-group button.dropdown-toggle {
  margin-left: 0rem !important;
  border-radius: 0.3125rem !important;
  margin-right: 0.5rem;
}

.addsmstemplates_main_wrap .form-group .form-control:focus,
.addsmstemplates_main_wrap .form-group .input-group .form-select:focus,
.addsmstemplates_main_wrap .form-group .form-control,
.addsmstemplates_main_wrap .form-group .input-group .form-select {
  border-color: var(--global-input-w-bg);
  color: var(--text-one);
}

.modal-content .addsmstemplates_main_wrap .form-group .form-control:focus,
.modal-content .addsmstemplates_main_wrap .form-group .input-group .form-select:focus,
.modal-content .addsmstemplates_main_wrap .form-group .form-control,
.modal-content .addsmstemplates_main_wrap .form-group .input-group .form-select {
  border-color: var(--global-input-w-bg);
  color: var(--text-grey);
}

.addsmstemplates_main_wrap .input-group {
  flex-wrap: nowrap;
}

.people-table-main .r-switch {
  margin-top: 0.375rem;
}

.r-switch {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 1.375rem;
}

/* .r-switch.inverse {
  width: 2.75rem;
  height: 1.5rem;
} */

.r-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider,
.first-reward-setting-wrap span.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--global-white);
  border: 0.0625rem solid var(--global-input-border);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.r-switch.inverse .slider,
.modal-content .slider {
  background-color: var(--global-white);
  border: 0.0625rem solid var(--global-input-w-bg);
}

.slider:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 0.625rem;
  top: 50%;
  background: var(--disable-btn-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  transform: translate(-50%, -50%);
}

/* .r-switch.inverse .slider:before {
  height: 1.25rem;
  width: 1.25rem;
  background: var(--disable-btn-color);
} */

input:checked+.slider {
  background-color: var(--global-orange);
}

input:checked+.slider:before {
  background-color: var(--global-white);
}

.r-switch.inverse input:checked+.slider {
  background-color: var(--global-orange);
}

.r-switch.inverse input:checked+.slider:before {
  background-color: var(--global-white);
}


input:checked+.slider:before {
  left: 1.75rem;
}

.r-switch.inverse input:checked+.slider:before {
  left: 1.75rem;
}

/* Rounded sliders */
.slider.round {
  border-radius: 2.125rem;
}

.slider.round:before {
  border-radius: 50%;
}

.email-template-preview {
  max-height: 50vh;
  padding: 0.625rem;
}

.r-modal .modal-body {
  overflow: auto;
}

.email-template-preview.r-add-leads-main-wrapper {
  padding: 1rem;
}

.r-user-wrapper {
  transition: 0.3s all linear;
}

.r-user-wrap {
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
  padding: 0.75rem;
  transition: 0.3s all linear;
}

.r-user-wrap:last-child {
  border-bottom: 0rem;
}

.r-user-wrap.r-gone {
  transform: translateX(100%);
}

.r-user-wrap-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.r-user-img-name {
  width: 70%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.r-user-img {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
  border-radius: 100%;
  margin-right: 1rem;
  overflow: hidden;
}

.r-user-name h5 {
  font-size: 1rem;
  font-weight: 600;
  word-break: break-all;
}

.r-user-name p {
  font-size: 0.875rem;
  color: rgba(51, 51, 51, 0.75);
}

.r-user-remove-btn {
  background: none;
  border: 0;
  font-size: 1.5rem;
}

.r-user-remove-btn:hover {
  color: var(--global-orange);
}

.email-template-preview .real-input--label {
  background: var(--global-upload-background-w-bg);
  border: 0.0625rem dashed var(--global-upload-border-color-w-bg);
  border-radius: 0.625rem;
}

.email-template-preview .real-input--label i {
  top: 2.5rem;
  color: var(--global-orange);
}

.email-template-preview .real-input--label {
  font-size: 1.125rem;
  color: var(--global-orange) !important;
}

.r-user-img.r-user-img-lg {
  width: 6rem;
  height: 4rem;
  overflow: hidden;
  border-radius: 0.3125rem;
}

/*============ SMS AND EMAIL TEMPLATES  ====================*/
/*=============== IMPORT CUSTOMER  ====================*/
.inport_customer {
  padding: 1.5rem 1rem 1rem;
  margin-bottom: 1.25rem;
  border-radius: 1rem;
  text-align: center;
  display: grid;
  align-items: stretch;
}

.inport_item {
  margin-bottom: 1rem;
}

.inport_item:last-child {
  margin-top: auto;
  margin-bottom: 0;
}

.inport_item .real-input {
  margin-bottom: 0;
}

.step_view_nu {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  background-color: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-radius: 6.25rem;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 600;
}

.inport_customer p {
  font-size: 1rem;
  color: var(--text-two);
  font-weight: 500;
}

.filecv i {
  color: var(--white-white-orange);
  font-size: 2.8125rem;
}

.inport_customer_data_main_wrap {
  background: url("../images/import_bg.jpg") no-repeat;
  background-size: cover;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  margin-top: 1.25rem;
}

/* .instruction_modal .modal-content {
  background: url("../images/import_bg.jpg") no-repeat;
  background-size: cover;
} */

.instruction_modal .modal-body {
  padding: 0;
  height: 37rem;
  overflow-y: auto;
}

.instruction_modal .modal-title {
  color: var(--text-grey);
}

.instruction_main_wrap h2 {
  font-weight: 600;
  font-size: 1.125rem;
  padding: 0.375rem 1.5rem;
}

.instruction_main_wrap {
  padding: 0;
  margin: 0.9375rem 0;
  list-style: none;
}

.instruction_main_wrap li,
.instruction_main_wrap p {
  color: var(--text-grey);
  font-size: 1rem;
  padding: 0.125rem 1.5rem;
  font-weight: 400;
}

.instruction_main_wrap h4 {
  color: var(--text-grey);
  font-size: 1.125rem;
  padding: 0.125rem 1.5rem;
  font-weight: 400;
}

.instruction_modal .btn-close-form {
  background-color: var(--global-white);
  color: var(--global-orange);
}

.yellow_color {
  color: var(--global-black);
  background-color: #ffff00;
}

.green_color {
  background-color: #33ff33;
  color: var(--global-black);
}

.request_t .btn-close {
  background: transparent;
  opacity: 1;
}

.instruction_modal .modal-header .btn-close i {
  color: var(--text-grey);
  font-size: 1.5rem;
}

/*============ END IMPORT CUSTOMER  ====================*/
/*=============== CUSTOMER APP  ====================*/
.customer_main_wrap {
  padding: 1.5rem;
  height: auto;
}

.customer_main_wrap h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-two);
}

.customer_main_wrap ul {
  padding: 0;
  margin: 2rem 0 2rem 1.1875rem;
}

.customer_main_wrap li {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 1rem;
}

.customer_main_wrap li:last-child {
  padding-bottom: 0;
}

.customer_main_wrap .btn_ins {
  width: auto;
  padding: 0.375rem 1.5rem;
  font-weight: 500;
}

.request_t .btn-close {
  font-size: 1.5rem;
  color: var(--text-grey);
}

.customer_main_wrap .videos {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding: 2.125rem 2.375rem;
  height: 0;
  border-radius: 1rem;
  background: url(../images/tablet.png) no-repeat;
  background-size: 100% 100%;
  height: 25rem;
}

.customer_main_wrap .videos_one {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding: 2.125rem 2.375rem;
  height: 0;
  border-radius: 1rem;
  background: url(../images/video/potrait-mobile.png) no-repeat;
  height: 58rem;
  background-position: center;
  /* z-index: 1; */
}

.new-vdo video {
  position: relative;
  left: 20%;
  top: 47px;
  z-index: 0;
}

.customer_main_wrap .videos_one video {}

.customer_main_wrap .videos iframe {
  width: 100%;
  height: 100%;
}

.app_download {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.customer_main_wrap h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 700;
  margin: 2rem 0 1rem;
  text-align: center;
}

.scanerbarcod,
.app_store_bx {
  margin: 0 2rem;
}

.app_store_bx a {
  margin-bottom: 0.75rem;
}

.scanerbarcod,
.app_store_bx a {
  flex-shrink: 0;
  display: block;
}

.app_store_bx img {
  width: 93%;
  border-radius: 0.625rem;
}

.trainingfor_re {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.request_t .modal-body {
  padding: 1.5rem;
}

.trainingfor_re .form-group {
  width: 49%;
  margin-bottom: 1.5rem;
}

.trainingfor_re .form-group:last-child {
  margin-bottom: 0;
}

.scanner_bar {
  margin-bottom: 2rem;
}

/*============ END CUSTOMER APP  ====================*/
/*============== INDEX Prospect Settings MODAL  ====================*/
.prospectsettings_modal .btn-close {
  background: none;
}

.prospectsettings_modal .modal-body {
  padding: 1.5rem;
}

.prospectsettings_main_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

#AddNewLead .prospectsettings_main_wrap {
  align-items: flex-start;
}

.prospectsettings_modal .modal-dialog {
  max-width: 35rem;
}

.link_prime_g_modal .modal-dialog {
  max-width: 43rem;
}

.prospectsettings_modal .modal-header .btn-close i {
  font-size: 1.5rem;
}

.prospectsettings_main_wrap:last-child {
  margin-bottom: 0;
}

.prospectsettings_main_wrap .form-group {
  width: 49%;
}

.prospectsettings_main_wrap .form-group input {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-grey);
}

.prospectsettings_main_wrap label {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 600;

}

.r-add-leads-main-reverse .prospectsettings_main_wrap label {
  margin-bottom: 0rem;
}

.prospectsettings_main_wrap label i {
  color: var(--global-orange);
}

.input_frame input {
  border: none;
}

.input_frame {
  display: flex;
  align-items: center;
  position: relative;
  border: 0.0625rem solid rgb(0 0 0 / 25%);
  border-radius: 0.25rem;
  padding-right: 0.5rem;
}

.daytext {
  color: rgb(51 51 51 / 50%);
  font-size: 0.875rem;
  font-weight: 500;
}

.globe-btn {
  padding: 0;
  background: transparent;
}

.globe-btn i {
  color: var(--global-white);
}

.domain-orange-wrap {
  position: relative;
  width: 1.875rem;
  height: 1.5625rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.125rem;
}

.domain-orange-wrap i {
  color: var(--global-orange);
}

.domain-orange-wrap::after {
  content: '';
  position: absolute;
  width: 3.75rem;
  height: 0.125rem;
  background: var(--global-orange);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(134deg);
}

.domain-small-orange-wrap i {
  font-size: 1.25rem;
  color: var(--text-two);
}

.domain-small-orange-wrap::after {
  width: 1.5625rem;
  background: var(--text-two);
}

.disconnect-modal-body h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

.disconnect-modal-body p {
  font-size: 1.0625rem;
}

.ck-editor-top-wrap .orange-link-wrap a {
  color: var(--text-two);
}

.ck-editor-top-wrap .system-btn {
  background-color: transparent;
  border: 0;
  outline: 0;
}

.ck-editor-top-wrap .system-btn i {
  font-size: 1.5rem;
  color: var(--text-two);
}

.delete_modal .btn_delete_bx i {
  color: var(--nav-user-icon-bg);
}

.delete_modal.success_modal .btn_delete_bx i {
  color: var(--global-orange);
}

.connection-wrap-inner {
  margin-top: 0.3125rem;
}

.con-btn {
  font-size: 0.9375rem;
  font-weight: 500;
  border: 0;
  outline: 0;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.1875rem;
}

.con-btn.connected {
  color: #22B06E;
  background: rgba(34, 176, 110, 0.15);
}

.con-btn.not-connected {
  color: #E08800;
  background: rgba(224, 136, 0, 0.15);
}

/*================ END INDEX Prospect Settings MODAL ====================*/
/*============== ONLINE MARKETING / E-COMMERCE CUSTOM SITE====================*/
.online_marketing_main_wraper a.btn_add_card_rep {
  color: var(--text-two);
}

.flex_wrap_website_on {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: start;
  align-items: start;
  gap: 1.25rem;
}

.total_count_txt {
  color: var(--text-two);
}

.website_tem_pic:hover .btn_temp_main {
  display: flex;
}

.btn_temp_main {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  transform: translate(0, 50%);
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: none;
  z-index: 9;
}

.select_blank_temp {
  width: 100%;
  height: 29.0625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--submenu-third);
  text-align: center;
  border-radius: 0.5rem;
  border: 0.125rem dashed var(--global-input-border);
}

.select_blank_temp span,
.select_blank_temp a {
  color: var(--card-list-border-color);

}

.select_blank_temp .icon_plus,
.blank_temp .icon_plus {
  width: 100%;
  font-size: 4rem;
  display: inline-block;
  margin-bottom: 0.75rem;
}

.website_previews.gift_marketing .modal-body {
  padding: 0;
  height: 77vh;
  overflow-y: auto;
}

.website_previews.gift_marketing .modal-content {
  height: auto;
  overflow: initial;
}

.add-new-website-m_wrap .order_new_e_card_wrap .form-group,
.edit-website-margin .form-group {
  padding: 0;
  margin-bottom: 1rem;
}

.edit-website-margin .input-group .form-check {
  width: 46%;
}

.add-new-website-m_wrap .order_new_e_card_wrap .form-group:first-child {
  margin-bottom: 0.5rem;
}

.setup-content .add-new-website-m_wrap .form-check {
  margin-top: 0;
}

.add-new-website-m_wrap .form-control::-webkit-input-placeholder {
  color: rgb(255 255 255 / 50%);
}

.input-group-text {
  border: none;
  background: var(--card-highlight--bg-color);
  border-radius: 0;
  color: var(--text-two);
}

.input-group-append:first-child {
  border-right: 0.0625rem solid var(--global-input-border);
}

.input-group-append:last-child {
  border-left: 0.0625rem solid var(--global-input-border);
}

.add-new-website-m_wrap .order_new_e_card_wrap .lead_form_bottom {
  margin-top: 0;
}

.add-new-website-m_wrap .btn_g_card_bx i {
  padding-right: 0.25rem;
}

.no-template-selected {
  display: flex;
  justify-content: center;
  align-items: stretch;
  position: relative;
  height: 100%;
}

.blank_temp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  text-align: center;
  transform: translate(0rem, 50%);
  height: 100%;
}

.blank_temp a {
  width: 100%;
  height: 100%;
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 500;
}

.product_select_c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.gift_marketing.website_previews .products_main_body {
  padding: 1.5rem;
  height: auto;
  overflow: inherit;
}

.products_main_body.modal_add_user_repients .form-group {
  padding: 0;
}

.website_previews#preview_products .modal-dialog {
  max-width: 41.75rem;
}

.columnproducts {
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}

.columnproducts:last-child {
  margin-bottom: 0;
}

.columnproducts,
.p_main_wrap_left {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pro_item_o {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.producst_sm_sort_pic {
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  background: var(--card-list-border-color);
  padding: 0.3125rem;
  margin-right: 1rem;
}

.producst_sm_sort_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.title_products p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: var(--global-input-border);
  padding-bottom: 0.125rem;
}

.title_products h4 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-two);
  line-height: 1.25rem;
}

.pro_item_price h4 {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--text-two);
  line-height: 1.25rem;
}

.product_select_c .form-select:focus {
  border-color: var(--global-input-w-bg);
}

.product_select_c .form-group .form-select,
.product_select_c .form-group .serch-user {
  border-radius: 0.5rem;
}

.product_select_c .form-group {
  width: 40%;
}

.add_recipient_main_bx.select_products_bx {
  height: 29.8125rem;
}

.e_commerce_item,
.e_commerce_action {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.e_commerce_custom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0.75rem;
  border-radius: 1rem;
  margin-bottom: 0.75rem;
}

.e_commerce_custom_pro_img {
  width: 15.5rem;
  height: 10.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-right: 0.75rem;
}

.e_commerce_custom_pro_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.product_title_name {
  color: var(--text-two);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.pro_content {
  color: var(--text-two);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.pro_content .p_d_t {
  color: var(--global-input-border);
  font-weight: 400;
}

.e_commerce_action {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.e_commerce_action li a {
  display: inline-block;
  color: var(--text-two);
  font-size: 0.875rem;
  margin-right: 0.5rem;
}

.e_commerce_action li:last-child a,
.btn_delete_bx button:last-child {
  margin-right: 0;
}

.e_commerece_site_modal.website_previews .gift_card_price {
  border-color: rgb(51 51 51 / 15%);
}

.e_commerece_site_modal.website_previews .gift_card_price .input-group-text {
  background: rgb(51 51 51 / 5%);
  color: var(--text-one);
}

.e_commerece_site_modal.website_previews .gift_card_price .input-group-append:first-child,
.e_commerece_site_modal.website_previews .gift_card_price .input-group-append:last-child {
  border-color: rgb(51 51 51 / 15%);
}

.e_commerece_site_modal.website_previews .gift_card_price input {
  border: none;
  color: var(--text-one);
}

.flex_bx_form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.flex_bx_form:last-child {
  margin-bottom: 0;
}

.e_commerece_site_modal .order_new_e_card_wrap .form-control {
  border: none;
}

.e_commerece_site_modal .order_new_e_card_wrap .form-select:focus,
.e_commerece_site_modal .order_new_e_card_wrap .form-control:focus {
  color: var(--text-one);
}

.e_commerece_site_modal .order_new_e_card_wrap .form-check-input {
  padding: 0;
}

.e_commerece_site_modal .order_new_e_card_wrap .form-check-input:checked {
  border-color: var(--global-orange) !important;
  background-color: var(--global-orange) !important;
}

.e_commerece_site_modal .order_new_e_card_wrap .form-check-input:checked::after {
  color: var(--global-white);
  left: 0.0313rem;
}

.e_commerece_site_modal .add_recipient_main_bx.select_products_bx {
  height: auto;
  overflow: inherit;
}

.password_eye {
  padding-right: 0.625rem;
}

.password_eye i {
  color: var(--global-orange);
  cursor: pointer;
}

.e_commerece_site_modal#delete_modal .modal-content,
.verify_email_modal_cls .modal-content {
  overflow: inherit;
  max-width: 29rem;
  height: auto;
  text-align: center;
  margin: auto;
}

.delete_modal i {
  color: var(--global-orange);
  font-size: 3.75rem;
  margin-bottom: 0.9375rem;
}

.delete_modal h4 {
  color: var(--global-orange) !important;
  font-size: 1.5rem !important;
  margin-bottom: 0.9375rem;
  font-weight: 600;
}

.delete_modal h5 {
  color: var(--text-grey);
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 2.5rem;
  font-weight: 600;
}

.e_commerece_site_modal#delete_modal .modal-body,
.verify_email_modal_cls .modal-body {
  padding: 2.25rem 1.5rem;
}

.btn_delete_bx button,
.btn_delete_bx a {
  margin-right: 0.9375rem;
  padding: 0.375rem 2.8125rem;
}

.select_website_type_main_wrap .main_flex_lead_form {
  padding: 1.5rem;
}

.ecom-bot-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: end;
}

.ecom-bot-btn-wrap .btn_previous_page {
  margin-right: 0.625rem;
}

.ecom-rht-goto {
  margin-top: 1rem;
  text-align: right;
}

.ecommerce-custom-site-wrap .people-table-accordian-wrap .accordion-item .accordion-body.shipping_order_inner_wrap {
  padding: 1.5rem;
}

.btn_temp_main .btn_next_page label.r-modal-btn {
  color: var(--global-white);
  padding-bottom: 0;
}

.btn_temp_main .btn_next_page label.r-modal-btn:hover {
  color: var(--global-orange);
}

.ecom_delete_warn_wrap {
  background: #F6F8FA;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  margin-top: 1rem;
  padding: 1rem;
  border-radius: .375rem;
}

.wrap_list_wrap {
  margin-top: 1rem;
}

.ecom_delete_warn_wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 85%;
  margin: 0 auto;
  gap: .5rem;
}

.ecom_delete_warn_wrap li {
  width: 48%;
}

/************** Editor Template *************/
.editor-main-wrapper {
  flex: 1 1 auto;
  padding: 0 2.5rem;
}

.tm_db_ed_main_body {
  width: 100%;
  max-width: 82%;
  margin-left: auto;
  transition: 0.5s;
}

.editor-main-wrapper.active .tm_db_ed_main_body {
  width: 100%;
  max-width: 100%;
}

.tm_db_ed_main_navbar {
  width: 100%;
  max-width: 17%;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-radius: 0;
  transition: 0.5s;
  padding: 0;
}

.editor-main-wrapper.active .tm_db_ed_main_navbar {
  max-width: 0%;
}

.editor-main-wrapper .db_right_header {
  padding-left: 0;
}

.online-marketing-table-modal .modal-body {
  padding: 0;
}

.online-marketing-table-modal .modal-body p {
  padding: 1.5rem;
}

.online-marketing-table th {
  height: 2.625rem;
  background: var(--global-border-color-w-bg);
}

.online-marketing-table td {
  padding: 0.5rem;
  font-size: 0.875rem;
  margin-right: 0.9375rem;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.online-marketing-table td:first-child {
  padding-left: 1rem;
}

.online-marketing-table td:last-child {
  padding-right: 1rem;
}

.online-marketing-main-wraper .r-modal-btn {
  padding: 0.375rem 1.5rem !important;
}

.e-commerce-btn-wrapper {
  text-align: right;
}

/*============ END ONLINE MARKETING / E-COMMERCE CUSTOM SITE====================*/
/*============ Online Marketing-- Fast Shop  ====================*/
.gradiant-card.r-fast-shop-card {
  padding: 0.75rem;
  background: var(--bg-color);
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
  border-radius: 1rem;
  height: auto;
  margin-bottom: 1rem;
}

.gradiant-card.r-fast-shop-card .card-body {
  padding: 0;
}

.r-fast-nav-wrapper {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.r-fast-nav-item {
  padding: 0.75rem;
  color: var(--text-two);
  display: block;
  font-size: 1rem;
  border-radius: 0.625rem;
  transition: 0.3s all linear;
}

.r-fast-nav-item:hover {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
}

.r-fast-nav-item i {
  margin-right: 0.625rem;
}

.r-fast-shop-top-btn-wrap {
  text-align: end;
  margin-bottom: 1rem;
}

.r-fast-template-box:hover .commingsoon {
  display: flex;
}

.commingsoon {
  width: 100%;
  height: 100%;
  display: none;
  justify-content: space-between;
  align-items: center;
  background-color: var(--global-input-w-bg);
  padding: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.commingsoon p {
  color: var(--global-white);
  border: 0.0625rem solid var(--global-white);
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  margin: auto;
  border-radius: 5rem;
}

.activated_text {
  width: 100%;
  color: var(--global-white);
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  margin-top: auto;
  background-color: rgba(81, 220, 107, 0.80);
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

/* CUSTOM LAYOUT TYLES ************ */
.r-fast-main-layout-wrap {
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-border-color-w-bg);
  border-radius: 1rem;
  background: var(--global-white);
  overflow: hidden;
}

.theme-dark .r-fast-main-layout-wrap .universal_pagination.inverse {
  border-color: var(--global-orange);
}

.account-status_box h4 {
  color: var(--text-grey);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.account-status_box h4 img {
  width: 1.0625rem;
  margin-right: 0.4375rem;
  position: relative;
  top: -0.125rem;
}

.account-status_box p a {
  padding: 0;
  margin: 0;
}

.r-layout-tabs-wrap .r-layout-tabs-inne {
  border-color: var(--global-orange);
}

.r-layout-header {
  padding: 1rem 0;
  background: var(--global-white);
}

.r-layout-container {
  max-width: 84.375rem;
  margin: 0 auto;
  padding: 0 1rem;
}

.r-layout-icon-input {
  display: inline-flex;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.5rem;
  margin-right: 2rem;
}

.r-layout-icon-input button {
  border: 0;
  background: 0;
  color: var(--text-grey);
  font-size: 1.125rem;
  display: inline-block;
  padding: 0 0.75rem;
}

.r-layout-icon-input input {
  border: 0;
  background: 0;
  padding-left: 0rem;
}

.r-layout-icon-input input::placeholder {
  color: var(--global-input-w-bg);
}

.r-icon-btn-thin:hover {
  background: var(--global-orange);
  color: var(--global-white);
}

.r-icon-btn-thin i {
  margin-right: 0.25rem;
}

.r-orange-btn.r-orange-thin {
  font-weight: 400;
}

.r-layout-logo {
  padding-right: 1.25rem;
  border-right: 0.0625rem solid var(--global-input-w-bg);
}

.r-layout-logo img {
  max-width: 9.375rem;
  max-height: 4.5rem;
}

.r-layout-banner-sec {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 2rem;
  position: relative;
  z-index: 9;
  color: var(--global-white);
  background: var(--global-black);
}

.r-layout-banner-inner h1 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 3rem;
  margin-bottom: 0.875rem;
}

.r-layout-banner-inner h1 span {
  font-weight: 600;
}

.r-layout-banner-inner p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  width: 80%;
}

.r-layout-banner-inner ul {
  padding-left: 1.25rem;
}

.r-layout-banner-inner ul li {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.r-layout-banner-inner ul li:last-child {
  margin-bottom: 0rem;
}

.r-layout-header-inner .navbar-collapse {
  margin-left: 1.25rem;
}

.r-layout-top-tab .nav-link {
  background: transparent;
  color: var(--text-grey);
  font-size: 1.125rem;
  border-radius: 0rem;
  padding: 0.625rem 2.1875rem;
  text-transform: capitalize;
}

.r-layout-top-tab .nav-link.active {
  background: transparent;
  border-bottom: 0.125rem solid var(--global-orange);
  color: var(--global-orange);
}

.r-layout-top-tab {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  margin-bottom: 1.25rem;
}

.r-tab-content-wrap h2 {
  margin-bottom: 1.25rem;
}

.r-layout-tabs-inner {
  padding: 0 0 1.5rem 0;
}

.r-tab-products-list-flex {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: 1.25rem;
  flex-wrap: wrap;
}

.r-layout-product {
  padding: 1.25rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.5rem;
  width: 31.5%;
}

.r-layout-product-img-wrap {
  text-align: center;
  width: 12.5rem;
  height: 12.5rem;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.r-layout-product-img-wrap img {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.r-layout-product-details-wrap h4 {
  font-size: 1rem;
  color: var(--text-grey);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}

.r-layout-product-price-qty-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.9375rem;
}

.r-layout-product-price-qty-wrap h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-grey);
}

.r-layout-product-qty-input {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.5rem;
  padding: 0.5rem;
  width: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: start;
}

.r-layout-product-qty-input span {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--disable-btn-color);
}

.r-layout-product-qty-input input {
  width: 100%;
  border: 0rem;
  text-align: center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-grey);
}

.r-layout-product-qty-input input::-webkit-outer-spin-button,
.r-layout-product-qty-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.r-layout-buy-btn {
  background: var(--global-orange);
  text-align: center;
  border: 0;
  width: 100%;
  border-radius: 0.5rem;
  color: var(--global-white);
  padding: 0.625rem 0;
  font-size: 1.5rem;
}

.r-layout-buy-btn i {
  margin-right: 0.625rem;
}

.r-layout-buy-btn:hover {
  opacity: 0.9;
}

.r-layout-buy-btn:active {
  scale: 0.99;
}

.build-fast-shop-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.build-fast-shop-box {
  text-align: center;
  margin-top: 6.25rem;
  color: var(--text-one);
}

.build-fast-shop-box i.fa-browser {
  font-size: 4rem;
  color: var(--global-orange);
  margin-bottom: 1.25rem;
}

.build-fast-shop-box h5 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.3125rem;
}

.build-fast-shop-box P {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.9375rem;
}

.build-fast-shop-box .r-orange-btn {
  padding: 0.375rem 1.5rem;
}

.build-fast-shop-box .r-orange-btn i {
  margin-right: 0.3125rem;
}

.r-fast-top-select-layout {
  margin-bottom: 2.5rem;
}

.r-fast-top-select-layout .gradiant-card.r-fast-top-card {
  background: var(--bg-color);
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
  border-radius: 1rem;
}

.r-fast-top-select-layout .gradiant-card.r-fast-top-card .card-body {
  padding: 1rem !important;
  color: var(--text-two);
}

.r-fast-shop-layout-content-wrap .gradiant-card.r-fast-content-wrap {
  background: var(--bg-color);
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
  border-radius: 1rem;
}

.r-fast-shop-layout-content-wrap .gradiant-card.r-fast-content-wrap .card-body {
  padding: 1.25rem;
}

.r-fast-template-wrap {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: start;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}

.r-fast-template-box {
  width: 49%;
  position: relative;
  border-radius: 0.625rem;
  overflow: hidden;
  cursor: pointer;
  border: 0.0625rem solid var(--card-highlight--bg-color);
  height: 31.25rem;
}

.r-fast-template-box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  transition: 0.3s all linear;
}

.r-fast-template-box:hover::after {
  background: var(--global-input-w-bg);
}

.r-fast-template-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.r-fast-template-btn-wrap {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  z-index: 22;
  transition: 0.3s all linear;
  opacity: 0;
}

.r-fast-template-btn-wrap .r-modal-btn.r-orange-btn {
  margin-right: 0.625rem;
  font-weight: 400;
}

.r-fast-template-btn-wrap .r-modal-btn.r-orange-btn:last-child {
  margin-right: 0rem;
}

.r-fast-template-box:hover .r-fast-template-btn-wrap {
  top: 50%;
  opacity: 1;
}

.link_color {
  color: var(--global-orange);
  text-decoration: none;
}

.link_color:hover {
  color: var(--global-orange);
}

.link_underline {
  text-decoration: underline;
  color: var(--global-orange);
}

.link_underline:hover {
  color: var(--global-orange);
}

.fast_domain_popup {
  display: flex;
  flex-direction: column;
}

.mt-2-check {
  padding-left: 0.9375rem !important;
  display: flex;
}

.mt-2-check input {
  width: 2.8125rem;
  margin-right: 0.4375rem;
}

.ol-li-none {
  padding-left: 0.3125rem;
}

.ol-li-none li {
  list-style: none;
  font-size: 0.9375rem;
  font-weight: 400;
  margin-bottom: 0.1875rem;
}

.input-spacing {
  padding: 0.375rem 0.9375rem;
  color: var(--text-grey);
  font-size: 0.875rem;
}

.btn_upload_info {
  font-size: 0.875rem;
  font-weight: 500;
}

.upload_orange {
  background: var(--global-upload-background-w-bg);
  border: 0.0625rem dashed var(--global-upload-border-color-w-bg);
  border-radius: 0.25rem;
  width: 95%;
  margin: 0rem auto 1.25rem auto !important;
}

.upload_orange input {
  opacity: 0;
}

.upload_orange label {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.1875rem;
  color: var(--global-orange);
  font-size: 0.9375rem;
  font-weight: 500;
}

.upload_orange label i {
  margin-bottom: 0.4375rem;
}

.category_img_uploded_bx.upload_orange {
  width: 100%;
  margin-bottom: 0 !important;
}

.fast_shop_modal .modal-body {
  padding: 1.5rem;
}

.maincategory_add_main {
  overflow-x: auto;
  height: 26.25rem;
}

.fastshopcategoris {
  margin-bottom: 1.5rem;
}

.fastshopcategoris:last-child,
.managecategory_main_wrap:last-child {
  margin-bottom: 0;
}

.fastshopcategoris label {
  color: var(--text-grey);
  font-size: 1rem;
  margin-bottom: 0.3125rem;
  font-weight: 600;
}

.managecategory_main_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}

.managecategory_main_wrap.bg_clr_form_st {
  box-shadow: 0rem 0rem 0.1875rem 0rem var(--global-border-color-w-bg);
}

.left_cumn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.sm_pic_m_c,
.sm_pic_m_c img {
  width: 4.375rem;
  height: 4.375rem;
  object-fit: contain;
  background: var(--card-highlight--bg-color);
  border-radius: 0.25rem;
  margin: 0 auto;
}

.sm_pic_m_c {
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.titlemanageca h4 {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
}

.managecategory_main_wrap .titlemanageca h4 {
  word-break: break-all;
}

.managecategory_main_wrap .sm_pic_m_c {
  margin-left: 0;
}

.managecategory_main_wrap .left_cumn {
  width: 74%;
}

.managecategory_main_wrap .right_cumn {
  width: 25%;
  text-align: right;
}

.managecategory_main_wrap .right_cumn .form-check {
  margin-right: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: .5rem;
  margin-bottom: .25rem;
}

.managecategory_main_wrap .right_cumn .form-check label {
  color: var(--text-two);
}

.managecategory_main_wrap .right_cumn .form-check .form-check-input {
  float: right;
  margin-left: 0rem;
}

.payment-success {
  overflow: auto;
}

.payment-success .col-md-12 {
  height: 100vh;
  padding: 60px;
}

.btn_trigger_md a,
.btn_trigger_md button {
  display: inline-block;
  color: var(--text-two);
  font-size: 1.125rem;
  margin-right: 0.75rem;
  background: transparent;
  border: 0;
}

.modal-content .btn_trigger_md button i {
  color: var(--text-two);
}

.managecategory_main_wrap,
.fast_shop_modal .btn_new_message {
  margin-bottom: 0.75rem;
}

.real-input.upload_orange_btn {
  width: 8.0625rem;
  margin-bottom: 0;
}

.real-input.upload_orange_btn .real-input--file {
  height: 2.25rem;
  width: 8.0625rem;
}

.real-input.upload_orange_btn .real-input--label {
  width: 8.0625rem;
  height: 2.25rem;
  margin: 0;
  background: var(--nav-user-icon-bg);
  color: var(--global-white);
  padding: 0 !important;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  margin-bottom: 0;
}

.img_up_main_bx img {
  width: 9.375rem;
  height: 9.375rem;
  object-fit: contain;
  margin: 1.25rem 0;
}

.custom-site-link a i {
  margin-left: 0.3125rem;
}

.select_brn:focus {
  border-color: rgb(0 0 0 / 15%);
}

.wrap_google_sell {
  margin-bottom: 1.5rem;
}

.wrap_google_sell:last-child {
  margin-bottom: 0;
}

.sell_google-title i {
  color: var(--global-orange);
}

.sell_google-title {
  color: var(--text-grey);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.sell_desc {
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.sell_desc h5 {
  font-size: 0.875rem;
  font-weight: 600;
}

.sell_desc p {
  font-weight: 400;
}

.googleProduct-list .table tr td {
  padding: 0.5rem;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  font-size: 0.75rem;
  color: var(--text-grey);
  font-weight: 600;
}

.googleProduct-list .table tr:nth-of-type(even) td {
  background: rgb(240 29 22 / 5%);
}

.status_text {
  color: rgb(51 51 51 / 74%);
}

.fast_connect_btn .btn_connect_s {
  background: var(--global-orange);
  color: var(--global-white);
  font-size: 0.875rem;
}

.pageperma_links {
  align-items: center;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--input-placeholder);
}

.pageperma_links input {
  border: none;
}

.input_group_text_cl_b {
  background: rgb(51 51 51 / 5%);
  color: var(--text-grey);
}

.form_in_ch:focus {
  box-shadow: 0 0 0 0rem rgb(255 255 255 / 25%);
  border-color: rgb(51 51 51 / 15%);
}

.share_social_net p {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 600;
}

.share_social_net a {
  color: var(--global-orange);
  font-size: 0.875rem;
  font-weight: 500;
}

.upload_file_img {
  background: var(--global-upload-background-w-bg);
  border: 0.0625rem dashed var(--global-upload-border-color-w-bg);
  border-radius: 0.25rem;
}

.upload_file_img label {
  padding-top: 3.875rem !important;
  color: var(--global-orange);
  font-weight: 500;
}

.cnt-customFile-upload {
  /* display: flex;
  flex-direction: row-reverse;
  gap: 1rem; */
}

.cnt-customFile-upload .input-container {
  /* margin-bottom: 1rem; */
  width: 100%;
}

.cnt-customFile-upload .input-container .upload_file_img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.cnt-customFile-upload .cnt-uploaded-filePreview {
  /* margin-top: 20px; */
  display: flex;
  overflow-x: scroll;
  gap: 0.5rem;
  min-width: auto;
  width: 100%;
}

.cnt-customFile-upload .cnt-uploaded-filePreview div {
  position: relative;
}

.cnt-customFile-upload .cnt-uploaded-filePreview .close-icon-bg i {
  color: var(--global-orange);
}

.cnt-customFile-upload .cnt-uploaded-filePreview img {
  height: 14rem;
  width: auto;
  max-height: inherit;
  margin: 0 auto;
  object-fit: contain;
}

.cnt-customFile-upload.has-files .cnt-uploaded-filePreview .preview-item .file-icon {
  font-size: 50px;
  /* border: #e9e9e9 solid 1px; */
  padding: 4.050rem 3rem;
}

.cnt-customFile-upload .cnt-uploaded-filePreview .preview-item {
  background-color: #F7F7F7;
  border-radius: 0.25rem;
  border: #e9e9e9 solid 1px;
}

.cnt-customFile-upload .cnt-uploaded-filePreview .delete-button {
  border: none;
  background-color: #F3A390;
}

/* Product Positoining */
.product_pos_wrap {
  padding: 1rem;
  justify-content: space-between;
  align-items: center;
}

.product_pos_wrap select {
  border-color: var(--global-input-border);
}

.product_positoining_wraper_inner ul {
  display: grid;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  list-style: none;
  gap: 1.25rem;
  grid-template-columns: repeat(6, 1fr);
}

.product_positoining_item {
  width: 100%;
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
  border-radius: 0.5rem;
  margin: 0;
}

.product_po_item_pic {
  width: 100%;
  height: 7.5rem;
  background: var(--card-highlight--bg-color);
  padding: 0.125rem;
  border-radius: 0.25rem;
  text-align: center;
  margin-bottom: 1rem;
  display: inline-block;
}

.product_po_item_pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.title_po_pro {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-two);
}

/* Product Positoining */
.update-logo-wrap {
  display: flex;
  justify-content: center;
}

.update-logo-wrap img {
  max-width: 15.625rem;
  height: 2.5rem;
  object-fit: contain;
}

.upload-banner-modal .modal-lg {
  max-width: 37.5rem;
}

.upload-banner-modal .project-tab {
  height: auto;
}

.upload-banner-modal .real-input--label i {
  top: 2.1875rem;
}

.upload-banner-modal .modal-footer button.deactivate {
  background-color: var(--bread-crumbs-color);
  border: 0.0625rem solid var(--bread-crumbs-color);
  opacity: 0.5;
}

.upload-banner-modal-library {
  display: grid;
  grid-gap: 0.9375rem;
  grid-template-columns: repeat(3, 1fr);
}

.upload-banner-modal-library li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.125rem solid var(--bs-modal-header-border-color);
  border-radius: 0.5rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.upload-banner-modal-library li.selected {
  border: 0.125rem solid var(--global-black);
}

.upload-banner-modal-library li.selected::before {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  background: url('../images/tick-ani.png') no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  z-index: 1;
}

.upload-banner-modal-library li.selected::after {
  content: '';
  width: 100%;
  height: 100%;
  background: var(--global-black);
  position: absolute;
  top: 0;
  left: 0;
  opacity: .6;
}

.upload-banner-modal-library li.upload-banner-modal-library-img img {
  width: 100%;
  max-height: 6.25rem;
  height: 100%;
  object-fit: cover;
}

.uploadcategoryimg .real-input--label i {
  top: -2.25rem;
  /* Removed important marked which was distorting entire file upload plus icon */
}

.uploadcategoryimg.uptemp .real-input--label i {
  top: 1.875rem !important;
}

.uploadcategoryimgselected .category_filleter_img {
  display: block;
}

.upload-banner-modal .modal-body .uploadcategoryimg {
  display: none;
}

.upload-banner-modal .show-upload .modal-body .uploadcategoryimg {
  display: block;
}

.upload-banner-modal .show-upload .modal-body .uploadcategoryimgselected {
  display: none;
}

.fastshop-editor-grid {
  display: grid;
  grid-gap: 0.9375rem;
  grid-template-columns: repeat(3, 1fr);
}

.fast-shop-notification i,
.fast-shop-notification h5 {
  font-size: 1.25rem;
  color: var(--white-white-orange);
}

.fast-shop-notification i {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.3125rem;
  border-radius: 6.25rem;
}

.fast-shop-notification h5 {
  font-weight: 500;
}

.fast-shop-notification P {
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--text-two);
}

.fastshop-editor-grid .round-icon-2 {
  box-shadow: none;
  width: 2.8125rem;
  height: 2.8125rem;
  font-size: 1.25rem;
}

.fastshop-editor-grid h5 {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--text-two);
}

.fast-shop-analytics h5 i,
.fast-shop-analytics .fast-shop-analytics-bottom i {
  padding: 0;
  background: transparent;
}

.fast-shop-analytics .fast-shop-analytics-bottom:first-child {
  margin-right: 1.25rem;
}

.fast-shop-analytics .fast-shop-analytics-bottom i {
  font-size: 0.9375rem;
  color: var(--text-two);
}

.fast-shop-product-card {
  height: auto;
}

.fast-shop-product-card .r-best-selling-details h5 {
  font-size: 1.125rem;
  font-weight: 400;
}

.fast-shop-product-card .r-best-selling-details h6 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
  opacity: 0.7;
}

/*============ Online Marketing-- Fast Shop  ====================*/
/*============ CUSTOMER GROUP & SEGMENT  ====================*/
.customer_group_segment_wrap {
  overflow: hidden;
}

.customer_group_segment_wrap .row_inf,
.row.e_cutomer_g {
  flex-wrap: inherit;
  justify-content: space-between;
}

.customer_group_segment_table {
  width: 100%;
  transition: 0.5s;
}

.row_inf.active .customer_group_segment_table {
  width: calc(100% - 48.5%);
}

.customer_group_inf_main_wrap {
  width: 47%;
  padding: 0;
  transition: 0.5s;
}

.row_inf.active .customer_group_inf_main_wrap {
  transform: translate(-2%, 0rem);
}

.customer_group_segment_table .btn_new_message {
  width: 100%;
  margin-bottom: 1rem;
  text-align: right;
}

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

.r-add-people-rht-top.customer_users.gradiant-card .r-add-leads-main-wrapper .form-control:disabled {
  background-color: transparent !important;
  opacity: 1;
}

.btn_right_auto form {
  margin-right: 0.625rem;
}

.customer_group_inf_main_wrap .btn_add_auto,
.customer_segment_wrap_inner_main .btn_add_auto {
  padding: 0.375rem 1rem 0.375rem 0.625rem;
  display: inline-block;
  font-weight: 500;
}

.customer_group_inf_main_wrap .btn_add_auto i,
.customer_segment_wrap_inner_main .btn_add_auto i {
  margin-right: 0.3125rem;
}

.customer_group_inf_main_wrap .title_main_btn h4 {
  font-weight: 700;
}

.customer_group_inf_main_wrap .customers_aapoint {
  padding: 0;
  margin-bottom: 0;
  overflow-y: inherit;
}

.customers_aapoint ul {
  padding: 0;
  margin-bottom: 0;
  height: 23.125rem;
  overflow-y: auto;
}

.customer_group_inf_main_wrap .title_main_btn {
  padding: 1.5rem;
  margin-bottom: 0;
}

.customer_group_inf_main_wrap .customers_aapoint h4 {
  padding-top: 0;
}

.customer_group_inf_main_wrap .customers_aapoint ul li a,
.customer_group_inf_main_wrap .customers_aapoint h4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.customer_group_inf_form label {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 0.3125rem;
}

.customer_group_inf_form input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}

.customer_group_inf_form .form-group {
  width: 100%;
  padding: 0rem 1.875rem;
}

.main_create_customer_group_wrap {
  padding: 1rem;
  margin: 0 0 0.9375rem;
  align-items: center;
}

.main_create_customer_group_wrap.lead_flex_range_status .form-control,
.main_create_customer_group_wrap.lead_flex_range_status .form-select {
  padding: 0.4375rem 0.4375rem 0.4375rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.lead_flex_range_status .form-check-input {
  border-radius: .25em !important;
}

/* .lead_flex_range_status .form-check-input::after {
  top: 0.375rem !important;
  left: 0.125rem !important;
} */

.lead_flex_range_status .form-check-label {
  padding-bottom: 0 !important;
}

.main_create_customer_group_wrap .column-left {
  width: 30%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.customer_selected_main {
  width: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.customer_selected_main p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  margin-right: 1rem;
}

.numberhold {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  border-radius: 6.25rem;
  background: var(--card-highlight--bg-color);
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 700;
}

.lead_flex_range_status .input-group {
  width: 15.625rem !important;
}

.main_create_customer_group_wrap input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

.main_create_customer_group_wrap.group_wrap_inner {
  justify-content: flex-start;
}

.main_create_customer_group_wrap.group_wrap_inner .search_int {
  width: 100%;
  margin-left: 0;
}

.edit-group-input-width .form-group .input-group {
  width: 15rem;
}

.main_create_customer_group_wrap.group_wrap_inner .search_int .form-control {
  padding-left: 2.1875rem;
}

.main_create_customer_group_wrap.group_wrap_inner .search_int .btn_search {
  width: 2.375rem;
  height: 2.3125rem;
  line-height: 2.25rem;
}

.group_wrap_inner .sortby {
  width: 60%;
}

.create_customer_group_main {
  width: 100%;
  height: 26.25rem;
  overflow-y: auto;
}

.form-check.bs_clr_check_w {
  margin: 0;
}

.bs_clr_check_w .form-check-input {
  position: relative;
  background: transparent;
  border-color: var(--global-input-border);
}

.bs_clr_check_w .form-check-input:checked[type="checkbox"] {
  background-color: var(--white-white-orange) !important;
  background-image: none;
}

.r-add-leads-main-reverse .form-check-input:checked[type="checkbox"] {
  background-color: var(--global-orange) !important;
}

.create_customer_group_main .inbox_user_main {
  align-items: center;
  gap: .5rem;
  margin: 0 0 0.9375rem;
}

.create_customer_group_main .inbox_user_main:last-child {
  margin-bottom: 0;
}

.create_customer_group_main .user_profile_inbox {
  margin: 0 .5rem 0 0.625rem;
}

.create_customer_group_main .user_profile_content h5 {
  margin-bottom: 0;
}

.r-orange-btn.r-disabled {
  background: var(--bread-crumbs-color);
  border-color: var(--bread-crumbs-color);
  pointer-events: none;
}

.customer_segment_wrap_inner_main a.btn-export {
  font-weight: 500;
}

.btn_add_auto.r-disabled {
  border: 0.0625rem solid var(--global-input-border);
  color: var(--global-input-border);
  background: transparent;
}

.btnusero {
  cursor: pointer;
}

.customer_users,
.customer_segment_wrap_inner_main {
  transition: 0.5s;
}

.customer_group_segment_wrap .row.e_cutomer_g.active .customer_segment_wrap_inner_main {
  width: calc(100% - 40%);
}

.customer_group_segment_wrap .row.e_cutomer_g.active .customer_users {
  width: 39%;
  transform: translate(-2%, 0rem);
  position: relative;
}

.r-add-people-rht-top.customer_users {
  padding: 1.5rem;
}

.r-add-people-rht-top.customer_users label {
  padding-bottom: 0.3125rem;
}

.r-add-people-rht-top.customer_users .r-add-leads-main-wrapper input {
  padding: 0.375rem 0.875rem;
  font-size: 0.875rem;
}

.customerdetails {
  display: flex;
  margin-bottom: 2rem;
}

.r-add-people-rht-top .customerdetails .people-details h2 {
  border-bottom: 0.0625rem solid var(--nav-link);
}

.customer_users input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

.customer_segment_wrap_inner_main .create_customer_group_main {
  height: 60vh;
}

.inbox_user_main.reverse .bs_clr_check_w .form-check-input {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.1875rem;
}

.inbox_user_main.reverse .bs_clr_check_w .form-check-input:focus {
  border: 0.0625rem solid var(--global-input-w-bg);
}

.inbox_user_main.reverse .user_profile_content h5,
.inbox_user_main.reverse .user_profile_content p,
.inbox_user_main.reverse .user-profile-date {
  color: var(--nav-user-icon-bg);
}

.user-profile-date {
  color: var(--text-two);
  margin-left: auto;
}

.r-add-people-rht-top.customer_users .close-btn {
  background-color: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  color: var(--text-two);
  font-size: 1.5rem;
}

table.dataTable tbody tr.highlight {
  background-color: var(--card-highlight--bg-color);
}

/*============ CUSTOMER GROUP & SEGMENT  ====================*/
/*============ LEADS-CUSTOMER-GROUP  ====================*/
.search_area .input-group {
  margin-left: 0;
}

.search_area_right .form-check {
  width: auto;
  display: flex;
  justify-content: flex-end;
  padding-left: 2.1875rem;
}

.search_area_right .form-check label {
  font-size: 1rem;
  margin-left: 0.3125rem;
  font-weight: 400;
  color: var(--text-two);
}

.sms-campaign-wrapper-item {
  width: 32.5%;
  padding: 1.5625rem 0;
  border-radius: 1.25rem;
}

.sms-campaign-item-heading {
  border-bottom: 0.0625rem solid var(--global-input-border);
  padding: 0 !important;
  width: 100%;
}

.sms-campaign-item-heading h2,
.campaign_import_customer_wrap h2 {
  color: var(--text-two);
  font-size: 1.375rem;
  font-weight: 600;
  padding: 0 1.375rem;
  margin-bottom: 1.25rem;
}

.sms-campaign-item-heading .sa-select-all-cust {
  padding: 0 1.375rem;
  margin-bottom: 1rem;
}

.sa-sel-cust-info {
  display: flex;
  gap: 0.625rem;
  color: var(--text-two);
  background-color: var(--card-highlight--bg-color);
  margin: 0 1.375rem;
  border-radius: 0.25rem;
  border: var(--global-input-border) dashed 1px;
  font-size: 1rem;
  padding: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
}

.sa-sel-cust-info p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.sa-sel-cust-info p a.lrn-more-txt {
  color: var(--text-two);
  text-decoration: underline;
}

.sa-sel-cust-info i {
  font-size: 1.25rem;
}

.sms-campaign-item-body {
  max-height: 31.25rem;
  min-height: 31.25rem;
  overflow-y: auto;
}

.sms-campaign-item-body-item {
  padding: 0 1.375rem;
  display: flex;
  justify-content: space-between;
}


.sms-campaign-item-body-item-main {
  width: 100%;
  height: 4.875rem;
  display: flex;
  padding: 0.75rem 0;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.sms-campaign-item-body-item .btn_next_page .nextBtn {
  color: var(--orange-orange-white);
}

.sms-campaign-item-body-item .btn-bounce-email-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.688rem
}

.sms-campaign-item-body-item .btn-bounce-email-wrap .btn_next_page {
  display: flex;
}

.sms-campaign-item-body .chat_list {
  cursor: pointer;
}

.sms-campaign-item-body .chat_list:hover,
.sms-campaign-item-body .chat_list.active_chat {
  background: var(--card-highlight--bg-color);
}

.sms-campaign-item-body .chat_list:hover,
.sms-campaign-item-body .chat_list.active_chat {
  background: var(--card-highlight--bg-color);
}

.sms-campaign-item-body .chat_list .chat_people {
  display: flex;
  align-items: center;
  width: 100%;
  height: 4.875rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
  padding: 0.625rem 1rem 0.625rem 0.625rem;
}

.sms-campaign-item-body .chat_list:last-child .chat_people {
  border: 0.0625rem solid transparent;
}

.sms-campaign-item-body-item-main.highlight,
.select-carrier-main-wrap table tbody tr.highlights {
  background: var(--card-highlight--bg-color);
}

.sms-campaign-item-body-item-main:last-child {
  border: 0.0625rem solid transparent;
}

.sms-campaign-item-body .chat_list .chat_people .chat_img p.circle,
.employee-lft-img span.circle {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 1rem;
  text-transform: uppercase;
}

.employee-lft-img-wrap .employee-lft-img img {
  margin-right: 1rem;
}

.sms-campaign-item-body-item {
  width: 100%;
  display: flex;
  align-items: center;
}

.sms-campaign-item-body-item-right {
  display: flex;
  align-items: center;
  margin-left: 0.625rem;
}

.sms-campaign-item-body-item-img {
  margin-right: 0.625rem;
  flex: 0 0 auto;
}

.sms-campaign-item-body-item-img img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1px solid var(--global-input-border);
  object-fit: contain;
  object-position: center;
}

.sms-campaign-item-body-item-text h5,
.sms-campaign-item-uers-id h5 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-two);
}

.sms-campaign-item-uers-id {
  width: 50%;
  margin-left: auto;
  padding-left: 0.9375rem;
  text-align: right;
}

.sms-campaign-item-uers-id h5 {
  word-wrap: break-word;
  word-break: break-word;
}

.sms-campaign-item-body-item-text h6 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-two);
  opacity: 0.5;
}

.sms-campaign-item-body-item-text h5 a {
  color: var(--text-two);
  text-decoration: underline;
}

.sms-campaign-wrapper {
  display: flex;
  justify-content: space-between;
}

.sms-campaign-bottom-btn {
  display: flex;
  justify-content: flex-end;
}

.sms-campaign-item-body-item-left .bs_clr_check_w input:checked .sms-campaign-item-body-item-main {
  background: rgba(255, 255, 255, 0.2) !important;
}

.sms-campaign-item-body-item-img i {
  font-size: 1.875rem;
  font-weight: 300;
  color: var(--text-two);
}

.round-check {
  border-radius: 50% !important;
}

.campaign_import_customer_wrap {
  display: flex;
  justify-content: space-between;
  padding-right: 1.375rem;
  align-items: center;
}

.sms_campaign_item_body_enhancement {
  padding: 1.375rem;
}

.campaign_import_customer_wrap .custom_nav_tabs_wrapper {
  padding: .0825rem;
}

.campaign_add_customer_below_coupon {
  margin-top: 0.5rem;
}

.campaign_add_customer_below_coupon p {
  color: var(--text-two);
  font-size: 0.875rem;
  opacity: .75;
  font-weight: 400;
}

.add_campgaign_tags_wrapper .bootstrap-tagsinput input {
  width: 22rem;
}

/*============ LEADS-CUSTOMER-GROUP  ====================*/
/*============ CHOOSE-TEMPLATE-PAGE  ====================*/
.choose-template-tab-wrap {
  display: flex;
  margin-bottom: 1.25rem;
}

.choose-template-tab-main {
  padding: 1.5rem;
}

.choose-template-tab-wrap-left {
  width: 60%;
}

.choose-template-tab-wrap-right {
  width: 40%;
}

.text-area {
  margin-bottom: 0.625rem;
}

.text-area textarea {
  min-height: 9.0625rem !important;
}

.text-area textarea,
.text-area input,
.text-area select {
  width: 100%;
  background: transparent !important;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
  color: var(--text-two);
}

.text-area textarea {
  padding: 0.5rem 0.75rem;
}

.text-area label {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-two);
  margin-bottom: 0.5rem;
}

.text-area input {
  padding: 0.5rem 0.75rem;
}

.text-area select,
.text-area select:focus {
  margin-bottom: 1.25rem;
  padding: 0.5rem 0.75rem;
  background: url("../images/arrow.png") no-repeat 99% center / 0.75rem #0000 !important;
  color: var(--text-two);
  border: 0.0625rem solid var(--global-input-border);
}

.text-area select option {
  color: var(--text-grey);
}

.choose-template-tab-wrap-left h5 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-two);
  margin-bottom: 1.25rem;
}

.choose-template-tab-wrap-right-img {
  text-align: right;
}

.choose-template-tab-wrap-right-img img {
  border-radius: 0.5rem;
  width: 90%;
}

.choose-template-tab-wrap-left .form-check {
  margin-bottom: 1.25rem !important;
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
}

.choose-template-tab-bottom {
  display: flex;
  justify-content: space-between;
}

.choose-template-tab-bottom .btn-export-prev {
  border: 0.0625rem solid var(--global-input-border);
  color: var(--text-two);
  background: transparent;
}

/*============ CHOOSE-TEMPLATE-PAGE  ====================*/
/*============ CUSTOM FORM  ====================*/
#logo-setting {
  object-fit: contain;
  border: 0.0625rem dashed var(--global-input-w-bg);
}

.row_inf.active .customer_group_segment_table.r-custom-form-lft-wrap {
  width: calc(100% - 41.5%);
}

.customer_group_inf_main_wrap.r-custom-form-rht-wrap {
  width: 40%;
  color: var(--text-two);
}

.r-custom-form-rht-wrap .r-custom-form-rht-top-img-preview-wrap {
  padding: 0 1.875rem 1.875rem;
}

.r-custom-form-rht-wrap .r-custom-form-rht-top-img-preview-wrap img {
  width: 100%;
}

.r-custom-form-rht-wrap .manage-forms-template-action-wrap {
  padding: 0rem 1.875rem 1.875rem;
}

.manage-forms-template-action-wrap-btns {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  margin-top: 0.3125rem;
  flex-wrap: wrap;
}

.manage-forms-template-action-wrap-btns .btn_add_auto {
  margin-bottom: 0.75rem;
  cursor: pointer;
}

.manage-forms-template-action-wrap-btns .btn_add_auto:last-child {
  margin: 0rem;
}

.group_inf_btn,
.template-tab-btn {
  cursor: pointer;
}

.manage-forms-templates-main-wrapper .row_inf {
  align-items: flex-start;
}

.custom-form-preview-wrap .gradiant-card {
  border-radius: 0;
}

.preview-top-inner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}

.preview-back-btn-wrap,
.preview-title-wrap,
.preview-nav-wrap {
  width: 33.33%;
}

.preview-title-wrap {
  text-align: center;
}

.preview-nav-wrap .lead_track_flex {
  justify-content: end;
}

.preview-back-btn-wrap a {
  color: var(--text-two);
}

.preview-form-inner {
  max-width: 80%;
  margin: 0 auto;
  padding: 1.5rem;
  background: var(--global-white);
}

.preview-logo {
  text-align: center;
}

.preview-logo img {
  max-width: 15.625rem;
  max-height: 6.25rem;
  object-fit: contain;
  object-position: center;
}

.ratings-wrap {
  color: var(--global-orange);
}

.ratings-wrap i {
  font-size: 1.25rem;
}

.custom-forms-preview-content-wrap {
  margin-top: 1.5rem;
}

.preview-form-wrap {
  position: relative;
  margin: 0 auto;
  padding: 1.5rem;
}

.preview-frame-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.tablet-preview-wrapper {
  max-width: 768px;
}

.preview-form-wrap .preview-form-inner {
  max-width: 100%;
  overflow: auto;
  padding: 0rem;
  border-radius: 1.875rem;
}

.tablet-preview-wrapper .preview-form-inner iframe {
  height: 530px;
}

.mobile-preview-wrapper {
  max-width: 375px;
}

.mobile-preview-wrapper .preview-form-inner {
  margin-top: 1.2rem;
}

.mobile-preview-wrapper .preview-form-inner iframe {
  height: 680px;
}

.desktop-preview iframe {
  height: 80vh;
}

.form-question-table-wrap {
  border-top: 0.0625rem solid var(--global-input-w-bg);
}

.form-ques-res-top p {
  margin-bottom: 1rem;
}

.form-ques-res-top p:last-child {
  margin-bottom: 0rem;
}

.custom-form-settings-modal-body.modal-body {
  padding: 0;
}

.custom-forms-setting-tabs-wrap .nav-link {
  color: var(--text-grey);
  text-align: left;
  width: 12.5rem;
  border-radius: 0;
  padding: 1.25rem 0.625rem 1.25rem 1.5rem;
  font-size: 1rem;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.custom-forms-setting-tabs-wrap .nav-link i {
  color: var(--text-grey);
}

.custom-forms-setting-tabs-wrap .nav-link.active,
.custom-forms-setting-tabs-wrap .nav-link:hover {
  background: var(--global-upload-border-color-w-bg);
  color: var(--global-orange);
}

.custom-forms-setting-tabs-wrap .nav-link.active i,
.custom-forms-setting-tabs-wrap .nav-link:hover i {
  color: var(--global-orange);
}

.custom-forms-setting-tabs-wrap .tab-content {
  padding: 1.5rem;
  border-left: 0.0625rem solid var(--global-input-w-bg);
  width: 100%;
  height: 65vh;
  overflow-y: auto;
}

.custom-form-setting-tab-inner .text-area label {
  margin-bottom: 0;
  font-weight: 500;
}

.custom-form-setting-tab-inner .form-check .form-check-input {
  margin-right: 0 !important;
}

.custom-form-setting-inner-forms {
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: 1.25rem;
}

.custom-form-setting-inner-forms-head {
  padding: 1rem 1.5rem;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.custom-form-setting-inner-forms-content {
  border-bottom: 0;
  padding: 1.5rem;
}

.enable_captch_wrap {
  margin: 1.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.enable_captch_wrap h4 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.375rem;
}

.newform-inner-wrap label p,
.generate-template-main-wrap label p {
  text-transform: none;
}

.delete_stage_modal_body p {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.delete_stage_modal_body h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.move_to_another_stage_select_cls {
  /* display: none; */
  margin-bottom: 1rem;
}

/*ENHANCEMENT FORM SETTING */
.notify_form_setting {
  padding: 0.5rem;
  border-radius: 0.4rem;
  background-color: #F6F8FA;
  border: 0.0625rem solid #E1E1E1;
  margin-bottom: 0.6rem;
}

.notify_form_setting .form-check label {
  margin-bottom: 0;
  padding-bottom: 0;
}

.notify_check {
  margin-bottom: 1rem;
}

.iti--inline-dropdown .iti__dropdown-content {
  width: auto !important;
  text-align: left;
}

.flex-wrap-notify,
.filetr_templte_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.title-notify h2 {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  color: var(--text-grey);
}

body main .filetr_templte_wrapper .select2-container {
  width: 16rem !important;
}


/*============ CUSTOM FORM  ====================*/
/*============ ORDER-LIST  ====================*/

.order-list-tab-top {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.order-list-tab-top-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
}

.order-list-tab-top-top {
  width: 100%;
}

.order-list-tab-top-bottom-wrapper {
  text-align: right;
  margin: -3.375rem 0 1rem 0;
}

.order-list-tab-top-bottom-wrapper .orange-btn-4 {
  margin-left: 0.5rem;
}

.order-list-tab-top-top .nav-tabs {
  border: 0;
}

.order-list-tab-top-top .nav-item .nav-link {
  border-radius: 0;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-two);
  border: 0.0625rem solid var(--global-input-border);
  min-height: 2.25rem;
}

.order-list-tab-top-top .nav-item .nav-link.active {
  border-radius: 0;
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
}

.order-list-content-top-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.order-list-content-top-top-item {
  width: 24.375%;
}

.order-list-content-top-top-item:last-child {
  margin-right: 0rem;
}

.order-management-rht-btn-wrap {
  margin-left: auto;
}

.order-management-rht-btn-wrap .r-modal-btn {
  padding: 0.5rem 1.5rem;
}

.order-list-content-top-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.order-management-lft-input-wrap input {
  width: 16rem;
}


.order-list-content-top-bottom-left {
  width: 74%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.order-list-content-top-bottom-left-item {
  width: 32.5%;
}

.order-list-content-top-bottom-right {
  width: 25%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.order-list-content-top-bottom-right .form-div {
  width: 42%;
}

.card_info_table.refundTransactionstable .dataTables_wrapper .dataTables_length label select {
  font-size: 1rem;
  min-width: 4.125rem;

}

.dollar-input {
  width: 40%;
  overflow: hidden;
}

.dollar-input input {
  border: none;
  outline: none;
  background: transparent;
  color: var(--text-two);
}

.dollar-input-input {
  display: flex;
  align-items: center;
  background: transparent !important;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
  color: var(--text-two);
  padding: 0.5rem 0.75rem;
  margin-right: 0.625rem;
  max-height: 2.25rem;
}

.dollar_input_increse_decrease_btn_wrap {
  display: flex;
  flex-direction: column;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
}

.number_input_arrows {
  background: transparent;
  border: none;
  padding: 0;
  color: var(--text-two);
  font-size: 0.75rem;
  line-height: 1;
  margin: 0;
}

.number_input_percent_wrap {
  padding: .125rem;
  background: rgba(255, 255, 255, .25);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  border-left: 0.0625rem solid var(--global-input-border);
  font-size: 1.25rem;
}

.commission_percentage_input_wrap .dollar-input-input {
  padding: 0;
  margin-right: 0;
  align-items: stretch;
}

.commission_percentage_input_wrap .number_input_percent_wrap {
  background: rgba(51, 51, 51, .05);
  border-color: #e1e1e1;
}

.commission_promotional .order-list-input-fix .dollar-input-input.number_input_with_controls {
  padding: 0rem 0rem 0rem .75rem;
  width: 8.75rem;
  position: relative;
  align-items: stretch;
  margin-left: .75rem;
}

.commission_promotional .order-list-input-fix .dollar-input-input.number_input_with_controls input {
  padding: 0;
}

.order-list-input-fix .dollar-input-input.shareAvailabilityScheduleinputlink {
  padding: 0rem 0rem 0 .75rem;
}

.dollar-input-input.shareAvailabilityScheduleinputlink .enter_amountbx .copy_text i {
  color: var(--text-two);
}

.dollar-input-input.shareAvailabilityScheduleinputlink .enter_amountbx {
  box-shadow: none;
  border: none;
}

.dollar-input-input.shareAvailabilityScheduleinputlink .enter_amountbx input {
  color: var(--text-two);
  cursor: pointer;
}

.r-add-leads-main-reverse .dollar-input-input {
  border-color: var(--global-input-w-bg);
  color: var(--text-grey);
}

.btn-left-r {
  border-radius: 0.25rem 0 0 0.25rem !important;
}

.btn-right-r {
  border-radius: 0 0.25rem 0.25rem 0 !important;
}

/* .order-list-content-top-top-item input {
  background: transparent;
  padding: 0.5rem 0.75rem;
  color: var(--text-two);
  border: 0.0625rem solid var(--global-input-border);
} */

.order-list-content-top-top-item input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.all-tab-pane2-left {
  width: 50%;
}

.all-tab-pane2-left input::placeholder {
  color: var(--input-placeholder);
}

.orgBtn:hover,
.orgBtn.active {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
}

.r-gear-btn {
  color: var(--orange-orange-white) !important;
  background: var(--white-white-orange) !important;
  margin-left: 1rem !important;
}

/* ENHANCEMENT CSS ORDER LIST */
.flex-wrapper-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

/* invoice-modal */
.r-invoice-main-body {
  padding: 0 !important;
  height: 75vh;
  overflow-y: auto;
}

.r-invoice-modal-table-wrap {
  width: 100%;
  overflow: auto;
}


.r-invoice-main-body-black {
  padding: 3.125rem;
  background: var(--global-black);
  color: var(--global-white);
}

.r-invoice-modal-table-wrap,
.r-invoice-grand-total-wrap {
  padding: 0 1rem;
}

.r-invoice-company-details-wrap {
  display: flex;
  margin-bottom: 0.75rem;
}

.r-invoice-modal-top-img-wrap {
  width: 13%;
}

.r-invoice-rht-details-wrap {
  width: 85%;
}

.r-invoice-modal-top-img-wrap img {
  width: 3.75rem;
  height: 3.75rem;
  object-fit: contain;
}

.r-invoice-top-details-wrap {
  display: flex;
  justify-content: space-between;
}

.r-invoice-address-wrap,
.r-invoice-email-wrap,
.r-invoice-phone-wrap {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 auto;
}

.r-invoice-rht-details-wrap h4 {
  font-size: 1.5625rem;
  margin-bottom: 0.75rem;
}

.r-invoice-top-details-wrap h5 {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--global-white);
  margin-bottom: 0.125rem;
}

.r-invoice-top-details-wrap a,
.r-invoice-top-details-wrap p {
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--global-input-border);
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.r-invoice-customer-details-wrap {
  display: flex;
  padding: 0.75rem 0;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.15);
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.15);
}

.r-invoice-customer-lft,
.r-invoice-customer-rht {
  width: 50%;
}

.r-invoice-customer-rht {
  padding-left: 2.5rem;
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.15);
}

.r-invoice-title-list-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.r-invoice-customer-title {
  width: 34%;
}

.r-invoice-customer-title p {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--global-white);
}

.r-invoice-customer-val span {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--global-input-border);
}

.r-invoice-main-body-plane {
  padding: 3.125rem;
}

.r-invoice-main-body-plane .r-invoice-modal-table-wrap {
  padding: 0;
}

.r-invoice-modal-table-wrap .table th {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--global-black);
}

.r-invoice-modal-table-wrap .table td {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--global-black);
}

.r-invoice-modal-table-wrap tr {
  border: transparent;
}

.r-invoice-modal-table-wrap thead tr {
  border-bottom: 0.125rem solid var(--global-black);
}

.r-invoice-modal-address-top-wrap .r-invoice-customer-title {
  width: auto;
}

.r-invoice-modal-address-top-wrap-bottom {
  display: flex;
}

.r-invoice-modal-address-top-wrap-bottom-item {
  width: auto;
  margin-right: 3.125rem;
}

.r-invoice-modal-top-wrap {
  margin-bottom: 0.75rem;
}

.r-invoice-modal-address-top-wrap .r-invoice-customer-title {
  margin-right: 0.3125rem;
}

.r-invoice-grand-total-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 1.875rem;
  padding: 0;
}

.r-invoice-grand-total-wrap .r-invoice-grand-total-wrap-ul {
  width: 50%;
  margin-left: auto;
  border-top: 0.125rem solid var(--global-black);
  border-bottom: 0.125rem solid var(--global-black);
  padding: 0.5rem 0 1.25rem 0;
}

.r-invoice-grand-total-wrap ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

.r-invoice-grand-total-wrap ul li p {
  font-weight: 700;
  color: var(--global-black);
}

.r-invoice-grand-total-wrap-ul-pay li span {
  color: var(--global-black);
  font-weight: 700;
}

.r-invoice-grand-total-wrap-ul-pay {
  width: 50%;
  padding-left: 0;
  margin-left: auto;
}

.dark-pay-btn {
  background: var(--global-black);
  color: var(--global-white);
  border: none;
  outline: none;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.5rem;
}

.dark-pay-btn:hover {
  color: var(--global-white);
}

.dark-pay-btn.successful {
  opacity: 0.25;
}

.r-invoice-modal-footer .orange-btn-2 {
  margin-left: 1rem;
}

.r-invoice-grand-total-link-wrap h5 {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.3125rem;
  color: var(--global-black);
}

.r-invoice-grand-total-link-wrap p {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--global-black);
}

.r-invoice-grand-total-link-wrap p a {
  color: var(--global-black);
  text-decoration: underline;
}

.r-invoice .modal-dialog {
  max-width: 53.125rem;
}

body main .select2-container {
  width: 100% !important;
}

.r-add-leads-main-wrapper .select-wrap-reverse .select2-selection {
  filter: brightness(50%) !important;
  border: 0.0625rem solid var(--global-input-w-bg) !important;
  color: var(--text-grey);
}

.r-add-leads-main-wrapper .select-wrap-reverse .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text-grey);
}

.modal-scroll .modal-body {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.custom-invoice-main .modal-body {
  max-height: 70vh;
  overflow-y: auto;
}

.post_submission_main p {
  font-size: 0.875rem;
  opacity: .5;
}

.post-submission-top-head {
  display: flex;
  align-items: center;
  justify-content: start;
}

.post-submission-lft {
  width: 64px;
  height: 64px;
  background: #51DC6B;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--global-white);
  margin-right: 1rem;
  flex: 0 0 auto;
}

.post-submission-rht h4 {
  font-size: 1.25rem;
  margin-bottom: .5rem;
}

.post_submission_main .post_submission_form {
  height: 6.25rem;
  margin-top: .5rem;
}

.refundTransactionstable table tbody tr td a {
  color: var(--text-grey);
  text-decoration: underline;
}

.refundTransactionstable .payment_transaction_details_table button i {
  color: var(--global-white);
}

.order_list_employee_name {
  background: var(--white-white-orange);
  color: var(--black-black-white);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .125rem .5rem;
  border-radius: 0.625rem;
  cursor: pointer;
}

.order_list_employee_name span {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order_list_employee_list_li label {
  padding: 0.75rem 1.5rem;
  display: flex;
  cursor: pointer;
  gap: 1rem;
  align-items: center;
}

.order_list_employee_list_li label span {
  display: block;
}

.order_list_employee_list_li label input {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}

.order_list_employee_list_li label:has(input[type="radio"]:checked) {
  background: var(--global-upload-background-w-bg);
}

.order_list_employee_img {
  width: 3rem;
  height: 3rem;
  border-radius: 6.25rem;
  overflow: hidden;
  flex: 0 0 auto;
}

.order_list_employee_details {
  width: calc(100% - 3rem);
}

.order_list_modal_employee_name,
.order_list_employee_email {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* invoice-modal */
/*============ ORDER-LIST  ====================*/
/*============ ORDER-LIST--MODALS  ====================*/
.r-simple-modal-content {
  border-radius: 1rem;
  background: transparent;
  border-color: transparent;
}

.r-simple-modal-header {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background: var(--global-black);
  color: var(--global-white);
  padding: 1.5rem 1.875rem 2.5rem 1.875rem;
  display: block;
  text-align: center;
  border: 0;
  position: relative;
}

.r-simple-modal-top-wrap {
  margin-bottom: 1.5rem;
}

.r-simple-modal-top-img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}

.r-simple-modal-top-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.r-simple-modal-top-wrap h2 {
  font-size: 1.5rem;
  font-weight: 700;
}

.r-simple-top-modal-details-wrap div {
  margin-bottom: 1.5rem;
}

.r-simple-top-modal-details-wrap div a,
.r-simple-top-modal-details-wrap div p {
  font-size: 1.25rem;
  color: var(--global-white);
}

.r-simple-top-modal-details-wrap div:last-child {
  margin-bottom: 0rem;
}

.r-simple-modal-phn-txt {
  border-bottom: 0.0625rem solid var(--global-white);
  display: inline-block;
}

.r-simple-btn-close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  background: transparent;
  border: 0;
  color: var(--global-white);
  font-size: 1.25rem;
  opacity: 0;
}

.r-simple-modal-content:hover .r-simple-btn-close {
  opacity: 1;
}

.r-simple-main-body {
  background: url("../images/invoice-top.png") no-repeat;
  background-position: bottom;
  background-size: cover;
  padding: 1.25rem 1.25rem 2.8125rem 1.25rem;
  position: relative;
}

.r-simple-main-body::after {
  content: "";
  width: 100%;
  height: 0.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../images/dash-line.png") no-repeat;
  background-position: center;
  background-size: 85% auto;
  opacity: .1;
}

.r-simple-modal-table-wrap table th {
  color: var(--global-black);
  font-size: 1rem;
  border-bottom: 0.125rem solid var(--global-black);
}

.r-simple-modal-table-wrap table td {
  color: var(--global-black);
  font-size: 1rem;
  border-bottom: 0.0625rem solid transparent;
}

.r-simple-grand-total-wrap ul {
  border-top: 0.125rem solid var(--global-black);
  border-bottom: 0.125rem solid var(--global-black);
  width: 50%;
  margin-left: auto;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  padding: 0.625rem 0;
  margin-bottom: 0.9375rem;
}

.r-simple-grand-total-wrap ul li {
  padding-bottom: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.r-simple-grand-total-wrap ul li:last-child {
  padding-bottom: 0rem;
}

.r-simple-grand-total-wrap ul li p {
  font-size: 1rem;
  font-weight: 700;
  color: var(--global-black);
}

.r-grand-total-amt-wrap {
  text-align: right;
  color: var(--global-black);
}

.r-grand-total-amt-wrap p {
  font-size: 1.25rem;
  font-weight: 600;
}

.r-grand-total-amt-wrap h6 {
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--text-one);
}

.r-grand-total-amt-wrap h6 span {
  font-size: 1rem;
  font-weight: 700;
  color: var(--global-input-w-bg);
}

.r-simple-modal-footer-main {
  background: var(--global-white);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  display: block;
  text-align: center;
  padding: 1.5rem;
  color: var(--text-one);
  background: url("../images/invoice-bottom.png") no-repeat;
  background-size: cover;
  background-position: top;
  border: 0;
}

.r-simple-modal-footer-main p {
  font-size: 1.125rem;
  font-weight: 400;
}

.r-simple-modal-footer-main p span {
  font-weight: 600;
}

#frmResendPhone button.orange-btn,
#frmResendMail button.orange-btn {
  padding: 0.3125rem 1rem;
}

/*============ ORDER-LIST--MODALS  ====================*/
/*============== ORDER-LIST--MODALS--TRANSACTIONS-DETAILS ====================*/
.order_details_main_trans h4 {
  color: var(--text-grey);
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0.375rem 1.25rem;
  background: var(--global-border-color-w-bg);
  margin-bottom: 1rem;
}

.schedule_transaction_modal_content_wrap .order_details_main_trans h4 {
  background: #F6F8FA;
}

.order_details_main_trans h4 {
  color: var(--text-grey);
  font-size: 1.25rem;
  font-weight: 600;
}

.order_details_main_trans ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.order_details_main_trans li {
  width: 32%;
  padding: 0 1.25rem;
  margin-bottom: 1.5rem;
}

.order_details_main_trans p {
  color: var(--input-placeholder);
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: capitalize;
}

.order_details_main_trans h5 {
  color: var(--text-grey);
  font-weight: 600;
  font-size: 1rem;
  text-transform: capitalize;
}

.payment_transaction_details_table table thead th:last-child,
.payment_transaction_details_table table tbody td:last-child {
  text-align: center;
}

.payment_transaction_details_table table tr th:first-of-type,
.payment_transaction_details_table table tr td:first-of-type {
  padding-left: 0.875rem;
}

.payment_transaction_details_table .action a,
.payment_transaction_details_table table#order a {
  color: var(--global-orange);
}

.payment_transaction_details_table table#order a:hover {
  color: var(--global-orange);
}

/*=========== END ORDER-LIST--MODALS--TRANSACTIONS-DETAILS =================*/
/*=========== ORDER-LIST--MODALS--PREVIEW AGREEMENT ====================*/
.preview_agreement_main_modal_wrap {
  padding: 0;
  height: 70vh;
  overflow: auto;
}

#preview_agreement .modal-dialog {
  max-width: 53.5rem;
}

.flex-parent {
  display: flex;
  align-items: stretch;
}

.brand_icon {
  width: 3.5rem;
  margin-right: 1.5rem;
}

.areement-content h2,
.services_wrok_order h4 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.gradient_blue {
  background: linear-gradient(20deg, rgb(3 72 147), rgb(57 172 216));
}

.preview_agreement_header_wrap {
  position: relative;
  padding: 2.5rem 3.125rem 8.25rem;
}

.preview_agreement_header_wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.1875rem;
  margin-bottom: 0rem;
  z-index: 2;
  background: url(../images/white-bg-bottom.svg) no-repeat;
  background-size: 100%;
  background-position: left bottom;
  border-radius: 0.25rem;
}

.areement-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
}

.areement-content ul li {
  width: auto;
  padding: 0 2.5rem 0 0;
}

.areement-content ul li a {
  color: var(--global-white);
}

.areement-content ul li:last-child {
  padding-right: 0;
}

.services_wrok_order {
  padding: 1rem 3.125rem 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 1.875rem;
  background: var(--global-blue-payment);
}

.services_wrok_order ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: space-between;
}

.services_wrok_order ul li {
  color: var(--global-white);
  font-size: 0.875rem;
  padding: 0 0.625rem 0.75rem 0;
}

.date_update {
  color: rgb(255 255 255 / 75%);
}

.services_wrok_order h4 {
  margin-bottom: 0.5rem;
}

.order_services_price {
  width: 70%;
  margin: auto;
  margin-bottom: 3.375rem;
}

.order_services_price table {
  width: 100%;
}

.order_services_price table thead th {
  color: var(--global-white);
  font-size: 0.875rem;
  background: var(--global-blue-payment);
  padding: 0.625rem;
  width: 50%;
}

.order_services_price table tbody td {
  font-size: 0.75rem;
  background: rgba(39, 138, 193, 0.1);
  color: var(--global-black);
  border: 0.0625rem solid var(--global-input-w-bg);
  border-top: none;
  padding: 0.625rem;
  width: 50%;
}

.btn_table_bx {
  text-align: right;
}

.btn_blue {
  color: var(--global-white);
  display: inline-block;
  padding: 0.4375rem 0.9375rem 0.375rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  background: var(--global-blue-payment);
  margin-top: 0.5rem;
}

.btn_blue:hover {
  color: var(--global-white);
}

.terms_conditionns_content,
.areement_users {
  padding: 1.5rem 3.125rem;
  margin-bottom: 1rem;
}

.term_con_text_paragraph {
  width: 100%;
  height: 20vh;
  overflow: auto;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: 0.5rem;
  padding: 0.625rem;
  margin-bottom: 1rem;
}

.term_con_text_paragraph:last-child {
  margin-bottom: 0;
}

.term_con_text_paragraph p {
  color: var(--text-one);
  font-size: 0.75rem;
}

.terms_conditionns_content h4 {
  color: var(--text-one);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.125rem;
}

.footer_terms_date {
  width: 100%;
  text-align: right;
  color: var(--text-one);
  font-size: 0.75rem;
}

.areement_profile_pic {
  width: 8rem;
  height: 8rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  margin-bottom: 0.5rem;
}

.btn_submit_blue,
.universal_footer_bg_content a {
  border: none;
  color: var(--global-white);
  font-size: 0.75rem;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
}

.bg-blue,
.universal_footer_bg_content {
  background: var(--global-blue-payment);
}

.universal_footer_bg_content {
  width: 100%;
  text-align: center;
  justify-content: center;
  display: inline-block;
  padding: 1.25rem 3.125rem;
  border-radius: 0;
}

.universal_footer_bg_content h4 {
  color: var(--global-white);
  font-size: 0.875rem;
  font-weight: 600;
}

.universal_footer_bg_content a {
  text-decoration: underline;
  color: var(--global-white);
  opacity: .8;
}

.r-add-people-lable-input-wrap.countrycode select {
  width: 6.5rem;
  margin-right: 1rem;
  flex: unset;
}

.check_focus .form-check-input {
  margin-top: 0;
}

.check_focus .form-check-input:focus {
  border-color: var(--global-border-color-w-bg);
}

/*=========== END ORDER-LIST--MODALS--PREVIEW AGREEMENT ====================*/
/*=========== ORDER-LIST---MODAL-- ====================*/
.orderSuccess-img,
.thankyou-text {
  margin-bottom: 0.3125rem;
}

.transaction-done {
  margin-bottom: 1rem;
}

.orderSuccess-img {
  color: var(--global-orange);
  font-size: 2.5rem;
}

.thankyou-text {
  font-size: 1.5rem;
}

.transaction-done {
  font-size: 1rem;
}

/*=========== END ORDER-LIST---MODAL-- ====================*/
/*=========== ORDER MANAGEMENT SCREEN ====================*/
.order-management-top-wrapper,
.order-management-mid-wrapper {
  margin-bottom: 1.5rem;
}

.order-management-top-box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.order-management-top-box .card,
.order-management-mid-wrapper .card {
  width: 100%;
  height: auto;
  padding: 1.5rem;
  margin-right: 1.5rem;
  border-radius: 1rem;
  color: var(--text-two);
}

.r-order-management-customer-card {
  margin-right: 0;
  margin-bottom: 1.5rem;
}

.order-management-mid-wrapper .order-mangement-mid-details {
  margin: 0;
}

.mange-pending-orders-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.mange-pending-top i {
  font-size: 4rem;
}

.mange-pending-mid h4 {
  font-size: 3rem;
  font-weight: 700;
}

.mange-pending-mid p {
  font-size: 1.875rem;
}

.r-order-status-list-wrap {
  margin: 0rem;
  margin-top: 0.9375rem;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.r-order-status-list-wrap li {
  margin-bottom: 1rem;
  margin-right: 1rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: start;
  line-height: 1;
}

.r-order-status-list-wrap li span {
  padding-right: 0.3125rem;
}

.r-order-status-dot {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 100%;
  background: var(--global-white);
  margin-right: 0.4375rem;
}

.r-order-confirmed-dot {
  background: var(--global-white);
  opacity: .5;
}

.r-order-ready-dot {
  background: var(--global-white);
  opacity: .3;
}

.r-order-chart-wrap canvas {
  min-height: 22.5rem;
}

.r-best-selling-card.card.gradiant-card {
  padding: 0;
  padding-bottom: 1.5rem;
  margin-right: 0rem;
}

.r-best-selling-top-wrap {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.r-best-selling-top-wrap a {
  color: var(--text-two);
}

.r-best-selling-products-wrap {
  max-height: 23.125rem;
  overflow-y: auto;
}

.r-best-selling-products-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.5rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.r-best-selling-products-box:last-child {
  border-bottom: 0.0625rem solid transparent;
}

.r-best-selling-products-img {
  width: 4.5rem;
  height: 4.5rem;
  overflow: hidden;
  margin-right: 0.625rem;
  background: var(--card-list-border-color);
  border-radius: 0.25rem;
  flex: 0 0 auto;
  padding: 0.25rem;
}

.r-best-selling-products-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.r-best-selling-details {
  width: calc(100% - 5.125rem);
}

.r-best-selling-details h5,
.r-best-selling-details h6 {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
}

.r-best-selling-details h5 {
  font-weight: 600;
  margin-bottom: 0.4375rem;
}

.r-best-selling-details h5:last-child {
  font-weight: 400;
  margin-bottom: 0rem;
}

.r-best-selling-details h6 {
  font-weight: 400;
  margin-bottom: 0.4375rem;
}

.r-best-selling-details h6 span,
.r-best-selling-details h5 span {
  color: var(--nav-link);
}

.order-mangement-mid-details {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: start;
  flex-wrap: wrap;
}

.order-management-bottom-wrapper {
  width: 100%;
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  justify-content: flex-start;
}

.r-order-management-lft-slide {
  width: 100%;
  flex: 0 0 auto;
  margin-right: 1.5rem;
  transition: .4s all linear;
}

.r-order-management-rht-slide {
  width: calc(40% - 1.5rem);
  flex: 0 0 auto;
  transform: translateX(100%);
  transition: .3s all linear;
}

.order-management-bottom-wrapper.active .r-order-management-lft-slide {
  width: 60%;
}

.order-management-bottom-wrapper.active .r-order-management-rht-slide {
  transform: translateX(0%);
}

/* .r-order-mangement-customer-details-wrap {
  color: #fff;
} */

.r-order-management-customer-card-top,
.r-order-management-customer-card-profile-img-wrap {
  padding: 1.5rem;
  display: flex;
  align-items: center;
}

.r-order-management-customer-card-top h5 {
  font-size: 1.5rem;
  text-transform: capitalize;
}

.r-order-management-customer-card-top p {
  margin-left: auto;
  font-weight: 400;
  font-size: 1rem;
}

.r-order-management-customer-card-profile-img-wrap {
  padding-top: 0;
}

.r-order-management-card-img {
  position: relative;
}

.r-order-management-card-img img {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  object-fit: contain;
}

.r-order-management-card-img .status {
  border: 0.0625rem solid var(--global-orange);
}

.r-order-management-card-user-details {
  margin-left: 0.9375rem;
}

.r-order-management-card-user-details h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

.r-order-management-card-user-details a {
  font-size: 1rem;
  font-weight: 500;
  color: var(--global-input-border);
  display: block;
}

.r-order-management-card-order-status {
  padding: 0 1.5rem 1.5rem;
}

.r-order-management-card-order-status ul {
  padding: 0rem;
  margin: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.r-order-management-card-order-status ul li {
  position: relative;
  z-index: 10;
  flex: 0 0 auto;
  width: 33.33%;
}

.r-order-management-card-order-status ul li::after {
  content: "";
  width: 100%;
  height: 0.0625rem;
  position: absolute;
  top: 1.25rem;
  z-index: -1;
  background: var(--text-two);
  opacity: .4;
  left: 0;
}

.r-order-management-card-order-status ul li:first-child:after {
  width: 50%;
  left: 50%;
}

.r-order-management-card-order-status ul li:last-child:after {
  width: 50%;
  left: 0%;
}

.r-order-management-status-box {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--bg-color);
  border: 0.0938rem solid var(--text-two);
  box-shadow: 0rem 0.25rem 0.5rem var(--global-input-w-bg);
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 0.4375rem;
}

.r-order-management-card-order-status ul li p {
  font-size: 0.875rem;
  font-weight: 400;
}

.r-order-management-card-order-status ul li.active p {
  text-decoration: underline;
  font-weight: 700;
}

.r-order-management-card-order-status ul li.comopleted p {
  font-weight: 700;
}

.r-order-management-card-order-status ul li.completed .r-order-management-status-box {
  opacity: 1;
}

.r-order-management-card-items-wrap {
  padding-bottom: 1.5rem;
}

.r-order-management-card-items-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  box-shadow: 0rem 0.1875rem 0.1875rem 0rem var(--global-border-color-w-bg);
}

.r-order-management-card-items {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0.3125rem 1.5rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, .3);
}

.r-order-management-card-items:last-child {
  border-bottom: 0rem;
}

.r-order-management-card-items-img {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 0.625rem;
  padding: 0.4375rem;
  flex: 0 0 auto;
  background: var(--card-list-border-color);
}

.r-order-management-card-items-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.r-order-management-card-items-details {
  width: 70%;
}

.r-order-management-card-items-details h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-two);
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.r-order-management-card-items-details p {
  color: var(--global-input-border);
}

.r-order-management-card-items-price {
  margin-left: auto;
  width: 15%;
  flex: 0 0 auto;
  text-align: right;
}

.r-order-management-card-items-box-wrap {
  max-height: 21.875rem;
  overflow-y: auto;
}

/*=========== ORDER MANAGEMENT SCREEN ====================*/
/*============= ORDER-SHIPPING ORDER-- ====================*/
.shipping_order_main_wraper .setup-shipping {
  margin-top: 1rem;
}

.shipping_order_main_wraper .people-table-sales-funnenl {
  margin-bottom: 1rem;
}

.flex-parent-main {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.shipping_order_inner_wrap {
  margin-bottom: 1rem;
}

.flex-parent-main .form-group {
  width: 100%;
  margin-right: 1rem;
}

.flex-parent-main .form-group:last-child {
  margin-right: 0;
}

.inner-group-field-with-icon {
  display: flex;
  align-items: stretch;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
}

.inner-group-field-with-icon i {
  color: var(--text-two);
  position: relative;
  top: -0.0625rem;
  padding-left: 0.625rem;
}

.inner-group-field-with-icon input {
  border: none;
  color: var(--text-two);
  font-size: 0.875rem;
  font-weight: 500;
  background-color: transparent;
}

.shipping_order_inner_wrap .form_control_in {
  border-radius: 0.25rem;
  padding: 0.4375rem;
}

.inner-group-field-with-icon input:focus,
.r-add-leads-main-wrapper .inner-group-field-with-icon input:focus {
  color: var(--text-two);
  background-color: transparent;
  border: 0.0625rem solid transparent;
  outline: 0;
  box-shadow: none;
}

.modal-content .inner-group-field-with-icon input:focus,
.modal-body .inner-group-field-with-icon input:focus,
.r-add-leads-main-wrapper .modal-content .inner-group-field-with-icon input:focus,
.r-add-leads-main-wrapper .modal-body .inner-group-field-with-icon input:focus {
  color: var(--text-grey);
}

.form_control_in::-moz-placeholder {
  color: var(--input-placeholder);
}

.form_control_in::placeholder {
  color: var(--input-placeholder);
}

.form-select-unit,
.r-add-leads-main-wrapper select.form-select-unit {
  border: none;
  border-left: 0.0625rem solid var(--submenu-sec);
  padding: 0.375rem 2.125rem 0.375rem 1rem;
  background-color: var(--submenu-sec);
  background-position: 80% center;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.form-select-unit option {
  color: var(--text-grey);
}

.inner-group-field-with-icon .input-group-text {
  padding: 0.5rem 1rem;
  border-color: var(--global-input-border);
  height: 100%;
}

.people-table-accordian-wrap .accordion-item .accordion-body.shipping_order_inner_wrap {
  padding: 0 1.5rem 1.5rem;
}

.shipping_order_main_wraper .people-table-accordian-wrap .accordion-item .accordion-button {
  border: none;
}

.coupon_campaign_info_content.order-shipping-content {
  height: auto;
  overflow-y: unset;
  display: inline-block;
}

.coupon_campaign_info_content.order-shipping-content li {
  width: auto;
  margin-bottom: 1rem;
}

.coupon_campaign_info_content.order-shipping-content .sm_text_c {
  line-height: 1.125rem
}

.form_left_order,
.form_right_order {
  width: 100%;
}

.order_tracking_bar .order-tracker-icon {
  font-size: 1.1875rem;
}

.order_tracking_bar li a.step-active-pass-btn {
  opacity: 1;
  border: none;
}

.title_main_btn .order-id_title {
  font-size: 1rem;
  line-height: 1.25rem;
}

.r-people-rht.table-filter-wrap.two_btn_next_page {
  display: flex;
  flex-wrap: wrap;
}

.r-people-rht.table-filter-wrap.two_btn_next_page .orange-btn {
  padding: 0.3125rem 0.75rem;
}

.two_btn_next_page a {
  margin-right: 0.625rem;
}

.two_btn_next_page a:last-child,
.order-list-page-top-btn-wrapper .two_btn_next_page a:last-child {
  margin-right: 0;
}

.order_tracker_main {
  width: 100%;
  overflow-y: auto;
}

/* Shipping order modal */
.shipping-order-inner {
  width: 100%;
  max-height: 60vh;
  overflow: auto;
  padding: 1.5rem;
}

.formShippmentOrder.ship_modal_order .shipping-order-inner {
  max-height: initial;
}

.order-step.steper_main {
  width: 100%;
  box-shadow: 0rem 0.125rem 0.375rem -0.1875rem var(--global-black);
  padding: 1.25rem 0rem 0.9375rem;
}

.shipping__add-info {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9375rem;
  padding-top: 0.125rem;
}

.shipping__add-info .shipping-name {
  margin-right: 0.625rem;
}

.shipping-title .accordion-button span {
  margin-right: 0.3125rem;
}

.order-step.steper_main li a.step-active-btn {
  border-color: var(--global-orange);
}

.order-step.steper_main p {
  color: var(--global-orange);
}

.order-step li::after {
  background: var(--global-input-w-bg);
}

.modal-title-text {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.shipping-title .accordion-button {
  border: none;
  padding: 0.4375rem 0.625rem;
  box-shadow: none;
  font-size: 1rem;
  color: var(--text-grey);
}

.shipping-title .accordion-button::after {
  content: "\f078";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  background: transparent;
  font-weight: 500;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
}

.shipping-adress-accordion {
  margin-bottom: 1rem;
}

.shipping-form.flex-parent-main {
  flex-wrap: wrap;
  margin-bottom: 0;
}

.shipping-form.flex-parent-main.order_shipping_modal {
  justify-content: start;
  gap: .75rem;
}

/**CSS Conflict chas **/

.stepwizard.stepwizardtextbreak .modal-body {
  padding: 0;
}

.shipping-form .input-group-text {
  color: var(--text-grey);
  height: 100%;
}

.shipping-form .r-add-people-lable-input-wrap .form-group {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.25rem;
}

.shipping-form .r-add-people-lable-input-wrap .form-group input.input_padding_none {
  padding-left: 0;
}

.modal .shipping-form .r-add-people-lable-input-wrap .form-group input.input_padding_none {
  padding-left: 0.75rem;
}

.shipping-form .r-add-people-lable-input-wrap .form-group select,
.shipping-form .r-add-people-lable-input-wrap .form-group input {
  border: none;
}

.r-add-people-lable-input-wrap.from-shipping-error {
  width: 32%;
}

.r-add-people-lable-input-wrap.from-shipping-error .inner-group-field-with-icon .form-select-unit {
  background-position: 90% center;
  border-radius: 0 !important;
  max-width: 5.625rem;
}

.r-add-people-lable-input-wrap.from-shipping-error .inner-group-field-with-icon input {
  background-color: transparent;
}

.r-add-people-lable-input-wrap.from-shipping-error .inner-group-field-with-icon .form-select-unit,
.r-add-people-lable-input-wrap.from-shipping-error .inner-group-field-with-icon .input-group-text {
  border-left: 0.0625rem solid var(--global-input-w-bg);
  background-color: var(--global-upload-border-color-w-bg);
  padding: 0.3125rem 0.625rem;
}

.shipping-order-step .accordion-body {
  padding: 0.75rem 0.75rem 0;
}

.shipping-order-inner label {
  font-size: 0.9375rem;
}

.btn_previous_page_modal .r-modal-btn.button_border_red {
  font-size: 1rem;
  padding: 0.375rem 1.5rem;
  margin-top: auto;
}

/* Shipping order modal */

.order-list-page-top-btn-wrapper .two_btn_next_page a {
  margin-right: 0.5rem;
}

.order-list-page-top-btn-wrapper .two_btn_next_page,
.currentpage .btn_new_message.current {
  display: none;
}

.btn_new_message.two_btn_next_page.current {
  display: block;
}

.order_list_qb_report_wraper .order-management-mid-wrapper {
  margin-bottom: 1rem;
}

/*=========== END ORDER-SHIPPING ORDER-- ====================*/
/*=========== VIRTUAL-TERMINAL-START ====================*/
.virtual-tips-card-wrapper,
.virtual-primary-info-wrapper,
.virtual-accordian-wrap .accordion-item,
.order-list-tab-bottom,
.virtual-order-wrap {
  border-radius: 1rem;
}

.virtual-order-wrap {
  height: auto;
}

.order-list-tab-bottom .ColVis button.ColVis_Button {
  top: 1.5rem !important;
  right: 1.5rem !important;
}

.virtual-outer-tab-top,
.virtual-card-payment-top,
.virtual-tips-card-wrapper-top,
.virtual-tips-card-wrapper,
.virtual-primary-info-wrapper,
.virtual-order-top {
  margin-bottom: 1.0625rem;
}

.virtual-accordian-wrap .accordion-item {
  margin-bottom: 1rem;
}

.virtual-card-payment-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.virtual-terminal-wrap-nv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 1rem;
}

.virtual-card-payment-lft .lead_nav_tabs {
  background: transparent;
  padding: 0;
  border: 0;
}

.virtual-card-payment-rht .btn-rht {
  margin-left: 0.5rem;
}

.virtual-tips-card-wrapper,
.virtual-order-wrap,
.virtual-primary-info-top,
.virtual-primary-info-bottom {
  padding: 1.5rem;
}

.virtual-tips-card-wrapper-top {
  display: flex;
  justify-content: space-between;
}

.virtual-tips-card-wrapper-top-lft h3,
.virtual-primary-info-top-inner h3,
.virtual-order-top h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-two);
}

.virtual-tips-card-wrapper-top-lft i {
  margin-right: 0.625rem;
}

.virtual-tips-card-wrapper-top-rht i {
  color: var(--text-two);
  font-weight: 400;
}

.virtual-tips-card-wrapper-bottom ul {
  padding-left: 1.0625rem;
  margin: 0;
}

.virtual-tips-card-wrapper-bottom ul li {
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
  margin-bottom: 0.3125rem;
}

.virtual-tips-card-wrapper-bottom ul li:last-child {
  margin-bottom: 0;
}

.virtual-primary-info-top {
  padding: 1.5rem 1.5rem 0.75rem 1.5rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.virtual-primary-info-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.virtual-primary-info-bottom h5 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--global-input-border);
  margin-bottom: 1.5rem;
}

.virtual-primary-info-bottom h5 span {
  font-weight: 600;
  color: var(--text-two);
  margin-left: 0.3125rem;
}

.virtual-primary-info-bottom-first {
  display: flex;
  justify-content: space-between;
}

.virtual-primary-info-bottom-first-amount .dollar-input-input input {
  border: none !important;
  outline: none !important;
  background: transparent;
  color: var(--text-two);
  width: 100%;
}

.virtual-outer-tab-bottom .dollar-input-input input {
  padding-left: 0.5rem;
}

.virtual-primary-info-bottom-first-amount .dollar-input-input {
  margin-right: 0;
  padding: 0.4375rem 0.75rem;
}

.virtual-outer-tab input::placeholder,
.virtual-outer-tab textarea::placeholder {
  color: var(--global-input-border);
}

.virtual-primary-info-bottom-first-card input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.virtual-card-payment input[type=number] {
  -moz-appearance: textfield;
}

.virtual-primary-info-bottom-first-amount,
.virtual-primary-info-bottom-first-card {
  width: 31.4%;
}

.virtual-primary-info-bottom-first-date {
  width: 26%;
}

.virtual-primary-info-bottom-first-cvv {
  width: 9%;
}

.virtual-primary-info-bottom-fourth textarea {
  height: 6.25rem;
}

.virtual-primary-info-bottom-first,
.virtual-primary-info-bottom-second,
.virtual-primary-info-bottom-third {
  margin-bottom: 1.5rem;
}

/* .virtual-primary-info-bottom-first .form-label-2,
.virtual-primary-info-bottom-second .form-label-2,
.virtual-primary-info-bottom-third .form-label-2 {
  margin-bottom: 0.5rem;
} */

.virtual-primary-info-bottom-second {
  display: flex;
  justify-content: space-between;
}

.virtual-primary-info-bottom-second-lft,
.virtual-primary-info-bottom-second-rht {
  width: 49.6%;
}

.virtual-primary-info-bottom-second-rht-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vt-add-btn {
  background: transparent;
  border: 0;
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
  text-decoration: underline;
}

.vt-add-btn:hover {
  color: var(--text-two);
}

.vt-add-btn i {
  margin-right: 0.3125rem;
}

.virtual-primary-info-bottom-third {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.virtual-primary-info-bottom-third-lft {
  width: 86%;
}

.virtual-primary-info-bottom-third-rht {
  width: 13%;
  text-align: right;
}

.virtual-primary-info-bottom-third-rht button {
  border-radius: 0.25rem;
}

.virtual-outer-tab-bottom input,
.virtual-outer-tab-bottom select,
.virtual-outer-tab-bottom textarea,
.virtual-outer-tab-bottom .dollar-input-input {
  border: 0.0625rem solid var(--global-input-border);
}

.virtual-customer-billing-wrapper-top,
.virtual-customer-billing-wrapper-bottom,
.virtual-customer-shipping-wrapper-first,
.virtual-customer-shipping-wrapper-second {
  display: flex;
  justify-content: space-between;
}

.virtual-customer-billing-wrapper-top-item,
.virtual-customer-billing-wrapper-bottom-item,
.virtual-customer-shipping-wrapper-first-item {
  width: 32.7%;
}

.virtual-outer-tab-bottom .accordion-body {
  padding: 1.25rem !important;
}

.virtual-customer-billing-wrapper-top,
.virtual-customer-billing-wrapper-mid,
.virtual-customer-billing-wrapper-bottom,
.virtual-customer-shipping-wrapper-check,
.virtual-customer-shipping-wrapper-first,
.virtual-customer-shipping-wrapper-second,
.virtual-customer-shipping-wrapper-third {
  margin-bottom: 1.5rem !important;
}

.virtual-customer-shipping-wrapper-second-item {
  width: 49.6%;
}

.virtual-customer-shipping-wrapper-check label {
  font-size: 1rem;
  font-weight: 400;
}

.virtual-customer-billing-wrapper .orange-btn-3,
.virtual-customer-shipping-wrapper .orange-btn-3 {
  display: block;
  margin-left: auto;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
}

.new-invoice-accordian-wrap .virtual-customer-billing-wrapper textarea {
  height: 2.25rem;
}

.new-invoice-accordian-wrap .virtual-customer-billing-wrapper .vt-add-btn {
  padding-bottom: 0.625rem;
}

.virtual-order-bottom ul {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
  margin-bottom: 1rem;
}

.virtual-order-bottom ul li {
  list-style: none;
}

.virtual-order-bottom ul li {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-two);
}

.virtual-left-li {
  font-weight: 400 !important;
  color: var(--global-input-border) !important;
}

.vitual-total-amount {
  font-size: 1.25rem !important;
}

.vt-order-btn {
  display: block;
  margin-left: auto;
  padding: 0.5rem 2.5rem;
  font-size: 1rem;
}

.virtual-total-ul {
  border-top: 0.0625rem solid var(--global-input-border);
  border-bottom: 0.0625rem solid var(--global-input-border);
  padding: 1rem 0;
}

.rowbg {
  background-color: var(--navbar-toggler-btn-bg) !important;
}

.vt-assign-dropdown-toggle {
  width: 100%;
  padding: 0.5rem 0.75rem;
  background: transparent;
  text-align: left;
  color: var(--global-input-border);
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
}

.vt-assign-dropdown-toggle:hover,
.vt-assign-dropdown-toggle:focus {
  color: var(--global-input-border);
}

.vt-assign-dropdown-toggle:hover,
.vt-assign-dropdown-toggle:active,
.vt-assign-dropdown-toggle.active,
.vt-assign-dropdown-toggle:focus,
.vt-assign-dropdown-toggle.show {
  background: transparent !important;
  border: 0.0625rem solid var(--global-input-border) !important;
}

.vt-assign-dropdown-toggle::after {
  opacity: 0;
}

.vt-assign-dropdown-toggle,
.vt-assign-dropdown-toggle:hover,
.vt-assign-dropdown-toggle:focus {
  background-image: url('../images/arrow-grey.png') !important;
  background-position: center right 0.625rem !important;
  background-repeat: no-repeat !important;
  filter: brightness(100) !important;
}

.vt-assign-dropdown-menu.show {
  width: 100%;
}

.vt-assign-dropdown-menu-wrapper {
  display: flex;
  align-items: center;
}

.vt-assign-dropdown-menu {
  padding: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}

.vt-assign-dropdown-menu .dropdown-item {
  padding: 0.75rem 1.5rem;
  border: none;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.ui-widget.ui-widget-content {
  margin-top: 0rem;
  border-radius: 0.2rem;
}

.ui-autocomplete {
  max-height: 21.875rem;
  overflow: auto;
}

.vt-assign-dropdown-menu .dropdown-item:hover,
.vt-assign-dropdown-menu .dropdown-item.active,
.vt-assign-dropdown-menu .dropdown-item:active,
.vt-assign-dropdown-menu .dropdown-item.ui-state-active {
  background-color: var(--global-orange);
}

.vt-assign-dropdown-menu .ui-state-active,
.vt-assign-dropdown-menu .ui-widget-content .ui-state-active,
.vt-assign-dropdown-menu .ui-widget-header .ui-state-active,
.vt-assign-dropdown-menu a.ui-button:active,
.vt-assign-dropdown-menu .ui-button:active,
.vt-assign-dropdown-menu .ui-button.ui-state-active:hover {
  border: none;
  font-weight: 400;
  color: var(--text-one);
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: 0rem;
}

.vt-assign-dropdown-menu-lft img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  border-radius: 50%;
}

.vt-assign-dropdown-menu-rht {
  margin-left: 1rem;
}

.vt-assign-dropdown-menu-rht h6 {
  font-size: 1rem;
  font-weight: 600;
}

.vt-assign-dropdown-menu-rht p {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--input-placeholder);
}

.virtual-terminal-table-wrap .people-table-main {
  margin-bottom: 1rem;
}

.check-pay-input {
  margin-bottom: 0.3125rem;
}

.check-pay-input-link {
  text-decoration: underline;
  color: var(--global-input-border) !important;
  font-size: 1rem !important;
  font-weight: 600;
}

.check-pay-input-link:hover {
  color: var(--white-white-orange) !important;
}

.preauth-auth-card-bottom-btn-wrapper {
  text-align: right;
}

.preauth-auth-card-top h4 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
  margin-bottom: 1.875rem;
}

.alltransactiondetails-modal .modal-body,
.agreementlogsmodal .modal-body {
  max-height: 75vh;
  overflow: auto;
}

.virtual-primary-info-bottom .flex-parent-main.primaryreward {
  margin-bottom: 0.625rem;
}

.flex-parent-main.primaryreward h5,
.flex-parent-main.primaryreward label {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-right: 0.625rem;
}

.virtual-terminal-inner-new {
  display: flex;
  width: 100%;
}

.virtual-terminal-inner-new .virtual-outer-tab {
  width: 80%;
}

.virtual-termial-progress-wrap {
  width: 20%;
  background: var(--global-white);

}

.preauthorizecard-body ul {
  margin: 0 0 1rem 1.2rem;
}

.preauthorizecard-body ul li {
  font-size: 0.875rem;
  color: var(--text-grey);
  padding: 0.5rem 0;
}

.peautmodal-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.8rem;
}

.peautmodal-row .r-add-people-lable-input-wrap {
  width: 100%;
}

.addmore-input a.btnmodaladd {
  background: transparent;
  color: var(--global-orange);
  font-size: 0.875rem;
}

/*=========== VIRTUAL-TERMINAL-END ====================*/
/*=========== VIRTUAL-TERMINAL-SALE-ENHANCEMENT START ====================*/
.sale-row,
.sale-rows {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sale-rows {
  gap: 0.5rem;
}

.column-sale-8 {
  flex: 0 0 auto;
  width: 60%;
  padding-right: 0.5rem;
}

.column-sale-6 {
  flex: 0 0 auto;
  width: 49.7%;
}

.column-sale-4 {
  flex: 0 0 auto;
  width: 40%;
  padding-left: 0.5rem;
}

.vt-field-main-wrap,
.vt-unpaid-order {
  margin-bottom: 1rem;
}

.vt-sale-main-wrap {
  padding: 1rem;
}

.vt-form-group {
  width: 49.3%;
}

.vt-form-group-full {
  width: 100%;
}

.vt-sale-flex-inner,
.coupon-code-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}

.vt-sales-flex-inner,
.vt-sales-flex-accordion,
.flex-vt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.inner-group-field-with-icon input {
  border: none;
}

.btn-apply-coupon {
  border: none;
  background: transparent;
  font-size: 0.875rem;
  color: var(--text-two);
  padding: 0;
  text-decoration: underline;
}

.btn-apply-coupon i {
  margin-right: 0.5rem;
}

.coupon-discount {
  color: #51DC6B;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.vt-memo-note.vt-form-group {
  width: 30%;
}

.wrapper-vt-w {
  width: 69%;
}

.vt-exdate,
.vt-cvv {
  width: 24%;
}

.total_am_top {
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.total_am_top p {
  padding-bottom: .5rem;
}

.virtual-terminal-sale-main-wrapper .vt-summery-order .r-add-people-lable-input-wrap {
  margin-bottom: 0;
}

.vt-summery-order {
  max-width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
}

.vt-unpaid-order .people-all-table-wrap {
  margin-bottom: 0;
}

.title-unpaid {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.title-unpaid h4 {
  color: var(--text-two);
  font-size: 1.5rem;
}

.vt-summery-order ul li p {
  width: 100%;
  max-width: 14rem;
  word-break: break-word;
  padding-right: 0.5rem;
}

.vt-summery-order ul li p:last-child {
  width: initial;
  max-width: initial;
  text-align: right;
  padding-left: 0.5rem;
  padding-right: 0;
}

.analyticsdatepicker select,
.analyticsdatepicker select:focus,
.r-add-leads-main-wrapper .analyticsdatepicker .select2-selection {
  border: none !important;
  background-color: transparent;
  box-shadow: none;
}

.accordion-body.vt-body-accordian {
  padding: 0;
}

.coupon-btn-vt {
  padding: 1rem 0;
}

.btn-vt {
  padding: 1rem;
  padding-top: 0;
  text-align: right;
}

.billing-info-check,
.vt-gift-card,
.vt-cash-collected {
  width: 100%;
}

.vt-summery-order .select2-container--default .select2-selection--multiple .select2-selection__choice {
  width: auto;
  margin: 2px;
}

.r-add-leads-main-wrapper .vt-summery-order .select2-selection {
  max-height: 7rem;
  overflow-x: auto;
}

.vt-summery-order .coup-sale-text {
  font-size: .75rem;
}

.vt-summery-order .select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem 0.125rem 0.5rem !important;
}

.r-add-leads-main-wrapper .vt-summery-order .select2-selection__choice__remove {
  width: 0.6375rem;
  height: 0.6375rem;
}

.subtotal_am {
  border-top: 0.0625rem solid var(--global-input-border);
  padding-top: 1rem;
}

.vt-checknumber a,
.vt-gift-card p,
.surch-dis-text,
.coup-sale-text {
  font-size: 0.775rem;
  text-decoration: underline;
  color: var(--text-two);
  opacity: 0.75;
  display: inline-block;
  font-weight: 400;
}

.surch-dis-text,
.coup-sale-text {
  display: block;
  font-size: 0.875rem;
  text-decoration: none;
}

.order_summary_e_gift.vt-summery-order h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 400;
  padding-bottom: 1rem;
}

.virtual_terminal_main_input_wrap .vt-form-group {
  display: none;
}

.virtual_terminal_main_input_wrap .vt-form-group.vt-memo-note,
.virtual_terminal_main_input_wrap.virtual_t_cardpayment .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_cardpayment .vt-card-holder,
.virtual_terminal_main_input_wrap.virtual_t_cardpayment .vt-exdate,
.virtual_terminal_main_input_wrap.virtual_t_cardpayment .vt-cvv,
.virtual_terminal_main_input_wrap.virtual_t_cardpayment .vt-cardnumber,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt-checknumber,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt-routingnumber,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt-name-check,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt-name-check-account,
.virtual_terminal_main_input_wrap.virtual_t_giftcardpayment .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_giftcardpayment .vt-gift-card,
.virtual_terminal_main_input_wrap.virtual_t_cashpayment .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_cashpayment .vt-cash-collected,
.virtual_terminal_main_input_wrap.virtual_t_cryppayment .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt_radio_check_ach,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_input_cls .ach_active,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .vt-form-group-full.ach_active.ach_account_holder_wrap {
  display: block;
}

.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt-cardnumber,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment .cardtype,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_input_cls .vt-checknumber,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_input_cls .wrapper-vt-w,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .ach_account_holder_wrap,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .ach_account_holder_wrap,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .ach_account_type_wrap,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .vt-routingnumber,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .ach_account_number_wrap,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .ach_confirm_account_number_wrap,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_no_setup .vt-memo-note {
  display: none;
}

.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_giftcardpayment .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_cashpayment .vt-assincutomers,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment .vt_radio_check_ach,
.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_input_cls .vt-memo-note {
  width: 100%;
}

.virtual_terminal_main_input_wrap.virtual_t_checkpayment.ach_input_cls .vt-assincutomers {
  width: 49.3%;
}

.ach_notice_wrap {
  padding: 1rem;
  border: 0.125rem dashed var(--global-input-border);
  border-radius: 0.25rem;
}

.ach_notice_wrap h5 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-bottom: .5rem;
}

.ach_notice_wrap p {
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
}

.ach_notice_wrap ul,
.ach_notice_wrap li {
  list-style-type: disc;
}

.ach_notice_wrap ul {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}

.ach_notice_btn_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.ach_notice_btn_wrap a {
  width: 100%;
  text-align: center;
}

/*=========== VIRTUAL-TERMINAL-SALE-ENHANCEMENT END ====================*/
/*=========== VIRTUAL-TERMINAL-REFUND PREAUTH ====================*/
.btn_invoice_recurring,
.serch_top_field,
.tips_bx_top {
  display: none;
}

.virtual-primary-info-bottom .bs_clr_check_w .label_font {
  margin-right: 0.625rem;
  padding-bottom: 0;
}

.virtual-primary-info-bottom .bs_clr_check_w .form-check-input {
  margin: 0 0.625rem 0 0;
}

.virtual-primary-info-bottom .flex-parent {
  align-items: center;
  margin-right: 2.1875rem;
  padding-left: 0;
}

.virtual-primary-info-bottom .flex-parent:last-child,
.invoices_main_wraper .flex-parent button:last-child {
  margin-right: 0;
}

.select_posiotion_bg {
  width: 6.25rem;
  margin-right: 0.625rem;
  background-position: 90% center;
}

.virtual-primary-info-bottom .flex-parent-main {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}

.recurring_sale_interval {
  margin-bottom: 1.5rem;
}

.recurring_sale_interval h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-two);
  margin-bottom: 0.5rem;
}

.recurring_sale_interval p {
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
}

.second_row textarea {
  height: 7.75rem !important;
}

.second_row a.btn {
  padding: 0;
}

.virtual-outer-tab .col-md-6,
.virtual-outer-tab .col-md-4,
.virtual-outer-tab .col-lg-4,
.virtual-outer-tab .col-md-12 {
  margin-bottom: 1.125rem;
}

.virtual-outer-tab .row .col-md-6:last-child,
.virtual-outer-tab .col-lg-4:last-child,
.virtual-outer-tab .col-md-6:last-child,
.virtual-outer-tab .col-md-4:last-child,
.virtual-outer-tab .col-md-12:last-child {
  margin-bottom: 0;
}

/*=========== END VIRTUAL-TERMINAL-REFUND PREAUTH ====================*/
/*=========== VIRTUAL TERMINAL SCHEDULE START ====================*/
.schedule_transaction_top_filter {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: .75rem;
}

.schedule_transaction_input_wrap {
  width: 28.5%;
}

.schedule_notification_toggle_wrap .schedule_notification_toggle_span {
  color: var(--text-one);
  margin-right: .5rem;
}

.schedule_notification_toggle_wrap .details-button-btn {
  color: var(--text-one);
}

/*=========== VIRTUAL TERMINAL SCHEDULE END ====================*/

/*===========  NEW INVOICE START  ====================*/
.t-new-invoices-wrapper .new-inv-btn-wrapper {
  text-align: right;
  margin-bottom: 1rem;
}

.new-invoice-accordian-wrap .virtual-customer-billing-wrapper-bottom {
  margin-bottom: 0 !important;
}

.new-invoice-accordian-wrap .accordion-body.shipping_order_inner_wrap {
  padding: 1.25rem !important;
}

.new-invoice .label_font {
  font-weight: 600 !important;
}

.new-invoice-accordian-wrap textarea {
  height: 8rem;
}

.t-new-invoices-wrapper input,
.t-new-invoices-wrapper textarea,
.t-new-invoices-wrapper select {
  border: 0.0625rem solid var(--global-input-border);
}

.invoice-btn .orange-btn-3 {
  margin-left: 0.9375rem;
}

.new-invoice-inventory-wrapper table {
  width: 100%;
  text-align: center;
  border-collapse: separate;
}

.new-invoice-inventory-table.table-inventory-services.multiple-fixed-table tbody {
  vertical-align: baseline;
}

.new-invoice-inventory-table thead {
  position: relative;
}

.new-invoice-inventory-table thead::after {
  position: absolute;
  content: '';
  background: var(--card-highlight--bg-color);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.new-invoice-inventory-table tbody.r-invoice-thead-bg {
  background: var(--card-highlight--bg-color);
}

.new-invoice-inventory-table tbody.r-invoice-thead-bg th {
  padding: .375rem .5rem;
}

.new-invoice-inventory-table tbody.r-invoice-thead-bg th:first-child {
  padding-left: 1.5rem;
}

.new-invoice-inventory-table tbody {
  padding: 0 1.5rem;
}

.new-invoice-inventory-table thead tr th {
  padding: 0.75rem 0.25rem;
  color: var(--text-two);
}

.new-invoice-inventory-table thead th:first-child,
.new-invoice-inventory-table tbody td:first-child {
  padding-left: 1.5rem;
  text-align: left;
}

.new-invoice-inventory-table thead th:last-child,
.new-invoice-inventory-table tbody td:last-child {
  padding-right: 1.5rem;
  text-align: center;
}

/* .new-invoice-inventory-table tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0.0625rem var(--card-highlight--bg-color);
} */

.new-invoice-inventory-table tbody tr td {
  padding: 0.75rem 0.5rem;
}

.new-invoice-inventory-table tbody tr td i {
  color: var(--text-two);
}

.new-invoice-inventory-table input {
  padding: 0.375rem 0.4375rem;
}

.people-table-main table.r--invoice--fix--table tbody td {
  vertical-align: top;
}

.r-add-leads-main-wrapper .r--invoice--fix--table .select2-selection {
  max-height: 7rem;
  max-width: 13rem;
  width: 100%;
  overflow-x: auto;
}

.new-invoice-inventory-wrapper table.r--invoice--fix--table {
  border-collapse: collapse;
}

.new-invoice-inventory-wrapper table.r--invoice--fix--table input.rate {
  width: 6.25rem;
}

.new_invoice_table_wrapper table th,
.new_invoice_table_wrapper table td {
  padding: 0.375rem;
}

.new_invoice_table_wrapper table th {
  padding: 0.5rem 0.375rem;
}

.new_invoice_table_td_qty,
.new_invoice_table_td_subtotal {
  width: 4%;
}

.new_invoice_table_td_rate {
  display: inline-flex;
  align-items: center;
  width: 100px;
}

.new_invoice_table_wrapper table td.new_invoice_table_wrapper_add_modifier {
  padding: .5rem;
}

.new_invoice_table_wrapper .new_invoice_table_td_discount {
  min-width: 9rem;
}

/* .new-invoice-dropdown-item,
.new-invoice-dropdown-item i {
  color: var(--global-orange) !important;
} */

.new-invoice-dropdown-item-border {
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.new-inv-tax-check.virtual-customer-shipping-wrapper-check {
  margin-bottom: 0 !important;
}

.new-tax-inv-modal .r-add-people-lable-input-wrap.from-shipping-error {
  width: 100% !important;
}

.new-tax-inv-modal .form-select-unit.form-select {
  padding: 0.375rem 0.625rem !important;
  background-color: var(--global-border-color-w-bg) !important;
}

.new-inv-btn-wrapper .btn_new_message .btn_temp_f {
  margin-left: 0.9375rem;
}

/* .vt-top-subtotal {
  border-bottom: 0.0625rem solid #fff;
  padding-bottom: 1rem;
} */

.new-inv-bottom-wrapper .virtual-primary-info-wrapper-inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.new-inv-template-wrapper.gradiant-card {
  height: auto;
  padding: 1.5rem;
}

.new-inv-bottom-wrapper .new-inv-template-wrapper {
  width: 74%;
}

.new-inv-bottom-wrapper .new-inv-order-wrapper {
  width: 25%;
}

.new-inv-template-wrapper .new-inv-template-wrapper-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-inv-template-wrapper .new-inv-template-outer-item {
  margin-bottom: 1rem;
}

.new-inv-template-outer-item textarea {
  height: 6.5rem;
}

.new-inv-upload-check-area-item-rht {
  text-align: right;
}

.new-inv-upload-area .real-input {
  height: 10.3125rem;
}

.new-inv-upload-check-area-item-rht p {
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
}

.new-invoice-dropdown {
  padding: 0;
  overflow: hidden;
}

.new-invoice-dropdown .r-modal-btn {
  width: 100%;
  border: 0;
  text-align: left;
  padding: 0.3125rem 1.5rem 0.3125rem 0.9375rem;
}

.new-invoice-dropdown .r-modal-btn i {
  color: var(--global-orange);
  margin-right: 0.25rem;
}

.t-new-invoices-wrapper .vt-assign-dropdown-toggle {
  padding: 0.375rem .75rem;
}

.t-new-invoices-wrapper input[type=text],
.t-new-invoices-wrapper input[type=number],
.t-new-invoices-wrapper textarea,
.t-new-invoices-wrapper select {
  width: 100%;
}

.new-inv-order-wrapper span {
  display: block;
  font-size: 0.75rem;
}

.tx-order-top {
  border-top: 0.0625rem solid var(--text-two);
  padding-top: 0.9375rem;
}

.tx-order-bottom {
  border-bottom: 0.0625rem solid var(--text-two);
  padding-bottom: 1rem;
}

.tx-bold-font {
  font-size: 1.25rem !important;
}

.virtual-primary-info-bottom .dropdown.bootstrap-select>.dropdown-toggle {
  border-color: var(--global-input-border);
}

.virtual-primary-info-bottom .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: 0rem !important;
}

.virtual-primary-info-bottom .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.virtual-primary-info-bottom .dropdown.bootstrap-select .dropdown-toggle::after,
.prospectsettings_main_wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.prospectsettings_main_wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--text-two);
}

.r-add-leads-main-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2rem;
  font-size: .875rem;
  color: var(--text-two);
  padding-right: 2.125rem;
  padding-left: .75rem;
}

.r-add-leads-main-wrapper .modal-content .select2-container--default .select2-selection--single .select2-selection__rendered,
.r-add-leads-main-wrapper .r-add-leads-main-reverse .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text-grey);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.prospectsettings_main_wrap span.select2.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 0.875rem;
}

/*===========  NEW INVOICE END  ====================*/
/*===========  INVOICE START  ====================*/
.reucrring-div {
  height: 0rem;
  overflow: hidden;
  opacity: 0;
  visibility: collapse;
  transition: .5s opacity linear;
}

.reucrring-div.show {
  height: 100%;
  overflow: initial;
  opacity: 1;
  visibility: visible;
}

.r-invoices-main-wrapper {
  align-items: flex-end;
  margin: 1rem 0;
  padding: 1rem;
}

.invoices_main_wraper .flex-parent .btn-export {
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  padding: 0.375rem 1rem;
  margin-bottom: 0;
  display: inline-block;
}

.r-invoices-main-wrapper .form-group {
  margin-right: 1rem;
}

.invoices_main_wraper .flex-parent {
  align-items: end;
}

.invoices_main_wraper .flex-parent .btn-export:last-child {
  margin-right: 0;
}

.invoices_main_wraper .flex-parent .btn-export:hover {
  color: var(--orange-orange-white);
}

.invoices_setting_modal .modal-body {
  padding: 1.5rem;
}

.invoices_setting_modal .modal-footer {
  padding-right: 1.5rem;
}

.invoices_modal_content ol {
  margin: 0;
  padding-left: 1rem;
}

.invoices_modal_content li {
  padding-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
}

.invoices_modal_content li:last-child {
  padding: 0;
}

.input_modal_number,
.r-add-leads-main-wrapper .r-add-leads-main-reverse input.input_modal_number {
  border: none;
  border-radius: 0 !important;
  border-bottom: 0.0625rem solid var(--global-orange);
  padding: 0 0.125rem;
  position: relative;
  color: var(--global-orange);
  display: inline-block;
  font-size: 0.875rem;
}

.input_modal_number:focus,
.r-add-leads-main-wrapper .r-add-leads-main-reverse input.input_modal_number:focus {
  color: var(--global-orange);
  background-color: var(--global-white);
  border-color: var(--global-orange);
  box-shadow: none;
}

.input_modal_number.width-50 {
  width: 6.125rem;
}

.input_modal_number.width-100 {
  width: 6.875rem;
}

.input_modal_number::-webkit-outer-spin-button,
.input_modal_number::-webkit-inner-spin-button {
  -webkit-appearance: textfield !important;
  margin: 0;
  opacity: 1 !important;
}

.order_summary_e_gift.invoice_payment {
  max-width: 100%;
  border-radius: 1rem;
}

.order_summary_e_gift.invoice_payment h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 400;
  padding-bottom: 1rem;
}

.invoice_payment .lead_form_bottom {
  margin-top: 1rem;
}

.invoice_payment .btn_ins {
  font-weight: 600;
}

.order_summary_e_gift.invoice_payment li p:first-child {
  color: var(--global-input-border);
}

.payment_due_user_details {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.title_payment {
  width: 50%;
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 400;
}

.payment_due_user_details .form_name {
  color: var(--global-input-border);
  display: block;
}

.sign {
  font-weight: 600;
}

.invoices_payment_tabs ul,
.invoices_payment_tab_content .virtual-primary-info-bottom {
  margin-bottom: 1rem;
}

.invoices_payment_tabs .nav-pills .nav-item {
  margin-bottom: 0;
}

.teram_condition_main_bx a {
  color: var(--global-orange);
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  text-decoration: underline;
}

.coupon_code_invoice.r-invoices-main-wrapper {
  padding: 0;
  align-items: end;
  margin: 0;
}

.invoices_payment_tab_content .form-group {
  margin-bottom: 1.875rem;
}

.coupon_code_invoice .input-group input,
.coupon_code_invoice .input-group select {
  margin-right: 1rem;
}

.coupon_code_invoice button {
  border-radius: 0.25rem !important;
}

.icon-input-fontawesom {
  top: 0.4375rem;
}

.invoice_margin_bottom {
  margin-bottom: 1rem;
  padding: 1rem;
}

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

.update_btn_single .orange-btn-2 {
  padding: 0.4375rem 1.5rem;
  font-weight: 500;
}

.invoices_payment_tab_content.invoice_margin_bottom .form-group {
  margin-bottom: 0;
}

.new-inv-btn-wrapper .btn_new_message .btn_temp_f:first-child {
  margin-left: 0;
}

.field_or_field {
  font-size: 0.875rem;
  color: var(--text-two);
  padding-top: 1.875rem;
}

.generateStatementbtn {
  justify-content: center;
}

.generateStatementbtn button i {
  padding-right: 0.5rem;
}

#generate-statement .modal-dialog {
  max-width: 44rem;
}

#generate-statement .modal-dialog form {
  width: 100%;
}

/*=========== END INVOICE START  ====================*/
/*=========== BUSINESS START  ====================*/
.business-outer-wrapper .btn_new_message {
  text-align: right;
}


/*=========== BUSINESS END  ====================*/
/*=========== PAYMENT CATCHER START  ====================*/

.manage-payment-catcher-wrap .popup-gradiant-h {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-one);
}

.manage-payment-catcher-wrap .people-details p {
  color: var(--text-one);
}

.payment-catcher-textarea {
  height: 9.375rem !important;
}

.payment-catcher-edit-catcher-bottom .field_choose {
  display: none;
}

.r-add-leads-main-wrapper .custom-price-qnty input.input-qty {
  max-width: 4.25rem;
}

.add-payment-catcher-details-schedule.custom-catcher-main-new {
  overflow: initial;
}

.custom-catcher-main-new .footerbox_preorder {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.add-payment-catcher-details-schedule.custom-catcher-main-new .r-add-leads-main-reverse {
  padding: 0;
}

.add-payment-catcher-details-schedule .custom-price-qnty .qnty-input {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: start;
}

.r-add-leads-main-wrapper .custom-price-qnty .qty-btn-plus:hover,
.r-add-leads-main-wrapper .custom-price-qnty .qty-btn-plus:hover i {
  background: var(--global-orange);
  color: var(--global-white);
}

.r-add-leads-main-wrapper .custom-price-qnty i {
  color: var(--global-orange);
  font-size: 1rem;
  margin-top: 0.188rem;
}

.custom-price-qnty .form-group.qnty-input {
  width: 12rem;
}

.custom-price-qnty.qut_pricing_new_styles .ni_info_tooltip_body {
  transform: translatex(-100%);
}

.custom-price-qnty,
.new-update-order-summry {
  margin-bottom: 1rem;
}

.custom-price-qnty.qut_pricing_new_styles .pricing-product {
  max-width: 14rem;
  width: 100%;
}

/********* ADD PAYMENT CATCHER ************/
.add-payment-catcher-main-wrappers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: start;
  align-items: start;
  gap: 0.9375rem;
}

.catcher-columm {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: start;
  align-items: stretch;
}

.template-catcher-img {
  max-width: 40%;
  width: 100%;
  flex-shrink: 0;
  margin-right: 0.625rem;
}

.template-catcher-img img {
  width: 100%;
  height: 17.375rem;
  object-fit: cover;
  border-radius: 0.9375rem;
}

.main-wrap .website_tem_item .template-catcher-img img {
  object-position: top center;
}

.main-wrap .website_tem_item {
  padding-bottom: 0;
  background: transparent;
}

.main-wrap .website_tem_item .crm-tick-wrap {
  left: auto;
  right: 1.25rem;
  top: 1rem;
}

.content-catcher {
  display: flex;
  flex-direction: column;
}

.title_temp_catcher {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.375rem;
  word-break: break-word;
  width: 90%;
}

.sub_title_temp_catcher {
  font-size: 0.875rem;
  font-weight: 400;
}

.btn-box {
  margin-top: auto;
}

.btn-box button:not(:last-child) {
  margin-right: 0.625rem;
}

.add-payment-catcher-details-schedule .icon-rht-event a {
  color: var(--global-orange);
}

.add-payment-catcher-details-schedule .btn_new_message.share-form-top-btn-wrap a {
  color: var(--input-placeholder);
  background: var(--global-white);
}


.smalltext {
  font-size: 0.875rem;
  color: var(--global-input-border);
}

.pricing_qty_v {
  font-size: 1rem;
  font-weight: 600;
}

.modal_icon_btn {
  display: flex;
  justify-content: start;
  gap: 0.625rem;
}

.modal_icon_btn button {
  margin-right: 0;
}

.modal_icon_btn a {
  padding: 0;
  width: 2.25rem;
  height: 2.25rem;
  min-height: auto;
  line-height: 2.125rem;
  text-align: center;
  flex: 0 0 auto;
}

.modal_icon_btn a i {
  padding: 0;
}

/*******DETAILS*********/
.add-payment-catcher-details {
  padding: 1.5rem;
  height: auto;
}

.uploadfiles .event-input--label {
  height: 6.25rem;
  line-height: 6.25rem;
  text-align: center;
  width: 100%;
}

.add-payment-catcher-details-schedule .form-group,
.add-payment-catcher-details .form-group,
.addpaymentcatcherslider {
  margin-bottom: 1.5rem;
}

.add-payment-catcher-details-schedule {
  background: var(--global-white);
  border-radius: 1rem;
  overflow: hidden;
}

.iframe-content-head-event.flex-parent {
  justify-content: space-between;
}

.add-payment-catcher-details-schedule .r-add-leads-main-reverse {
  padding: 0 1.5rem 1.5rem;
}

.add-payment-catcher-details-schedule .iframe-content-lists-event {
  border: none;
}

.policytrems p {
  color: var(--text-grey);
  font-weight: normal;
  word-wrap: anywhere;
  text-transform: lowercase;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}

.policytrems a {
  color: var(--global-orange);
}

.addpaymentcatcherslider .carousel-indicators [data-bs-target] {
  background-color: var(--bread-crumbs-color);
}

.addpaymentcatcherslider .carousel-indicators .active {
  background-color: var(--global-orange);
}

.socialmediawrap .inner_products_item {
  margin-bottom: 1rem;
}

.inner_products_item {
  width: 100%;
  height: 28.5rem;
  position: relative;
}

.addpaymentcatcherslider .carousel-item .inner_products_item img,
.socialmediawrap .inner_products_item img,
.currentcampaign .inner_products_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: drop-shadow(0rem 0rem 0.25rem var(--global-input-w-bg));
}

.modal-body.r-add-leads-main-wrapper .add-payment-catcher-details-schedule {
  height: 75vh;
  overflow: auto;
}

.socialmediamodal .modal-body.r-add-leads-main-wrapper .add-payment-catcher-details-schedule {
  max-height: 92vh;
  height: 100%;
}

.inventory-inner-form.form-group.flex-parent button {
  flex: 0 0 auto;
}

.inventory-inner-form .form-group .dollar-input-input {
  margin-right: 0;
}

.inventory-inner-form.flex-parent.p-0.showrecurrings.checkeddiv p.or_class {
  font-size: 0.875rem;
  margin: auto 1rem auto 0;
}

.add-payment-catcher-details-schedule .carousel-control-next-icon,
.add-payment-catcher-details-schedule .carousel-control-prev-icon,
.currentcampaign .carousel-control-next-icon,
.currentcampaign .carousel-control-prev-icon,
.emailtemplatesl .carousel-control-next-icon,
.emailtemplatesl .carousel-control-prev-icon {
  background-color: var(--global-orange);
  border-radius: 0.3125rem;
}

.add-payment-catcher-main-wraper .parent-slider.owl-carousel.owl-theme .owl-nav {
  padding: 0 1.25rem;
}

.inventory_file_upload_ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.inventory_file_upload_li {
  display: flex;
  align-items: center;
  padding: 0.25rem .5rem;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
  margin-bottom: .5rem;
}

.inventory_file_upload_li a {
  color: var(--text-two);
}

.inventory_file_upload_rht {
  margin-left: auto;
}

.inventory_file_upload_lft {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.inventory_file_upload_li span {
  display: block;
}

.inventory_file_upload_li .inventory_file_upload_icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-radius: 0.25rem;
  font-size: 1rem;
}

.inventory_file_upload_name {
  font-size: 0.75rem;
  font-weight: 500;
}

.inventory_file_upload_type_size {
  font-size: 0.625rem;
  font-weight: 400;
}

/******************/
.donation-inner-wrap {
  padding: 0 1.5rem;
}

.donationtempl h2 {
  font-size: 1rem;
  font-weight: 600;
}

.homeresidents a {
  color: var(--global-orange);
  font-size: 1.375rem;
}

.progressbar h4 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 700;
  padding-bottom: 0;
}

.progressbar p {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.125rem 0;
}

.progressbar_content {
  justify-content: space-between;
  margin-bottom: 1rem;
}

.progressbar .progress {
  height: 0.5rem;
}

.content_donations p {
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 4.625rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--text-grey);
}

.donation-inner-wrap .videowrapper iframe {
  border-radius: 0.9375rem;
}

.checkbtnprice {
  width: 23%;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
  cursor: pointer;
}

.checkbtnprice input {
  visibility: hidden;
  opacity: 0;
}

.checkbtnprice label {
  width: 100%;
  display: inline-block;
  padding: 0.4375rem 1.875rem;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 500;
  color: var(--global-border-color-w-bg);
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: 0.3125rem;
}

.checkbtnprice input[type="radio"]:checked+label {
  background-color: var(--global-orange);
  color: var(--global-white);
  border-color: var(--global-orange);
}

.donation-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.modal-body.r-add-leads-main-reverse .add-payment-catcher-details-schedule,
.modal-body.r-add-leads-main-reverse .carousel-inner {
  border-radius: 0;
}

.btn-pricing-value.qty-btn-plus i {
  color: var(--global-white);
}

.add-catcher-custom-wrap-inner .analyticsdatepicker {
  background: var(--global-white);
  border: 0.0625rem solid var(--global-input-w-bg);
  margin-bottom: 0;
}

.add-catcher-custom-wrap-inner .reloadicon i {
  color: var(--global-black);
}

.add-catcher-custom-wrap-inner .analyticsdatepicker input {
  box-shadow: none;
  color: var(--global-black);
}

.campain_modifier_radio_wrapper {
  display: flex;
  align-items: center;
  color: var(--text-grey);
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: 1rem;
}

.campain_modifier_radio_wrapper:last-child {
  margin-bottom: 0;
}

.campain_modifier_radio_wrapper .radio_btn_label input {
  display: none;
}

.campain_modifier_radio_wrapper .radio_btn_label {
  paint-order: fill;
  color: var(--text-grey);
  min-height: 2rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.625rem;
  border-radius: 0.125rem;
  transition: .3s all linear;
  font-size: 0.875rem;
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.campain_modifier_radio_wrapper .radio_btn_label:has(input[type="radio"]:checked) {
  color: var(--global-orange);
  border-color: var(--global-orange);
}

.campaign_modifier_radio_input_wrapper {
  width: 82%;
  gap: .5rem;
  display: flex;
  flex-wrap: wrap;
}

.campain_modifier_radio_wrapper p {
  flex: 0 0 auto;
  margin-right: .5rem;
  color: rgba(51, 51, 51, .75);
  font-size: 0.875rem;
}

.campaign_warrenty_input_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 70%;
  color: var(--text-grey);
  margin-bottom: 0.75rem;
}

.campaign_warrenty_input_wrap label {
  padding-bottom: 0;
}

/**************/
.modal-body .donation-inner-wrap {
  padding: 0 1rem;
}

.modal-main-inner-wraper {
  width: 90%;
  margin: auto;
  padding: 1.5rem;
  border-radius: 1.5rem;
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.modal-main-inner-wraper .qr-wrap-inventory img {
  border-radius: 0;
}

.order_summary_pay {
  background: var(--bs-gray-100);
  padding: 0.625rem;
  border-radius: 0.625rem;
  margin-bottom: 1rem;
}

.order_summary_pay h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--text-grey);
}

.order_summary_pay li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.625rem;
  font-size: 0.75rem;
  color: var(--text-grey);
  font-weight: 500;
}

.order_summary_pay hr {
  color: #E1E1E1;
  opacity: 1;
}

.campaign_item_total .name_products,
.campaign_item_total .pricing_summary {
  font-size: 1rem;
  font-weight: 600;
}

.campaign_discount .name_products,
.campaign_discount .pricing_summary {
  font-weight: 600;
}

.campaign_discount_red {
  color: #FF0000;
}

.total_price {
  font-size: 1rem;
  font-weight: 600;
}

.btn_new_message.share-form-bottom-btn-wrap.share-wrap button {
  margin: 0 0.625rem 0.625rem 0;
}

.add-payment-catcher-details-schedule .carousel-inner,
.modal-body .add-payment-catcher-details-schedule {
  border-radius: 0;
}

.socialmedia {
  color: var(--global-orange);
  margin-bottom: 0.3125rem;
  display: inline-block;
}

/*******Facebook**********/
.bg-white-social {
  background: var(--global-white);
  border-radius: 0.9375rem;
  position: relative;
  padding: 0;
  overflow: hidden;
}

.bg-white-social img {
  filter: drop-shadow(0rem 0rem 0.25rem var(--global-input-w-bg));
}

.title_product_face {
  position: absolute;
  top: 3.125rem;
  left: 0;
  z-index: 1;
  color: var(--global-black);
  background: var(--global-white);
  font-size: 1.6875rem;
  padding: 0.3125rem 0.9375rem 0.3125rem 1.875rem;
}

.title_product_face.price {
  left: auto;
  right: 0;
  top: auto;
  bottom: 7.5rem;
  padding: 0.3125rem 3.75rem 0.3125rem 0.9375rem;
}

.details_productscatcher {
  padding: 0.9375rem;
}

.shoppingarea {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0.625rem 1.5rem;
  box-shadow: 0rem 0rem 0.25rem 0rem var(--global-border-color-w-bg);
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.shoppingarea img {
  width: 6.25rem;
  height: 6rem;
  object-fit: contain;
  object-position: left;
}

.shoppingarea p {
  padding-left: 0.625rem;
  font-size: 1rem;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.products_in_stock p {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 600;
}

.launchproducts {
  color: var(--global-orange);
}

.footerbox_preorder {
  background: var(--text-grey);
  color: var(--global-white);
  padding: 1.5rem;
}

.footerbox_preorder p,
.footerbox_preorder a {
  font-size: 0.875rem;
  color: var(--global-white);
  display: inline-block;
  overflow-wrap: break-word;
}

.poweredby {
  width: 100%;
  display: block;
  font-size: 0.75rem;
  text-align: center;
}

.footerbox_preorder p i,
.footerbox_preorder a i {
  padding-right: 0.4375rem;
}

.footerbox_preorder a {
  width: 50%;
  display: inline-block;
  margin: 1.25rem 0;
}

.preordertags {
  border: 0.0625rem solid var(--global-white);
  background: var(--global-top-circle-shadow);
  color: var(--global-white);
  border-radius: 6.25rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  position: absolute;
  top: 0.9375rem;
  right: 1.5625rem;
  z-index: 9;
}

.modal-body .select2-container,
.select2modals .modal-body .select2-container {
  width: 100% !important;
}

.rattin_products i {
  color: var(--global-orange);
}

.rattin_products i.gray,
.ratting_text {
  color: var(--bs-gray);
}

/**********Multiple Fixed Price**************/

.offer_valid {
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
  margin-bottom: 1rem;
}

.pay-catcher-accordion {
  margin-bottom: 1rem;
}

.flex-main-pay-catcher-wrap .accordion {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
}

.flex-main-pay-catcher-wrap .accordion-item {
  width: 49.5%;
}

.selectitems_inner_bx,
.event_blank_temp {
  width: 100%;
  height: 55.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  border-radius: 1rem;
  border: 0.0625rem solid var(--card-icon-box-bg);
}

.selectitems_inner_bx i,
.event_blank_temp i,
.enter_details_bx i {
  display: block;
  font-size: 4rem;
  color: var(--text-two);
  margin-bottom: 0.3125rem;
}

.event_blank_temp .text-bx,
.selectitems_inner_bx .text-bx,
.enter_details_bx .text-bx {
  font-size: 1.5rem;
  color: var(--text-two);
}

.event_blank_temp {
  height: 100%;
  border: none;
  background: var(--global-white);
  border-radius: 1rem;
  box-shadow: 0rem 0rem 0.4375rem 0rem var(--global-border-color-w-bg);
}

.event_blank_temp i {
  color: var(--global-orange);
  font-size: 1.875rem;
  margin-bottom: 1rem;
}

.event_blank_temp .text-bx {
  color: var(--global-black);
  font-size: 1rem;
  font-weight: 500;
}

.additembtnbx {
  width: 49.5%;
  text-align: center;
  border-radius: 1.25rem;
  margin-bottom: 0.625rem;
}

.additembtnbx i {
  display: block;
  color: var(--text-two);
  font-size: 1.125rem;
}

.additembtnbx .text-bx {
  width: 100%;
  background: transparent;
  border: none;
  color: var(--text-two);
  font-size: 0.875rem;
  padding: 0.625rem;
}

.parent-slider::after,
.parent-slider::before {
  content: "";
  position: absolute;
  width: 15%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #fff, transparent);
  z-index: 10;
}

.parent-slider:after {
  left: auto;
  right: 0;
  background: linear-gradient(270deg, #fff, transparent);
}

.modal-body .parent-slider .donation-inner-wrap {
  padding: 1rem;
}

.parent-slider .iframe-content-head-event h2,
.parent-slider .pricing-product {
  font-size: 1.125rem;
}

.parent-slider .content_donations p,
.parent-slider .products_in_stock p {
  font-size: 0.875rem;
}

.owl-item.active {
  box-shadow: 0rem 0rem 1.25rem 0rem var(--global-border-color-w-bg);
}

.parent-slider.owl-carousel .owl-stage-outer {
  padding-bottom: 1.25rem;
}

.parent-slider .inner_products_item {
  height: 14.25rem;
}

.payment-catcther-preview-wrapper .parent-slider .inner_products_item {
  height: 25rem;
}

.payment-catcther-preview-wrapper .qr-wrap-inventory img {
  width: 15rem;
  height: 15rem;
}

.parent-slider.owl-carousel.owl-theme .owl-nav {
  position: absolute;
  top: 40%;
  left: 0.5rem;
  right: 0.5rem;
  z-index: 12;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.parent-slider.owl-carousel .owl-nav button {
  background-color: var(--global-orange) !important;
  border-radius: 0.3125rem;
  padding: 0.375rem !important;
  color: var(--global-white);
}

.parent-slider .donation-inner-wrap {
  padding: 1rem;
}

.parent-slider.owl-carousel.owl-theme .inner-slider-multiple.owl-carousel.owl-theme .owl-nav {
  top: 45%;
}

.accordion-catcher-custom.people-table-accordian-wrap .accordion-item .accordion-body.products-img-inv-accordian {
  padding: 1.5rem;
}

.accordion-catcher-custom .inner_products_item {
  height: 14.5625rem;
}

.enter_details_bx {
  width: 100%;
  height: 100%;
  min-height: 13.75rem;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  border: 0.0625rem solid var(--card-icon-box-bg);
  background: var(--submenu-third);
}

.additembtnbx_multiple {
  width: 100%;
  border-radius: 1rem;
}

.additembtnbx_multiple i {
  font-size: 2.875rem;
  font-weight: 300;
}

.additembtnbx .text-bx {
  font-size: 1rem;
}

.preview-width .modal-xl {
  max-width: 40.375rem;
  width: 100%;
}

.preview-width .col-md-12.col-lg-6 {
  width: 100%;
}

.peoplemodal.logsmodal.view_tra .modal-dialog.modal-lg {
  max-width: 60.3125rem;
  width: 100%;
}

.card_info_table table tbody td span,
.card_info_table table tfoot td span {
  margin-right: 0.625rem;
}

.card_info_table table#details-transtion tbody td span,
.card_info_table table#details-transtion tfoot td span {
  margin: 0;
}

.card_info_table table#details-transtion tbody td span.status-show,
.card_info_table table#details-transtion tfoot td span.status-show {
  margin-right: .625rem;
}

.card_info_table table tbody td .or_dark {
  background: #E08800;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .catcher-select-wrapper .select2-selection {
  min-width: 8.75rem;
}

/*******Custom Payment Catcher********/
.catcher-type-wrapper {
  border: 0.0625rem solid var(--global-input-border);
  margin-bottom: 1.5rem;
  border-radius: 0.4rem;
}

.catcher-type-wrapper h2 {
  color: var(--text-two);
  font-size: 1.2rem;
  padding: 1rem;
}

.main-catcher-type {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
  border-top: 0.0625rem solid var(--global-input-border);
}

.radio-button-list {
  max-width: 35%;
  min-width: 35%;
  border-right: 0.0625rem solid var(--global-input-border);
}

.radio-button-list .form-check {
  border-bottom: 0.0625rem solid var(--global-input-border);
  padding: 1rem 2rem;
  margin: 0;
}

.radio-button-list .form-check.active {
  background-color: var(--white-white-orange);
}

.radio-button-list .form-check.active label {
  color: var(--orange-orange-white);
}

.radio-button-list .form-check.active .form-check-input:checked {
  border-color: var(--orange-orange-white) !important;
}

.radio-button-list .form-check input {
  width: 1rem;
  height: 1rem;
}

.radio-button-list .form-check:last-child {
  border-bottom: none;
}

.display-content-list {
  max-width: 100%;
  padding: 1rem;
}

.display-content-list p {
  color: var(--text-two);
  font-size: 1rem;
}

.contentlistmain {
  display: none;
}

.flex-frequency,
.multileamount-wrap .form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.multileamount-wrap .form-group {
  gap: 0.5rem;
  flex-wrap: wrap;
}

.multileamount-wrap .form-group input {
  width: 4.4rem;
}

.flex-frequency .form-check-input {
  margin-top: 0.188rem;
}

.multileamount-wrap .form-group input[type=number]::-webkit-inner-spin-button,
.multileamount-wrap .form-group input[type=number]::-webkit-outer-spin-button,
.r-add-leads-main-wrapper input.show_input_arrow::-webkit-inner-spin-button,
.r-add-leads-main-wrapper input.show_input_arrow::-webkit-outer-spin-button {
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  margin: 0;
}

.brand-img-c {
  margin-bottom: 1rem;
}

.products-item-sales {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.products-item-sales .button-products {
  color: var(--text-grey);
  font-size: 1rem;
  padding: 0.6rem 1.5rem;
  border: none;
  background: var(--global-input-w-bg);
}

.price-custom-catcher h2 {
  color: var(--text-grey);
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.contentlistmain .checkbtnprice label {
  padding: 0.25rem .75rem;
  background: var(--global-input-w-bg);
  color: var(--text-grey);
}

.r-add-leads-main-wrapper .multiple-amount-payment-cathcer-label.r-add-leads-main-reverse label {
  font-size: .75rem;
}


/* PAYMENT CATCHER OFFCANVAS */
.payment-catcher-offcanvas .accordion-header input.form-check-input {
  margin-top: 0;
}

.r--payment-catcher-offcanvas-body-wrap {
  margin-bottom: 1rem;
}

/* .getting_started_offcanvas{
  height: calc(100vh - 5.625rem);
}

.getting_started_offcanvas.offcanvas.offcanvas-end{
  top: 5.625rem;
} */

/* PAYMENT CATCHER OFFCANVAS */

/*=========== PAYMENT CATCHER END  ====================*/

/****************************** PUT ALL CSS BELOW HERER ***********************************/
/*=========== PAYMENT MODAL  ====================*/
.jobestimatetModel .modal-dialog {
  max-width: 35rem;
}

.jobestimatetModel .modal-body {
  height: 75vh;
  overflow: auto;
  padding: 1.5rem;
}

.title_clr_black p {
  color: var(--text-one);
  font-weight: 500;
  line-height: 1.1875rem;
}

.title_clr_black h4 {
  font-size: 0.875rem;
  color: var(--input-placeholder);
  margin-bottom: 0.125rem;
}

.title_clr_black h5 {
  font-size: 1rem;
  color: var(--text-grey);
  font-weight: 600;
}

.Payment_amount_bx h4 {
  color: var(--global-orange);
  font-weight: 400;
  font-size: 1rem;
  padding: 0.75rem;
  background-color: var(--global-upload-border-color-w-bg);
  border-radius: 0.25rem;
}

.payment_price {
  float: right;
  font-weight: 600;
}

.Payment_amount_top_border {
  border-top: 0.0625rem solid var(--global-border-color-w-bg);
  padding-top: 1.5rem;
}

.Payment_amount_bx p {
  padding: 0 1rem 1rem 0;
  font-size: 1rem;
  font-weight: 400;
}

.Payment_amount_bx p:last-child {
  padding-bottom: 0;
}

/*=========== PAYMENT MODAL  ====================*/

/*=========== ASSIGN LOGIN START  ====================*/
.assign-login-start .assign-login-start-conatiner .form-check label {
  margin-left: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-align: left;
  padding-bottom: 0;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content {
  padding-left: 1.625rem;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content>p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: #666;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content .form-group label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
  color: #333;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content .form-group input {
  padding: 0.5625rem 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  border: none;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content .form-group input:focus {
  box-shadow: none;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content .form-group .input-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--global-input-w-bg);
  color: var(--text-grey);
  border-radius: 5px !important;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content .form-group .input-actions i {
  color: #999;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content .form-group .error_el {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.875rem;
  text-align: left;
  margin-top: 0.5rem;
}



.assign-login-start .assign-login-start-conatiner .assign-login-content .form-group .input-actions .fa-eye,
.assign-login-start .assign-login-start-conatiner .assign-login-content .form-group .input-actions .fa-eye-slash {
  padding-right: 0.625rem;
  width: 1.6375rem;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content .btn-action .btn i {
  padding-right: 0.375rem;
}

.assign-login-start .assign-login-start-conatiner .assign-login-content .btn-action .btn {
  padding: 0.375rem 0.75rem 0.375rem 0.375rem;
  border-radius: 0.125rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
}

#setup-pass-wrap {
  display: none;
}

.assign-login-start .modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*=========== ASSIGN LOGIN START  ====================*/

/*=========== ADD A CUSTOMER MODAL START  ====================*/
.crm-add-customer .intl-tel-input {
  display: flex;
  gap: 4px;
}

.crm-add-customer .intl-tel-input {
  width: 100%;
}

.crm-add-customer .modal-header {
  padding: 1.5rem;
}

.crm-add-customer .modal-body .form-control {
  padding: 9px 16px 9px 15px !important;
}

/* .crm-add-customer .modal-body .select2.select2-container .select2-selection__rendered */

.crm-add-customer .modal-body .select2.select2-container .selection .select2-selection {
  height: 36px;
}

#appointment-add-customer.crm-add-customer .modal-body .select2.select2-container .selection .select2-selection {
  height: auto;
}

.crm-add-customer .modal-body .select2.select2-container .selection .select2-selection .select2-selection__rendered {
  padding-top: 5px;
  padding-left: 9px;
}

.crm-add-customer .intl-tel-input input {
  /* padding: 0.375rem .75rem !important; */
}

.crm-add-customer .intl-tel-input .flag-container {
  border: #c6c6c6 solid 1px;
  position: relative;
  border-radius: 4px;
  border: #e5e5e5 solid 1px;
}

.crm-add-customer .fa-circle-info {
  color: var(--global-orange);
}


.crm-add-customer .intl-tel-input .flag-container .selected-flag {
  background-color: #fff;
}

/* .select2-container {
  z-index: 1150;
} */

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

.crm-add-customer .intl-tel-input .flag-container .selected-flag .iti-arrow {
  border: none;
}

.crm-add-customer .intl-tel-input .flag-container .selected-flag .iti-arrow {
  background: url(../images/arrow-grey.png) no-repeat top 0px right 0px;
  width: 28px;
  height: 10px;
  position: relative;
}

.crm-cust-lr-label .fa-plus,
.crm-cust-lr-label .crm-cust-add {
  color: var(--global-orange);
}

/*=========== ADD A CUSTOMER MODAL END  ====================*/

/* start mobile popup navigation  */
.mobile_nav-popup .db_right_toggle-wrapper .mob-popup-hamburger,
.mobile_nav-popup .mobile_nav_popup_overlay_wrap {
  display: none;
}

/* End mobile popup navigation  */

/* Country drop down */
.fast_shop_cn .iti--allow-dropdown {
  display: flex;
  gap: 10px;
  width: 100%;
}

.fast_shop_cn .iti--allow-dropdown .iti__country-container {
  position: unset;
  border: #ced4da solid 1px;
  border-radius: 4px;
  background-color: #fff;
}

.fast_shop_cn .iti--allow-dropdown .country-code-select {
  padding-left: .75rem !important;
}

.fast_shop_cn .iti--allow-dropdown .iti__selected-country .iti__selected-dial-code {
  padding-right: 7px;
  color: var(--text-grey);
}

.fast_shop_cn .iti--allow-dropdown .iti__dropdown-content .iti__search-input {
  padding-left: 0.75rem !important;
}

.fast_shop_cn .iti--allow-dropdown .iti__country-container:hover {
  background-color: #fff;
}

.fast_shop_cn .iti--allow-dropdown .iti__selected-country .iti__selected-country-primary:hover {
  background-color: #ffffff !important;
}

/* Country drop down */


/*===========INVOICE AGREEMENT ALL TABS MODAL  ====================*/
/** CLIENT-SPECIFIC STYLES **/
.project-tab #outlook a {
  padding: 0;
}

/** Force Outlook to provide a "view in browser" message **/
.project-tab .ReadMsgBody {
  width: 100%;
}

.project-tab .ExternalClass {
  width: 100%;
}

/** Force Hotmail to display emails at full width **/
.project-tab .ExternalClass,
.project-tab .ExternalClass p,
.project-tab .ExternalClass span,
.project-tab .ExternalClass font,
.project-tab .ExternalClass td,
.project-tab .ExternalClass div {
  line-height: 100%;
}

/** Force Hotmail to display normal line spacing **/
.project-tab body,
.project-tab table,
.project-tab td,
.project-tab a {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/** Prevent WebKit and Windows mobile changing default text sizes **/
.project-tab table,
.project-tab td {
  mso-table-lspace: 0pt;
  mso-table-rspace: 0pt;
}

/** Remove spacing between tables in Outlook 2007 and up **/
.project-tab img {
  -ms-interpolation-mode: bicubic;
}

/** Allow smoother rendering of resized image in Internet Explorer / / RESET STYLES **/

.project-tab img {
  border: 0;
  height: auto;
  line-height: 100%;
  outline: none;
  text-decoration: none;
}

.project-tab table {
  border-collapse: collapse !important;
}

.project-tab td span {
  color: var(--global-email-tem-color-w)
}

/** iOS BLUE LINKS **/
.project-tab .appleBody a {
  color: #68440a;
  text-decoration: none;
}

.project-tab .appleFooter a {
  color: #999999;
  text-decoration: none;
}

/** MOBILE STYLES **/
.project-tab hr {
  border-color: #e5e5e5 !important
}

.project-tab .page-break {
  page-break-after: avoid;
}

/* Payment Catcher */
.pc-paymentCatcher .iframe-content-head-event .fa-regular {
  font-size: 22px;
  color: var(--global-orange);
}

.pc-paymentCatcher .pc-heading {
  margin-bottom: 0;
}

.pc-paymentCatcher .pc-heading h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;

}

.pc-paymentCatcher .iframe-content-head-event .pc-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: var(--text-grey);
}

.pc-paymentCatcher .iframe-content-head-event .pc_quantity {
  display: flex;
  align-items: center;
  gap: 5px;
}

.pc-paymentCatcher .pc-qty h2 {
  margin-bottom: 0;
}

.pc-paymentCatcher .iframe-content-head-event .pc_quantity .fast_shop_qty_counter {
  border: 1px solid #D6D6D6;
  padding: 6px 8px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 100%;
  color: #D6D6D6;
}

.pc-paymentCatcher .iframe-content-head-event .pc_quantity .fast_shop_qty_counter:hover {
  border: 1px solid var(--global-orange);
  background-color: var(--global-orange);
  color: var(--global-white);
}

.pc-paymentCatcher .iframe-content-head-event .pc_quantity .fast_shop_qty_counter.active_qty {
  border: 1px solid var(--global-orange);
  background-color: var(--global-orange);
  color: var(--global-white);
}

.pc-paymentCatcher .iframe-content-head-event .pc_quantity .fast_shop_qty {
  width: 50px;
  height: 32px;
  border: none;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  box-shadow: none;
}

.pc-paymentCatcher .shoppingarea img {
  max-width: 100%;
  max-height: 50px;
  width: 30px;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #F6F8FA;
  border-radius: 8px;
  margin-bottom: 6px;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings ul li span:nth-child(1) {
  width: 30%;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings ul li .form-check {
  margin: 0;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings ul li span:nth-child(2) {
  width: 60%;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings ul li span:nth-child(3) {
  width: 10%;
  text-align: right;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings ul li span input[type="number"] {
  width: 96px;
  margin-left: 5px;
  border: #E1E1E1 solid 1px;
  border-radius: 4px;
  display: unset;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings ul li span input[type=number]::-webkit-inner-spin-button,
.pc-paymentCatcher .pc_row_product_info .fs-toppings ul li span input[type=number]::-webkit-outer-spin-button {

  opacity: 0;

}


.pc-paymentCatcher .remove-def-arrow {
  position: relative;
}

.pc-paymentCatcher .remove-def-arrow:after,
.pc-paymentCatcher .remove-def-arrow:before {
  position: absolute;
  right: 5px;
  width: 1.6em;
  height: .9em;
  font-size: 10px;
  pointer-events: none;
  background: #f6f8fa;
}

.pc-paymentCatcher .remove-def-arrow:after {
  color: var(--global-orange);
  content: "\25BE";
  margin-top: 11px;
  transform: rotate(180deg);
  right: 15px;
}

.pc-paymentCatcher .remove-def-arrow:before {
  color: var(--global-orange);
  content: "\25BE";
  margin-bottom: 8px;
  bottom: -0.8em;
}

.pc-paymentCatcher .pc_row_product_info .fs-toppings label,
.pc-paymentCatcher .pc_row_product_info .fs-toppings .form-check {
  margin-bottom: 0;
}

.pc-paymentCatcher .fast_shop_cn .iti--allow-dropdown {
  height: 29px;
}

.pc-paymentCatcher .fast_shop_cn .iti--allow-dropdown .country-code-select {
  height: 29px;
}

.pc-paymentCatcher .inventory-inner-form .form-group:first-of-type {
  flex-basis: 70%;
}

.pc-paymentCatcher .inventory-inner-form .form-group:last-of-type {
  flex-basis: 30%;
}

.pc-paymentCatcher .pc-order-sum {
  background-color: #F6F8FA;
  padding: 12px;
  border-radius: 8px;
}

.pc-paymentCatcher .pc-heading .pc-order-sum h2 {
  margin-bottom: 20px;
}

.pc-paymentCatcher .pc-order-sum .pc-sum-items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.pc-paymentCatcher .pc-order-sum .pc-sum-items span {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: var(--text-grey);
}

.pc-paymentCatcher .pc-order-sum .pc-sum-items span .sub-con {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  margin-top: 3px;
}

.pc-paymentCatcher .pc-order-sum .pc-sum-items hr {
  border-bottom: #D6D6D6 solid 1px;
  margin-bottom: 12px;
}

.pc-paymentCatcher .pc-order-sum .pc-total.sty {
  border-top: #D6D6D6 solid 1px;
  border-bottom: #D6D6D6 solid 1px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.pc-paymentCatcher .pc-order-sum .pc-total span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: var(--text-grey);
}

.pc-paymentCatcher .pc_row_product_info .fast_shop_ext_war label {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}

.pc-paymentCatcher .pc_row_product_info .fast_shop_ext_war label:first-of-type {
  width: 83px;
  margin-right: 40px;
}

.pc-paymentCatcher .pc_row_product_info .form-check label,
.pc-paymentCatcher .pc_row_product_info .form-check input {
  cursor: pointer;
}

.pc-paymentCatcher .pc-variation,
.pc-paymentCatcher .pc-variation-size {
  display: flex;
  gap: 30px;
  align-items: center;
}

.pc-paymentCatcher .pc-variation .pc-variation-items,
.pc-variation-size .pc-variation-size-items {
  overflow-x: scroll;
  width: calc(100% - 40px);
}

.pc-paymentCatcher .pc-variation .pc-variation-items ul,
.pc-paymentCatcher .pc-variation-size .pc-variation-size-items ul {
  list-style-type: none;
  display: flex;
  gap: 8px;
}

.pc-paymentCatcher .pc-variation .pc-variation-items ul li,
.pc-paymentCatcher .pc-variation-size .pc-variation-size-items ul li {
  border: #D6D6D6 solid 1px;
  padding: 7px 12px;
  color: var(--text-grey);
  border-radius: 2px;
  cursor: pointer;
}

.pc-paymentCatcher .pc-variation .pc-variation-items ul li:hover,
.pc-paymentCatcher .pc-variation .pc-variation-items ul li.active-v,
.pc-paymentCatcher .pc-variation-size .pc-variation-size-items ul li:hover,
.pc-paymentCatcher .pc-variation-size .pc-variation-size-items ul li.active-v {
  border: var(--global-orange) solid 1px;
  color: var(--global-orange);
}

.pc-paymentCatcher .pc-variation label,
.pc-paymentCatcher .pc-variation-size label {
  padding-bottom: 0;
  width: 40px;
}

/* Payment Catcher */

/* Communication Sms Template */
.c-sms-template {
  position: relative;
}

.c-sms-template .nav-link .fa-solid {
  padding-right: 0.25rem;
}

.c-sms-num {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125;
  text-align: left;
  color: var(--text-one);
  text-decoration: underline;
}

.my-number-filter-icon .r-icon-btn {
  background: var(--global-orange);
  border-radius: 0.25rem;
}

.my-number-filter-icon .r-icon-btn .fa-filter {
  color: #fff;
}

.c-sms-num:hover {
  font-weight: 600;
  color: var(--text-one);
}

.c-sms-num .fa-solid {
  font-size: 1rem;
  padding-right: 0.25rem;
}

.c-sms-template .c-inner-sms-tabs .nav-tabs .nav-link.active,
.c-sms-template .c-inner-sms-tabs .nav-tabs .nav-link:hover {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background-color: transparent;
  border-bottom-color: var(--white-white-orange);
}

/* .theme-light .c-sms-template .c-inner-sms-tabs .nav-tabs {
  border-bottom-color: #e0e0e0;
} */

.c-sms-template .c-inner-sms-tabs .nav-tabs .nav-link {
  color: var(--text-two);
  padding-left: 0;
  padding-right: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 12px;
  padding-bottom: 12px;
}

.c-sms-template .c-inner-sms-tabs .nav-tabs {
  border-bottom: var(--card-highlight--bg-color) solid 1px;
  width: 100%;
  position: relative;
}

.c-sms-template .c-inner-sms-tabs .c-add-template {
  position: absolute;
  right: 1rem;
}

.c-sms-template .c-inner-sms-tabs .r-people-top {
  margin-bottom: 0;
}

.c-inner-sms-tabs .r-tooltip {
  max-width: 30.5rem;
}

.c-sms-template .r-add-leads-main-wrapper select {

  padding-right: 3rem;
}

.c-sms-template .people-table-main .dataTables_filter label {
  font-size: 0;
}

.people-table-main .dataTables_filter input {
  font-size: 0.875rem;
  border-radius: 0.3125rem !important;
  border: 0.0625rem solid var(--global-input-border);
  padding-top: 0.375rem !important;
  ;
  padding-bottom: 0.375rem !important;
  ;
  padding-left: 2rem !important;
  ;
  margin-left: 0.5rem;
}

.people-table-main .dataTables_filter input[type="search"] {
  background: url(../images/icons/icon-search-data-table.svg) 0.375rem 50% no-repeat
}

.shippment_info_modal .people-table-main .dataTables_filter input[type="search"] {
  background: url(../images/icons/dark-search-icon.svg) 0.375rem 50% no-repeat
}

.shippment_info_modal .people-table-main .dataTables_filter>label {
  color: #fff;
}

.theme-light .people-table-main .dataTables_filter input[type="search"] {
  background: url(../images/icons/dark-search-icon.svg) 0.375rem 50% no-repeat
}

.theme-light .people-table-main .dataTables_filter input[type="search"]:focus,
.people-table-main .dataTables_filter input[type="text"]:focus {
  box-shadow: none;
}

.select2-dropd-arrow .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 2.25rem;
}

.c-sms-template .peoplemodal .r-add-people-lable-input-wrap .form-control {
  border: 0.0625rem solid var(--global-input-w-bg) !important;
}

.sms-add-template textarea.form-control,
.sms-edit-template textarea.form-control {
  height: 6.25rem;
}

.c-sms-template .select2-container--default .select2-selection--single {
  /* border: 0.0625rem solid var(--global-input-w-bg) !important; */
}

.select2-dropd-arrow .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "";
  background: url(../images/icons/icon-chevron-down.svg) no-repeat;
  position: absolute;
  width: 15px;
  height: 8px;
  display: block;
  top: calc(50% - 0.438rem);
}

.dropdown-movement .select2-selection {
  background-image: unset !important;
}

.theme-light .dropdown-movement .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "";
  background: url(../images/icons/icon-chevron-down.svg) no-repeat;
  position: absolute;
  width: 15px;
  height: 8px;
  display: block;
  top: calc(50% - 0.438rem);
}

.theme-orange .dropdown-movement .select2-container--default .select2-selection--single .select2-selection__arrow::after,
.theme-dark .dropdown-movement .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "";
  background: url(../images/arrow.png) no-repeat;
  position: absolute;
  width: 15px;
  height: 8px;
  display: block;
  top: calc(50% - 0.438rem);
}

.dropdown-movement .select2-container--open .select2-selection--single .select2-selection__arrow::after {
  transform: rotate(180deg);
}


.select2-container--default .select2-search--dropdown .select2-search__field {
  background: url(../images/icons/icon-search-select2.svg) 6px 50% no-repeat;
  padding-left: 26px;
}

.selectCategoryAddCust a {
  color: var(--global-orange);
}

.select2-dropd-arrow .select2-container--open .select2-selection--single .select2-selection__arrow::after,
.select2-dropd-arrow .select2-container--open .select2-dropdown--below .select2-selection__arrow::after {
  transform: rotate(180deg);
}

.select2-dropd-arrow .select2-container .select2-selection--single {
  font-size: 0.875rem;
  background-image: none;
}

.select2-container .select2-selection--single {
  height: auto;
}

.chr-lmt {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
  text-align: left;
  margin-top: 0.313rem;
  display: inline-block;
}

.cp-tab-content-box .chr-lmt {
  color: var(--text-two);
}

.c-sms-template .select2-container--default .select2-selection--single .select2-selection__rendered {
  /* padding-top: 3px; */
}


/* .c-sms-template .people-all-table-wrap .dataTable .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -0.625rem;
  right: -0.375rem;
  transform: translateX(-50%);
  background: url(../images/icons/icon-caret.png) no-repeat;
  width: 1.563rem;
  height: 0.625rem;
  display: block;
} */


.c-sms-template .people-all-table-wrap .dropdown-menu {
  overflow: visible;
  margin-right: -0.438rem !important;
  margin-top: 0.313rem !important;
}

.c-sms-template .people-table-main.people-all-table-wrap .form-check {
  margin-right: 0.9375rem;
  padding-left: 1.5em;
}

.c-sms-template .sms-chat-btm .r-modal-btn .fa-face-smile,
.c-sms-template .sms-chat-btm .r-modal-btn .fa-plus {
  color: var(--text-grey);
}

.c-sms-template .sms-chat-btm .r-modal-btn .fa-paper-plane-top {
  color: var(--global-white);
}

.c-sms-template .sms-chat-btm .r-modal-btn .c-plane-wrap {
  background-color: var(--global-orange);
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.25rem;
}

.c-sms-template .sms-chat-btm .r-modal-btn .c-objs-wrap {
  margin-left: 1.5rem;
}

.c-select-temp {
  display: flex;
  justify-content: space-between;
}

.c-select-temp .fa-copy {
  color: var(--global-orange);
}

.c-sms-template .sms-chat-btm .r-modal-btn .c-objs-wrap .fa-objects-column {
  color: var(--text-grey);
}

.c-for-disable .c-select-temp label,
.c-for-disable .chr-lmt,
.c-for-disable .c-select-temp .fa-copy,
.c-for-disable .c-select-temp .copySelectedTemp,
.c-for-disable .c-tooltip-trigger {
  color: #ccc;
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none;
}

.c-for-disable .modal-footer .r-orange-btn {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
  cursor: default;
}

.c-sms-template .sms-rht-btn .employee-chat-btm-input-wrap .btn-wrap {
  gap: 0.625rem;
}

.c-sms-template .selectallmembers {
  padding-bottom: 0.625rem;
}

.c-sms-template .user-calling-list-row .column-left-side {
  width: 26.30rem;
}

.c-sms-template .user-calling-list-row .column-right-side {
  width: calc(100% - 26.30rem);
}

.c-sms-template .c-inner-bg-bx .fa-light {
  font-size: 2.25rem;
  margin-bottom: 1rem;
}

.c-sms-template .markinfobarwrap {
  margin: 1.313rem 1rem;
}

.c-sms-template .selectmember-counter {
  height: calc(100vh - 42vh);
}

.c-sms-template .markinfoBar .markinfobarwrap .markinfobarTxt {
  color: var(--text-two);
}

.c-sms-template .c-inner-bg-bx p {
  width: 40rem;
}

.c-sms-template .c-call-section {
  display: flex;
}

.c-sms-template .c-call-section .nav-pills {
  display: flex;
  flex-direction: column;
  width: 16.1rem;
}

.c-sms-template .c-call-section .call-tab-content {
  width: calc(100% - 16.1rem);
}

.c-sms-template .c-call-section .call-tab-content .call-history {
  padding: 1.5rem;
}

/* .c-sms-template .c-call-section .nav-tabs .nav-item .nav-link {
  width: 100%;
  border-radius: 0;
  text-align: left;
  padding: 20px 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
} */

/* .c-sms-template .c-call-section .nav-tabs .nav-link {
  color: var(--global-white);
}

.c-sms-template .c-call-section .nav-tabs .nav-link:hover,
.c-sms-template .c-call-section .nav-tabs .nav-link.active {
  background-color: var(--global-white);
  color: var(--global-orange);
} */

.c-sms-template .c-call-history-body .c-call-history-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-sms-template .c-call-history-body .c-call-history-head .call-history-left {
  display: flex;
  gap: 0.75rem;
}

.c-sms-template .c-call-history-body .c-call-history-head .call-history-right a:first-of-type {
  margin-right: 0.75rem;
}

/* .c-sms-template .c-call-history-body .c-call-history-head .select2-container {
  width: 160px !important;
} */

/* .c-sms-template .c-call-history-body .c-call-history-head .select2-container--default .select2-selection--single {
  height: 36px !important;
}

.c-sms-template .c-call-history-body .c-call-history-head .dollar-input-input {
  max-height: 36px;
} */

.c-call-history-legends-wrap {
  /* display: flex; */
}

.c-call-history-head .pl-0 {
  padding-left: 0;
}

.c-sms-template .c-call-history-body .r-reverse-btn,
.c-sms-template .call-script .r-reverse-btn {
  padding: 0.3125rem 1.5rem 0.3125rem 0.625rem;
  font-size: 1rem;
  margin-bottom: 0;
}

.c-sms-template .c-call-history-body .c-call-history-legends {
  background-color: var(--card-highlight--bg-color);
  position: relative;
  border: var(--top-header-icons-border) solid 1px;
  padding: 0.75rem 0.625rem;
}

.theme-dark .c-sms-template .c-call-history-body .c-call-history-legends {
  background-color: #0E1529;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-info {
  position: absolute;
  right: 0.563rem;
  font-size: 1rem;
  top: 0.438rem;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-info .fa-circle-info {
  color: var(--global-orange);
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details>label {
  padding-bottom: 0;
}

.table-select-dropdown {
  width: 10rem;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span .fa-solid {
  font-size: 1.25rem;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span {
  padding: 0.375rem;
  border-radius: 0.25rem;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lblue {
  background-color: #3087E940;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.cblue {
  background-color: #3087E9;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.cblue i {
  color: #fff;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.cgreen {
  background-color: #51DC6B;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.cgreen i {
  color: #fff;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.cred {
  background-color: #FB5758;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.cred i {
  color: #fff;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.cyellow {
  background-color: #FDC021;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.cyellow i {
  color: #fff;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lblue .fa-solid {
  color: #3087E9;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lred {
  background-color: #FB575840;
}

.theme-orange .c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lred {
  background-color: #ffffff40;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lred .fa-solid {
  color: #FB5758;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lyellow {
  background-color: #FDC02140;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lyellow .fa-solid {
  color: #FDC021;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lgreen {
  background-color: #51DC6B40;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-details span.lgreen .fa-solid {
  color: #51DC6B;
}

.c-sms-template .c-call-history-body .c-call-history-legends .c-call-history-count {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.375rem;
  text-align: left;
}

.c-sms-template .c-call-history-body .icon_refresh {
  padding-right: 0.438rem;
  color: #fff;
  text-decoration: none;
}

.c-all-calls .c-actions ul {
  list-style-type: none;
  display: flex;
  gap: 0.25rem;
}

.c-all-calls .c-actions ul li span {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
  text-align: center;
  color: var(--global-white);
}

.c-all-calls .c-actions ul li i {
  color: var(--global-white);
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.c-all-calls .c-actions ul li a {
  border-radius: 0.25rem;
  padding: 0.375rem 0.375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  gap: 0.125rem;
  width: 3.125rem;
  height: 3.125rem;
  text-transform: capitalize;
}

.c-all-calls .c-actions ul li a.c-green {
  background-color: #51DC6B;
}

.c-all-calls .c-actions ul li a.c-yellow {
  background-color: #FDC021;
}

.c-all-calls .c-actions ul li a.c-blue {
  background-color: #3087E9;
}

.c-all-calls .c-actions ul li a.c-gray {
  background-color: #7B7F8A;
}

.c-all-calls .c-actions ul li a.c-red {
  background-color: #FB5758;
}

.c-all-calls .c-actions ul li a.c-dark-red {
  background-color: #F04F29;
}

.icon-user-plus img {
  width: 14px;
  margin-bottom: 0.25rem;
}

.btn-hold-pressed {
  box-shadow: inset 0 2px 4px rgb(0 0 0 / 23%);
}

.c-all-calls .dataTables_scrollBody {
  border-left: var(--card-highlight--bg-color) solid 1px;
  border-right: var(--card-highlight--bg-color) solid 1px;
}

.disable-wrap {
  background-color: #363c4d !important;
  pointer-events: none;
}

.c-gray.disable-wrap i,
.disable-wrap span {
  color: #575c6a !important;
}

.c-sms-template .c-call-section .nav-pills .nav-link:last-of-type,
.c-sms-template .c-call-section .nav-pills .nav-link:hover {
  border-bottom-left-radius: 0 !important;
}

.c-sms-template .c-call-section .nav-pills .nav-link:hover {
  background: var(--table-overlay-solid-color);
}

.call-script .call-script-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.call-script .call-script-head h6 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}

.call-script .user-calling-list-ul li button {
  color: var(--text-two);
  /* width: 14rem; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.icon-popout {
  background: url(../images/icons/icon-popout.svg) no-repeat;
  display: block;
  width: 1rem;
  height: 1rem;
}

.icon-popout-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.script-details-content .script-megs {
  padding: 1.5rem;
}

.small-window-btm .script-megs {
  padding: 1rem;
}

.script-details-content .script-megs p,
.small-window-btm .script-megs p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  padding-bottom: 0.938rem;
}

.script-details-content .call-history-right {
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}

.script-details-content .dialer-user-head {
  flex-wrap: wrap;
  padding: 1.5rem;
}

.script-details-content .dialer-user-head .user-profile-title {
  position: relative;
  margin-bottom: 1.25rem;
  justify-content: flex-start;
}

.script-details-content .dialer-user-head .user-profile-title .cs-name {
  max-width: 22rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.script-details-content .dialer-user-head .user-profile-title h6 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: left;
  width: 100%;
}

.script-details-content .dialer-user-head .script-status {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  position: absolute;
  top: 1.625rem;
  left: 0;
}

.script-details-content {
  display: none;
}

.script-details-content.active {
  display: block;
}

.script-details-content[data-content="1"] {
  display: block;
}

.call-script .user-calling-list-row .column-left-side {
  width: 16.875rem;
}

.call-script .user-calling-list-row .column-right-side {
  width: calc(100% - 16.875rem);
}

.select2-dropdown {
  z-index: 9999;
}

.script-box .s-scroll {
  overflow-y: scroll;
  height: 25rem;
}

.ongoing-call-box .s-scroll {
  overflow-y: scroll;
  max-height: 60vh;
  min-height: 10rem;
}

.compose-box.script-box .small-window-wrap {
  width: 21.5rem;
}

.compose-box.ongoing-call-box .small-window-wrap {
  width: 21.5rem;
  border-radius: 0.75rem;
  /* bottom: 10px; */
  z-index: 1;
}


.compose-box.script-box .small-window-wrap.compose-box-position {
  width: 50rem;
  border-radius: 1rem;
}

.compose-box.ongoing-call-box .small-window-top-lft {
  width: calc(100% - 8.063rem);
  display: flex;
  justify-content: center;
}

.compose-box.ongoing-call-box .ongoing-call-box-body>li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0.063rem solid #E1E1E1;
  background: #F6F8FA;
  border-radius: 0.25rem;
  padding: 1rem;
  margin-bottom: 0.375rem;
}

.incoming-call-highlight {
  background: #51DC6B33 !important;
  position: relative !important;
}

.incoming-call-highlight .call-box-col-one {
  padding-left: 0.625rem !important;
}

.incoming-call-highlight .call-box-col-one i:after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: #1BB733;
  border-radius: 50%;
  top: calc(50% - 3px);
  left: 8px;
}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-one {
  width: 60%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.938rem;
}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-one a {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-align: left;
  color: #333;
  text-decoration: underline;
}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-two {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-align: left;
  color: #333;
  width: 35%;
}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-three {
  width: 5%;
}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-three .dropdown-item {

  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.875rem;
  text-align: left;

}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-three .dropdown-menu {
  min-width: 5.125rem;
}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-three .fa-ellipsis-vertical {
  color: var(--global-orange);
}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-one i {
  font-size: 1rem;
  width: 0.625rem;
}

.compose-box.ongoing-call-box .ongoing-call-box-body li .call-box-col-one.c-missed-call i {
  color: var(--global-orange);
}

.compose-box.ongoing-call-box .small-window-top-rht {
  width: 4.688rem;
}

.compose-box.ongoing-call-box .r-modal-btn.r-outline-close,
.compose-box.ongoing-call-box .r-modal-btn.r-outline-close:hover {
  padding: 0 0 0 0.1rem;
}

.compose-box.ongoing-call-box .small-window-top-rht button:hover {
  background-color: transparent;
  box-shadow: none;
}

.compose-box.ongoing-call-box .small-window-top-rht button i {
  color: #fff;
}

.compose-box.ongoing-call-box .small-window-top-rht button:hover i {
  color: #3da550;
}

.compose-box.ongoing-call-box .employee-rht-btm {
  border-radius: 0.75rem;
  background: #ffffff;
  margin-top: -0.5rem;
}

.ongoing-call-box .cf-ongoing-call-icon {
  width: 3.375rem;
  height: 3.375rem;
  background-color: #3da550;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.ongoing-call-box .small-window-top {
  background-color: #51DC6B;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  padding-bottom: 1.25rem;
}

.ongoing-call-box .small-window-top-lft h5 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
  text-align: center;
  color: #fff;
}

.ongoing-call-box .cf-ongoing-call-icon i {
  font-size: 1.5rem;
  color: #fff;
}

.dtfc-fixed-right {
  background-color: var(--bg-color);
}

.c-all-calls .people-table-main thead th:last-child {
  text-align: left;
}

#c-call-forwarding .r-add-leads-main-wrapper .r-add-leads-main-reverse .select2-selection {
  background: transparent;
}

.c-call-forwarding .c-label-wrap {
  margin-bottom: 0.9375rem;
}

.c-call-forwarding .call-forward-section {
  background-color: #F2F2F5;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 0.5rem;
}

.c-call-forwarding .select2-container,
.c-call-forwarding .dollar-input-input {
  background: white !important;
  border-radius: 0.25rem;
}

.c-call-forwarding .order-list-input-fix {
  margin-bottom: 0.9375rem;
}

.c-call-forwarding .select2-search.select2-search--dropdown,
.cus-hide-search .select2-search.select2-search--dropdown {
  display: none;
}

.c-call-forwarding .intNumber,
.c-call-forwarding .extNumber {
  margin-top: 0.5rem !important;
}

.c-call-forwarding .call-forward-section .call-foward-for {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: left;
  margin-bottom: 0.625rem;
}

.c-call-forwarding .r-add-people-lable-input-wrap {
  /* width: 50%; */
}

.new-call-modal .lead_nav_tabs {
  background-color: #F6F8FA;
  margin-bottom: 1rem;
}

.new-call-modal .lead_nav_tabs .nav-link {
  color: var(--text-grey);
}

.new-call-modal .lead_nav_tabs .nav-link.active {
  color: var(--global-white);
}

.new-call-modal .lead_nav_tabs .nav-link i {
  color: var(--text-grey);
}

.r-add-leads-main-wrapper.new-call-modal .r-add-leads-main-reverse .calling-number-input input {
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  padding-bottom: 0.563rem;
}

.r-add-leads-main-wrapper.new-call-modal .iti__selected-country-primary:hover {
  background-color: transparent !important;
}

.r-add-leads-main-wrapper.new-call-modal .r-add-leads-main-reverse .calling-number-input,
.c-phone-ext {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.r-add-leads-main-wrapper.new-call-modal .r-add-leads-main-reverse .calling-number-input .iti {
  width: auto;
}

.dail-call-module .contact-card-group {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  gap: 1.5rem;
  border-radius: 0.5rem;
}

.c-contact-card-container {
  width: 48rem;
  overflow-x: scroll;
}

.dail-call-module .modal-body {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.dail-call-module .modal-footer {
  justify-content: center;
  gap: 1.25rem;
}

.dail-call-module .contact-card-group .contact-card {
  background-color: #F2F2F5;
  padding: 1.5rem 2.5rem;
  border-radius: 0.5rem;
  position: relative;
}

.dail-call-module .contact-card-group .contact-card .contact-card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(225, 225, 225, 0.5);
  top: 0;
  left: 0;
}

.dail-call-module .contact-card-group .contact-card .caller-img {
  width: 9.25rem;
  height: 9.25rem;
  margin-bottom: 1.25rem;
}

.dail-call-module .contact-card-group .contact-card .caller-img img {
  object-fit: cover;
  width: 9.25rem;
  height: 9.25rem;
  border-radius: 100%;
}

.dail-call-module .contact-card-group .contact-card .caller-name {
  margin-bottom: 1.25rem;
}

.dail-call-module .contact-card-group .contact-card .caller-name h2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 0.5rem;
}

.dail-call-module .contact-card-group .contact-card .caller-name span {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.dail-call-module .contact-card-group .contact-card .call-timing {
  height: 22px;
  position: relative;
}

.dail-call-module .contact-card-group .contact-card .cp-dial-action-buttons .c-actions {
  position: relative;
}

.dail-call-module .contact-card-group .contact-card .call-timing span,
.dail-call-module .contact-card-group .contact-card .call-timing button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.dail-call-module .contact-card-group .contact-card .call-timing button {
  border: none;
}

.dail-call-module .contact-card-group .contact-card .call-timing button i {
  color: var(--global-orange);
}

.btn-calls {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.btn-calls button {
  border: none;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F2F2F5;
  margin-bottom: 0.5rem;
  border: #F2F2F5 solid 0.063rem;
}

.btn-calls button:hover,
.btn-calls button.active {
  border: var(--global-orange) solid 0.063rem;
  background-color: var(--global-orange);
}

.btn-calls button:hover i,
.btn-calls button.active i {
  color: #fff;
}

.btn-calls button.end-call {
  background-color: #FB5758;
}

.btn-calls button.end-call i {
  color: var(--global-white);
}

.btn-calls button i {
  font-size: 1.25rem;
}

.btn-calls span {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.btn-min-max {
  border: none;
  background-color: transparent;
  margin-right: 0.313rem;
}

.dail-call-module.c-minimize {
  position: unset;
  width: unset;
}

.dail-call-module.c-minimize .modal-header {
  border-bottom: 0;
}

.dail-call-module.c-minimize .modal-dialog {
  position: absolute;
  bottom: 0;
  right: 0;
  min-height: 0;
  margin: 0;
  width: 18.75rem;
}

.cg-call-group .cg-head {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: var(--card-highlight--bg-color) solid 0.063rem;
}

.cg-call-group .cg-head h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
  text-align: left;
  color: var(--text-two);
}

.cg-call-group .prevBtn {
  padding: 0.375rem 0.75rem;
}

.cg-call-group .people-table-main table tbody td a {
  text-transform: capitalize;
}

.cg-time-frames {
  display: flex;
  gap: 0.5rem;
}

.cg-time-frames .form-group {
  width: calc(100% - 10.438rem);
}

.voicemail-detail-list {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
  padding: 0.75rem 1rem;
}

.voicemail-detail-list ul {
  list-style-type: none;
}

.voicemail-detail-list ul {
  display: flex;
  gap: 2rem;

}

.voicemail-detail-list ul li {
  position: relative;
}

.voicemail-detail-list ul li::after {
  content: "|";
  position: absolute;
  right: -1.125rem;
  color: var(--card-highlight--bg-color);
}

.voicemail-detail-list ul li:last-of-type::after {
  content: "";
}

.voicemail-audio {
  margin: 0.75rem;
  padding: 1rem 1rem 0.75rem 1rem;
  border: var(--card-highlight--bg-color) solid 0.063rem;
  border-radius: 0.25rem;
}

.voicemail-audio audio {
  width: 100%;
}

.cg-time-frames a {
  width: 11.438rem;
  margin-top: 0;
  padding: 0.25rem 0.5rem;
  justify-content: center;
  display: flex;
  align-items: center;
}

.senior-support-wrap .senior-support-list-ul li {
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 0.125rem 0.188rem 0px #120B351A;
  border: #E1E1E1 solid 0.063rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}

.senior-support-wrap .senior-support-list-ul li:hover {
  background-color: rgba(240, 79, 41, 0.10);

}

.senior-support-wrap .senior-support-list-ul li .support-user-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

.senior-support-wrap .senior-support-list-ul li .support-user-title .support-user-img {
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0.625rem;
  flex: 0 0 auto;
}

.senior-support-wrap .senior-support-list-ul li .support-user-title .support-user-img img {
  width: 3.125rem;
  height: 3.125rem;
  object-fit: cover;
  border-radius: 100%;
}

.senior-support-wrap .senior-support-list-ul li .support-user-title .support-profile-title {
  text-align: left;
}

.senior-support-wrap .senior-support-list-ul li .support-user-title .support-profile-title h4 {
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0.2rem;
  color: var(--global-black);
}

.senior-support-wrap .senior-support-list-ul li .support-user-title .support-profile-title p {
  max-width: 14.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: left;
  opacity: 0.8;
}

.senior-support-wrap .senior-support-list-ul li .icon-trash {
  display: flex;
  justify-content: center;
  align-items: center;
}

.senior-support-wrap .senior-support-list-ul li .icon-trash i {
  font-size: 1.125rem;
  color: var(--global-orange);
}

.email-action-btns {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.email-action-btns .right-action-btns {
  display: flex;
  gap: 0.5rem;
}

.create-new-group textarea.gd-area {
  height: 7rem !important;
}

.create-new-group .markinfoBar {
  margin-bottom: 1rem;
}

.create-new-group .markinfoBar .markinfobarwrap .markinfobarTxt {
  font-size: 1rem;
  ;
}

.markinfoBar .markinfobarwrap .fa-circle-info {
  font-size: 1.2rem;
  ;
}

/* Style for the icon inside the search input */
.create-new-group .select2-container .select2-search i.fa-magnifying-glass {
  position: absolute;
  left: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #aaa;
}

/* Add padding to the search input to make space for the icon */
.create-new-group .select2-container--default .select2-search--dropdown .select2-search__field {
  padding-right: 1.875rem;
}

.create-new-group .select2-container .select2-search--inline .select2-search__field {
  margin-left: 2.063rem;
  margin-top: 0;
}

.create-new-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 2rem;
}

.cg-img-preview {
  position: relative;
}

.cg-img-preview img {
  width: 100%;
  height: 10rem;
}

.c-inner-sms-tabs ul {
  list-style-type: none;
}

.tm-heads:hover {
  background-color: transparent !important;
}

.cg-img-preview .cg-delete {
  position: absolute;
  right: 0.938rem;
  top: 0.813rem;
  background: rgba(225, 225, 255, 0.2);
  backdrop-filter: blur(0.625rem);
  -webkit-backdrop-filter: blur(0.625rem);
  padding: 0.375rem;
  border-radius: 0.25rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cg-img-preview .cg-delete i {
  color: var(--global-orange);
  font-size: 1rem;
}

.c-contact .c-user-calling-img {
  width: 8rem;
  height: 8rem;
  margin-right: 1.5rem;
}

.c-contact .c-user-calling-img img {
  width: 8rem;
  height: 8rem;
}

.c-contact .c-contact-user-d {
  padding: 1rem;
}

.c-contact .c-dialer-user-head {
  /* display: flex;
    justify-content: space-between;
    width: 100%; */
  position: relative;
}

.c-view-edit-d2 {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}

ul {
  list-style-type: none;
}

.c-card-item {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  padding: 1rem;
  border-radius: 0.5rem;
}

.c-contact .c-dialer-user-head .uer-calling-title h4 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: left;
  color: var(--text-two);
  margin-bottom: 0.5rem;
}

.c-contact .c-dialer-user-head .uer-calling-title a {
  color: var(--white-orange-orange);
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
  display: inline-block;
}

.c-contact .c-dialer-user-head .user-profile-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* gap: 5.188rem; */
}

.c-contact .c-dialer-user-head .user-profile-title {
  justify-content: flex-start;
}

.c-contact .c-dialer-user-head .uer-calling-title .user-type {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  opacity: 0.8;
}

.c-contact-head-action {
  margin-bottom: 1rem;
}

/*EDIT CUSTOMER ENHANCEMENT*/
.edit-customer-lft-wrap-main {
  border: none;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
  /* margin-bottom: 1.5rem; */
}

.edit-customer-lft-wrap-main.card {
  background: var(--bg-color);
}

.edit-customer-btn-select,
.flex-main-sec-edit-cuatom {
  display: flex;
  justify-content: space-between;
  align-items: top;
  gap: 1rem;
  padding: 0 1rem 0 1rem;
  margin-bottom: 1rem;
}

.crm_no_activity {
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.crm_no_activity i,
.crm_no_activity h4 {
  font-size: 1.5rem;
  color: var(--text-two);
}

.edit-customer-btn-select {
  padding: 1.5rem 1rem 1.5rem 1rem;
  margin-bottom: 0;
}

.pipeline-select-w {
  width: 20rem;
}

.r-won-btn {
  background-color: #51DC6B;
  border-color: #51DC6B;
}

.r-won-btn:hover {
  border-color: #51DC6B;
  color: #51DC6B;
}

.com-custom-list-view table td {
  padding: 10px;
}

.flex-main-sec-edit-cuatom {
  margin: 0;
  padding: 0rem 1rem 1rem 1rem;
}

.com-custom-list-view {
  width: 100%;
  height: 505px;
  overflow: auto;
}

.activity-calender {
  width: 40%;
  border-left: 0.0625rem solid var(--card-highlight--bg-color);
}

.activity-calender .fc-direction-ltr {
  height: 100%;
}

.activity-calender .fc .fc-toolbar {
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 1rem 0 1rem 1rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
  /* background: var(--global-white); */
}

.activity-calender .fc-header-toolbar .fc-toolbar-chunk:last-child {
  width: 100%;
  background: transparent !important;
}

.activity-calender.calendar-main-chart-wrap .fc .fc-toolbar-chunk .fc-today-button,
.activity-calender.calendar-main-chart-wrap .fc .fc-toolbar-chunk .fc-button-primary {
  background: transparent !important;
  color: var(--white-white-black);
}

.activity-calender.calendar-main-chart-wrap .fc-customButton-button {
  color: var(--white-white-orange) !important;
  padding: 0 !important;
  font-weight: 400 !important;
  text-decoration: underline;
  padding: 0;
}

.activity-calender.calendar-main-chart-wrap .fc .fc-toolbar-title {
  font-weight: 400;
  font-size: 1.2rem;
  color: var(--white-white-black);
}

.activity-calender.calendar-main-chart-wrap .fc-theme-standard th {
  border-right: 1px solid var(--fc-border-color);
}

.activity-calender .fc-scrollgrid-section-body .fc-daygrid-body-natural {
  display: none;
}

.activity-calender .fc .fc-timegrid-slot {
  background: #ffffff;
}

.activity-calender .fc-v-event .fc-event-main-frame {
  background: #F2F2F5A6;
  padding: 10px;
}

.activity-calender .fc .fc-button {
  padding: 0.2em;
}

/*END */

.c-contact-head-action .a-btns {
  background-color: transparent;
  color: var(--white-white-orange);
  border: 0.0625rem solid var(--global-input-border);
}

.c-contact-head-action .a-btns i {
  font-size: 0.875rem;
  margin-right: 0.125rem;
}

.c-contact-head-action .a-btns:hover {
  background-color: var(--global-white);
  color: var(--global-orange);
}

.c-contact-head-action .a-btns:hover i {
  color: var(--global-orange);
}

.c-contact-head-action .a-btns {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
  text-align: center;
  padding: 0.25rem 0.375rem;
  min-height: auto;
  border-radius: 0.125rem;
  color: var(--text-two);
}

.c-contact-head-action {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.375rem;
  justify-content: flex-end;
  flex-wrap: wrap;
  row-gap: 0.938rem;
}

.c-contact .r-people-lft-tab .nav-link {
  font-size: 1rem;
}

.c-contact .accordion-item .accordion-button {
  font-size: 1.125rem;
  font-weight: 600;
}

.c-contact .r-people-lft-tab {
  /* background-color: var(--white-white-orange) */
}

.theme-dark .c-contact .r-people-lft-tab {
  background-color: #0E1529;
}

.com-histiry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--card-highlight--bg-color);
  border-radius: 0.5rem;
  padding: 1rem;
}

.theme-dark .com-histiry {
  background-color: #0E1529;
  color: var(--text-two);
}

.com-history-left ul {
  display: flex;
  background-color: var(--white-white-orange);
  border-radius: 0.25rem;
  padding: 0.25rem;
}

.com-history-left ul button {
  border: none;
  background: transparent;
  padding: 0;
  color: var(--black-black-white);
}

.com-history-left ul li {
  border-radius: 0.125rem;
}

.com-history-left ul li.active button {
  background-color: var(--orange-orange-white);
  color: var(--white-white-orange)
}

.com-history-left ul button i {
  /* color: var(--text-two); */
  font-size: 0.875rem;
  padding: 0.5rem;
}

.com-history-list-view table .c-annouce-icon {
  padding: 0.625rem;
  border-radius: 100%;
  background-color: var(--card-highlight--bg-color);
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-top: 0.25rem; */
}

.com-history-list-view table .c-annouce-icon i {
  font-size: 1.25rem;
}

.com-history-list-view table thead tr th {
  background-color: transparent;
}

.com-history-list-view table td {
  text-align: left !important;
  vertical-align: baseline !important;
}

.com-history-list-view table .c-announce-wrap .c-announce-details {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.com-history-list-view table .c-announce-wrap .c-announce-no-flex {
  display: block;
}

.com-history-list-view table.dataTable tbody td {
  padding-top: 0 !important;
}

.com-history-list-view table.dataTable tbody td {
  padding-bottom: 0.75rem !important;
}

.com-history-list-view table .c-announce-wrap .c-announce-details::before {
  content: "";
  background: url(../images/com-hist-annouce-icon.png) no-repeat;
  display: block;
  position: absolute;
  left: -0.938rem;
  top: 0.625rem;
  width: 0.938rem;
  height: 1.938rem;
}

.com-history-list-view table .c-announce-wrap .c-announce-details .c-annoucnce h4 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-align: left;
  margin-bottom: 0.5rem;
}

.com-history-list-view table .c-announce-wrap .c-announce-details .c-annoucnce p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  margin-bottom: 0.5rem;
}

.com-history-list-view table .c-announce-wrap .c-announce-details {
  background-color: var(--card-highlight--bg-color);
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.com-history-list-view table .c-announce-wrap .c-announce-details .c-annoucnce-btn a {
  background-color: var(--global-orange);
  color: var(--global-white);
  border-radius: 0.125rem;
  padding: 0.5rem;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  text-transform: capitalize;
}

.com-history-list-view table .c-announce-wrap .c-announce-details .c-annoucnce-btn a i {
  color: var(--global-white);
}

.com-history-list-view .dataTables_wrapper table tbody tr {
  box-shadow: none;
}

#selectTempSmsbody.sms-textarea {
  height: 10rem;
}

.pills-contact-call-tabs .c-prnt {
  padding-right: 0.425rem !important;
}

.pills-contact-call-tabs .call-history-right {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.pills-contact-call-tabs .call-history-right a.orange-btn:first-of-type {
  margin-right: 0 !important;
}

.pills-contact-call-tabs .c-call-history-legends {
  border-radius: 0.5rem;
}

.c-call-history-body .c-card-item .call-right-e {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}

.pills-contact-call-tabs .c-call-history-body .c-card-item {
  padding: 0;
}

.c-call-history-body .c-card-item .row-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-call-history-body .c-card-item .call-table-wrap {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
  padding: 1rem;
}

.c-call-history-body .c-card-item .call-table-wrap:last-of-type {
  border-bottom: none;
  padding: 0;
}

.call-no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1.5rem;
}

.c-call-history-body .c-card-item .call-right-e .com-history-left ul {
  background-color: var(--global-black);
}

.purchase-memo-number h6 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: left;
  margin-bottom: 1rem;
}

.purchase-memo-number .p-main-search {
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
  margin-right: 0.75rem;
}


.purchase-memo-number .p-main-search .searchinput {
  background: white;
  padding-left: 2.5rem;
  background-color: #F2F2F5;
  border-radius: 0px !important;
  border: none;
}

.purchase-memo-number .toll-free-no-wrap button {
  border: none;
  padding: 0.375rem 0.75rem;
  border: #E1E1E1 solid 0.063rem;
}

.purchase-memo-number .toll-free-no-wrap .row {
  gap: 0.625rem;
}

.purchase-memo-number .toll-free-no-wrap ul li {
  padding: 0;
}

.purchase-memo-number .searchsubmit i {
  color: #333;
}

.cf-all-con {
  width: 90% !important;
  margin: auto;
  padding: 0;
  margin-bottom: 1rem;
}

.cf-call-cta {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.cf-call-cta button {
  border: none;
  background-color: transparent;
  padding: 0;
}

.cf-call-cta button .fa-star {
  color: var(--global-orange);
}

.cf-call-cta button i {
  font-size: 1rem;
}

.c-floating-call-icon {
  position: fixed;
  bottom: 1.3rem !important;
  right: 6.5rem;
  z-index: 10 !important;
  display: none;
}

.new-floating-call-icon {
  display: block;
}

.c-floating-call-icon button {
  border: none;
  background-color: #51DC6B;
  border-radius: 100%;
  width: 4rem;
  height: 4rem;
  box-shadow: 0 0 0.775rem 0 rgb(0 0 0 / 19%);
}

.c-floating-call-icon button:hover {
  transform: scale(1.1);
}

.c-floating-call-icon button i {
  font-size: 1.5rem;
  color: #fff;
}

.pills-contact-profile .accordion-item {
  background-color: var(--card-highlight--bg-color);
}

.pills-contact-profile .accordion-button {
  color: var(--text-two) !important;
}

.theme-dark .pills-contact-profile .accordion-item {
  background-color: #0E1529;
}

.crm-pro {
  margin-bottom: 1rem;
}

.crm-pro label:nth-child(1) {
  opacity: 0.8;
  width: 12.125rem;
}

.crm-pro label:nth-child(2) {
  width: calc(99% - 12.125rem);
}

.field-both-side-icon .icon-input {
  left: unset;
  right: 0.4375rem;
}

.field-both-side-icon .fa-eye {
  cursor: pointer;
  position: relative;
  z-index: 9;
}

.cf-int-ext-cn-number {
  display: flex;
  justify-content: space-between;
  gap: 0.938rem;
  align-items: center;
}

.cf-int-ext-cn-number label {
  padding: 0;
}

.theme-orange .cg-call-group .btn_previous_page a {
  background-color: transparent;
  color: var(--global-orange);
  border: 0.0625rem solid var(--global-orange);
}

.c-emp-add-con-m {
  margin-left: 0.625rem;
}

.dial-add-new-con {
  color: var(--global-orange);
  margin-bottom: 1rem;
  display: block;
}

.c-tooltip-trigger {
  margin-left: 0.3rem;
}

.c-tmessage-def-screen .selectmember-counter {
  height: calc(100vh - 24vh);
}

.cp-tab-content-box .people-table-main .dataTables_filter .input-group input[type="text"] {
  padding-left: 1rem;
}

.new-call-modal .dropdown-menu {
  position: absolute !important;
  top: auto !important;
  bottom: 100% !important;
  transform: translateY(-5px) !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
}

.new-call-modal .modal-body {
  overflow-y: unset !important;
  overflow-x: unset;
}

.new-call-modal .dropdownMenuButton {
  padding-bottom: 0 !important;
}

.keypad-add-call-modal,
.keypad-dailer-modal {
  width: 250px;
}

.c-incoming-call-modal .contact-card-group {
  text-align: center;
}

.c-incoming-call-modal .contact-card-group .contact-card .caller-label-head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 1.5rem;
}

.c-incoming-call-modal .contact-card-group .contact-card .caller-label-head h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
}

.c-incoming-call-modal .contact-card-group .contact-card .caller-img {
  width: 100%;
  height: 9.25rem;
  margin-bottom: 1.25rem;
}

.c-incoming-call-modal .contact-card-group .contact-card .caller-img img {
  object-fit: cover;
  width: 9.25rem;
  height: 9.25rem;
  border-radius: 100%;
}

.c-incoming-call-modal .contact-card-group .contact-card .caller-name {
  margin-bottom: 0.5rem;
}

.c-incoming-call-modal .contact-card-group .contact-card .caller-name h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 0.5rem;
}

.c-incoming-call-modal .contact-card-group .contact-card .caller-name span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.c-incoming-call-modal .contact-card-group .contact-card .verified-caller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.c-incoming-call-modal .contact-card-group .contact-card .verified-caller span {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #43BF5A;
}

.c-incoming-call-modal .contact-card-group .contact-card .verified-caller i {
  font-size: 1.25rem;
  color: #43BF5A;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-call-action-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-call-action-buttons button {
  border: none;
  color: #fff;
  border-radius: 0.5rem;
  width: 4.25rem;
  height: 4.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-call-action-buttons button i {
  color: #fff;
  font-size: 1.125rem;
  display: block;
  margin-bottom: 0.375rem;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-call-action-buttons button span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-call-action-buttons .c-call-decline {
  background-color: #FB5758;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-call-action-buttons .c-call-decline:hover {
  background-color: #f53132;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-call-action-buttons .c-call-accept {
  background-color: #51DC6B;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-call-action-buttons .c-call-accept:hover {
  background-color: #2ed54e;
}

.c-incoming-call-modal .contact-card-group .contact-card .c-mini-incoming-call {
  cursor: pointer;
}

.dail-call-module .c-all-calls .c-actions ul {
  justify-content: center;
  margin-top: 1rem;
}

.dail-call-module .c-all-calls .c-actions ul li a {
  width: 2.125rem;
  height: 2.125rem;
}

.callgrp-tooltip {
  max-width: 7rem !important;
}

.c-timeframe-d2 {
  margin-top: 10px;
}

.calling-user-btn .cg-sub-text,
.script-box .cg-sub-text {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
  width: 12rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.calling-user-btn .cg-sub-text span,
.script-box .cg-sub-text span {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  opacity: 0.6;
}

.script-box .small-window-top-lft h5 {
  width: 14rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.inv-order-summary-dis {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}

.c-voicemail-setting .vm-head {
  margin-bottom: 1.5rem;
}

.c-voicemail-setting .vm-head h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: left;
  margin-bottom: 0.75rem;
}

.c-voicemail-setting .vm-head p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.vm-transparent-card {
  border: 1px solid #E1E1E1;
  padding: 1.5rem;
  border-radius: 0.5rem;
}

.vm-transparent-card .vm-email-wrap {
  border: 1px solid #333333;
  padding: 0.75rem !important;
  border-radius: 0.5rem;
}

.vm-disabled-ctrl label:not(:first-child),
.vm-disabled-ctrl>span label {
  opacity: 0.4;
}

.vm-disabled-ctrl .vm-email-wrap {
  border: 1px solid #E1E1E1;
}

.vm-transparent-card .vm-s-head h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.vm-transparent-card .vm-s-desc {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.new-invoice-inventory-table {

  width: 100%;
}

.new-invoice-inventory-table th:nth-child(1),
.new-invoice-inventory-table td:nth-child(1),
.new-invoice-inventory-table th:nth-child(9),
.new-invoice-inventory-table td:nth-child(9),
.new-invoice-inventory-table th:nth-child(11),
.new-invoice-inventory-table td:nth-child(11) {
  width: auto;
  /* Allow content-based width */
  white-space: nowrap;
  /* Prevent content from wrapping */
}

.new-invoice-inventory-table th,
.new-invoice-inventory-table td {
  width: 10%;
  /* Set a default width for other columns */
  text-align: left;
  word-wrap: break-word;
}

.custom-table-invoice-wrap table tr td table td:nth-child(1) {
  padding-left: 0;
}



.custom-table-invoice-wrap table tr td table tr {
  /* border-bottom: 0.0625rem solid var(--global-input-border); */
}

.custom-table-invoice-wrap table tr td table tr:last-child {
  border-bottom: none;
}

.custom-table-invoice-wrap table th:nth-child(1) {
  width: 2%;
  text-align: left;
}

.custom-table-invoice-wrap table tr td table td:nth-child(1) {
  padding-left: 0;
}

.custom-table-invoice-wrap table th:nth-child(2) {
  width: 12%;
}

.custom-table-invoice-wrap table tr td table td:nth-child(2) {
  width: 13%;
}

.custom-table-invoice-wrap table th:nth-child(2) {
  text-align: left;
}

.custom-table-invoice-wrap table tr td table td:nth-child(2) {
  padding-left: 1rem;
}

.custom-table-invoice-wrap table th:nth-child(3),
.custom-table-invoice-wrap table tr td table td:nth-child(3) {
  width: 13%;
  text-align: left;
}

.custom-table-invoice-wrap table th:nth-child(4),
.custom-table-invoice-wrap table tr td table td:nth-child(4),
.custom-table-invoice-wrap table th:nth-child(7),
.custom-table-invoice-wrap table tr td table td:nth-child(7) {
  width: 14.8%;
  text-align: left;
}

.custom-table-invoice-wrap table th:nth-child(9),
.custom-table-invoice-wrap table tr td table td:nth-child(9) {
  width: 3%;
  text-align: left;
}

.custom-table-invoice-wrap table th:nth-child(6) {
  width: 12.8%;
  text-align: left;
}

.custom-table-invoice-wrap table tr td table td:nth-child(6) {
  width: 12.8%;
  text-align: left;
}

.custom-table-invoice-wrap table th:nth-child(5),
.custom-table-invoice-wrap table tr td table td:nth-child(5) {
  width: 12.8%;
  text-align: left;
}

.custom-table-invoice-wrap table th:nth-child(8),
.custom-table-invoice-wrap table td:nth-child(8) {
  width: 9%;
  text-align: center;
}

.table-us-invoice-wrap table tr td table td:nth-child(4) {
  width: 15%;
}

.table-us-invoice-wrap table tr td table td:nth-child(5) {
  width: 14%;
}

.table-us-invoice-wrap table tr td table td:nth-child(7) {
  width: 15.5%;
}

.custom-table-invoice-wrap table th:nth-child(10),
.custom-table-invoice-wrap table td:nth-child(10) {
  width: 5%;
  text-align: center;
}

.qbo-remove-disc {
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  text-decoration-line: underline;
  color: var(--text-two);
  margin-top: 0.5rem;
  cursor: pointer;
}

.qbo-inpt-field {
  width: 20% !important;
}

.qbo-remove-card-processing i {
  color: var(--text-two);
}

.inv-custom-dropdown-class .select2-results__option {
  font-size: 0.813rem;
}

.new-invoice-inventory-table .select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: left;
}

.btn-multiaction {
  display: flex;
  border-radius: 0.4375rem;
}

.btn-multiaction:hover {
  box-shadow: 0px 0px 5px 0px var(--btn-hover);
  transition: .3s all linear;
}

.btn-multiaction button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex-basis: 90%;
  flex-grow: 1;
  padding: 0.5rem 0;
  /* border-right: var(--orange-orange-white) solid 0.031rem; */
}

.btn-multiaction button:hover {
  box-shadow: none;
}

.btn-multiaction>button {
  background-color: var(--global-orange);
  color: var(--global-white);
  border: none;
  border-top-left-radius: 0.4375rem;
  border-bottom-left-radius: 0.4375rem;
}

.btn-multiaction .dropdown button {
  border-top-right-radius: 0.4375rem;
  border-bottom-right-radius: 0.4375rem;
  flex-basis: 10%;
  padding: 0.5rem 1rem;
  border-left: var(--global-white) solid 0.031rem;
  background-color: var(--global-orange);
  color: var(--global-white);
  /* border-color: var(--white-white-orange); */
}

.menu-multiaction {
  display: none !important;
}

.menu-multiaction.show {
  display: block !important;
}

.menu-multiaction li {
  margin-bottom: 0 !important;
}

.tooltip.invoice_tooltip_price .tooltip-inner {
  max-width: 22rem;
}

/* Communication Sms Template */


/* Customer Profile */

.cp-btn-verify-edit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.cp-btn-verify-edit .btn-edit {
  color: var(--white-white-orange);
}

.cp-btn-verify-edit .btn-not-verify {
  color: var(--global-orange);
}

.cp-btn-verify-edit .btn-not-verify {
  background-color: #fde5df;
  border-radius: 100px;
  font-size: 0.75rem;
}

.cp-btn-verify-edit .btn-verified {
  background-color: #e5fae9;
  border-radius: 100px;
  font-size: 0.75rem;
  color: #51DC6B;
}

.cp-btn-verify-edit .fa-solid {
  padding-right: 5px;
}

.cp-status-wrap {
  background: #fff;
  position: absolute;
  bottom: 0.438rem;
  right: 0px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px;
}

.cp-status-wrap .status {
  width: 1rem;
  height: 1rem;
  right: unset;
  bottom: unset;
}

.text-in-row {
  display: flex;
  margin-bottom: 1rem;
}

.text-in-row label {
  flex-basis: 30%;
}

.text-in-row label i {
  padding-right: 0.313rem;
}

.text-in-row a,
.text-in-row span {
  flex-basis: 70%;
  font-size: 1rem;
  display: flex;
  align-items: center;
}

.cp-deals-table tbody tr {
  box-shadow: none !important
}

.text-in-row span i,
.pills-save-payment-method-sub-wrap .chart-heading .fa-circle-info {
  color: var(--white-white-orange);
  cursor: pointer;
}

.pills-save-payment-method-sub-wrap .chart-heading .mc-saved-card-wrap .mc-saved-cards .pde_cc_card_wrap,
.spm-saved-cards .mc-saved-card-wrap .mc-saved-cards .pde_cc_card_wrap {
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.cc-i-b-col {
  width: 3.3rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cc-i-b-col .fa-building-columns {
  color: var(--white-white-orange);
}

.save_payment_method_modal .cc-i-b-col .fa-building-columns {
  color: var(--global-orange);
}

.pills-save-payment-method-sub-wrap .chart-heading .mc-saved-card-wrap .fa-link-slash {
  font-size: 1.2rem;
  color: var(--white-white-orange)
}

.spm-saved-cards .mc-saved-card-wrap .fa-link-slash {
  font-size: 1rem;
  color: var(--white-white-orange)
}

.spm-no-save-payment-method {
  text-align: center;
  margin-top: 1rem;
}

.spm-no-save-payment-method .fa-triangle-exclamation {
  color: var(--global-orange);
  margin-bottom: 0.5rem;
}

.spm-section h6 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}

.spm-section p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}

.spm-section ul {
  padding-left: 1rem;
  list-style-type: disc;
}

.cp-g-card .card-body {
  padding-bottom: 0;
}

.cp-vertical-text label,
.cp-vertical-text span {
  display: block;
}

.cp-vertical-text label {
  font-weight: 600;
}

.cp-vertical-text label {
  margin-bottom: 0.25rem;
}

.cp-vertical-text span {
  font-size: 1rem;
}

.cp-vertical-text .col-md-6 {
  margin-bottom: 1rem;
}

.cp-tabs .accordion-header {
  position: relative;
}

.cp-tabs .accordion-header .btn-edit {
  position: absolute;
  right: 2.5rem;
  top: 0.7rem;
  color: var(--white-white-orange);
  z-index: 5;
}

.cp-tabs .accordion-header .btn-add-addr {
  position: absolute;
  right: 3rem;
  top: 0.7rem;
  z-index: 5;
}

.cp-tabs .accordion-header .inner-btn-delete {
  position: absolute;
  right: 4.5rem;
  top: 0.7rem;
  color: var(--white-white-orange);
  z-index: 5;
}

.inner-accordion .accordion-item {
  box-shadow: none !important;
  border: var(--global-input-border) solid 1px !important;
}

.inner-accordion .accordion-button {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;

}

.modal-act-btn {
  gap: 0.625rem;
}

.cp-edit-basic-form .people-details {
  width: 100%;
}

.cp-form-group .form-group {
  display: flex;
  margin-bottom: 1rem;
}

.cp-form-group .form-group label {
  width: 8.25rem;
  display: flex;
  align-items: center;
  padding: 0;
}

.cp-form-group .form-group label i {
  padding-right: 0.313rem;
}

.cp-form-group .form-group .iti--allow-dropdown,
.cp-form-group .form-group .cp-inp,
.cp-form-group .form-group select,
.cp-form-group .form-group .select2-container {
  width: calc(100% - 6.25rem) !important;
}

ul.cp-segment-items {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.cp-segment-items li {
  background-color: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-radius: 100px;
  padding: 0.3125rem 0.75rem 0.3125rem 0.75rem !important;
}

.segment_deal_ul {
  padding: .25rem;
  width: 100%;
  border: 0.0625rem solid var(--top-header-icons-border);
  border-radius: .25rem;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: .25rem;
  flex-wrap: wrap;
}

.segment_deal_ul li {
  padding: 0.125rem 0.5rem;
  border-radius: 0.125rem;
  background: #7AA3FD;
  color: var(--global-white);
  font-size: 0.875rem;
  font-weight: 400;
}

.cp-tabs .r-add-people-lable-input-wrap label {
  margin-bottom: .5rem;
}

.cp-edit-form-action-btns {
  position: absolute;
  right: 3.3rem;
  top: 0.25rem;
  z-index: 5;
}

.cp-edit-form-action-btns.btn_previous_page .prev-step,
.cp-edit-cust-pro-i-action-btns.btn_previous_page .prev-step {
  color: var(--text-two)
}

.cp-edit-cust-pro-i-action-btns {
  position: absolute;
  right: 1.563rem;
  top: 4.563rem;
  z-index: 5;
}

.customer_actions_wrap,
.outter-customer_actions_wrap,
.inner-customer_actions_wrap,
.customer_form_actions_save_cancel_btn {
  display: none;
}

.customer_form_input_fileds_wrap,
.show_form .customer_details_only_wrap,
.show_form .customer_actions_edit_btn {
  display: none;
}

.show_form .customer_form_input_fileds_wrap,
.show_form .customer_form_actions_save_cancel_btn {
  display: block;
}

.customer_details_only_wrap {
  display: flex;
}

.customer-profile-right-main-content {
  border: none;
}

.customer-profile-right-main-content .cp-tab-list-box .nav-pills {
  width: 100%;
  border-radius: 0;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  padding: 1rem 1.5rem;
  box-shadow: none;
  row-gap: 0.625rem;
  border-bottom: var(--card-highlight--bg-color) solid 1px;
}

.cp-tab-content-box .people-table-main.people-all-table-wrap {
  border-radius: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.customer-profile-right-main-content .cp-tab-list-box ul .nav-item .nav-link {
  box-shadow: 0 2px 0.5rem 0 rgb(0 0 0 / 10%);
  border-radius: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.cp-tab-content-box .gradiant-card {
  box-shadow: none;
  border-bottom: var(--card-highlight--bg-color) solid 1px;
  border-radius: 0;
}

.cp-tab-content-box .gradiant-card:last-of-type {
  border-bottom: 0;
  border-radius: 0.5rem;
}

.cp-tab-content-box {
  background-color: var(--bg-color);
  border-radius: 0.5rem;
}

.cp-deal-wrapper {
  position: relative;
}

.cp-deal-wrapper .cp-deal-blk {
  position: absolute;
  z-index: 1;
}

.cp-deal-wrapper .cp-deal-header {
  padding: 1.5rem;
}

.cp-deal-wrapper .cp-deal-header .cp-deal-lhs {
  display: flex;
  gap: 0.625rem;
}

.cp-deal-wrapper .cp-deal-header .cp-deal-lhs .deals_deal_size_wrapper {
  grid-template-columns: 1fr 0fr;
}

.cp-deal-wrapper .cp-deal-header .cp-deal-lhs .deals_deal_size_wrapper .deals-deal-val {
  color: var(--text-gray);
}

.cp-deal-wrapper .cp-deal-header .cp-deal-rhs {
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
}

.cp-deal-wrapper .cp-deal-header .cp-deal-rhs .input-group,
.cp-deal-wrapper .cp-deal-header .cp-deal-rhs .form-group {
  width: 12.5rem;
}

.cp-deal-wrapper .cp-deal-header .cp-deal-rhs .form-group input {
  padding-left: 0;
}

.cp-deal-wrapper .cp-deals-body {
  /* padding: 1.5rem; */
}

.cp-deal-wrapper .cp-deals-body .cp_deals_active_table_view .dataTables_scrollHead {
  display: none;
}

.cp-deal-wrapper .cp-deals-body .cp_deals_active_table_view table thead tr th {
  display: none;
}

.cp-deal-wrapper .cp-deals-body .cp_deals_active_table_view table tbody tr {
  box-shadow: none;
}

.cp-deal-wrapper .cp-deals-body table tbody tr td:first-of-type {
  padding: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;

}

.cp-deal-list-container {
  border: var(--card-highlight--bg-color) solid 1px;
  border-radius: 0.25rem;
}

.cp-deal-list-container {
  display: flex;
  justify-content: space-between;
  padding: 1rem 2rem 1rem 1rem;
  align-items: center;
  margin-bottom: 1rem;
}

.cp-deal-list-act-btn {
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  margin-bottom: 0.625rem;
}

.cp-deal-list-container .cp-deal-list-lhs .cp-deal-list-head h2 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: var(--text-two);
  margin-bottom: 0.75rem;
  text-align: left;
  display: table;
}

.cp-deal-list-container .cp-deal-list-lhs .btn-export {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--orange-orange-white);
  text-decoration: none;
  padding: 0 1.11rem;
  border-radius: 0.125rem;
}

.cp-deal-list-container .cp-deal-list-lhs .cp-deal-list-head h2 .cp-color-bar span {
  width: 33.3%;
  height: 0.188rem;
  display: inline-block;
  border-radius: 1.25rem;
}

.cp-deal-list-container .cp-deal-list-lhs .cp-deal-list-head h2 .cp-color-bar {
  display: flex;
  gap: 0.125rem;
  margin-bottom: 0.75rem;
}

.cp-deal-list-container .cp-deal-list-lhs .cp-deal-list-head h2 .cp-color-bar span:nth-child(1) {
  background-color: #D63033;
}

.cp-deal-list-container .cp-deal-list-lhs .cp-deal-list-head h2 .cp-color-bar span:nth-child(2) {
  background-color: #A0419D;
}

.cp-deal-list-container .cp-deal-list-lhs .cp-deal-list-head h2 .cp-color-bar span:nth-child(3) {
  background-color: #FFAD58;
}

.cp-deal-val {}

.cp-deal-val ul {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}

.cp-deal-val ul li {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.875rem;
  color: var(--text-two);
  position: relative;
}

.cp-deal-val ul li a {
  text-decoration: underline;
  font-weight: 400;
  color: var(--text-two);
}

.cp-deal-val ul li::after {
  content: "|";
  position: absolute;
  right: -9px;
  top: -1px;
}

.cp-deal-val ul li:last-of-type::after {
  content: '';
}

.cp-deal-val ul li .cp-stats-qualified {
  background-color: #3087E9;
  color: #fff;
  border-radius: 100px;
  padding: 0.125rem 0.5rem;
  margin-left: 0.5rem;
}

.cp-stats-verified i {
  color: #51DC6B;
  font-size: 0.75rem;
}

.cp-stats-de-active span {
  color: var(--global-orange);
  background-color: #fde5df;
  font-size: 0.75rem;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.cp-stats-de-active span i {
  font-size: 0.5rem;
  font-weight: 600;
}

.cp-assign-emp-timestamp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.75rem;
}

.cp-assign-emp-timestamp .cp-overdue {
  color: #D82F3C;
}

.cp-assign-emp-timestamp span:first-of-type {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  margin-right: 5px;
}

.cp-assign-emp-timestamp span {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: var(--text-two);
  font-weight: 400;
}

.cp-assign-emp-timestamp span i {
  font-size: 16px;
}

.cp-tab-content-box .com-histiry {
  background-color: transparent;
}

.cp-tab-content-box .com-history-list-view table .c-announce-wrap .c-announce-details,
.cp-tab-content-box .com-history-list-view table .c-annouce-icon {
  background-color: #F2F6FA;
}

.cp-tab-content-box .com-history-list-view table .c-announce-wrap .c-announce-details::before {
  background: url(../images/t-arrow.png) no-repeat;
  left: -0.838rem;
}

.cp-tab-content-box .com-history-list-view table .c-annouce-icon i {
  color: var(--text-grey)
}

.cp-tab-content-box .com-history-list-view table .c-announce-wrap .c-announce-details .c-annoucnce h4 {
  color: var(--text-grey);
}

.cp-tab-content-box .com-history-list-view table .c-announce-wrap .c-announce-details .c-annoucnce p {
  color: var(--text-grey)
}

.cp-tab-content-box .com-histiry {
  padding: 1.5rem;
  padding-bottom: 0;
}

.cp-tab-content-box .r-add-people-lable-input-wrap .cp-add-note {
  height: auto;
}

.cp-add-new-note-btn {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -10px;
}

.cp-tab-content-box .people-table-main .dataTables_length,
.cp-tab-content-box .people-table-main .dataTables_filter {
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.cp-tab-content-box table .c-announce-wrap .c-announce-details .c-annoucnce .r-tooltip {
  max-width: 30rem;
}

.cp-tab-content-box .com-history-list-view table.dataTable tbody .c-announce-wrap {
  padding-right: 1.5rem !important;
}

.com-history-grid-view table .r-tooltip {
  max-width: 12rem;
}

.cp-tab-content-box .com-history-grid-view table .grid-view-icon-center {
  padding-left: 2rem !important;
}

.cp-tab-content-box .cp-view-note-table thead {
  display: none;
}

.pills-cp-notes .cp-deal-wrapper .cp-deal-header {
  padding-bottom: 0;
}

.cp-tab-content-box .pills-cp-notes .com-history-list-view table .c-announce-wrap .c-announce-details::before {
  display: none;
}

.pills-cp-notes table .c-announce-wrap .c-announce-details {
  background-color: #FEF7EA !important;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
  gap: 1.25rem;
}

.pills-cp-notes table .c-announce-wrap .c-announce-details .c-annoucnce h4,
.view-note-modal-body h4 {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.pills-cp-notes table .c-announce-wrap .c-announce-details .c-annoucnce p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
  display: block;
  display: -webkit-box;
  height: auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: unset;
  max-width: 100% !important;
}

.view-note-modal-body p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.pills-cp-notes .c-announce-action {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.75rem;
}

.pills-cp-notes .c-announce-action i,
.pills-cp-notes .com-history-grid-view i {
  font-size: 1.25rem;
  color: var(--global-orange);
}

.pills-cp-tickets .com-history-left h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.cp-link-title {
  text-decoration: underline;
}

.pills-cp-files .accordion-item {
  box-shadow: none !important;
}

.pills-cp-files .accordion-body {
  border-top: 0;
}

.pills-cp-files .accordion-item {
  border-radius: 0;
}

.pills-cp-files .accordion-button {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--text-two) !important;
}

.pills-save-payment-method .pills-save-payment-method-sub-wrap {
  padding: 1.5rem;
}

.spm-paygateway-not-connected {
  margin-top: 1.5rem;
  text-align: center;
}

.spm-paygateway-not-connected h6 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-bottom: 1.5rem;
  color: var(--text-two);
}

.spm-paygateway-not-connected p,
.chart-heading p {
  color: var(--text-two);
}

.spm-paygateway-not-connected .btn-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  gap: 1rem;
}

.spm-paygateway-not-connected .btn-actions button {
  width: 50%;
}

.spm-paygateway-not-connected .btn-actions-connected button {
  width: auto;
}

.btn-actions-connected {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem
}

.btn-actions.btn_previous_page .prev-step {
  color: var(--white-white-orange);
}

.first-p {
  margin-bottom: 1.5rem;
}

.spm-paygateway-not-connected .fa-triangle-exclamation {
  margin-bottom: 0.813rem;
  color: var(--white-white-orange);
}

.theme-light .select2-themed .select2-selection__rendered {
  background: url(../images/white-spm-icon.png) no-repeat;
  background-size: 1rem;
  background-position: 0.5rem;
  padding-left: 2rem !important;
}

.select2-themed .select2-selection__rendered {
  background: url(../images/org-spm-icon.png) no-repeat;
  background-size: 1rem;
  background-position: 0.5rem;
  padding-left: 2rem !important;
}

.select2-themed .select2 {
  background: var(--white-white-orange);
}

.select2-themed .select2-selection__rendered,
.select2-themed .select2-selection__placeholder {
  color: var(--orange-orange-white) !important;
}

.theme-light .select2-themed .select2-selection {
  background-image: url(../images/down-spm-icon.png) !important;
  background-size: 1rem;
}

.select2-themed .select2-selection {
  background-image: url(../images/org-down-spm-icon.png) !important;
  background-size: 1rem;
}

.spm-head-wrap {
  display: flex;
  justify-content: space-between;
}

.cp-tabs .accordion-button {
  color: var(--text-two) !important;
}

.f-file-accept {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-two);
}

.f-view-files-action button {
  border: none;
  background-color: var(--white-white-orange) !important;
  color: var(--orange-orange-white) !important;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  /* border-radius: 100%; */
  margin-right: 0.5rem;

}

.f-view-files-action a:hover {
  text-decoration: none !important;
}

.f-view-files-action {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.pills-cp-files .f-file-style {
  max-width: 1.125rem;
  width: 1.125rem;
  height: 1.5rem;
  object-fit: contain;
}

.cp-deals-body .dataTables_wrapper .dataTables_filter .search_int .form-control {
  padding-left: 2.5rem !important;
}

.cp-deals-body .dataTables_wrapper .dataTables_filter .search_int {
  width: 13.5rem;
}

.cp-deals-body .dataTables_wrapper #cp-deals-table_filter {
  margin-bottom: 1rem !important;
}

h2.cp-n-view-notes-label {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  margin-top: 1rem;
  color: var(--text-two);
}

/* Customer Profile */

/* Deal Analytics */

.da-sel-pipeline .select2.select2-container {
  background-color: #fff;
  border-radius: 0.5rem;
}

.da-sel-pipeline .select2-selection__rendered {
  color: #333 !important;
}

.deal-analytics-datepicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.3125rem !important;
  background-color: var(--global-white);
}

.deal-analytics-datepicker input {
  color: var(--text-grey) !important;
  box-shadow: none;
}

.deal-analytics-datepicker input:focus {
  color: var(--text-grey) !important;
  box-shadow: none;
}

.deal-analytics-datepicker i {
  color: var(--text-grey) !important;
}

.da-metrics-in-card>div {
  margin-bottom: 1rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.da-metrics-in-card .gradiant-card {
  background-color: #fff;
  position: relative;
  display: flex;
  padding: 0.75rem 0.75rem;
  gap: 1rem;
}

.da-metrics-in-card .gradiant-card {
  color: var(--text-grey);
}

.da-metrics-in-card .gradiant-card i {
  font-size: 1.5rem;
  color: var(--global-orange);
}

.da-metrics-in-card .gradiant-card .icn-wrap {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FDEDEA;
  border-radius: 0.25rem;
  margin: 0.375rem;
}

.da-metrics-in-card .gradiant-card .da-info {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}

.da-metrics-in-card .gradiant-card .content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.da-metrics-in-card .gradiant-card .content-wrap .da-c-title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
}

.da-metrics-in-card .gradiant-card .content-wrap .da-c-count {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
}

.gradiant-card .da-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: var(--card-highlight--bg-color) solid 1px;
}

.gradiant-card .da-chart-head h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.gradiant-card .da-chart-head .da-chart-filters {
  display: flex;
  gap: 1rem;
}

.gradiant-card .da-chart-head .da-chart-filters .form-group {
  margin-bottom: 0;
}

.gradiant-card .da-chart-body {
  margin: 1rem;
  background-color: #fff;
  border-radius: 0.625rem;
}

.da-conversion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1.25rem;
}

.da-con-arrow-icon {
  background: url(../images/da-con-arrow.png) no-repeat;
  width: 1.25rem;
  height: 2.813rem;
}

.da-con-arrow-icon-rotate {
  transform: rotate(180deg);
}

.da-conversion-val {
  padding: 0 1.625rem;
}

.da-conversion-val h4 {
  color: #51DC6B;
  font-size: 2rem;
  line-height: 2.375rem;
  font-weight: 600;
}

.da-conversion-val p {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 500;
  color: var(--text-grey);
}

.da-no-pipeline-available {
  gap: 0.188rem;
  height: 21.25rem !important;
}

.da-no-pipeline-available i {
  font-size: 2.875rem;
}

.da-no-pipeline-available h6 {
  font-size: 1rem;
  font-weight: 500;
}

.da-no-pipeline-available p {
  font-size: 0.875rem;
  font-weight: 400;
  width: 25%;
  text-align: center;
}

.boost-sales-marketing-wrap label {
  margin-bottom: 0.5rem;
}

.boost-sales-marketing-wrap .marketing-tool-option {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.boost-sales-marketing-wrap .marketing-tool-option .mto-wrap {
  background-color: var(--global-orange);
  display: block;
  color: var(--global-white);
  padding: 0.75rem 0.75rem;
  border-radius: 0.25rem;
  width: calc(33.3% - 0.5rem);
  flex-grow: 1;
}

.boost-sales-marketing-wrap .marketing-tool-option .mto-wrap .mto-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}

.boost-sales-marketing-wrap .marketing-tool-option .mto-wrap .mto-head h4 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.boost-sales-marketing-wrap .marketing-tool-option .mto-wrap .mto-head i {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.boost-sales-marketing-wrap .marketing-tool-option .mto-wrap .mto-body p,
.boost-sales-marketing-wrap .marketing-tool-option .mto-wrap .mto-body ul li {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;

}

.boost-sales-marketing-wrap .marketing-tool-option .mto-wrap .mto-body ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}

.mto-btn {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
  border: none;
  border-color: var(--white-white-orange);
  padding: 0.3125rem 1.5rem 0.3125rem 0.625rem;
  font-size: 1rem;
  border-radius: 0.2rem;
  text-align: center;
  width: 100%;
}

.mto-btn:hover {
  box-shadow: 0px 0px 5px 0px var(--btn-hover);
}

.gs-custom-alerts {
  background-color: var(--card-highlight--bg-color);
}

.gs-sms-counter-container {
  display: flex;
  justify-content: center;
}

.gs-sms-counter-wrap .gs-sms-counter {
  border-radius: 1.25rem;
  display: inline-block;
  padding: 1.5rem;
}

.gs-sms-counter-wrap .gs-sms-counter .gs-control {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.gs-sms-counter-wrap .gs-sms-counter .gs-control button {
  align-self: flex-end;
}

.gs-sms-counter-wrap .gs-total-sms-result {
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: var(--global-white);
  position: relative;
}

.gs-sms-counter-wrap .gs-total-sms-result label {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--text-grey);
}

.gs-sms-counter-wrap .gs-total-sms-result .gs-total-number {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  color: var(--text-grey);
  margin-bottom: 1.9rem;
}

.gs-total-sms-result-footer {
  position: absolute;
  width: 100%;
  background-color: #fde5d5;
  color: var(--global-orange);
  left: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: right;
  padding: 0.25rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.login-user-tab-wrapper .universal_main_sign_up_wrap .fieldform p a {
  font-size: 1rem;
  text-decoration: underline;
}

.add-payment-profile-modal .link_color {
  display: none;
}

/* Deal Analytics */

/* Start Communication Settings */

.accordion-cust-style .accordion-item {
  box-shadow: none;
}

.accordion-cust-style .accordion-body {
  border-top: none;
}

.accordion-cust-style .accordion-b-card {
  box-shadow: 0px 4px 15px 0px #120B351A;
  border-radius: 0.5rem;
  background-color: var(--card-highlight--bg-color);
}

.accordion-sms-cust-style .accordion-b-card {
  box-shadow: 0px 4px 15px 0px #120B351A;
  border-radius: 0.5rem;
  background-color: var(--card-highlight--bg-color);
}

.accordion-cust-style .accordion-collapse {
  margin-top: 1rem;
}

.theme-light .accordion-cust-style .accordion-b-card,
.theme-light .accordion-sms-cust-style .accordion-b-card {
  background-color: var(--global-white);
}


.accordion-cust-style .accordion-button {
  font-size: unset;
  font-weight: unset;
  padding: 1.5rem 1.5rem 1.8rem 1.5rem;

}

.accordion-cust-style .basic_info_btn,
.accordion-cust-style .personal_info_btn {
  cursor: default;
}


.cs-customer-email-premium-wrap {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.cs-customer-email-premium-wrap .cs-email-premium-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  background: #F6F8FA;
  border-radius: 100%;
  box-shadow: 0px 2px 8px 0px #120B351A;
}

.cs-customer-email-premium-wrap .cs-email-premium-icon img {
  width: 1.875rem;
  height: 1.875rem;
}

.cs-configure-now {
  flex-shrink: 0;
}

.cs-configure-now .cs-e-con-em[aria-expanded="false"] {
  border: 0.0625rem solid var(--global-orange);
  border-radius: 0.4375rem;
  padding: 0.3125rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: 0.1s all linear;
  display: inline-block;
  cursor: pointer;
  min-height: 2.25rem;
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
  transition: .3s all linear;
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-color: var(--white-white-orange);
}

.cs-configure-now .cs-e-con-em {
  border-radius: 0.4375rem;
  padding: 0.3125rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: 0.1s all linear;
  display: inline-block;
  cursor: pointer;
  min-height: 2.25rem;
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
  transition: .3s all linear;
  background-color: #D6D6D6;
  border: #D6D6D6 solid 1px;
}



.cs-customer-email-premium-wrap .cs-email-premium-details {
  flex-shrink: 1;
}

.cs-customer-email-premium-wrap .cs-email-premium-details h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--text-two);
  margin-bottom: 0.625rem;
}

.cs-customer-email-premium-wrap .cs-email-premium-details .cs-und-h2-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--text-two);
  opacity: 0.6;
}

.theme-orange .cs-customer-email-premium-wrap .cs-email-premium-details .cs-und-h2-text {
  opacity: 1;
}

.cs-customer-email-premium-wrap .cs-email-premium-details {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
}

.cs-customer-email-premium-wrap .cs-email-premium-details .cs-status {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-align: center;
  color: var(--global-white);
  border-radius: 60px;
  padding: 0.25rem 0.625rem;
}

.cs-email-premium-details .dropdown-menu {
  padding: 0.75rem 0.75rem;
}

.cs-email-premium-details span a {
  text-decoration: underline;
}

.pe-emls ul {
  list-style-type: disc;
  padding-left: 15px;
}

.pe-emls ul li {
  margin-bottom: 10px;
}

.pe-emls p .text-decoration {
  color: #333;
}

.cs-email-premium-details .dropdown-menu h5 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: var(--text-grey);
  margin-bottom: 0.625rem;
}

.cs-email-premium-details .dropdown-menu p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875;
  color: var(--text-grey);
}

.cs-status-not-connected {
  background-color: #FB5758;
}

.cs-status-connected {
  background-color: #51DC6B;
}

.cs-config-and-setup-email {
  padding: 1.5rem;
}

.cs-config-and-setup-email .col-12 {
  margin: 1rem 0 0 0;
}

.cs-config-and-setup-email h4 {
  border-bottom: 0 !important;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: left;
  color: var(--text-grey);
}

.cs-control-information {
  display: flex;
}

.cs-control-information select,
.cs-control-information input {
  border-radius: 0 !important;
  border-radius: 0 !important;
  border: 0;
  width: calc(100% - 2rem);
}

.cs-control-information {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.3125rem !important;
}

.cs-control-information .select2-selection {
  border: none !important;
}

.cs-control-information:focus-within,
.cs-control-information:focus-within {
  box-shadow: 0 0 0.3125rem 0.125rem var(--global-border-color-w-bg);
  border: 0.0625rem solid var(--global-input-border);
}

.cs-control-information select:focus,
.cs-control-information input:focus {
  box-shadow: none;
  border: none;
}

.cs-side-info {
  border-left: 0.0625rem solid var(--global-input-border);
  color: var(--text-two);
  border-radius: 0.3125rem !important;
  font-size: 0.875rem;
  min-height: 2.25rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  flex-shrink: 0;
  flex-basis: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cs-side-info i {
  font-size: 1.125rem;
}

.cs-left-cust-email {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.cs-left-cust-email .cs-email-premium-icon {
  flex-shrink: 0;
}

.cs-config-email-services {
  border-radius: 0.25rem;
  padding: 1rem 1.5rem;
  background-color: #F6F8FA;
  border: 0.063rem solid #E1E1E1;
  margin-bottom: 1rem;
}

.cs-config-email-services .cs-txt-wrap p:first-of-type {
  opacity: 0.7;
}

.cs-config-email-services p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  color: var(--text-grey);
  width: 50%;
}

.cs-send-text-mail {
  margin-bottom: 1rem;
}

.cs-send-text-mail h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--text-grey);
  margin-bottom: 0.625rem;
}

.cs-send-text-mail p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  opacity: 0.7;
}

.cs-email-premium-details .dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  transform: translate3d(0px, 20px, 0px);
  width: 16rem;
}

.cs-text-lnk {
  color: #3087E9;
  text-decoration: underline;
}

.cs-email-premium-details .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 17px;
  transform: translateX(-50%);
  background: url(../images/fast-shop-img/icon-caret.png) no-repeat;
  width: 25px;
  height: 10px;
  display: block;
}

.cs-select-plan .cs-premium-email-pricing-plan {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(6, 1fr);
}

.cs-premium-email-pricing {
  width: 100%;
  border-radius: 1.125rem;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-border-color-w-bg);
  background-color: var(--global-white);
  border: 0.0625rem solid var(--global-border-color-w-bg);
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 2.5rem;
}

.cs-premium-email-pricing .form-check-input {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  margin: 0;
}

.title_pricings h4 {
  font-size: 1.5rem;
  font-weight: 500;
}

.cs-premium-email-pricing.bg_1.checkedbx {
  border-color: #6259CA;
}

.cs-premium-email-pricing.bg_2.checkedbx {
  border-color: #F24C88;
}

.cs-premium-email-pricing.bg_3.checkedbx {
  border-color: #00ACB3;
}

.cs-premium-email-pricing.bg_4.checkedbx {
  border-color: #2484F9;
}

.cs-premium-email-pricing.bg_5.checkedbx {
  border-color: #f55847;
}

.cs-premium-email-pricing.bg_6.checkedbx {
  border-color: #AFB300;
}

.ec_plan_btm .cs-premium-email-pricing {
  position: relative;
  z-index: 9;
  overflow: initial;
  transition: 0.7s all;
}

.ec_plan_btm .cs-premium-email-pricing:hover {
  opacity: 0.65;
}

.cs-premium-email-pricing-inner {
  border-radius: 1.125rem;
  overflow: hidden;
}

.pe-select-plan-wrap .cp_badge {
  left: 37% !important;
  transform: translateX(-28%) !important;
  box-shadow: 0px 4px 15px 0px #120B351A;
}

.pe-select-plan-wrap .email_configuration_pricing .form-check-input {
  z-index: 9;
}

.pe-select-plan-wrap .title_pricings {
  height: 12rem;
  position: relative;
}

.pe-select-plan-wrap .title_pricings h4 {
  position: absolute;
  top: 2rem;
  color: var(--global-white);
  left: 0;
  text-align: center;
}

.cs-select-plan .ec_plan_top h5 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--text-grey);
}

.accordion-sms-cust-style .accordion-button {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
  text-align: left;
  color: var(--text-two) !important;
}

.accordion-sms-cust-style .accordion-b-card .accordion-body>p {
  color: var(--text-two);
}

.accordion-sms-cust-style .accordion-body {
  border-top: none;
}

.cs-config-and-setup-email .pricing_value,
.pe-select-plan-wrap .pricing_value {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.688rem;
  text-align: center;
  padding: 1.5rem 0.5rem;
  border-bottom: none;
}

.cs-config-and-setup-email .pricing_value small,
.pe-select-plan-wrap .pricing_value small {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem
}

.ec_plan_btm_0 .title_pricings h4 {
  top: 1rem;
}

.sc-step-wizard .steper_main .steper_number {
  background-color: var(--white-orange-orange);
  border: var(--global-white) solid 2px;
  box-shadow: 0px 4px 8px 0px #110B3340;
  color: var(--orange-white-white);
  opacity: 0.5;
}

.sc-step-wizard .steper_main li a.step-active-btn {
  border-bottom: 0.125rem solid var(--white-white-orange);
  padding-bottom: 0.2rem;
}

.sc-step-wizard .steper_main li a.step-active-btn .steper_number {
  opacity: 1;
}

.sc-step-wizard .steper_main li:first-child::after {
  width: 43%;
  left: 57%;
}

.sc-step-wizard .steper_main li:last-child::after {
  width: 43%;
  right: 57%;
}

.area-payment-details-container .confirm_modal .pricing-card-text p {
  color: var(--text-grey);
  margin-bottom: 0.5rem;
}

.area-payment-details-container .confirm_modal .pricing-card-text h6 {
  margin-bottom: 1.2rem;
}

.area-payment-details-container .confirm_modal .pricing-card-primary {
  padding: 0.8rem 1.5rem;
}

.area-payment-details-container .confirm_modal .pricing-card-primary h5 {
  color: var(--global-white);
}

.sc-pd-cta {
  display: flex;
  justify-content: space-between;
}

.sc-ps-cc-card {
  width: 25rem;
}

.sc-ps-cc-card .pricing-item {
  box-shadow: 0px 4px 15px 0px #120B351A;
}

.ce-sms-payment-history .people-table-main tbody td:last-child,
.ce-sms-payment-history .people-table-main thead th:last-child {
  text-align: left;
}

.ce-sms-payment-history {
  border-top: var(--card-highlight--bg-color) solid 1px;
}

.cs-call-settings .what_type_business_input_wrap .what_type_business_label .what_type_label_chek {
  padding: 2.5rem 1.5rem;
}

.cs-call-settings .what_type_business_input_wrap .what_type_business_label .what_type_label_chek {
  background-color: transparent;
  border: 0.0625rem solid var(--text-two);
  color: inherit;
}

.cs-call-settings .what_type_business_input_wrap input:hover~.what_type_label_chek {
  border: var(--white-orange-orange) solid 0.0625rem;
  color: var(--white-orange-orange);
}

.cs-call-settings .what_type_business_input_wrap input:hover~.what_type_label_chek i {
  color: var(--white-orange-orange);
}

.theme-orange .cs-call-settings .what_type_business_input_wrap input:hover~.what_type_label_chek {
  background-color: var(--global-white);
  color: var(--global-orange);
}

.theme-orange .cs-call-settings .what_type_business_input_wrap input:hover~.what_type_label_chek i {
  color: var(--global-orange);
}

.theme-light .cs-call-settings .what_type_business_input_wrap input:hover~.what_type_label_chek {
  background-color: var(--global-orange);
  color: var(--global-white);
}

.theme-light .cs-call-settings .what_type_business_input_wrap input:hover~.what_type_label_chek i {
  color: var(--global-white);
}

h2.gs-tax-agency-title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: var(--text-two);
}

.gs-add-tax-rate .cs-control-information input {
  border: none;
}

.gs-add-tax-rate .cs-control-information {
  border: 0.0625rem solid var(--global-input-w-bg);
}

.gs-add-tax-rate .cs-control-information .cs-side-info {
  border-left: 0.0625rem solid var(--global-input-w-bg);
  background-color: #E1E1E1;
}

.gs-add-tax-rate .cs-control-information .cs-side-info i {
  color: var(--text-grey);
}

.gs-rate-row .gs-rate-head h2,
.gs-edit-rate-row .gs-rate-head h2 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: var(--text-grey);
}

.gs-rate-row .gs-rate-head button,
.gs-edit-rate-row .gs-rate-head button {
  border: none;
  background-color: transparent;
  padding: 0;
}

.gs-rate-row .gs-rate-head i,
.gs-edit-rate-row .gs-rate-head i {
  font-size: 1.125rem;
  color: var(--text-grey);
}

.gs-rate-row,
.gs-edit-rate-row {
  background-color: #F6F8FA;
  padding: 1rem;
  border: 0.0625rem solid #E1E1E1;
  border-radius: 0.25rem;
}

.ac-learn-more-tabs .accordion-button:focus {
  box-shadow: none;
}

.ac-learn-more-tabs .accordion-header,
.ac-learn-more-tabs .accordion-body,
.ac-learn-more-tabs .accordion-button {
  background-color: #F6F8FA;
}

.ac-learn-more-tabs .accordion-header,
.ac-learn-more-tabs .accordion-button {
  border-radius: 0.5rem;
}

.ac-learn-more-tabs .accordion-item {
  margin-bottom: 1rem;
  border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  border-radius: 0.5rem;
}

.ac-learn-more-tabs .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: inherit;
}

.ac-learn-more-tabs .accordion-button i {
  color: var(--global-orange);
  font-size: 1rem;
  margin-right: 0.025rem;
}

.ac-learn-more-tabs .accordion-button {
  display: flex;
  align-items: center;
  gap: 0.325rem;
}

.ac-learn-more-tabs .accordion-body p {
  margin-bottom: 0.5rem;
}

.ac-learn-more-tabs .accordion-body p,
.ac-learn-more-tabs .accordion-body ul li {
  font-size: 0.875rem;
  color: var(--text-grey);
  line-height: 1.125rem;
}

.ac-learn-more-tabs .accordion-body ul {
  padding-left: 1rem;
}

.ac-learn-more-tabs .accordion-body ul li {
  list-style-type: disc;
}

.cnt-customFile-upload.has-files {
  position: relative;
}

.cnt-customFile-upload.has-files .upload_file_img {
  position: absolute;
  right: 10px;
  z-index: 3;
  background-color: rgb(255 237 234);
  width: 12rem;
  text-align: center;
}

.cnt-customFile-upload.has-files .cnt-uploaded-filePreview {
  overflow-x: scroll;
  width: calc(100% - 168px);
  justify-content: flex-start;
  height: 14rem;
}

.cnt-customFile-upload.has-files .input-container {
  margin: 0;
}

.cs_call_forwarding_tab_top_wrap {
  text-align: right;
  margin-bottom: 1rem;
}

.cs_call_forwarding_tab_box {
  background: rgba(242, 242, 245, 1);
  padding: 1rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
}

.cs_call_forwarding_tab_box h6 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  color: var(--text-grey);
}

.cs_call_forwarding_tab_submit_wrap {
  text-align: right;
}

.cs_call_forwarding_reason textarea {
  min-height: 9.375rem;
}

/* End Communication Settings */

.payment-plan-markinfoBar .markinfobarwrap {
  border: none;
  background-color: #f6f8fa;
}

.payment-plan-markinfoBar .markinfobarwrap .fa-circle-info {
  color: var(--text-grey);
}

.payment-plan-markinfoBar .markinfobarwrap .markinfobarTxt {
  color: var(--text-grey);
}

/* without modifier */
.wm-instorelocation {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125;
  text-align: left;
  opacity: 0.8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 20rem;
  display: inline-block;
}

.mgr-store-loc-wrap ul li label {
  color: var(--global-white) !important;
  padding: 0;
}

.mgr-store-loc-wrap ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--global-orange);
  color: var(--global-white);
  padding: 1rem;
  border-radius: 0.25rem;
  border: var(--global-orange) solid 1px;
  margin-bottom: 0.5rem;
}

.mgr-store-loc-wrap ul li label .wm-instorelocation {
  width: 25rem;
  position: relative;
  top: 1px;
}

.modal-edit-location .modal-body textarea {
  height: auto;
}

.inventory-product-data .tab-content .inventory_row_shep {
  background-color: var(--card-highlight--bg-color);
  padding: 1rem;
  border-radius: 0.25rem;
}

.inv-cust-dropdown-c {
  opacity: 0.6;
}

/* without modifier */

/* for Input box tooltip */

#clone_campaign [data-tip] {
  position: relative;
}

#clone_campaign [data-tip]:before {
  display: none;
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1a1a1a;
  position: absolute;
  top: 30px;
  left: 35px;
  z-index: 8;
  width: 0;
  height: 0;
}

#clone_campaign [data-tip]:after {
  display: none;
  content: attr(data-tip);
  position: absolute;
  top: 35px;
  right: 0px;
  padding: 5px 8px;
  background: #1a1a1a;
  color: #fff;
  z-index: 9;
  font-size: 0.75em;
  line-height: 18px;
  border-radius: 3px;
  white-space: normal;
  width: 100%;
}

#clone_campaign [data-tip].show-tooltip:hover:before,
#clone_campaign [data-tip].show-tooltip:hover:after {
  display: block;
}

/* for Input box tooltip */

@media screen and (max-width: 32.8125rem) {

  /** ALLOWS FOR FLUID TABLES **/
  .project-tab table[class="wrapper"] {
    width: 100% !important;
  }

  /** ADJUSTS LAYOUT OF LOGO IMAGE **/
  .project-tab td[class="logo"] {
    text-align: left;
    padding: 1.25rem 0 1.25rem 0 !important;
  }

  .project-tab td[class="logo"] img {
    margin: 0 auto !important;
  }

  /** USE THESE CLASSES TO HIDE CONTENT ON MOBILE **/
  .project-tab td[class="mobile-hide"] {
    display: none;
  }

  .project-tab img[class="mobile-hide"] {
    display: none !important;
  }

  .project-tab img[class="img-max"] {
    max-width: 100% !important;
    height: auto !important;
  }

  /** FULL-WIDTH TABLES **/
  .project-tab table[class="responsive-table"] {
    width: 100% !important;
  }

  /** UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE **/
  .project-tab td[class="padding"] {
    padding: 0.625rem 5% 0.9375rem 5% !important;
  }

  .project-tab td[class="padding-copy"] {
    padding: 0.625rem 5% 0.625rem 5% !important;
    text-align: center;
  }

  .project-tab td[class="padding-meta"] {
    padding: 1.875rem 5% 0rem 5% !important;
    text-align: center;
  }

  .project-tab td[class="no-pad"] {
    padding: 0 0 1.25rem 0 !important;
  }

  .project-tab td[class="no-padding"] {
    padding: 0 !important;
  }

  .project-tab td[class="section-padding"] {
    padding: 3.125rem 0.9375rem 3.125rem 0.9375rem !important;
  }

  .project-tab td[class="section-padding-bottom-image"] {
    padding: 3.125rem 0.9375rem 0 0.9375rem !important;
  }

  /** ADJUST BUTTONS ON MOBILE **/
  .project-tab td[class="mobile-wrapper"] {
    padding: 0.625rem 5% 0.9375rem 5% !important;
  }

  .project-tab table[class="mobile-button-container"] {
    margin: 0 auto;
    width: 100% !important;
  }

  .project-tab a[class="mobile-button"] {
    width: 80% !important;
    padding: 0.9375rem !important;
    border: 0 !important;
    font-size: 1rem !important;
  }

}

.project-tab {
  min-width: 100%;
  height: 75vh;
}

.agreementallmodalmain .modal-dialog {
  max-width: 61.9375rem;
}

.agreementallmodalmain .modal-body {
  padding: 0;
  overflow: auto;
}

.invoice-menu {
  justify-content: space-between;
  border: none;
  flex-wrap: unset;
}

.invoice-menu.nav-tabs .nav-link {
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.75rem 0.625rem;
  color: var(--text-grey);
  border: none;
  border-radius: 0;
  display: inline-block;
  text-align: center;
}

.invoice-menu.nav-tabs .nav-link:focus,
.invoice-menu.nav-tabs .nav-link:hover,
.invoice-menu.nav-tabs .nav-item.show .nav-link,
.invoice-menu.nav-tabs .nav-link.active {
  background: var(--global-upload-background-w-bg);
  color: var(--global-orange);
}

/*===========INVOICE AGREEMENT ALL TABS MODAL  ====================*/
/*===========MANAGE AGREEMENT STRAT  ====================*/
.preview_agreement_main_wrap {
  border-radius: 1.5rem;
  overflow: hidden;
  overflow-x: auto;
}

.agreement_work_details {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
  overflow: auto;
}

.agreement_work_details table tr {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.agreement_work_details table tr:last-child {
  border: none;
}

.agreement_work_details table td {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-two);
  padding: 0.625rem 0.9375rem;
  vertical-align: middle;
}

.agreement_work_details th {
  background: var(--card-highlight--bg-color);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-two);
  padding: 1.25rem 0.9375rem;
}

.agreement_work_details th:first-child,
.agreement_work_details td:first-child {
  width: 4.375rem;
}

.agreement_work_details th:last-child,
.agreement_work_details td:last-child {
  width: 15.625rem;
}

.edit-agreement-top-table {
  margin-bottom: 0.625rem;
}

.edit-agreement-top-table td {
  padding: 0 1rem;
}

.edit-agreement-top-table td p {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--global-input-border);
}

.edit-agreement-top-table td h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-two);
  margin-bottom: 1.5625rem;
}

.edit-agreement-mid-table {
  margin-bottom: 1.875rem;
}

.edit-agreement-mid-table thead {
  position: relative;
  color: var(--text-two);
}

.edit-agreement-mid-table thead::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--card-highlight--bg-color);
}

.edit-agreement-mid-table th {
  padding: 0.75rem 1rem;
}

.edit-agreement-mid-table td {
  padding: 0.75rem 1rem;
  color: var(--text-two);
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.edit-agreement-mid-table th:last-child,
.edit-agreement-mid-table td:last-child {
  text-align: right;
  padding-right: 8.125rem;
}

.edit-agreement-bottom-table td {
  padding-bottom: 1.5625rem;
}

.edit-agreement-bottom-table h4,
.edit-agreement-bottom-table p {
  color: var(--text-two);
  margin-bottom: 0.625rem;
}

.edit-agreement-bottom-table h4 {
  font-weight: 600;
}

.add-agreement-inventory-modal .modal-body {
  max-height: 70vh;
  overflow: auto;
}

.Select-Agreement-Inventory-top-wrap p,
.Select-Agreement-Inventory-wrap label {
  font-size: 1rem;
  font-weight: 500;
}

.Select-Agreement-Inventory-wrap h4 {
  font-size: 1.125rem;
  font-weight: 600;
}

/* .Select-Agreement-Inventory-wrap i {
  color: var(--global-orange);
} */

.order_manage_agreement_e-sign_preview_template {
  overflow: auto;
}

.btn_new_message .pagebtn {
  background-color: var(--global-upload-background-w-bg);
  color: var(--global-orange);
  font-weight: 600;
  border: 0.0625rem solid var(--global-orange);
  padding: 0.375rem 0.75rem;
}

.scroll-input-div {
  height: 10.25rem;
  padding: 0.5rem 0.875rem;
  overflow-y: scroll;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
}

.edit-agreement-inventory-wrapper .accordion-body {
  padding: 1.25rem !important;
}

#paymentModel .lead_nav_tabs {
  border: 0.0625rem solid var(--bs-nav-tabs-border-color);
}

.Payment_amount_bx .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.625rem;
  padding-right: 0.9375rem;
}

.Payment_amount_bx .form-group label {
  font-weight: 400;
  padding-bottom: 0;
}

.Payment_amount_bx .enter_amountbx {
  border: 0rem;
  width: auto;
  margin-left: auto;
  max-width: 5rem;
  min-width: 2.5rem;
}

.Payment_amount_bx .enter_amountbx span,
.Payment_amount_bx .enter_amountbx input {
  padding-left: 0.125rem;
  background: transparent;
}

.payable_amount_div {
  background: var(--global-upload-border-color-w-bg);
  padding: 0.375rem 0.9375rem;
  border-radius: 0.4375rem;
  color: var(--global-orange);
  font-size: 1.25rem;
}

.payable_amount_div label,
.payable_amount_div input {
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--global-orange);
}

.payable_amount_div input:focus {
  color: var(--global-orange);
}

.manage-payment-modal .title_clr_black p {
  color: var(--text-grey);
}

.manage-payment-modal h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.875rem;
}

.manage-payment-modal .virtual-outer-tab-top {
  margin-bottom: 1.875rem;
}

.agreementLogsModal .ColVis button.ColVis_Button {
  top: 1.8125rem !important;
  right: 1.0625rem !important;
}

.agreementLogsModal .ColVis button.ColVis_Button span i {
  color: var(--global-orange);
}

.agreementLogsModal .dataTables_wrapper .dataTables_filter input {
  padding: 0.3125rem 0.625rem !important;
  border-radius: 0.3125rem;
}

.agreementlogsmodal .ColVis button.ColVis_Button i,
#catcher_transactions_modal .ColVis button.ColVis_Button i {
  color: var(--global-white);
}

.enable_ticket_modal .modal-body {
  padding: 1.5rem;
}

.ticket_slider_wrap {
  position: relative;
  margin-block: 1.5rem;
}

.enable_ticket_modal .ticket_slider_wrap .owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  padding: .5rem;
  border-radius: .125rem;
  background: rgba(0, 0, 0, .5);
  border: 0.0625rem solid rgba(225, 225, 225, .5);
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: .3s all linear;
}

.enable_ticket_modal .ticket_slider_wrap .owl-carousel .owl-nav button:hover {
  background: rgba(0, 0, 0, .8);
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .5);
  border: 0.0625rem solid rgba(225, 225, 225, .8);
}

.ticket_slider_wrap .owl-nav button.owl-next {
  right: -1.5%;
}

.ticket_slider_wrap .owl-nav button.owl-prev {
  left: -1.5%;
}

/*============MANAGE AGREEMENT END  ====================*/
/*============  CAMPAIGN LIST WRAPPER START  ====================*/
.campaign-list-wrapper .btn_new_message {
  text-align: right;
  margin-bottom: 1rem;
}

.campaign-list-wrapper .virtual-tips-card-wrapper-top-lft p {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-two);
}

.campaign-list-wrapper .virtual-tips-card-wrapper-top-rht button {
  outline: 0;
  border: 0;
  background: transparent;
  padding: 0;
}

.campaign-list-wrapper .td-a {
  text-decoration: underline;
  text-transform: capitalize;
}

.campaign-details-wrapper .virtual-tips-card-wrapper-top-rht h4 {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--text-two);
}

.campaign-list-wrapper .btn_new_message {
  width: 100%;
}

.campaign-list-wrapper .virtual-terminal-table-wrap {
  /* overflow: auto; */
  width: 100%;
}

.campaign-list-wrapper .inbox_user_main {
  padding: 0;
  background: transparent;
  margin-top: 0;
}

.campaign-list-wrapper .inbox_user_main.reverse {
  border: 0rem;
}

.campaign-list-rht-scroll,
.emailpolicy .modal-body {
  max-height: 75vh;
  overflow: auto;
}

.emailpolicy .modal-body {
  padding: 0;
}

.campaign-list-rht-scroll {
  max-height: 90vh;
}

.coupon_campaign_info_img {
  margin-bottom: 1.25rem;
}

.campaign-list-rht-scroll .coupon_campaign_info_content {
  height: auto;
}

.add-campaign-select-template {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.5rem;
}

.add-campaign-select-template input,
.global-hidden-input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}

.add-campaign-select-template label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 31.25rem;
  opacity: 0.5;
  cursor: pointer;
}

.day-select-wrap {
  display: flex;
}

.day-select-wrap li {
  list-style: none;
  margin-right: 0.5rem;
  position: relative;
}

.day-select-wrap li input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  visibility: hidden;
}

.day-select-wrap li label {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-grey) !important;
  font-size: 0.75rem;
  font-weight: 500;
  border: 0.0625rem solid var(--nav-user-icon-bg);
  border-radius: 50%;
  cursor: pointer;
}

.r-add-leads-main-wrapper .day-select-wrap li label {
  padding-bottom: 0;
}

.day-select-wrap li input:checked~label {
  background: var(--nav-user-icon-bg);
  color: var(--global-white) !important;
}

.add-campaign-select-template-img-wrap {
  max-height: 90vh;
  overflow: hidden;
  /* border-radius: 0.5rem; */
}

.usecode-campaign {
  background: var(--global-white);
  padding: 1rem;
  box-shadow: 0.125rem 0.125rem 0.1875rem 0 var(--card-box-shadow);
}

.usecode-campaign h4 {
  color: var(--global-black);
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.usecode-campaign h4 span {
  color: var(--global-orange);
  text-transform: uppercase;
}

.day-select-wrap.reverse li label {
  border-color: var(--text-two);
  color: var(--text-two) !important;
}

.day-select-wrap.reverse li input:checked~label {
  background-color: var(--text-two);
  color: var(--orange-orange-white) !important;
}

.e_cutomer_g .coupon_champaign_info {
  transform: translate(100%, 0rem);
  width: 0;
  position: fixed;
  top: 0;
  right: 0;
  transition: 0.5s;
  z-index: 9999;
  border-radius: 0;
}

.closeoffcanva {
  width: 2.125rem;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: center;
  cursor: pointer;
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-radius: 0.4375rem;
}

.carousel-item.email_crm {
  background: var(--global-white);
  padding: 1.25rem;
}

.coupon_campaign .carousel-item img,
.sms_crm_campaign img {
  width: 15.625rem;
  height: 28.125rem;
  object-fit: contain;
}

.coupon_campaign .carousel-caption {
  background: transparent;
  padding: 0;
  width: 12.1875rem;
  margin: auto;
  color: var(--text-grey);
  transform: translate(0rem, 2.1875rem);
}

.coupon_campaign .type_email_text {
  overflow: auto;
  height: 24.1875rem;
  padding: 0.625rem 0.625rem 0;
  font-size: 0.875rem;
  overflow-wrap: break-word;
}

.coupon_campaign .carousel-control-next {
  float: right;
}

.coupon_campaign .carousel-control-prev {
  float: left;
}

.coupon_campaign .carousel-control-next,
.coupon_campaign .carousel-control-prev {
  width: 2rem;
  height: 2rem;
  top: auto;
  background: var(--white-orange-orange);
  line-height: 2rem;
  border-radius: 0.4375rem;
  opacity: 1;
  position: inherit;
  margin: 1.25rem 0.625rem;
}

.sms_crm_campaign {
  position: relative;
}

#preview_temp.coupon_campaign .carousel-control-next,
#preview_temp.coupon_campaign .carousel-control-prev {
  border: 0.0625rem solid var(--global-orange);
}

.carousel.slide.coupon_campaign {
  text-align: center;
}

.type_new_text_crm {
  width: 13.8125rem;
  max-height: 24.5rem;
  text-align: center;
  overflow: auto;
  overflow-wrap: break-word;
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  transform: translate(-51%, 2rem);
  padding: 0.9375rem;
  color: var(--text-grey);
}

.sms_campaign_modal .type_new_text_crm {
  width: 15.4375rem;
  max-height: 26.6875rem;
  transform: translate(-51%, 2.375rem);
}

.type_new_text_crm::-webkit-scrollbar {
  width: 0.3125rem;
}

/* CAMPAIGN LIST SERVER */
.selecemailtemplate {
  padding: 1.25rem;
}

.people-table-main table tbody td.campaignnamebtn a {
  text-transform: initial;
}

.selecemailtemplatecrm {
  min-height: calc(100% - 3rem);
  background-color: var(--global-white);
}

.email_campaign.type_email_text,
.sms_campaign,
.sms_campaign_modal {
  position: relative;
  text-align: center;
}

.email_campaign img,
.email_campaign_modal img,
.sms_campaign_modal img,
.sms_campaign img {
  max-width: 15.625rem;
  width: 100%;
}

.email_format {
  max-width: 14.75rem;
  width: 100%;
  position: absolute;
  inset: 0 auto 0 50%;
  max-height: 13.5rem;
  overflow: auto;
  text-align: left;
  padding: 0 0.1875rem 0 0;
}

.email_format {
  max-width: 14.125rem;
  width: 100%;
  max-height: 26.125rem;
  overflow: auto;
  text-align: left;
  position: absolute;
  inset: 0 auto 0 50%;
  transform: translate(-50%, 2.9375rem);
  padding: 0 1rem;
}

.email_format #email_template1,
.email_format #email_template1_modal,
.type_new_text {
  font-size: 0.875rem;
  font-weight: 500;
  overflow-wrap: break-word;
}

.email_format.email_type_one {
  transform: translate(-46%, 9.4375rem);
}

.email_format.email_type_Two {
  transform: translate(-18%, 9.4375rem);
}

.email_format.email_type_Three {
  max-width: 14.25rem;
  max-height: 17.8125rem;
  transform: translate(-20%, 9.4375rem);
}

.email_format.email_type_four {
  max-width: 13.25rem;
  max-height: 9.5rem;
  transform: translate(-22%, 9.125rem);
}

.email_format.email_type_five {
  max-width: 16.25rem;
  max-height: 13.5625rem;
  transform: translate(-17%, 9.75rem);
}

.email_format.email_type_six {
  max-height: 12.5625rem;
  transform: translate(-21%, 9.75rem);
}

.email_format.email_type_seven {
  max-height: 12.5625rem;
  transform: translate(-21%, 9.75rem);
}

.email_format.email_type_eight {
  max-width: 13.1875rem;
  max-height: 10.9375rem;
  transform: translate(-23%, 8.25rem);
}

.email_format.email_type_nine {
  max-width: 12.9375rem;
  transform: translate(-26%, 4.1875rem);
}

.email_format.email_type_ten {
  max-width: 13.8125rem;
  max-height: 13.625rem;
  transform: translate(-28%, 6.3125rem);
}

/* sms */
.type_new_text {
  max-width: 13.875rem;
  width: 100%;
  position: absolute;
  inset: 0 auto 0 50%;
  max-height: 26.75rem;
  overflow: auto;
  text-align: left;
  transform: translate(-50%, 2.75rem);
  padding: 0.625rem;
}

.selecemailtemplatecrmmodal .type_new_text {
  max-width: 100%;
  position: initial;
  max-height: 70vh;
}

.crm-email-select-input:checked~.website_tem_item .website_tem_pic::after {
  position: absolute;
  content: "";
  background: var(--text-grey);
  opacity: 0.4;
}

.crm-tick-wrap {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  color: var(--global-white);
  z-index: 999;
  font-size: 1.5rem;
  display: none;
}

.crm-email-select-input:checked~.website_tem_item .crm-tick-wrap {
  display: block;
}

.schedule-content {
  opacity: .4;
  pointer-events: none;
}

.schedule-main:checked~.schedule-content {
  opacity: 1;
  pointer-events: all;
}

.send-email-img-wrap img {
  max-width: 18.75rem;
  height: 15.625rem;
  object-fit: contain;
  object-position: center;
}

/* .selecemailtemplate {
  max-height: 37.5rem;
  min-height: 37.5rem;
  overflow: auto;
} */

.campaignListTable .sorting_1 {
  white-space: nowrap;
}

.people-table-main .dataTables_wrapper .dataTables_scrollHead table.campaignListTable {
  margin-top: 1.25rem;
  padding-top: 0rem;
}

/* CAMPAIGN LIST SERVER END*/
/*============  CAMPAIGN LIST WRAPPER END  ====================*/
/*============  BASIC EMAIL TEMPLATE ====================*/
.happy_birthday_pic a,
.emailpolicybtn {
  color: var(--text-two);
  text-align: right;
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--text-two);
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
}

.emailpolicybtn:hover {
  color: var(--text-two);
}

.happy_birthday_pic img,
.rewards-remider-picture img {
  border-radius: 0.625rem;
}

/*============ BASIC EMAIL TEMPLATE END  ====================*/
/*============ ENTERPRISE TAMPLATE CSS  ====================*/
.enterprise-emplate-selected {
  height: 100%;
}

.enterprise-blank_temp {
  position: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0rem, 0%);
}

.enterprise-blank_temp a {
  height: auto;
}

/*============ ENTERPRISE TAMPLATE CSS  ====================*/
/*============ SNAPSHOT CSS  ====================*/
.td-same-width-input {
  width: 5.125rem;
}

.td-date-width {
  width: 7.5rem;
}

.td-date-width input {
  text-align: center;
}

.td-sku-width {
  width: 9.375rem;
}

.td-same-width-select {
  width: 12.5rem;
}

.td-same-width-select .select2 {
  width: 100% !important;
  text-align: left;
}

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

.snapshorts {
  display: inline-block;
  padding-top: 0.75rem;
  color: var(--text-two);
  border-right: 0.0625rem solid var(--text-two);
}

.snapshort_bx .real-input--label,
.snapshorts {
  width: 50%;
}

.snapshorts i {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 0.875rem;
}

.snapshorts:hover {
  color: var(--text-two);
}

#snapshotmodal .modal-body .camera_img {
  width: 100%;
  height: 21.875rem;
  border-right: 0.0625rem solid var(--text-one);
  padding-right: 0.9375rem;
}

.snapshotpicshow {
  width: 100%;
  height: 21.875rem;
  display: flex;
  justify-content: start;
  align-items: flex-start;
}

.scheduling-recurring {
  padding: 1.5rem;
}

.r-upload-wrapper {
  margin-bottom: 0.9375rem;
}

.r-upload-wrapper-inner {
  height: 100%;
}

.r-upload-wrapper-inner .dropzone.dz-clickable {
  width: 100% !important;
  background: var(--card-highlight--bg-color) !important;
  border-radius: 0.25rem !important;
  border: 0.0625rem dashed var(--nav-link);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 8.125rem;
  height: 100%;
  margin-bottom: 0 !important;
}

.r-upload-wrapper-inner .real-input--label {
  padding: 0 !important;
}

.labelfile i {
  width: 100%;
  display: block;
  font-size: 1.4375rem;
  margin: 0.6875rem 0;
}

.r-upload-wrapper-inner .dropzone .dz-message {
  margin: 3em 0 0;
}

.r-upload-wrapper-inner .real-input--label i {
  top: -2.25rem;
}

.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}

.dropzone .dz-preview .dz-remove {
  text-decoration: underline;
  margin-top: 0.625rem;
  background: var(--white-white-orange);
  border-radius: 0.625rem;
  color: var(--orange-orange-white);
  font-size: 0.875rem;
}

.dropzone .dz-preview .dz-details {
  font-size: 0.8125rem;
}

.dropzone .dz-preview .dz-image {
  width: 6.25rem;
  height: 6.25rem;
}

.dropzone .dz-preview .dz-details .dz-size {
  font-size: 1rem;
}

.dropzone .dz-preview .dz-progress {
  height: 1rem;
  margin-top: -0.5rem;
  width: 5rem;
  margin-left: -2.5rem;
  border-radius: 0.5rem;
}

.dropzone .dz-preview .dz-error-message {
  border-radius: 0.5rem;
  font-size: 0.8125rem;
  top: 8.125rem;
  left: -0.625rem;
  width: 8.75rem;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  width: 3.375rem;
  height: 3.375rem;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  margin-left: -1.6875rem;
  margin-top: -1.6875rem;
}

.attchment-image-capture {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.attchment-image-capture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

p.attchment-image-remove {
  padding: 0rem;
  background: #fff;
  border-radius: 0.625rem;
  color: var(--orange-orange-white);
  text-decoration: underline;
  margin-top: 0.625rem !important;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 0.625rem;
}

.dropzone .dz-preview .dz-image img {
  margin: 0 auto;
  border-radius: 0.625rem;
}

.dropzone .dz-preview .dz-image {
  border-radius: 0.625rem;
}

/*=============== SNAPSHOT CSS  ====================*/
/*============ ADD CAMPAIGNS CSS  ====================*/
.flex-intervals {
  align-items: center;
}

.flex-intervals .column01,
.flex-intervals .column02 {
  width: 100%;
}

.flex-intervals .column01 {
  margin-right: 1.0625rem;
}

.flex-intervals .column01 .form-group,
.flex-intervals .column02 .form-group {
  margin-right: 0.625rem;
}

.flex-intervals .column01 .form-group:last-child,
.flex-intervals .column02 .form-group:last-child {
  margin-right: 0;
}

.flex-intervals .column01 .input-group {
  flex-wrap: unset;
}

.flex-intervals .column01 .input-group .form-group,
.promotional_campaign .togglecl {
  width: 100%;
}

.togglecl input:focus {
  border: none;
  color: var(--text-two);
}

.promotional_campaign {
  align-items: center;
}

.promotional_campaign .form-check {
  max-width: 18.5rem;
  width: 100%;
}

.campaign-template {
  text-align: left;
}

.email-text {
  color: var(--text-two);
  width: 100%;
  padding: 0.5rem 0;
  font-size: 0.875rem;
}

/*-------------- existingcoupons--------------*/
.peoplemodal .modal-body.existingcoupons {
  padding: 0;
  max-height: 70vh;
  overflow: auto;
}

.existingcoupons .r-add-leads-main-reverse {
  padding: 1.5rem 1.5rem 0 1.5rem;
}

.existingcoupons .dataTables_filter input {
  color: var(--text-grey);
}

.title-existingcoupons {
  padding: 1.3125rem 1.5rem 0;
  border-top: 0.0625rem solid var(--global-border-color-w-bg);
}

.title-existingcoupons h2 {
  color: var(--text-grey);
  font-size: 1.5rem;
  font-weight: bold;
}

.email_crm_campaign {
  overflow-x: auto;
}

.email_crm_campaign div table {
  text-align: center;
  width: 100% !important;
}

.email_crm_campaign div table ul {
  margin-left: 1.625rem;
}

/*-------------- existingcoupons end --------------*/
/*============ ADD CAMPAIGNS CSS  ====================*/
/*============ REWARDS CAMPAIGN CSS  ====================*/
.rewards-campaign-conten h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.rewards-campaign-conten .advertize-reward-top h2 {
  margin-bottom: 0rem;
}

.rewards-campaign-conten .mbsp:last-child {
  margin-bottom: 0;
}

.btn-footer-globle a {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.template-main-bx img {
  border-radius: 0.6rem;
}

.editorbtns {
  border-top: 0.0625rem solid var(--text-two);
  padding: 1rem;
  transform: translate(0, 77vh);
  transition: 1s;
  opacity: 1;
}

.editor-main-wrapper.active .editorbtns {
  transform: translate(-100rem, 77vh);
  opacity: 0;
}

#getcustimzed .mbsp:last-child {
  margin-bottom: 0;
}

.modal .input-container .real-input--label i {
  top: 1.875rem;
}

.schedule-check-wrap .schedule-main-content .gift_card_price input {
  border: none;
}

/*============ REWARDS CAMPAIGN CSS  ====================*/
/*============ REWRAD CHOOSE TEMPLATE STRAT  ====================*/
.rewrad-choose-template-wrapper .btn_temp_main .btn_w_s {
  margin-right: 0;
}

.rewrad-choose-template-wrapper .btn_temp_main .btn_next_page .nextBtn {
  margin: 0 1rem 0 1rem;
  padding: 0.4375rem 1rem;
  background: var(--nav-user-icon-bg);
  color: var(--global-white);
  border: transparent;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.come-back-rewards-campaign-wrapper .new-inv-btn-wrapper button {
  margin-left: 1rem;
}

.nextBtn.r-disabled {
  background: var(--top-header-icons-border);
  color: var(--disable-btn-color);
  border-color: var(--top-header-icons-border);
  pointer-events: none;
}

/*============ REWRAD CHOOSE TEMPLATE END  ====================*/
/*============ JOB ESTIMATE SERVICES  ====================*/
.overflowbody {
  overflow-x: hidden;
}

.overflowbodyy {
  overflow-y: initial !important;
}

.overflowauto {
  overflow: auto !important;
}

.overflowinitial {
  overflow: initial !important;
}

.table-inventory-services table {
  font-size: 100%;
}

.table-inventory-services thead th,
.table-inventory-services tbody td,
.table-en-inventory-services thead th,
.table-en-inventory-services tbody td {
  text-align: left;
  font-size: 0.875rem;
}

.td-in-services,
.td-iventory-width {
  width: 11.5rem;
}

.td-qty-width {
  width: 3.75rem;
}

.td-date-width {
  width: 8rem;
}

.td-sku-width {
  width: 6.8rem;
}

.td-rate-width {
  width: 4.5rem;
}

.td-amount-width {
  width: 5.5rem;
}

.td-surcharge-width {
  min-width: 9rem;
}

.table-inventory-services span.select2.select2-container {
  width: 100% !important;
}

.table-inventory-services .select2-selection__rendered li {
  display: flex;
  align-items: center;
  padding: 0.125rem 1.5rem 0.125rem 0.4375rem !important;
  border-radius: 0.25rem !important;
  position: relative;
}

.table-inventory-services .select2-selection__choice__remove {
  order: 2;
  margin-right: 0 !important;
  margin-left: 0.3125rem;
  color: var(--white-white-orange) !important;
  background: transparent !important;
  font-size: 1.375rem;
  font-weight: 300 !important;
}

.table-inventory-services .select2-selection__choice.tax-default-li .select2-selection__choice__remove {
  color: var(--global-orange) !important;
  font-weight: 500 !important;
}

.table-inventory-services .select2-selection__choice.tax-default-li .select2-selection__choice__remove {
  position: absolute;
  right: 0;
  width: 1.4rem;
  height: 1.5rem;
  background: #fff !important;
  justify-content: flex-end;
  border-radius: 0 !important;
  padding-right: 0.188rem;
}

.table-inventory-services .select2-selection__choice__remove {
  position: absolute;
  right: 0;
  width: 1.4rem;
  height: 1.5rem;
  background: #4b505f !important;
  justify-content: flex-end;
  border-radius: 0 !important;
  padding-right: 0.188rem;
}

.r-add-leads-main-wrapper .table-inventory-services .select2-selection__choice {
  background: var(--card-highlight--bg-color) !important;
  color: var(--white-white-orange) !important;
  border: 0.125rem solid var(--card-highlight--bg-color) !important;
  font-weight: 700 !important;
}

.r-add-leads-main-wrapper .table-inventory-services .select2-selection__choice.tax-default-li {
  background: var(--global-white) !important;
  color: var(--global-orange) !important;
  border: 0.125rem solid var(--global-white) !important;
}

/*============ JOB ESTIMATE SERVICES END  ====================*/
/*============ ADD PUNCH REWARD CAMPAIGN START  ============*/
.add-popup-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
}

.add-popup-btn:hover {
  background: transparent;
}

.addruleproductwrap .managecategory_main_wrap {
  border-radius: 0;
  transition: 0.3s;
  cursor: pointer;
}

.addruleproductinnerwrap {
  height: 15.625rem;
  overflow: auto;
}

.addruleproductwrap .managecategory_main_wrap .form-check-input {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.addruleproductwrap .managecategory_main_wrap:hover,
.addruleproductwrap .managecategory_main_wrap.active {
  background: var(--global-upload-background-w-bg);
}

.addruleproductwrap .managecategory_main_wrap p {
  font-weight: 500;
  color: var(--text-grey);
}

.addruleproductwrap .managecategory_main_wrap h4,
.addruleproductwrap .managecategory_main_wrap h3 {
  font-weight: 600;
  color: var(--text-grey);
}

.addruleproductwrap .managecategory_main_wrap h3 {
  font-size: 1.25rem;
}

/*============ ADD PUNCH REWARD CAMPAIGN END ============*/
/*================ CK EDITOR START  ====================*/
.custom-editor-body .cke_chrome {
  border: none !important;
  box-shadow: 0rem 0rem 0rem !important;
}

#email-flyer-editor {
  background: var(--bg-color);
}

#email-flyer-editor #cke_1_top.cke_top {
  background: var(--card-highlight--bg-color);
  box-shadow: none;
  border: none;
  padding: 0.625rem;
  width: 16.75rem;
  border-radius: 0.625rem;
  margin-right: 0.9375rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto !important;
  max-height: 96vh;
  overflow: inherit;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolgroup {
  border: none;
  background: none;
  margin: 0;
  box-shadow: none;
  border-radius: 0rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolgroup .cke_button {
  display: flex;
  flex-wrap: wrap;
  padding: 0.875rem 1.875rem;
  outline: 0;
  cursor: pointer;
  float: left;
  background: var(--card-highlight--bg-color);
  border: 0;
  margin: 0.25rem;
  width: 6.33%;
  position: relative;
  border-radius: 0.3125rem;
  transition: 0.3s all linear;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolgroup .cke_button__source_label,
#email-flyer-editor #cke_1_top.cke_top .cke_toolgroup .cke_button__sourcedialog_label {
  display: none !important;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolgroup .cke_button .cke_button_icon {
  width: 12.75rem;
  height: 1.25rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolgroup .cke_toolbar_separator {
  display: none;
}

#email-flyer-editor #cke_1_top.cke_top .cke_combo_button {
  border: none;
  background: var(--card-highlight--bg-color);
  margin: 0.25rem;
  box-shadow: none;
  border-radius: 0.3125rem;
  padding: 0.625rem 1.0313rem;
  cursor: pointer;
}

#email-flyer-editor #cke_1_top.cke_top .cke_combo_button .cke_combo_text {
  color: var(--text-two);
  text-shadow: none;
  cursor: pointer;
  font-size: 0.875rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_combo_button .cke_combo_arrow {
  border-top: 0.1875rem solid var(--text-two);
}

#email-flyer-editor #cke_1_top.cke_top .cke_button_off:hover,
#email-flyer-editor #cke_1_top.cke_top .cke_button_off:focus,
#email-flyer-editor #cke_1_top.cke_top .cke_button_off:active,
#email-flyer-editor #cke_1_top.cke_top .cke_button_disabled:hover,
#email-flyer-editor #cke_1_top.cke_top .cke_button_disabled:focus,
#email-flyer-editor #cke_1_top.cke_top .cke_button_disabled:active {
  background: rgb(255 255 255 / 45%);
}

#email-flyer-editor #cke_1_top.cke_top .cke_button_off:hover .cke_button_icon::after,
#email-flyer-editor #cke_1_top.cke_top .cke_button_off:focus .cke_button_icon::after,
#email-flyer-editor #cke_1_top.cke_top .cke_button_off:active .cke_button_icon::after,
#email-flyer-editor #cke_1_top.cke_top .cke_button_disabled:hover .cke_button_icon::after,
#email-flyer-editor #cke_1_top.cke_top .cke_button_disabled:focus .cke_button_icon::after,
#email-flyer-editor #cke_1_top.cke_top .cke_button_disabled:active .cke_button_icon::after {
  font-size: 1.5rem !important;
}

#email-flyer-editor #cke_1_top.cke_top .cke_button_on {
  box-shadow: none;
  background: var(--card-highlight--bg-color);
  background-image: none;
  border-radius: 0;
}

#email-flyer-editor #cke_1_top.cke_top .cke_ltr .cke_button:last-child,
#email-flyer-editor #cke_1_top.cke_top .cke_rtl .cke_button:first-child {
  border-radius: 0rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(1) {
  width: 100%;
  order: -2;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(2) {
  order: 0;
  width: 100%;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(3) {
  width: 100%;
  order: 0;
  padding-bottom: 0.3125rem;
  border-top: 0.0625rem solid var(--card-list-border-color);
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
  padding-top: 0.3125rem;
  margin-top: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(4) {
  width: 100%;
  order: 0;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(5) {
  order: -1;
  width: 100%;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(6) {
  order: -1;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(7) {
  width: 100%;
  order: 1;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(8) {
  width: 100%;
  order: -2;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(9) {
  width: 100%;
  order: 1;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(10) {
  width: 100%;
  order: 0;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(11) {
  width: 100%;
  order: 0;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(12) {
  width: 100%;
  order: 0;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid var(--card-list-border-color);
  margin-bottom: 0.3125rem;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(1) .cke_toolgroup {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(1) .cke_toolgroup a.cke_button:nth-child(1) {
  order: 1;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(1) .cke_toolgroup a.cke_button:nth-child(2) {
  order: 1;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(1) .cke_toolgroup a.cke_button:nth-child(3) {
  order: 1;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(1) .cke_toolgroup a.cke_button:nth-child(4) {
  order: 1;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:nth-child(1) .cke_toolgroup a.cke_button:nth-child(5) {
  order: 1;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolbox .cke_toolbar:last-child {
  display: none;
}

#email-flyer-editor #cke_1_top.cke_top .cke_button_arrow {
  display: none;
}

#email-flyer-editor #cke_1_top.cke_top .cke_toolgroup .cke_button .cke_button_icon {
  width: 12.75rem;
  height: 1.25rem;
}

#email-flyer-editor .cke_button_icon {
  background-image: none !important;
  opacity: 1;
}

.cke_inner {
  background: transparent !important;
}

.cke_reset_all,
.cke_reset_all *,
.cke_reset_all a,
.cke_reset_all textarea {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  width: auto;
  height: auto;
  vertical-align: baseline;
  box-sizing: content-box;
  position: static;
  transition: none;
  border-collapse: collapse;
  font: normal normal normal 0.75rem Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
  color: var(--text-grey);
  text-align: left;
  white-space: nowrap;
  cursor: auto;
  float: none;
}

.cke_top,
.cke_contents,
.cke_bottom {
  display: block;
  overflow: hidden;
}

.cke_top {
  white-space: normal;
}

.cke_reset {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  width: auto;
  height: auto;
  vertical-align: baseline;
  box-sizing: content-box;
  position: static;
  transition: none;
}

#email-flyer-editor .cke_contents {
  overflow: inherit;
  flex: 3;
}

#email-flyer-editor #cke_1_contents {
  min-height: 100vh;
  height: 100vh !important;
  max-height: 100vh;
  border: 0rem solid transparent;
}

.cke_wysiwyg_frame,
.cke_wysiwyg_div {
  border-radius: 0.4375rem !important;
}

#email-flyer-editor .cke_chrome .cke_inner.cke_reset {
  display: flex !important;
}

.cke_notification_info {
  background: var(--global-blue-payment);
  border: 0.0625rem solid var(--global-blue-payment);
}

.cke_notification {
  pointer-events: auto;
  position: relative;
  margin: 0.625rem;
  width: 18.75rem;
  color: var(--global-white);
  border-radius: 0.1875rem;
  text-align: center;
  opacity: .95;
  filter: alpha(opacity=95);
  box-shadow: 0.125rem 0.125rem 0.1875rem 0 var(--card-box-shadow);
  -webkit-animation: fadeIn .7s;
  animation: fadeIn .7s;
}

#email-flyer-editor .cke_bottom {
  border-top: none;
  box-shadow: none;
  background: var(--card-highlight--bg-color);
  display: none;
}

#email-flyer-editor .cke_button_icon::after {
  position: absolute;
  font-family: "custom-font";
  color: var(--text-two);
  left: 50%;
  transform: translate(-50%, -11%);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular);
  font-size: 1.3125rem !important;
  transition: 0.1s all ease-in-out;
}

#email-flyer-editor #cke_1_top.cke_top .cke_button:hover .cke_button_icon::after {
  color: var(--text-two);
}

#email-flyer-editor .cke_button_icon.cke_button__cut_icon::after {
  content: "\f0c4";
}

#email-flyer-editor .cke_button_icon.cke_button__copy_icon::after {
  content: "\f0c5";
  font: var(--fa-font-solid);
}

#email-flyer-editor .cke_button_icon.cke_button__paste_icon::after {
  content: "\f0ea";
  font: var(--fa-font-solid);
}

#email-flyer-editor .cke_button_icon.cke_button__pastetext_icon::after {
  content: "\f0ea";
}

#email-flyer-editor .cke_button_icon.cke_button__pastefromword_icon::after {
  content: "\f1c2";
  font: var(--fa-font-solid);
}

#email-flyer-editor .cke_button_icon.cke_button__undo_icon::after {
  content: "\f3e5";
}

#email-flyer-editor .cke_button_icon.cke_button__redo_icon::after {
  content: "\f064";
}

#email-flyer-editor .cke_button_icon.cke_button__scayt_icon::after {
  content: "\f891";
}

#email-flyer-editor .cke_button_icon.cke_button__link_icon::after {
  content: "\f0c1";
}

#email-flyer-editor .cke_button_icon.cke_button__unlink_icon::after {
  content: "\f127";
}

#email-flyer-editor .cke_button_icon.cke_button__anchor_icon::after {
  content: "\f024";
}

#email-flyer-editor .cke_button_icon.cke_button__image_icon::after {
  content: "\f03e";
}

#email-flyer-editor .cke_button_icon.cke_button__table_icon::after {
  content: "\f00a";
}

#email-flyer-editor .cke_button_icon.cke_button__horizontalrule_icon::after {
  content: "\f86c";
}

#email-flyer-editor .cke_button_icon.cke_button__specialchar_icon::after {
  content: "\f67a";
}

#email-flyer-editor .cke_button_icon.cke_button__numberedlist_icon::after {
  content: "\f67a";
}

#email-flyer-editor .cke_button_icon.cke_button__maximize_icon::after {
  content: "\f31e";
}

#email-flyer-editor .cke_button_icon.cke_button__source_icon::after {
  content: "\e267";
}

#email-flyer-editor .cke_button_icon.cke_button__bold_icon::after {
  content: "\42";
}

#email-flyer-editor .cke_button_icon.cke_button__italic_icon::after {
  content: "\f033";
}

#email-flyer-editor .cke_button_icon.cke_button__strike_icon::after {
  content: "\f0cc";
}

#email-flyer-editor .cke_button_icon.cke_button__removeformat_icon::after {
  content: "\e99c";
}

#email-flyer-editor .cke_button_icon.cke_button__numberedlist_icon::after {
  content: "\f0cb";
}

#email-flyer-editor .cke_button_icon.cke_button__bulletedlist_icon::after {
  content: "\f0ca";
}

#email-flyer-editor .cke_button_icon.cke_button__outdent_icon::after {
  content: "\f03b";
}

#email-flyer-editor .cke_button_icon.cke_button__indent_icon::after {
  content: "\f03c";
}

#email-flyer-editor .cke_button_icon.cke_button__blockquote_icon::after {
  content: "\f10e";
}

#email-flyer-editor .cke_button_icon.cke_button__smiley_icon::after {
  content: "\f118";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__iframe_icon::after {
  content: "\f1ea";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__creatediv_icon::after {
  content: "\f31c";
}

#email-flyer-editor .cke_button_icon.cke_button__flash_icon::after {
  content: "\f0e7";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__formbuilder_icon::after {
  content: "\e97f";
}

#email-flyer-editor .cke_button_icon.cke_button__preview_icon::after {
  content: "\f06e";
}

#email-flyer-editor .cke_button_icon.cke_button__templates_icon::after {
  content: "\e1d8";
}

#email-flyer-editor .cke_button_icon.cke_button__find_icon::after {
  content: "\f002";
}

#email-flyer-editor .cke_button_icon.cke_button__pagebreak_icon::after {
  content: "\f04a";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__justifyleft_icon::after {
  content: "\f036";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__justifycenter_icon::after {
  content: "\f037";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__justifyright_icon::after {
  content: "\f038";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__justifyblock_icon::after {
  content: "\f039";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__bidiltr_icon::after {
  content: "\f0a4";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__bidirtl_icon::after {
  content: "\f0a5";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__language_icon::after {
  content: "\f1ab";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__textcolor_icon::after {
  content: "\f031";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__checkbox_icon::after {
  content: "\f14a";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__radio_icon::after {
  content: "\f28e";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__print_icon::after {
  content: "\f02f";
}

#email-flyer-editor .cke_button_icon.cke_button__exportpdf_icon::after {
  content: "\f1c1";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__bgcolor_icon::after {
  content: "\f53f";
}

#email-flyer-editor .cke_button_icon.cke_button__form_icon::after {
  content: "\f1c9";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__textfield_icon::after {
  content: "\f15c";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__textarea_icon::after {
  content: "\f0f6";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__select_icon::after {
  content: "\f150";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__button_icon::after {
  content: "\f009";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__imagebutton_icon::after {
  content: "\f1c5";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__hiddenfield_icon::after {
  content: "\f070";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__showblocks_icon::after {
  content: "\f2dc";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__replace_icon::after {
  content: "\f01e";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__selectall_icon::after {
  content: "\f022";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__save_icon::after {
  content: "\f0c7";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__newpage_icon::after {
  content: "\f15b";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__copyformatting_icon::after {
  content: "\f0c5";
  font-family: 'FontAwesome';
}

#email-flyer-editor .cke_button_icon.cke_button__copy_icon::after,
#email-flyer-editor .cke_button_icon.cke_button__paste_icon::after,
#email-flyer-editor .cke_button_icon.cke_button__pastefromword_icon::after {
  font-size: 1.3125rem;
}

/*============ CK EDITOR END  ====================*/
/*============ PUNCH CARD REWARD START  ============*/
.punch-item-list-wrap ul li label {
  cursor: pointer;
  width: 100%;
}

.punch-item-list-wrap ul li label.r-switch {
  width: 2.5rem;
  height: 1.375rem;
}

.punch-item-list-wrap li {
  list-style: none;
  margin-bottom: 0.5rem;
  color: var(--text-two);
  font-size: 1rem;
}

.punch-item-list-wrap li:last-child {
  margin-bottom: 0;
}

.punch-item-list-wrap li .form-check-input.reverse[type=checkbox] {
  border-radius: 50% !important;
}

.punch-item-list-wrap li p span {
  opacity: 0.75;
  font-size: 1rem;
}

.punch-card-btn-wrap .btn_previous_page.reverse a {
  border: 0.0625rem solid var(--card-list-border-color);
  color: var(--text-two);
}

.punch-card-btn-wrap .btn_next_page.reverse a {
  background: var(--global-white);
  color: var(--global-orange);
}

/*============ PUNCH CARD REWARD END  ============*/
.exclamation-bx a {
  color: var(--global-orange);
  font-size: 1.25rem;
  width: 3.125rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  text-align: center;
}

.people-sort-box.tipssale {
  display: none;
  padding: 1.5rem;
}

.people-sort-box.tipssale.active {
  display: inline-block;
}

.exclamation-bx .people-sort-wrap {
  right: 0;
  top: 3.5625rem;
}

.exclamation-bx .people-sort-box::before {
  left: 93%;
  transform: translate(-55%, -42%) rotate(48deg);
}

.tool-tip-sale {
  margin: 1.25rem 0 0 1.25rem;
  list-style: none;
}

.tool-tip-sale li {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-grey);
  padding-bottom: 1rem;
}

.tool-tip-sale li:last-child {
  padding-bottom: 0;
}

.people-sort-top h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

.tool-tip-sale li::before {
  content: "\2022";
  color: var(--global-orange);
  font-weight: bold;
  display: inline-block;
  width: 1.25rem;
  margin-left: -1.25rem;
}

/*============ ADD NEW BUSINESS WEBSITE START  ============*/
.add-new-portfolio-business-wrap .columnauto .btn_w_s {
  width: auto;
  min-width: 25%;
}

.portfolio-business-page-tracker-body span {
  border: 0.0625rem solid var(--global-border-color-w-bg);
  padding: 0.625rem 0.9375rem;
  border-radius: 0.5rem;
}

#term_condition_check .form-group .form-check input.error_el {
  margin-top: 0.1875rem;
}


/*============ ADD NEW BUSINESS WEBSITE END  ============*/

/*============ EVENT TICKETING START  ============*/
.eventTicketingWrap .modal-body {
  max-height: 70vh;
  overflow: auto;
}

.eventTicketingWrap .modal-body .carousel-inner {
  border-radius: 0;
}

.eventTicketingWrap .modal-body .carousel-item,
.eventTicketingWrap .modal-body .carousel-item .img-wrap {
  height: 23.75rem;
}

.eventTicketingWrap .modal-body .carousel-item .img-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.eventTicketingWrap .modal-body .carousel-item .img-wrap .events-tracking-wrapper .fiter_gift_card input[type="radio"] {
  margin-top: 0.625rem;
}

.previewModal iframe {
  width: 100%;
  height: 90vh;
}

.r-add-leads-main-reverse button i {
  color: var(--nav-user-icon-bg);
}

/* .shareModal .modal-lg {
  max-width: 40rem;
} */

.qr-wrap img {
  width: 15.625rem;
  height: 15.625rem;
  object-fit: contain;
  object-position: 50% 50%
}

.share-form-top-btn-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.share-form-bottom-btn-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.add-event-iframe-wrap iframe {
  width: 100%;
  height: 100vh;
}

.add-event-iframe-outer {
  background: var(--white-white-orange);
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-border-color-w-bg);
  border-radius: 1rem;
}

.event-add-btn {
  background: var(--global-orange) !important;
  color: var(--global-white) !important;
}

.eventReportWrapper canvas {
  max-width: 15.625rem;
  max-height: 15.625rem;
  object-fit: contain;
}

.viewEventReportGreen,
.viewEventReportBlue,
.viewEventReportRed {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background: #00cc00;
  margin-right: 0.625rem;
}

.viewEventReportBlue {
  background: #0099FF;
}

.viewEventReportRed {
  background: #E21616;
}

.new-upload-wrapper .new-inv-upload-area .real-input {
  height: 8.75rem;
  border: 0.0625rem dashed var(--nav-link);
  border-radius: 0.25rem;
  background: var(--card-highlight--bg-color) !important;
}

.eventReportModalTableWrap .payment_transaction_details_table table th:first-child,
.eventReportModalTableWrap .payment_transaction_details_table table td:first-child,
.viewReportModalTable .payment_transaction_details_table table th:first-child,
.viewReportModalTable .payment_transaction_details_table table td:first-child {
  padding-left: 1.5rem;
}

.eventReportModalTableWrap .payment_transaction_details_table table td:last-child {
  padding-left: 0;
}

.viewReportModalTable .payment_transaction_details_table table th:last-child,
.viewReportModalTable .payment_transaction_details_table table td:last-child,
.eventReportModalTableWrap .payment_transaction_details_table table th:last-child,
.eventReportModalTableWrap .payment_transaction_details_table table td:first-child {
  text-align: left;
}

.modal-text-position {
  text-align: right;
}

.event-preview-outer-wrap {
  background: var(--global-white);
  border-radius: 1rem;
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-input-w-bg);
}

.event-preview-wrap {
  max-width: 37.5rem;
  margin: 0 auto;
  background: var(--global-white);
  padding-bottom: 1.5rem;
}

/* 
.event-modal-preview-wrap {
  padding: 1.5rem 0;
} */

.header-inner-event,
.iframe-price-sec-event {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header-inner-event h4 {
  font-weight: 400
}

.header-inner-event button {
  font-size: 1.5rem;
  background: 0 0;
  border: 0;
  rotate: 45deg;
  cursor: pointer;
  padding: 0
}

.content-sec-event {
  padding: 0
}

.content-sec-event a {
  text-decoration: none;
  color: var(--global-blue-payment)
}

.qr-code-wrapper-event {
  width: 5.625rem;
  height: 5.625rem;
  padding: 0.5rem;
  background: var(--global-white);
  margin-left: auto;
  position: relative;
  margin-top: -3.125rem;
  right: 1.875rem
}

.iframe-content-head-event {
  padding: 0 1.875rem;
  margin-bottom: 1.25rem
}

.iframe-content-head-event h2 {
  font-size: 1.5625rem;
  line-height: 2.125rem;
  font-weight: 600;
  color: var(--text-grey);
  margin-bottom: 0.9375rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.iframe-content-lists-event {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  padding: 0 1.875rem;
}

.icon-box-event {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 1.25rem
}

.icon-lft-event {
  width: 10%;
  flex: 0 0 auto
}

.icon-lft-event i {
  font-size: 1.875rem;
  color: var(--input-placeholder);
}

.icon-rht-event {
  flex: 0 0 auto
}

.icon-rht-event h3 {
  font-size: 1.25rem;
  color: var(--text-grey);
  font-weight: 500;
  margin-bottom: 0.375rem
}

.icon-rht-event p {
  font-size: 0.9375rem;
  color: var(--input-placeholder);
  margin-bottom: 0.375rem;
  font-weight: 500
}

.icon-rht-event a {
  font-size: 0.9375rem;
  font-weight: 400;
  text-decoration: underline;
}

.iframe-price-sec-event {
  padding: 0.9375rem 1.875rem 0 1.875rem
}

.price-lft-event h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-grey);
}

.iframe-price-sec-event button {
  background: var(--global-blue-payment);
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  color: var(--global-white) !important;
  border: 0;
  border-radius: 0.4375rem
}

.iframe-price-sec-event button a {
  color: var(--global-white);
}

.footer-inner-event {
  text-align: right
}

.footer-inner-event button {
  background: var(--disable-btn-color);
  border: 0;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0.625rem;
  font-size: 1rem
}

.icon_right {
  padding: 0 0.625rem;
}

.iframe-price-sec-event .buy-back-btn-event {
  background: var(--text-grey);
  margin-right: 0.625rem;
}

.event-preview-wrap a {
  color: var(--global-blue-payment);
}

.icon_right button {
  border: 0;
  padding-left: 0.625rem;
  border-left: 0.0625rem solid var(--bread-crumbs-color);
  background: transparent;
}

.banner-img-wrapper-event {
  height: 18.75rem;
  overflow: hidden;
}

.banner-img-wrapper-event img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.event-slider-btn {
  background: var(--global-orange);
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid var(--global-white);
  border-radius: 0.3125rem;
}

.btn_new_message .event-ticketing-share-btn {
  background: transparent;
  color: var(--input-placeholder);
  padding: 0.375rem;
  font-size: 1.25rem;
  border: none;
  min-height: auto;
}

.btn_new_message .event-ticketing-share-btn:hover {
  color: var(--global-blue-payment);
}

.previewModal .modal-dialog {
  max-width: 37.5rem;
}

/*============ EVENT TICKETING END  ============*/
/*============ FINANCIALS  ============*/
.financialstypecard tbody {
  max-height: calc(31rem - 15rem);
  overflow: auto;
  width: 100%;
  display: block;
}

.financialstypecard thead tr,
.financialstypecard tbody tr,
.financialstypecard tfoot tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.merchant-btn,
.financialstypecard h2 {
  margin-bottom: 1rem;
}

.merchant-btn p {
  color: var(--text-one);
  font-size: 1rem;
  font-weight: 600;
}

.merchant-btn a {
  color: var(--global-orange);
  text-decoration: underline;
}

.financials-deposit,
.financials-transiton,
.inventory-inner-form {
  padding: 1.5rem;
  align-items: end;
  height: auto;
}

.inventory-inner-form {
  align-items: start;
}

.financials-transiton .form-group,
.financials-deposit .form-group,
.inventory-inner-form .form-group {
  margin-right: 1rem;
}

.financials-transiton .btn-export,
.financials-deposit .btn-export {
  border-radius: 0.25rem;
}

.financials-transiton .btn-export:hover,
.financials-deposit .btn-export:hover {
  color: var(--orange-orange-white);
}

.titletable {
  padding: 1.5rem 1.5rem 0.625rem 1.5rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.titletable h2,
.financialstypecard h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 400;
}

.cardtype {
  width: 100%;
}

.cardtype thead tr th {
  border-bottom: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.cardtype th {
  font-weight: 600;
}

.cardtype thead tr th,
.cardtype tbody tr td,
.cardtype tfoot tr td {
  color: var(--text-two);
  font-size: 0.875rem;
  padding-bottom: 1rem;
  text-align: center;
}

.cardtype thead tr th:first-child {
  text-align: left;
  padding-left: 0.3125rem;
}

.cardtype tbody tr td:first-child {
  padding-left: 0.9375rem;
  text-align: left;
}

.cardtype tbody tr:first-child td,
.cardtype tfoot tr:first-child td {
  padding-top: 1rem;
}

.cardtype tbody tr td img {
  width: 2.4375rem;
  height: 1.625rem;
  border-radius: 0.125rem;
  object-fit: contain;
}

.financials_main_wraper .edit-agreement-top-table td {
  width: 33%;
}

.cardtype tfoot tr td {
  border-top: 0.0625rem solid var(--text-two);
  padding-bottom: 0;
}

.cardtype tfoot tr td:first-child {
  padding-left: 0.9375rem;
  text-align: left;
}

.carousel-inner {
  border-radius: 0.9375rem;
}

.carousel-item {
  text-align: center;
}

.carousel-item img {
  width: 15.625rem;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

/* .add-payment-catcher-main-wraper .carousel-item img {
  width: 100%;
  height: 28.125rem;
  margin: 0 auto;
  object-fit: cover;
} */

.carousel-caption {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 15% 1.875rem;
  background: var(--global-input-w-bg);
}

.carousel-indicators {
  margin-bottom: 0rem;
}

.carousel-item.email_crm .carousel-caption {
  position: inherit;
  width: 100%;
  overflow: auto;
}

.carousel-indicators [data-bs-target] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 1.5rem;
}

.table-find-transition {
  margin-right: 0.625rem;
}

.table-find-transition a {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.financials-transiton .flex-parent,
.chargeback-alerts {
  margin-bottom: 1rem;
  align-items: end;
}

.financials-transiton .flex-parent:last-child {
  margin-bottom: 0;
}

.financials-transiton .form-group:last-child {
  margin-right: 0;
}

.financials_merchant_wrap .edit-agreement-top-table td {
  width: 33%;
}

.title_clr_black h2 {
  color: var(--text-grey);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.cardtypedetails {
  width: 100%;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  text-align: center;
}

.cardtypedetails tr th,
.cardtypedetails tr td {
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.5rem;
  border-right: 0.0625rem solid var(--global-border-color-w-bg);
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.dailyfinancials .modal-body {
  padding: 1.5rem 0;
  max-height: 75vh;
  overflow: auto;
}

.dailyfinancials .title_payment {
  padding: 0 1.5rem;
}

.imguploedfile {
  width: 100%;
  margin-top: 1rem;
}

.imguploedfile .flex-parent-inner {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border-radius: 0.3125rem;
  background-color: var(--navbar-toggler-btn-bg);
  margin-top: 0.625rem;
}

.imguploedfile img {
  width: 3.75rem;
  height: 3.75rem;
  object-fit: contain;
  border-radius: 0.3125rem;
}

.change-image {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  border-radius: 6.25rem;
  z-index: 888;
  color: var(--global-white);
  cursor: pointer;
  background: var(--nav-user-icon-bg);
  font-size: 0.875rem;
  margin-left: auto;
  flex-shrink: 0;
}

.flex-parent-inner p {
  padding-left: 0.5rem;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;

}

.daily-gross.gradiant-card {
  height: auto;
  padding: 1.5rem;
}

#details-transtion_wrapper .dataTables_filter label {
  order: 2;
  padding-bottom: 0;
}

#details-transtion_wrapper #details-transtion_length label {
  padding-bottom: 0;
}

.table-find-transition .dropdown-toggle::after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular);
  content: "\f078";
  font-size: 1.0625rem;
  border: none;
  vertical-align: 0;
  margin-left: 0.7rem;
  height: auto;
}

.table-find-transition .dropdown-menu {
  padding: 0;
  overflow: hidden;
  min-width: 7.375rem;
  border-radius: 0.5rem;
}

.table-find-transition .dropdown-menu .dropdown-item:active,
.table-find-transition .dropdown-menu .dropdown-item:hover {
  background: var(--nav-user-icon-bg);
  color: var(--global-white);
}

.table-find-transition .dropdown button {
  padding: 0.375rem 1.25rem;
}

.financialspayment table.dataTable tfoot td {
  padding: 0.625rem 1.25rem;
  border: none;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.3);
}

.financialspayment table {
  padding-top: 0;
}

.financialspayment .dataTables_wrapper .dataTables_filter {
  padding-bottom: 1rem;
}

.dailyfinancials .dataTables_wrapper.no-footer table tr {
  cursor: pointer;
}

.vouchermodal .modal-dialog {
  max-width: 24rem;
}

.vouchermodal .modal-body {
  padding: 1.5rem;
}

.vouchermodal .cardtypedetails tbody tr td,
.vouchermodal .cardtypedetails tfoot tr td {
  text-align: left;
}

.cardtypedetails thead th span {
  display: block;
}

.poweruniversell {
  font-size: 0.75rem;
}

.daily-deposits-main-table-wrap table tbody tr:hover {
  background-color: var(--card-highlight--bg-color) !important;
  cursor: pointer;
}

#dailyfinancials #details-transtion tbody tr:hover {
  background-color: var(--global-border-color-w-bg) !important;
  cursor: pointer;
}

.title_financials p {
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
  color: var(--text-two);
}

.daily-gross canvas {
  max-height: 31.25rem;
}

.financialsDownloadPDFModalBody ol li {
  margin-bottom: 0.625rem;
}

.financialsDownloadPDFModalBody ol li:last-child {
  margin-bottom: 0rem;
}

.financialsTextWrapper p {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-two);
}

.financial-auth-signatue-wrap {
  width: 11.875rem;
  height: 5.625rem;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
}

.financial-auth-signatue-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.delete_modal.success_modal h4 {
  color: var(--text-grey);
}

.delete_modal.success_modal h5 {
  margin-bottom: 1.875rem;
  color: var(--input-placeholder);
  font-weight: 400;
}

.delete_modal.success_modal button,
.delete_modal.success_modal a {
  padding: 0.3125rem 1.5rem;
}

.delete_modal.success_modal button i,
.delete_modal.success_modal a i {
  font-size: 1rem;
  margin-bottom: 0;
}

.delete_modal.success_modal button.r-orange-btn i,
.delete_modal.success_modal a.r-orange-btn i {
  color: var(--global-white);
}

.delete_modal.success_modal h4 {
  color: var(--global-orange);
}

#carouselDeposits .carousel-item img,
#carouselRefund .carousel-item img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}

/*============ FINANCIALS END  ============*/
/*-------------- INVENTORY AREA START --------------*/
.td-a {
  text-decoration: underline;
}

.inventory-list-table-wrap {
  height: auto;
}

.inventory-list-table-wrap tbody tr td img,
.receive-inventory tbody tr td a img {
  border: 0.0625rem solid var(--text-two);
  border-radius: 0.375rem;
  width: 3.125rem;
  height: 1.875rem;
  object-fit: contain;
  background-color: rgba(255, 255, 255, 0.4);
}

.inventory-grid-wrap {
  display: grid;
  grid-gap: 1.25rem;
  justify-content: space-between;
  grid-template-columns: repeat(4, 24%);
  margin-bottom: 1.875rem;
}

.inventory-grid-item {
  background: var(--top-header-bg);
  padding: 0.625rem;
  border-radius: 0.625rem;
}

.inventory-grid-item-img img {
  width: 8.125rem;
  height: 8.125rem;
  object-fit: contain;
  object-position: center;
  margin-bottom: 0.625rem;
}

.inventory-grid-item-text h4 {
  font-size: 0.9375rem;
  font-weight: 400;
  margin-bottom: 0.3125rem;
  color: var(--text-one);
}

.inventory-grid-item-text h4:first-child {
  color: var(--global-orange);
}

.inventory-filter-wrapper .filter_dropdown {
  overflow: auto;
  padding: 0.625rem;
  border-radius: 0.25rem;
}

.scroll-area {
  max-height: 18.75rem;
  overflow-y: auto;
}

.inventory-filter-wrapper .filter_dropdown::before {
  display: none;
}

.inventory-filter-wrapper .fiter_gift_card .form-group {
  padding: 0;
  border-bottom: 0;
}

.inventory-filter-wrapper .form-group.form-select-all {
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.inventory-filter-wrapper .filter_dropdown label {
  line-height: 1.6875rem;
  padding: 0 0 0.3125rem 0.125rem;
}

.qr-wrap-inventory img {
  width: 6.875rem;
  height: 6.875rem;
  object-fit: contain;
  border-radius: 0.625rem;
}

.qr-wrap-inventory p {
  font-weight: 600;
}

.qr-wrap-inventory h4 {
  font-size: 1.125rem;
  font-weight: 600;
}

.bar-code-wrap-inventory img {
  width: 9.375rem;
}

.inventory-default-btns,
.inventory-sale-btns {
  margin-right: 0.75rem;
}

.inventory-default-btns {
  display: flex;
}

.day-select-reverse-wrap.day-select-wrap li label {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.0625rem solid var(--global-input-w-bg);
}

.day-select-reverse-wrap.day-select-wrap li input:checked~label {
  color: var(--text-grey);
  background: var(--global-input-w-bg);
}

.updateInventoryImageWrap .flex-parent-inner {
  background: rgba(240, 79, 41, 0.1);
}

.manage-link a {
  font-size: 0.75rem;
  padding: 0.0625rem 0.4375rem;
  border-radius: 0.25rem;
}

/* 27/02/23*/
.surcharge-td {
  white-space: nowrap;
}

.surcharge-text-span {
  white-space: nowrap;
  padding: 0.125rem 0.3125rem;
  border: 0.0625rem solid var(--navbar-toggler-btn-bg);
  background: var(--navbar-toggler-btn-bg);
  border-radius: 0.3125rem;
}

.category_filleter_img img {
  width: 100%;
  height: 12rem;
  object-fit: contain;
  box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

.btn_delete_icon {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 4;
  color: var(--global-white);
  border: none;
  background: var(--global-orange);
  border-radius: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.r-add-leads-main-reverse .btn_delete_icon i {
  color: var(--global-white);
}

.deletecate {
  width: 11.625rem;
  display: inline-block;
  color: var(--global-white);
  background: var(--global-btn-bg);
  padding: 0.125rem 0.625rem;
  border-radius: 0.3125rem;
}

.uploadcategoryimg .upload_file_img {
  background: var(--global-upload-background-w-bg);
  border: 0.0625rem dashed var(--global-upload-border-color-w-bg);
}

.category_filleter_img,
.category_upload-img,
.category-delete-btn {
  display: none;
}

#inventorySliderProduct,
.printalbeimg {
  background: var(--global-border-color-w-bg);
}

#inventorySliderProduct .carousel-inner {
  padding: 0 0 1.25rem;
}

#inventorySliderProduct .carousel-indicators [data-bs-target] {
  background-color: var(--text-grey);
}

#inventorySliderProduct .carousel-indicators {
  margin-bottom: 0.3125rem;
}

.caption-products {
  padding: 1.25rem;
}

.brand-name-product {
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 0.3125rem;
  color: var(--text-grey);
}

.product-name-inventory {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-grey);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qrcode_product {
  width: 4rem;
  padding: 0.5rem;
  background: var(--global-white);
  float: right;
  transform: translate(0rem, -3.625rem);
}

.product-stocks {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.product-stocks li:not(:first-child) {
  padding: 0.625rem 1.25rem;
}

.quantity-pricing,
.qty-pricing {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.qty-pricing {
  justify-content: center;
}

.btn-pricing-value {
  width: 1.625rem;
  height: 1.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 0.875rem;
  border-radius: 6.25rem;
  border: none;
  background: var(--text-grey);
  color: var(--global-white);
}

.r-add-leads-main-wrapper .qty-btn-plus {
  background: var(--global-orange);
  color: var(--global-white);
}

.r-add-leads-main-wrapper .qty-btn-minus {
  background: transparent;
  color: var(--global-orange);
  border: 0.0625rem solid var(--global-orange);
}

.input-qty,
.r-add-leads-main-wrapper input.input-qty {
  border: none;
  min-width: 2.5rem;
  max-width: 6.25rem;
  width: auto;
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  color: var(--text-grey);
  padding: 0;
  box-shadow: none;
}

.pricing-product {
  font-weight: 700;
  font-size: 1.5rem;
}

.description-product {
  margin: 1.25rem 0;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  padding-bottom: 1.25rem;
}

.description-product h4 {
  font-size: 1.25rem;
  font-weight: 500;
  padding-bottom: 0.125rem;
}

.btn-pay-now {
  background: var(--global-blue-payment);
  padding: 0.3125rem 1rem;
  min-height: 2.1875rem;
  font-size: 1rem;
  font-weight: 400;
  color: var(--global-white);
  border: 0;
  border-radius: 0.4375rem;
}

.printalbeimg img {
  width: 15.625rem;
  max-height: 15.625rem;
  margin: 0 auto;
  object-fit: contain;
}

.products-img-inv-accordian .printalbeimg-main .printalbeimg {
  width: auto;
}

.printalbeimg-main .printalbeimg img {
  width: 100%;
  max-height: initial;
}

.qr-code {
  width: 9.375rem;
  margin: auto;
  transform: translate(0, -4.25rem);
  background: var(--global-white);
  padding: 0.5rem;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
}

#printabletop .modal-dialog {
  max-width: 23.125rem;
}

.productsnameprice {
  padding: 6.25rem 1.25rem 2.5rem;
  text-align: center;
  background: linear-gradient(90deg, #08529A, #34A2D1);
}

.productsnameprice h4 {
  color: var(--global-white);
  font-size: 1.25rem;
  font-weight: 400;
  padding-bottom: 0.625rem;
}

.bg-color-inner-text {
  text-align: center;
  background: var(--navbar-toggler-btn-bg);
  display: inline-block;
  padding: 1.25rem;
}

p.description-product p {
  font-size: 1rem;
  font-weight: 400;
}

.r-orange-btn.category-save-btn {
  background: var(--bread-crumbs-color);
  pointer-events: none;
  border-color: transparent;
}

.inventory-select-category-wrap.active .category_filleter_img,
.inventory-select-category-wrap.active .category-delete-btn {
  display: block;
}

.inventory-select-category-wrap.active.show-upload .category_filleter_img {
  display: none;
}

.inventory-select-category-wrap.active.show-upload .category_upload-img {
  display: block;
}

.inventory-select-category-wrap.active .category-add-btn {
  display: none;
}

.inventory-select-category-wrap.active .r-orange-btn.category-save-btn {
  background: var(--global-orange);
  pointer-events: all;
  border-color: var(--global-orange);
}

.input-container.itemadd .real-input--label {
  padding: 3.875rem 0.875rem 1.5625rem !important;
}

.input-container.itemadd .real-input--label i {
  top: 1.75rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse.orange-input-label .form-check-input[type=checkbox] {
  border-color: var(--text-one);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse.orange-input-label label {
  color: var(--text-one);
}

/* Add Inventory */
.inventory-product-data {
  height: auto;
}

.inventory-inner-form,
.inventory-product-data {
  border-radius: 1rem;
}

.inventory-inner-form .form-group:last-child {
  margin-right: 0;
}

.inventory-inner-form .dollar-input-input {
  margin-right: 0rem;
}

.inventory-product-data .tab-content {
  width: 100%;
  padding: 1.5rem 1.5rem 0;
  border-left: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.inventory-product-data .tab-content .tab-pane .tab-content {
  border-left: 0;
}

.inventory-product-data #inventory-product-data-tabContent {
  padding-bottom: 1.5rem;
}

.inventory-product-data .tab-content .row {
  margin-bottom: 1.5rem;
}

.inventory-product-data h4 {
  padding: 1.5rem;
  color: var(--nav-link);
  font-size: 1.25rem;
  border-bottom: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.manage-authorization-details .inventory-product-data .nav {
  width: 14.375rem;
  text-align: left;
  flex-shrink: 0;
}

.inventory-product-data .nav-pills .nav-link,
.employee_btn_tabs.nav-pills .nav-link {
  color: var(--nav-link);
  font-size: 1rem;
  padding: 1.25rem 0.625rem 1.25rem 1.5rem;
  text-align: left;
  font-weight: 600;
  border-radius: 0;
  border-bottom: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.inventory-product-data .nav-pills .nav-link:last-child,
.inventory-product-data .nav-pills .nav-link:hover:last-child {
  border-bottom-left-radius: 1rem;
  border-bottom: 0;
}

.inventory-product-data.inventory-radius .nav-pills .nav-link:first-child,
.inventory-product-data.inventory-radius .nav-pills .nav-link:hover:first-child {
  border-top-left-radius: 1rem;
}

.inventory-product-data .nav-pills .nav-link i {
  margin-right: 0.375rem;
}

.inventory-product-data .nav-pills .nav-link.active,
.inventory-product-data .nav-pills .show>.nav-link {
  color: var(--orange-white-white);
  background-color: var(--white-orange-orange);
}

.inventory-product-data .nav-pills .nav-link:hover {
  color: var(--nav-link);
  background: var(--table-overlay-solid-color);
}

.people-table-accordian-wrap .accordion-item .accordion-body.products-img-inv-accordian {
  padding: 0.9375rem;
}

.products-img-inv-accordian .printalbeimg {
  border-radius: 0.5rem;
  width: 100%;
}

.products-img-inv-accordian .printalbeimg .dropzone .dz-message {
  margin: 0;
}

.inventory-product-main-wrap .dropzone.dz-clickable {
  margin-bottom: 0;
}

.inventory-product-main-wrap .dropzone .dz-message {
  margin: 0;
}

.product-gallery-main-container .dropzone {
  min-height: auto;
  padding: 0;
}

.product-gallery-main-container .real-input--label {
  padding: 3.125rem 2.5rem 1.25rem !important;
}

.product-gallery-main-container .real-input--label i {
  top: 1.3125rem;
}

.products-gallery-inv {
  display: grid;
  justify-content: start;
  align-items: start;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
  list-style: none;
}

.products-gallery-inv li img {
  width: 100%;
  height: 7.5rem;
  max-height: inherit;
}

.category_filleter_img.quick-edit {
  display: block;
}

.quick-edit-inventory-modal .modal-content.show-upload .uploadcategoryimg {
  display: block;
}

.quick-edit-inventory-modal .modal-content.show-upload .img_bx,
.quick-edit-inventory-modal .modal-content .img_bx.img_blank_bx {
  display: none;
}

.quick-edit-inventory-modal .modal-content.show-upload .img_bx.img_blank_bx {
  display: block;
}

.quick-edit-qr {
  left: initial;
  width: 4.375rem;
  right: 1.25rem;
}

.stockinventory {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-bottom: none;
  max-height: calc(100vh - 60vh);
  height: 100%;
  overflow: auto;
}

.vendor.stockinventory {
  max-height: calc(100vh - 20vh);
}

.titlestocks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 1.5rem 0;
}

.titlestocks h4 {
  padding: 0;
  border: 0;
}

.itemstockclrsale {
  background: rgba(243, 114, 84, 0.14);
}

.itemstockclrdamage {
  background: rgba(231, 238, 250, 0.14);
}

/* this color will not be changed */
.productnotecontent {
  background: #f9f9f9;
  border: 0.0625rem solid #e0e0e0;
  border-radius: 0.25rem;
}

.productnotecontent-top {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.productnotecontent-top,
.productnotecontent-mid,
.productnotecontent-bottom {
  padding: 0.5rem 0.9375rem;
}

table.inv-add-product tbody td {
  padding: 0 !important;
  padding-bottom: 1rem !important;
}

.dataTables_wrapper table.inv-add-product tbody td:first-child {
  padding-left: 0 !important;
}

.dataTables_wrapper table.inv-add-product thead {
  display: none;
}

.productnotecontent-bottom p {
  width: 50%;
}

.productnotecontent h5 {
  font-size: 1rem;
  font-weight: 500;
}

.productnotecontent p {
  font-size: 0.875rem;
  font-weight: 400;
}

.inventory-grid-item .list-dot-btn i {
  color: var(--bread-crumbs-color);
}

.inventory-grid-item .dropdown-menu {
  border: 0;
  overflow: hidden;
  box-shadow: 0rem 0.25rem 0.9375rem var(--page-bg);
}

.inventory-grid-item .dropdown-menu li {
  border: 0;
}

.products-document-inv li {
  list-style: none;
  display: flex;
  justify-content: start;
  align-items: center;
  position: relative;
  border: 0.125rem solid var(--navbar-toggler-btn-bg);
  padding: 0.25rem;
  border-radius: 0.25rem;
  margin-bottom: 0.625rem;
}

.products-document-inv li:last-child {
  margin-bottom: 0;
}

.document-icon {
  width: 2.125rem;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: center;
  border-radius: 0.3125rem;
  background: var(--white-orange-orange);
  color: var(--orange-white-white);
  flex-shrink: 0;
}

.close-icon {
  border: none;
  background: transparent;
  color: var(--white-orange-orange);
  position: absolute;
  right: 0.3125rem;
  z-index: 2;
  font-size: 1.5rem;
}

.ticket_right_attech {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ticket_right_attech .close-icon,
.ticket_right_attech .shareFile {
  position: inherit;
  font-size: 1.125rem;
  margin-right: 0.5rem;
}

.ticket_right_attech .close-icon:hover,
.ticket_right_attech .shareFile:hover {
  color: var(--white-orange-orange);
}

.document-titles {
  width: 100%;
  overflow: hidden;
}

.document-titles span {
  color: var(--text-two);
  font-size: 0.875rem;
  line-height: 1rem;
  display: inherit;
  padding-left: 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}

.offertext {
  font-weight: 600;
}

.printalbe-main-upload .real-input--label {
  padding: 7.875rem 2.5rem 4.625rem !important;
}

.printalbe-main-upload .real-input--label i {
  top: 5.375rem;
}

.inventory-product-main-wrap .people-table-sales-funnenl {
  margin-bottom: 0.625rem;
}

.inventory-product-main-wrap .people-table-accordian-wrap .accordion-item .accordion-button {
  font-size: 1.25rem;
}

.close-icon-bg {
  background: transparent;
  border: none;
  color: var(--global-orange);
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.printalbeimg:hover .close-icon-bg {
  opacity: 1;
}

.inventory-product-data .r-reverse-btn,
.btn_ins.sm-btn {
  padding: 0.25rem 0.625rem;
  font-size: 0.625rem;
  margin-bottom: 0.625rem;
  min-height: auto;
}

.btn_ins.sm-btn {
  border-radius: 0.3125rem;
}

.r-add-leads-main-reverse .inner-group-field-with-icon {
  border-color: var(--global-input-w-bg);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .form-select-unit {
  border: none;
  background-color: var(--global-input-w-bg);
  border-radius: 0 !important;
  border-left: 0.0625rem solid var(--global-border-color-w-bg);
}

.galleryimages_upload {
  text-align: center;
  border: 0.125rem dashed var(--global-input-border);
  color: var(--card-list-border-color);
  background: var(--submenu-third);
}

.galleryimages_upload input[type="file"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.galleryimages_upload label {
  margin-bottom: 0;
  height: 100%;
  height: 7.1875rem;
  padding-top: 1.625rem;
}

.galleryimages_upload label i {
  display: block;
  font-size: 1.75rem;
  margin-bottom: 0.625rem;
}

.inventory-product-data-details .btn-export {
  border-radius: 0.3125rem;
}

.btn-trans-plus {
  border: none;
  background: transparent;
  color: var(--text-two);
}

.inventory-show-all {
  color: var(--text-one);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .inventory-grid-item-check input,
.r-add-leads-main-wrapper .r-add-leads-main-reverse .inventory-grid-item-check textarea,
.r-add-leads-main-wrapper .r-add-leads-main-reverse .inventory-grid-item-check select {
  border: 0.0625rem solid var(--text-one);
}

/**********STOCK IN HAND REPORTS***************/
.mainstock-merchant-view {
  width: 100%;
  padding: 4rem;
}

.brand-merchant {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.brand-merchant img {
  flex: 0 0 auto;
  max-width: 8rem;
  width: 100%;
}

.hand-reports-report-main-wrapper .merchant-stock-title-main {
  border-top: 0.0625rem solid var(--card-highlight--bg-color);
  padding-top: 2rem;
}

.brand-merchant h4,
.merchant-stock-title-main h4 {
  font-size: 1.5rem;
  padding-left: 0.5rem;
  color: var(--text-two);
}

.brand-merchant i {
  color: var(--white-white-orange);
  font-size: 1.5rem;
}

.merchant-stock-title P,
.merchant-stock-title-print p,
.merchant-stock-title-main p {
  font-size: 1rem;
  color: var(--text-two);
}

.merchant-stock-title-print {
  text-align: right;
}

.merchant-stock-title-main {
  text-align: center;
}

.merchant-stock-title-print p {
  font-weight: 600;
}

.merchant-view-invebtory-table {
  margin-top: 1rem;
}

.merchant-view-invebtory-table a {
  color: var(--text-grey);
  text-decoration: underline;
}

/*------------- ADD INVENTORY NEW START -------------*/
.description_ek_editor_content .ck.ck-editor__main>.ck-editor__editable {
  min-height: 10rem;
}

.description_ek_editor_content .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {
  flex-wrap: wrap;
}

.description_ek_editor_content {
  color: var(--global-black);
}

.r-product-btn {
  width: auto;
  padding: 0.1rem 0.5rem;
  min-height: auto;
  border-radius: 0.2375rem;
  font-size: 0.825rem;
}

.printalbeimg.bg_printalbeimg,
.printalbeimg.bg_doument {
  background: var(--global-white);
}

.bg_printalbeimg img {
  filter: drop-shadow(0px 6px 10px rgba(50, 50, 0, 0.5));
}

.new-inventory-product-main-wrap {
  padding: 1rem;
}

.productdatacheck {
  width: 100%;
  border-radius: 0.5rem;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-border-color-w-bg);
  background-color: rgba(255, 255, 255, .2);
  position: relative;
  text-align: center;
  overflow: hidden;
}

.new-inventory-product-data-details .nav-pills .nav-link:first-child,
.new-inventory-product-data-details .nav-pills .nav-link:hover:first-child {
  border-top-left-radius: 1rem;
}

.productdatacheck.checkedbx {
  background-color: var(--white-white-gray);
}

.productdatacheck label {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .5rem;
}

.productdatacheck .form-check-input {
  position: absolute;
  left: 0.625rem;
  top: 0.625rem;
  margin: 0;
}

.productdatacheck .form-check-input:checked {
  border-color: var(--global-orange) !important;
}

.title-modifier h4 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-two);
  padding: 0.5rem 0 0 0;
  border: 0;
}

.title-modifier p,
.title-modifier p i {
  font-size: 1rem;
  color: var(--global-input-border);
}

.title-modifier i {
  font-size: 2rem;
  color: var(--white-white-orange);
}

.productcodeviews {
  color: var(--text-two);
}

.checkedbx .title-modifier p i,
.checkedbx .title-modifier p {
  color: var(--input-placeholder);
}

.checkedbx .title-modifier h4,
.checkedbx .productcodeviews {
  color: var(--text-grey);
}

.checkedbx .title-modifier i {
  color: var(--global-orange);
}

.products-gallery-inv.new-products-gallery-inv,
.products-gallery-inv.new-products-document-inv,
.new-products-gallery-inv-newstock {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 1rem;
}

.new-products-gallery-inv .galleryimages_upload label,
.new-products-document-inv label {
  height: 10rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

.new-products-gallery-inv.products-gallery-inv li img,
.content-document-products {
  height: 10.1875rem;
}

.withmodifier {
  display: none;
}

.selling-options-accordian-wrap .accordion-item {
  border-radius: 0.25rem;
  background: var(--submenu-third);
}

.selling-options-accordian-wrap .accordion-item .selling-options-accordian {
  padding: 0.9375rem;
  border: 0;
}

.selling-options-accordian-wrap .accordion {
  margin-bottom: 1rem;
}

.product-img-main-upload {
  text-align: center;
  /* border: 0.125rem dashed var(--global-input-border); */
  color: var(--card-list-border-color);
  background: var(--submenu-third);
  border-radius: 0.5rem;
  position: relative;
}

.product-img-main-upload label {
  height: 18.1875rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

.product-img-main-upload input[type="file"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.product-img-main-upload label i {
  display: block;
  font-size: 1.75rem;
  margin-bottom: 0.625rem;
  top: auto;
  bottom: 8rem;
}

.title-modifiers-main {
  margin-bottom: 1rem;
}

.title-modifiers-main h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

.inventory-table-main-wrap {
  width: 100%;
  overflow-y: auto;
  border: 1px solid var(--text-two);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}

/* .inventory-table-add {
  min-width: 1200px;
} */

.inventory-table-main-wrap,
.inventory-table-add {
  transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}

.inventory-table-add label.btn-export {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-color: var(--white-white-orange);
  border-radius: 0.4375rem;
  padding: 0.3125rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: 0.1s all linear;
  display: inline-block;
  cursor: pointer;
  min-height: 2.25rem;
  position: relative;
}

.inventory-table-add label.btn-export.add_inventory_browse_label,
.inventory-table-add .btn-export.add_inventory_browse_label {
  background: var(--submenu-third);
  color: var(--card-list-border-color);
  border: 0.125rem dashed var(--global-input-border);
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 500;
  padding: 0.3125rem 1rem;
}

.inventory-table-add .btn-export.add_inventory_browse_label {
  /* padding: 0.3125rem 1.5rem 0.3125rem 1.25rem; */
  border: 0;
  justify-content: space-between;
}

.inventory-table-add .btn-export.add_inventory_browse_label img {
  max-height: 1.625rem;
  max-width: 2.5rem;
}

.add_inventory_browse_input {
  display: none;
}

.inventory-table-main-wrap::-webkit-scrollbar {
  height: 10px;
}

.inventory-table-add thead tr th {
  background: var(--card-highlight--bg-color);
}

.inventory-table-add thead tr th,
.inventory-table-add tbody tr td,
.inventory-table-add tfoot tr td {
  padding: 0.5rem 0.3rem;
}

.inventory-table-add tbody tr {
  box-shadow: 0rem 0.0425rem 0rem 0.0425rem var(--card-highlight--bg-color);
}


.inventory-table-add .select2-container {
  width: 10rem !important;
}

td.sku-width-td .dollar-input-input input {
  padding-left: 0.4rem;
}

/* .barcodeicon {
  display: flex;
  align-items: center;
  max-width: 4.625rem;
  width: 100%;
  color: var(--global-input-border);
} */
.barcodeicon {
  max-width: 11rem;
  width: 100%;
  color: var(--global-input-border);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.barcodeicon i {
  margin-right: 0.5rem;
  color: var(--text-two);
}

td .deleterow-modifier,
.cip-btn {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  background: var(--white-white-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--orange-orange-white);
}

.form-group.taxable,
.btn-taxable {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 1.5rem;
}

.btn-taxable {
  gap: 1rem;
  margin: 0 1rem 0 0;
}

.text-r-switch {
  padding-left: 0.7rem;
}

.texes-dicount-title {
  margin-bottom: 0.8rem;
}

.texes-dicount-title h5 {
  font-size: 1.5rem;
  color: var(--text-two);
}

.inventory-product-data .r-reverse-btn,
.btn_ins.sm-btn {
  border-radius: 0.2rem;
}

.product-checked-main {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
  gap: .875rem;
}

.product-checked-main .productdatacheck {
  max-width: 12rem;
}

.content-document-products {
  text-align: center;
  display: flex;
  align-items: center;
  padding: 1rem;
}

.content-document-products h4 {
  color: var(--text-grey);
  font-size: 0.775rem;
  margin: 0.2rem 0;
}

.content-document-products i {
  color: var(--global-orange);
  font-size: 2rem;
}

.new-products-document-inv li .content-document-products img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.content-document-products {
  color: var(--input-placeholder);
  font-size: 0.675rem;
}

.modifiers_btntxt_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.modifiers_input_wrap {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.375rem;
  display: none;
  padding: 0.25rem;
}

.nav-link.active .modifiers_input_wrap {
  border-color: var(--global-white);
}

.nav-link.show .modifiers_input_wrap {
  display: flex;
}

.nav-link.show .modifiers_btntxt_wrap {
  display: none;
}


.modal-attribute-content-wrap .modifiers_input_wrap input,
.modal-attribute-content-wrap .modifiers_input_wrap input:focus {
  border: 0;
  color: var(--text-grey);
  box-shadow: none;
}

.modal-attribute-content-wrap .nav-link.active .modifiers_input_wrap input,
.modal-attribute-content-wrap .nav-link.active .modifiers_input_wrap input:focus {
  color: var(--global-white);
}

.modal-attribute-content-wrap .nav-link.active .modifiers_input_wrap input::placeholder,
.modal-attribute-content-wrap .nav-link.active .modifiers_input_wrap input:focus::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.modifiers_btn_wrap {
  width: auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.modifiers_clear_btn {
  height: 2.175rem;
  width: 2.175rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  scale: 1;
  transition: .3s all linear;
}

.modifiers_clear_btn:hover {
  scale: 1.05;
}

.modifiers_check_btn {
  background: var(--global-orange);
}

.modifiers_check_btn i {
  color: var(--global-white);
}

.nav-link.active .modifiers_check_btn {
  background: var(--global-white);
}

.order-settings-modal .nav .nav-link .modifiers_clear_btn i,
.order-settings-modal .nav .nav-link.active .modifiers_check_btn i {
  padding: 0;
  margin: 0;
  color: var(--global-orange);
}

.modifiers_tab_content {
  padding: 1rem;
  border-left: 0.0625rem solid var(--global-input-w-bg);
}

.modifier_content_table_wrap {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: .5rem;
  overflow: hidden;
}

.modifier_content_table_head_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F6F8FA;
  padding: 1rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}


.modifier_content_table_wrap .modifiers_btntxt_wrap {
  padding: 1rem;
}

.modifier_content_table_wrap .modifiers_input_wrap {
  padding: .25rem;
}

.modifier_content_table_wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.modifier_content_table_wrap ul li {
  padding: .375rem;
  border-bottom: 1px solid var(--global-input-w-bg);

}

/* .modifier_content_table_wrap  ul li:nth-child(even){
  background: #F6F8FA;
} */
.modifier_content_table_wrap ul li:last-child {
  border-bottom: 0;
}

.modifier_content_table_wrap ul li:last-child .modifiers_btntxt_wrap {
  padding: .375rem;
}

.modifiers_main_edit_btn i {
  margin-right: .5rem;
}

.modifiers_main_edit_btn.modifers_add_btn i {
  margin-right: 0rem;
}

.modifers_add_btn {
  width: 36px;
  height: 36px;
  background: var(--global-orange);
  color: var(--global-white);
  border: 0;
  border-radius: .375rem;
}

.cursor-pointer {
  cursor: pointer;
}

.generate_copy_wrap {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.generate_copy_wrap .generate_copy_btn,
.manage-attribute-modal .r-add-leads-main-reverse .generate_copy_wrap button i {
  border: 0;
  background: transparent;
  color: var(--global-orange);
  font-weight: 500;
}



.variants_row {
  display: flex;
  align-items: end;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.variants_row:last-child {
  margin-bottom: 0;
}

.variants_lft {
  width: 30%;
}

.variants_mid {
  width: 63%;
}

.variants_rht {
  width: 4%;
}

.variants_rht .r-modal-btn {
  padding: 0.3125rem .75rem;
}

.generate_copy_wrap .generate_copy_search_wrap {
  display: none;
  max-width: 18rem;
}

.generate_copy_wrap.show .generate_copy_btn {
  display: none;
}

.generate_copy_wrap.show .generate_copy_search_wrap {
  display: flex;
}

body main .discountvalue .select2-container,
.discountvalue {
  min-width: 10rem;
  max-width: 10rem;
}

body main .textdiscount .select2-container {
  width: 100%;
  width: 16rem;
  max-width: 20rem;
  margin-right: 0rem;
}

body main .unitmeasuetabale .select2-container,
.unitmeasuetabale {
  width: 8rem;
}

.outerborder {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.3125rem;
  padding: 0;
}

.outerborder input,
.outerborder input:focus {
  border: none;
}

.outerborder .input-group-text {
  margin-right: 0;
  border-left: 0.0625rem solid var(--global-input-border);
}

.accordion-item.without-accordion {
  background: var(--card-highlight--bg-color);
}

.accordion-item.without-accordion .accordion-button {
  padding: 1rem;
}

.accordion-item.without-accordion .products-gallery-inv.new-products-gallery-inv,
.accordion-item.without-accordion .products-gallery-inv.new-products-document-inv {
  display: flex;
  flex-wrap: wrap;
}

.accordion-item.without-accordion .products-img-inv-accordian .printalbeimg,
.accordion-item.without-accordion .products-img-inv-accordian #product-gallery-template-newstock,
.products-gallery-inv.new-products-document-inv.product-documents.dropzone-previews .printalbeimg {
  width: 32.1%;
}

.new-inventory-product-data-details .accordion-item.without-accordion .products-img-inv-accordian .printalbeimg {
  width: 100%;
}

.accordion-item.without-accordion .products-img-inv-accordian .printalbeimg.galleryimages_upload,
.accordion-item.without-accordion .products-img-inv-accordian #product-gallery-template-newstock .printalbeimg,
.accordion-item.without-accordion .products-img-inv-accordian #product-gallery-template-newstock .printalbeimg.galleryimages_upload {
  width: 100%;
}

.accordion-item.without-accordion .new-products-gallery-inv.products-gallery-inv li img,
.accordion-item.without-accordion .content-document-products,
.accordion-item.without-accordion .new-products-gallery-inv .galleryimages_upload label,
.accordion-item.without-accordion .new-products-document-inv label {
  height: 15.1875rem;
}

.stockinventory table thead th:last-child,
.stockinventory table tbody td:last-child {
  text-align: left;
}

.vendor.stockinventory table span {
  margin-right: 0;
}

.accordion-item.without-accordion .content-document-products .center-content {
  width: 100%;
}

.tab-pane:has(.modifiers_inner_wrap) {
  margin: -1.5rem;
  height: 100%;
}

.modifiers_inner_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
  border-top: 1px solid var(--navbar-toggler-btn-bg);
}

.modifiers_inner_wrap01 {
  height: 100%;
  border-top: 1px solid var(--navbar-toggler-btn-bg);
}

.modifier_tab_top {
  padding: 1.5rem;
}

.modifers_lft_wrap {
  width: 40%;
  padding: 1.5rem;
  border-right: 1px solid var(--navbar-toggler-btn-bg);
}

.modifiers_rht_wrap {
  width: 60%;
  padding: 1.5rem;
}

.modifers_panel_wrap {
  padding: 1.5rem;
}

.modifers_title_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  min-height: 2.25rem;
}

.modifers_title_wrap h6 {
  font-size: 1.25rem;
  font-weight: 600;
}

.modifiers_list_wrap ul {
  list-style: none;
}

.modifiers_list_wrap ul li {
  margin-bottom: 1rem;
}

.modifiers_list_wrap ul label {
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modifiers_list_wrap ul label.modifiers_input_label_wrap {
  padding: 0.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: .5rem;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
}

.modifiers_list_wrap ul label.modifiers_input_label_wrap:hover,
.modifiers_list_wrap ul label.modifiers_input_label_wrap:has(input:checked) {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
}

.modifiers_list_wrap ul label.modifiers_input_label_wrap:hover label,
.modifiers_list_wrap ul label.modifiers_input_label_wrap:has(input:checked) label {
  color: var(--orange-orange-white);
}

.modifiers_list_wrap ul label.modifiers_input_label_wrap:hover input,
.modifiers_list_wrap ul label.modifiers_input_label_wrap:has(input:checked) input {
  border-color: var(--global-border-color-w-bg);
}

.r-add-leads-main-wrapper .modifiers_list_wrap .form-check-input {
  margin-top: 0;
}

.inventory-product-data .modifers_title_wrap .r-reverse-btn {
  margin-bottom: 0;
}

.add_modifier_modal_width {
  max-width: 35rem;
}

.add_modifier_outer_wrap {
  padding: 0.75rem;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: 0.375rem;
}

.add_modifier_radio_wrap {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.add_modifier_radio_wrap .add_modifier_lft {
  width: 96%;
  display: flex;
  align-items: start;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0;
}

.add_modifier_input_img_wrap {
  flex: 0 0 auto;
}

.add_modifier_radio_img {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
  background: var(--global-upload-background-w-bg);
  color: var(--global-orange);
  text-align: center;
}

.add_modifier_radio_img img {
  width: 1.3125rem;
}

.add_modifier_title_des_wrap {
  display: flex;
  flex-direction: column;
}

.add_modifier_title_des_wrap i {
  color: rgba(51, 51, 51, .5);
  font-weight: 500;
  font-size: 0.75rem;
}

.add_modifier_input_img_wrap {
  display: flex;
  gap: 0.5rem;
}

.add_modifier_info_icon {
  color: var(--global-orange);
  cursor: pointer;
}

.add_modifier_title_wrap {
  margin-bottom: .5rem;
}

.add_modifier_title_wrap h6 {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
}

.add_modifier_title_wrap span {
  color: rgba(51, 51, 51, .5);
  font-size: 0.75rem;
  line-height: 1.2;
  display: inline-block;
}

.add_modifier_limit_input_wrap {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-top: .5rem;
}

.add_modifier_limit_input_wrap span {
  flex: 0 0 auto;
}

.r-add-leads-main-wrapper .add_modifier_limit_input_wrap input.form-control {
  width: 9.375rem;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: textfield !important;
  opacity: 1;
}

.r-add-leads-main-wrapper .add_modifier_limit_input_wrap input[type=number]::-webkit-inner-spin-button,
.r-add-leads-main-wrapper .add_modifier_limit_input_wrap input[type=number]::-webkit-outer-spin-button,
.r-add-leads-main-wrapper .add_modifier_main_wrapper_outer .enter_amountbx input[type=number]::-webkit-inner-spin-button,
.r-add-leads-main-wrapper .add_modifier_main_wrapper_outer .enter_amountbx input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: textfield !important;
  color: #007bff;
}

.modifier_group_search_wrap {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-bottom: 1.5rem;
}

ul.modifier-group-list {
  height: 14rem;
  overflow: auto;
}

.add_modifier_main_wrapper_outer .enter_amountbx {
  box-shadow: none;
}

.add_modifier_main_wrapper_outer .enter_amountbx input {
  min-height: 2.125rem;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: textfield !important;
  opacity: 1;
}

.add_modifier_bottom_check_wrap label {
  padding-bottom: 0;
}

/*-------------- ADD INVENTORY NEW END --------------*/
/* EDIT INVENTORY */
.products-img-inv-accordian .people-table-main .dataTables_filter label {
  order: inherit;
}

.products-img-inv-accordian .table-find-transition {
  margin: 0 0 0 0.625rem;
}

.products-img-inv-accordian .dataTables_wrapper .dataTables_filter input {
  border-color: var(--global-input-border);
  padding: 0.4375rem 0.625rem;
}

.barcode-qr {
  align-items: stretch;
}

.barcode-qr img {
  height: 4.4375rem;
  object-fit: contain;
}

.google-products-title {
  padding-bottom: 1.5rem;
  font-size: 1.25rem;
}

.vendor-details {
  margin-top: 1.5rem;
  padding: 1.25rem;
  border-radius: 0.3125rem;
  background-color: var(--submenu-third);
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.vendor-details h4 {
  border: none;
  padding: 0 0 1.5rem 0;
}

.details_ven_user {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
}

.details_ven_user li {
  width: 48%;
  padding-bottom: 1.5rem;
}

.details_ven_user p {
  font-size: 1rem;
  font-weight: 600;
}

.title_vendor_d {
  color: var(--global-input-border);
  font-size: 0.875rem;
}

.vendor-details .row {
  margin-bottom: 1.5rem;
}

.edit_inventory_stock_top_filter_wrap {
  width: 100%;
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.edit_inventory_stock_top_rht {
  width: 28%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: .5rem;
}

.edit_inventory_stock_top_lft {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 70%;
}

.edit_inventory_stock_top_lft .form-group {
  min-width: 30%;
  flex: 0 0 auto;
}

/* .inventory-product-data .edit_inventory_stock_top_rht .r-reverse-btn {
  min-height: 2.25rem;
  border-radius: 0.4375rem;
  padding: 0.3125rem 1.5rem;
  font-size: 1rem;
  margin-bottom: 0;
} */

.edit_inventory_stock_wrap {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.5rem;
}

.edit_inventory_stock_wrap h5.filter-head {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}

.edit_inventory_stock_tab_content {
  overflow: hidden;
}

.edit_inventory_stock_table_wrap {
  overflow: auto;
}

.edit_inventory_stock_top_wrap h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* MARGIN REPORTS */
.margin-reports-main-title h2,
.title-price-reports,
.main-title-details h2 {
  font-size: 1.5rem;
}

.main-title-details h2 {
  color: var(--black-white-black);
  margin-bottom: 1rem;
}

.title-margin-reports {
  font-size: 1.125rem;
  font-weight: 700;
}

.margin_reports_wrap_revenue {
  padding: 0.9375rem;
  text-align: center;
}

.r-fix-width {
  width: 20rem;
}

.inport_inventory_main_wrap {
  text-align: center;
  border-radius: 1.875rem;
  overflow: hidden;
  margin-top: 1rem;
}

.import_customer_main_wraper.invetory_import .inport_item .btn_cv {
  margin-bottom: 0rem;
}

.inport_inventory_main_wrap img {
  display: none;
}

.theme-orange .inport_inventory_main_wrap img.orange,
.theme-dark .inport_inventory_main_wrap img.dark,
.theme-light .inport_inventory_main_wrap img.light {
  display: block;
}

.inventory_app_videos .app_download {
  text-align: left;
  justify-content: start;
}

.customer_main_wrap.inventory_app_videos h2 {
  text-align: left;
}

.inventory_app_videos .app_download .scanerbarcod {
  margin: 0;
  padding: 0.125rem;
  background: var(--text-two);
  border-radius: 0.3125rem;

}

.inventory-product-data-tabContent {
  overflow: hidden;
}

.edit-inventory-top-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  gap: 1rem;
}

.edit-inventory-prev-nxt-wrap,
.edit-inventory-prev-nxt-wrap {
  flex: 0 0 auto;
}

.btn_new_message.two_btn_next_page {
  text-align: center;
}

.modifiers-top-wrap {
  border-bottom: 0.0625rem solid var(--global-input-border);
  margin-bottom: 1.5rem;
}

.modifier-table {
  border-collapse: collapse;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.625rem;
  margin-top: 1.25rem;
}

.modifier-table th {
  background: var(--card-highlight--bg-color);
  padding: 0.5rem 0.25rem;
}

.modifier-table td {
  padding: 0.5rem 0.25rem;
}

.modifier-table td img {
  width: 2.25rem;
  height: 2.25rem;
  object-fit: contain;
  object-position: center;
  border: 0.0625rem dashed var(--global-input-border);
  border-radius: 0.4375rem;
  display: inline-block;
}

.r-add-leads-main-wrapper .modifier-table .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 0.75rem;
}

.modifier-table .r-upload-wrapper-inner .dropzone.dz-clickable {
  height: 2.25rem;
  min-height: 2.25rem;
  width: 2.25rem !important;
  padding: 0.625rem;
}

.modifier-table-wrap {
  overflow-x: auto;
}

.r-add-leads-main-wrapper .modifier-table .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 0.75rem;
}

.modifier-table .r-upload-wrapper-inner .dropzone.dz-clickable {
  height: 2.25rem;
  min-height: 2.25rem;
  width: 2.25rem !important;
  padding: 0.625rem;
}

.modifier-table input {
  min-width: 3.75rem;
}

.modifier-table-wrap {
  overflow-x: auto;
}

.modifier-table .btn-export {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modifier-min {
  min-width: 8.75rem;
}

/* .modifier-table th,
.modifier-table td{
  width: 100%;
} */
.modifier-table th:nth-child(3),
.modifier-table td:nth-child(3),
.modifier-table th:nth-child(7),
.modifier-table td:nth-child(7) {
  width: 10%;
}

.modifier-table .r-upload-wrapper-inner.h-auto {
  width: 2.25rem;
  height: 2.25rem !important;
  text-align: center;
  border: 0.0625rem dotted var(--global-input-border);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125rem;
  background: var(--card-highlight--bg-color);
}

.modifier-table .r-upload-wrapper-inner label {
  padding-bottom: 0;
}

/* .manage-attribute-modal .enter_amountbx{
  padding: 0.3125rem;
} */

.manage-attribute-modal .r-add-leads-main-reverse button i {
  color: var(--global-white);
}

.manage-attribute-modal .r-add-leads-main-reverse .r-modal-btn {
  min-height: auto;
  padding: auto;
}

.modal-attribute-content-wrap {
  margin-top: 1.25rem;
}

.modal-attribute-content-wrap .accordion-item {
  margin-bottom: 1.25rem;
}

.modal-attribute-content-wrap .accordion-item:last-child {
  margin-bottom: 0rem;
}

.modal-attribute-top-wrap .enter_amountbx .r-orange-btn {
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-attribute-top-wrap .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.add-edit-bot-attribute-wrap .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 0.25rem;
  margin-right: 0.1875rem;
}

.add-edit-bot-attribute-wrap .enter_amountbx .save-edit-attribtn {
  padding: 0.125rem 1rem;
}

.attribute-box-row {
  padding: 1.25rem;
  border-bottom: 0.0625rem solid var(--global-white-w-opacity);
}

.attr-row-disable.disabled {
  pointer-events: all;
}

.attribute-inner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.attribute-inner-wrap p {
  font-size: 1.25rem;
  color: var(--global-white);
}

.attribute-inner-wrap .r-modal-btn {
  padding: 0;
  font-size: 1.25rem;
  color: var(--global-white);
  border: 0rem;
}

.attribute-inner-wrap .r-modal-btn:last-child {
  margin-left: 0.625rem;
}

.attribute-inner-wrap .r-modal-btn:hover {
  border: 0rem;
  background: none;
  color: var(--global-white);
}

.manage-attribute-modal .modal-content .accordion-body {
  padding: 0;
}

.modal-content .modal-attribute-content-wrap .people-table-accordian-wrap .accordion-item .accordion-body {
  border-top: 0rem solid var(--table-overlay-solid-color);
}

.attribute-bottom-btn-wrap {
  padding: 1.25rem;
}

.r-modal-btn.r-orange-btn.r-attribute-btn {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--global-white);
  color: var(--global-orange);
  margin-left: auto;
}

.r-modal-btn.r-orange-btn.r-attribute-btn i {
  color: var(--global-orange);
}

.modal-attribute-content-wrap .enter_amountbx {
  border-color: var(--global-white);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .modal-attribute-content-wrap .enter_amountbx input,
.r-add-leads-main-wrapper .r-add-leads-main-reverse .modal-attribute-content-wrap .enter_amountbx input::placeholder {
  color: var(--global-white);
}

.modal-attribute-content-wrap .enter_amountbx .r-orange-btn.r-orange-btn {
  border-color: var(--global-white);
  background: var(--global-white);
  color: var(--global-orange);
  border-radius: 0.25rem;
}

.add-edit-bot-attribute-wrap {
  display: none;
}

.attribute-box-row.active .attribute-inner-wrap {
  display: none;
}

.attribute-box-row.active .r-attribute-btn {
  display: none;
}

.attribute-box-row.active .add-edit-bot-attribute-wrap {
  display: block;
}

.attribute-are-you-sure {
  display: none;
  align-items: center;
  justify-content: center;
  color: var(--global-white);
}

.attribute-are-you-sure span {
  margin-right: 0.625rem;
}

.attribute-inner-wrap .attribute-are-you-sure .r-modal-btn {
  font-size: 1rem;
  padding: 0.3125rem 1.5rem;
  min-height: 2.25rem;
  border: 0.0625rem solid var(--global-white);
}

.attribute-inner-wrap .attribute-are-you-sure .r-modal-btn.r-attri-confirm-btn {
  background: var(--global-white);
  color: var(--global-orange);
}

.attribute-box-row.delete .attribute-are-you-sure {
  display: flex;
}

.attribute-box-row.delete .attribute-inner-btns {
  display: none;
}

.addInventory-main-wraper .inventory-inner-form .r-ticket-catcher-form-wrap .cke_chrome {
  border: 0.0625rem solid var(--global-input-border) !important;
  padding: 0.8125rem;
  width: auto !important;
  border-radius: 0.4375rem;
}

.inventory-click-here a {
  font-weight: 600;
  color: var(--text-two);
  border-bottom: 0.0625rem solid var(--text-two);
}

#productpage .bootstrap-select .dropdown-menu li a span.text,
#createnewtickets .bootstrap-select .dropdown-menu li a span.text {
  white-space: pre-line;
}

.short_description_tooltip .tooltip-inner {
  max-width: 20.5rem;
}

/*-------------- INVENTORY AREA END --------------*/
/*-------------- website for you business --------------*/
.custom-editor-top {
  padding: 1.25rem;
  margin-bottom: 1rem;
}

.custom-editor-top .flex-parent .form-group {
  margin-right: 0.75rem;
}

.custom-editor-main-wrap p.error_el {
  position: absolute;
}

.custom-editor-top.custom-editor-main-wrap .flex-parent .form-group {
  margin-bottom: 1rem;
}

.custom-editor-top .flex-parent .form-group label {
  width: 100%;
}

.btn_form {
  flex-shrink: 0;
  width: 13.125rem;
}

.custom-editor-top .flex-parent .flex-parent .form-group {
  min-width: 9.4375rem;
}

.custom-editor-top .flex-parent .flex-parent .form-group .btn_ins.btn-ins {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  max-width: 18.8125rem;
}

.custom-editor-body {
  padding: 1.25rem;
  border-radius: 1rem;
}

.btn-custom-add {
  margin-left: auto;
  text-align: end;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.r-add-leads-main-wrapper .order_new_e_card_wrap .gift_card_price input {
  border: none !important;
}

.width-max-container {
  width: 18rem;
}

.editor-main-wraper .error {
  width: 100%;
}

.form-group.input-group.bootstrap-tagsinput {
  background: transparent !important;
  border-color: var(--global-input-border) !important;
  box-shadow: 0rem 0rem 0rem !important;
}

.form-group.input-group.bootstrap-tagsinput .bootstrap-tagsinput {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: 0rem 0rem 0rem !important;
}

.bootstrap-tagsinput .badge,
.bootstrap-tagsinput .tag {
  color: var(--orange-orange-white) !important;
  background: var(--white-white-orange);
  margin-right: 0.3125rem !important;
  margin: 0.125rem 0;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  font-size: 0.75rem;
  border-radius: 0.1875rem;
  line-height: 1;
}

.modal-content .bootstrap-tagsinput .badge,
.modal-content .bootstrap-tagsinput .tag {
  color: var(--global-white) !important;
  background: var(--global-orange);
}

.bootstrap-tagsinput .tem_name {
  display: none;
}

/*-------------- website for you business end --------------*/
/*-------------- existingcoupons--------------*/
.peoplemodal .modal-body.existingcoupons {
  padding: 0;
}

.existingcoupons .r-add-leads-main-reverse {
  padding: 1.5rem 1.5rem 0 1.5rem;
}

.existingcoupons .r-add-leads-main-reverse .dropdown.bootstrap-select {
  width: auto !important;
}

.existingcoupons .dataTables_filter input {
  color: var(--text-grey);
}

/*-------------- existingcoupons end --------------*/
/*-------------- VENDOR START --------------*/
.add-new-vendor-accordian-wrap .accordion-button {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-grey);
}

.add-new-vendor-accordian-wrap .accordion-button:not(.collapsed)::after {
  filter: brightness(0);
}

.add-new-vendor-accordian-wrap .accordion-button:focus {
  box-shadow: none;
}

.add-new-vendor-accordian-wrap .accordion-button:not(.collapsed) {
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.add-new-vendor-accordian-wrap .accordion-body .real-input--label,
.add-new-vendor-accordian-wrap .accordion-body .real-input--label i {
  color: var(--nav-user-icon-bg);
}

.link-orange {
  color: var(--global-orange);
}

.link-orange:hover {
  color: var(--global-orange);
}

.edit-vendor-wrap .modal-xl {
  max-width: 87.5rem;
}

.edit-vendor-print-check {
  margin-bottom: 0.625rem;
}

.edit-vendor-right-box-wrap {
  padding: 0.9375rem;
  border-radius: 0.9375rem;
  border: 0.0625rem solid var(--global-input-w-bg);
}

.edit-vendor-right-box-wrap h5 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-grey);
}

.edit-vendor-right-box-wrap .r-modal-btn {
  border-radius: 0.3125rem;
  padding: 0.3125rem 0.625rem;
}

.edit-vendor-modal-accordian-wrap {
  overflow: hidden;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.9375rem;
}

.documents-images-table-wrap table tr th:last-child,
.documents-images-table-wrap table tr td:last-child {
  text-align: left;
}

.documents-images-table-wrap table tr td img {
  width: 1.875rem;
  height: 1.875rem;
  object-fit: contain;
  object-position: center;
}

.documents-images-table-wrap table tr td div {
  justify-content: flex-start;
}

.documents-images-table-wrap table tr td {
  border-bottom: 0;
}

.documents-images-table-wrap table tr td,
.documents-images-table-wrap table tr td:last-child button i {
  color: var(--bread-crumbs-color);
}

.vendorDeleteModal .modal-header {
  border-bottom: 0;
}

.table-border {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.5rem;
}

.vendor-map i {
  color: var(--text-two);
}


.btn_new_message.btn_new_message_reverse a {
  color: var(--orange-orange-white);
  background: var(--white-white-orange);
  margin-right: 0.5rem;
}

.vendor-accordian-table .r-add-leads-main-wrapper input {
  background-color: transparent;
  border: 0.0625rem solid var(--global-input-border);
  padding: 0.375rem .75rem;
}

.vendor-accordian-table .table-find-transition {
  margin: 0 0 0 0.625rem;
}

.reorder-wrapper .bg_clr_form_st h5 {
  font-size: 1.375rem;
  color: var(--text-two);
}

.place-order-modal ul li {
  list-style: none;
}

.place-order-modal ul li strong {
  margin-right: 0.1875rem;
}

.place-order-hide .btn_new_message a:last-child {
  display: none;
}

.purchase-order-details li span {
  display: block;
}

/*-------------- VENDOR END --------------*/
/*-------------- INVENTORY COUNT START --------------*/
.inventory-count-clock-area H4 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-two);
}

/*-------------- INVENTORY COUNT END --------------*/
/*************** Setting / Manage Authorisation ***************/
.manage_authorisations_wrap {
  padding: 0 1.5rem;
}

.manage-authorization.inventory-product-data .nav {
  width: auto;
}

.setting_manage_authorisations-wraper.r-add-leads-main-wrapper .manage-authorization.inventory-product-data .nav {
  width: 12rem;
}

.manage-authorization.inventory-product-data .nav .nav-link {
  font-weight: 500;
}

.authorisations_table_wrap>:not(caption)>*>* {
  border-right: 0.0625rem solid var(--card-highlight--bg-color);
}

.authorisations_table_wrap thead tr th:last-child,
.authorisations_table_wrap tbody tr td:last-child {
  border: none;
}

.setting-table-main-wrapper {
  overflow: auto;
  max-height: 60vh;
  border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.authorisations_table_wrap {
  min-width: 46.875rem;
}

.authorisations_table_wrap,
.authorisations_table_wrap table {
  width: 100%;
}

.title_manage_authorisation h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.authorisation_table h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.authorisations_table_wrap thead tr th,
.authorisations_table_wrap tbody tr td {
  width: 7.5rem;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-two);
}

.authorisations_table_wrap thead tr th .form-check .form-check-input {
  float: inherit;
  margin-left: 0.3125rem;
  margin-top: 0.1875rem;
}

.authorisations_table_wrap thead tr th:not(:first-child),
.authorisations_table_wrap tbody tr td:not(:first-child) {
  text-align: center;
}

.authorisations_table_wrap thead tr th {
  background: var(--table-overlay-solid-color);
  position: sticky;
  top: 0;
  z-index: 9;
}

#pricing-pane .authorisations_table_wrap thead tr th,
#pricing-pane .authorisations_table_wrap tbody tr td table tbody tr td {
  width: 14.6875rem;
}

#pricing-pane .authorisations_table_wrap thead tr th:not(:first-child),
#pricing-pane .authorisations_table_wrap tbody tr td table tbody tr td:not(:first-child) {
  text-align: center;
}

#pricing-pane .authorisations_table_wrap thead tr th .form-check-input {
  float: none;
}

.authorisations_table_wrap thead tr,
.authorisations_table_wrap tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0rem var(--card-highlight--bg-color);
}

.people-table-accordian-wrap .authorisations_table_wrap .accordion-item .accordion-body {
  padding: 0;
  border: none;
}

.people-table-accordian-wrap .authorisations_table_wrap .accordion-item {
  border: none;
  border-radius: 0rem !important;
}

.people-table-accordian-wrap .authorisations_table_wrap .accordion-item .accordion-button {
  background: var(--table-overlay-solid-color);
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.8125rem 1.5rem;
  border-top: 0.0625rem solid var(--card-highlight--bg-color);
  border-radius: 0;
}

.campaigntransactions label {
  order: 1;
}

.gift_card_price.table-find-transition {
  margin-bottom: 0.625rem;
  width: auto;
}

.campaigntransactions .gift_card_price.table-find-transition input {
  padding: 0.625rem;
}

.campaigntransactions .modal-body.r-add-leads-main-wrapper {
  padding: 0;
}

.campaign_transactions_table_wrap #campaign_transactions_table .action a {
  padding: 0 0.3125rem;
  font-size: 1.125rem;
}

.campaigntransactions .btn-close {
  background: none;
  font-size: 1.5rem;
}

/******** CHANGE PASSWORD **********/
.change-password {
  width: 32rem;
  margin: auto;
  padding: 1.5rem;
}

.change-password .form-group,
.change-password h4 {
  margin-bottom: 1.5rem;
}

.change-password h4 {
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

/*******CUSTOMER ALERT**********/
.manage-authorization-customer-alert .title-margin-reports {
  font-weight: 600;
  font-size: 1rem;
  padding-top: 0.625rem;
}

/****** EMAIL CONFIGURATION *********/
.email-configuration_inner {
  padding: 1.5rem;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.email_services li,
.email_services p,
.preminum-email-services li {
  list-style: none;
  padding-bottom: 1.25rem;
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
}

.email_services p,
.preminum-email-services li {
  padding-left: 0;
}

.email_services p {
  padding-left: 0;
}

.email_configuration_inner .btn-export,
.email-configuration_inner .r-modal-btn.r-orange-btn.r-reverse-btn {
  width: fit-content;
  margin: auto auto 0;
}

.preminum-email-services .form-check,
.preminum-email-services p,
.preminum-email-services .form-group {
  margin-bottom: 1.25rem;
}

.email-configuration_inner .title-price-reports {
  margin-bottom: 1.5rem;
}

.email-configuration_inner.inner-setup {
  height: auto;
}

.linkenable {
  display: block;
}

.preminum-email-services p a {
  color: var(--text-two);
  text-decoration: underline;
}

.videowrapper {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.preminum-email-services li.select2-results__option {
  padding: 0.375rem;
}

/* NEW CSS EMAIL CONFIGURATION */
.email_configuration_inner {
  display: flex;
  align-items: stretch;
  text-align: center;
  border: 0.3125rem solid var(--bg-color);
  filter: contrast(0.5);
  padding: 1.5rem;
}

.email_configuration_inner_main {
  position: relative;
}

.email_img {
  width: 80%;
  margin: auto;
}

.email_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.email_batch {
  max-width: 9.375rem !important;
  position: absolute;
  top: 0;
  left: -2.625rem;
}

.inventory-media-file-info-text {
  color: var(--text-two);
  font-size: 0.875rem;
}

.email_services {
  margin: 0;
  padding: 0;
}

.email_services li {
  list-style: auto;
  padding-left: 0;
  margin-left: 1.25rem;
}

.email_configuration_inner.checkedbx {
  filter: contrast(1);
  border-color: #32C997;
}

.email_configuration_inner.free.checkedbx {
  border-color: #649BE3;
}

.email_configuration_inner_main .title-price-reports {
  text-align: center;
  padding: 1.25rem 0;
}

.r-add-leads-main-wrapper .preminum-email-services label label {
  padding: 0.625rem 1.5rem;
  font-weight: 900;
}

.preminum-email-services .pricing-card-img {
  padding-bottom: 1.25rem;
}

.preminum-email-services .pricing-card-text p {
  margin-bottom: 0.9375rem;
}

.preminum-email-services .pricing-card-primary {
  padding: 0.5rem 1.5rem;
}

.preminum-email-services .pricing-card-text h6 {
  font-weight: 600;
}

/* PRICING EMAIL MODAL */
.email_configuration_pricing_main {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.25rem;
}

.email_configuration_pricing {
  width: 100%;
  border-radius: 1.125rem;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-border-color-w-bg);
  background-color: var(--global-white);
  border: 0.0625rem solid var(--global-border-color-w-bg);
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 1.5rem;
}

.email_configuration_pricing .form-check-input {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  margin: 0;
}

.title_pricings h4 {
  font-size: 1.5rem;
  font-weight: 500;
}

.email_configuration_pricing.bg_1.checkedbx {
  border-color: #6259CA;
}

.email_configuration_pricing.bg_2.checkedbx {
  border-color: #F24C88;
}

.email_configuration_pricing.bg_3.checkedbx {
  border-color: #00ACB3;
}

.email_configuration_pricing.bg_4.checkedbx {
  border-color: #AFB300;
  /* border-color: #2484F9; */
}

.email_configuration_pricing.bg_5.checkedbx {
  border-color: #2484F9;
  /* border-color: #f55847; */
}

.email_configuration_pricing.bg_6.checkedbx {
  border-color: #f55847;
}

.bg_1 .title_pricings {
  background: url(../images/pricing-title-bg.png) no-repeat center;
  background-size: 100% 100%;
}

.bg_2 .title_pricings {
  background: url(../images/pricing-title-bg2.png) no-repeat center;
  background-size: 100% 100%;
}

.bg_3 .title_pricings {
  background: url(../images/pricing-title-bg3.png) no-repeat center;
  background-size: 100% 100%;
}

.bg_4 .title_pricings {
  background: url(../images/pricing-title-bg6.png) no-repeat center;
  background-size: 100% 100%;
}

.bg_5 .title_pricings {
  background: url(../images/pricing-title-bg4.png) no-repeat center;
  background-size: 100% 100%;
}

.bg_6 .title_pricings {
  background: url(../images/pricing-title-bg5.png) no-repeat center;
  background-size: 100% 100%;
}

.en-pe-select-plan-wrap .bg_4 .title_pricings {
  background: url(../images/pricing-title-bg4.png) no-repeat center;
  background-size: 100% 100%;
}

.en-pe-select-plan-wrap .bg_5 .title_pricings {
  background: url(../images/pricing-title-bg5.png) no-repeat center;
  background-size: 100% 100%;
}

.en-pe-select-plan-wrap .bg_6 .title_pricings {
  background: url(../images/pricing-title-bg6.png) no-repeat center;
  background-size: 100% 100%;
}

.title_pricings {
  padding: 4rem 0.625rem 5rem;
}

.pricing_value {
  font-size: 2.75rem;
  color: #6259CA;
  font-weight: 700;
  padding: 1.75rem 0.625rem;
  position: relative;
}

.bg_1 .pricing_value {
  color: #6259CA;
}

.bg_1 .pricing_value::after {
  content: "";
  border-bottom: #6259CA solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}

.bg_2 .pricing_value {
  color: #F24C88;
}

.bg_2 .pricing_value::after {
  content: "";
  border-bottom: #F24C88 solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}

.bg_3 .pricing_value {
  color: #00ACB3;
}

.bg_3 .pricing_value::after {
  content: "";
  border-bottom: #00ACB3 solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}

.bg_4 .pricing_value {
  color: #AFB300;
}

.bg_4 .pricing_value::after {
  content: "";
  border-bottom: #AFB300 solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}

.bg_5 .pricing_value {
  color: #2484F9;
}

.bg_5 .pricing_value::after {
  content: "";
  border-bottom: #2484F9 solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}

.bg_6 .pricing_value {
  color: #f55847;
  /* color: #AFB300; */
}

.bg_6 .pricing_value::after {
  content: "";
  border-bottom: #f55847 solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}


.en-pe-select-plan-wrap .bg_4 .pricing_value {
  color: #2484F9;
}

.en-pe-select-plan-wrap .bg_4 .pricing_value::after {
  content: "";
  border-bottom: #2484F9 solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}

.en-pe-select-plan-wrap .email_configuration_pricing.bg_4.checkedbx {
  border-color: #2484F9;
}

.en-pe-select-plan-wrap .bg_5 .pricing_value {
  color: #f55847;
}

.en-pe-select-plan-wrap .bg_5 .pricing_value::after {
  content: "";
  border-bottom: #f55847 solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}

.en-pe-select-plan-wrap .email_configuration_pricing.bg_5.checkedbx {
  border-color: #f55847;
}

.en-pe-select-plan-wrap .bg_6 .pricing_value {
  color: #AFB300;
}

.en-pe-select-plan-wrap .bg_6 .pricing_value::after {
  content: "";
  border-bottom: #AFB300 solid 1px;
  position: relative;
  bottom: -8px;
  display: block;
  width: 50%;
  left: 0;
  margin: 0 auto;
}

.en-pe-select-plan-wrap .email_configuration_pricing.bg_6.checkedbx {
  border-color: #AFB300;
}



.pricing_value small {
  font-size: 1.625rem;
}

.content_email_con {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333;
  padding: 0 0.625rem;
}

.content_more_info {
  font-size: 0.625rem;
  font-weight: 400;
  color: #333;
  line-height: 0.75rem;
  padding: 0 0.625rem;
  margin-top: 0.375rem;
  text-transform: none;
}

/********SMS CONFIGURATION********/
.smsconfiguration {
  background: var(--global-white);
  border-radius: 0.625rem;
  padding: 0.625rem;
  margin-bottom: 0.9375rem;
  box-shadow: 0rem 0rem 0.125rem 0rem var(--global-input-border);
}

.pricing-packege {
  display: flex;
  justify-content: space-between;
  align-items: start;
  text-align: center;
  border-radius: 0.625rem;
  background: var(--global-upload-background-w-bg);
}

.pricing-packege li {
  width: 100%;
  text-align: center;
  border-right: 0.0625rem solid var(--text-two);
  padding: 1.25rem 0;
}

.pricing-packege li:last-child {
  border: none;
}

.pricing-packege li p {
  color: var(--global-orange);
  margin-bottom: 0;
}

.pricing-packege h4 {
  color: var(--global-orange);
  font-size: 1.125rem;
  font-weight: 700;
}

.herdermaint .form-check {
  margin: 0;
  padding: 0;
}

.icon-drags {
  border: none;
  color: var(--white-white-orange);
  background: transparent;
}

/******TERMS AND CONDITIONS********/
.termsandconditions_main {
  padding: 1.5rem;
}

.termsandconditions_main ul {
  list-style: none;
  margin-bottom: 2.5rem;
}

.termsandconditions_main p,
.termsandconditions_main a,
.termsandconditions_main h1,
.termsandconditions_main h2,
.termsandconditions_main h3,
.termsandconditions_main h4,
.termsandconditions_main h4,
.termsandconditions_main h5,
.termsandconditions_main h6 {
  padding: 0.625rem 0;
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  color: var(--text-two);
}

.termsandconditions_main a {
  text-decoration: underline;
}

.termsandconditions_main h2.tile-termscon {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.inner_content {
  border: 0.0625rem solid var(--text-two);
  padding: 0 0.625rem;
  border-radius: 0.25rem;
  overflow: auto;
  height: 60vh;
}

.flex-select2-main {
  display: flex;
  justify-content: start;
  align-items: end;
}

.flex-select2-main .select-two-holder {
  width: 100%;
}

/******PRICING AND BILLING************/
.pricing_billing_herader {
  padding: 1rem;
  margin-bottom: 1rem;
}

.pricing_billing_herader .qty-pricings .qty-btn-minus {
  margin-left: auto;
}

.flex_input_fix .dollar-input-input {
  padding: 0rem 1rem;
  height: 2.25rem;
  margin: 0;
}

.flex_input_fix input {
  border: none;
  padding: 0;
}

.flex_input_fix input:focus {
  border: none;
  box-shadow: 0rem 0rem 0rem transparent;
}

.flex_input_fix button {
  background: transparent;
  border: none;
  color: var(--text-two);
}

.qty-pricings {
  display: flex;
  justify-content: start;
  align-items: center;
  flex: 1 1 auto;
}

.r-add-leads-main-wrapper .qty-pricings input {
  max-width: 100%;
  width: 100%;
  font-size: 0.875rem;
  color: var(--text-two);
  text-align: left;
}

.r-add-leads-main-wrapper .qty-pricings .qty-btn-minus,
.r-add-leads-main-wrapper .qty-pricings .qty-btn-plus {
  border: 0.0625rem solid var(--text-two);
  background: transparent;
  color: var(--text-two);
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.r-add-leads-main-wrapper .qty-pricings .qty-btn-plus i {
  color: var(--text-two);
}

/****** PRICING TABLE ********/
table.pricing-table-vissible .collapsetable,
table.n-table-vissible .collapsetable {
  visibility: collapse;
}

.pricingbillinginner,
.promotional_add_employee_table {
  border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  overflow: auto;
  max-height: 68vh;
}

.collapsible {
  cursor: pointer;
}

.collapsible i {
  padding-right: 0.625rem;
}

.pricing-table .collapsible .fa-chevron-down::before,
.notification-table .collapsible .fa-chevron-down::before {
  content: "\f077";
}

.pricing-table.pricing-table-vissible .collapsible .fa-chevron-down::before,
.notification-table.n-table-vissible .collapsible .fa-chevron-down::before {
  content: "\f078";
}

.pricing_billing_main_wraper .authorisations_table_wrap thead tr th,
.pricing_billing_main_wraper .authorisations_table_wrap tbody tr td {
  padding: 0;
}

.pricing_billing_main_wraper .authorisations_table_wrap thead tr th:first-child,
.pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table tbody tr td:first-child,
.pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table tr td:first-child {
  width: auto;
}

.pricing_billing_main_wraper .authorisations_table_wrap thead tr th table thead tr th,
.pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table tbody tr td,
.pricing_billing_main_wraper .authorisations_table_wrap tbody tr td table thead tr th,
.pricing_billing_main_wraper .authorisations_table_wrap tfoot tr th {
  width: 16%;
  padding: 0.75rem 1rem;
}

.pricing_billing_main_wraper .authorisations_table_wrap thead tr th:nth-child(2),
.pricing_billing_main_wraper .authorisations_table_wrap tbody tr td:nth-child(2) {
  width: 6%;
}

.pricing_billing_main_wraper .authorisations_table_wrap thead tr th:nth-child(3),
.pricing_billing_main_wraper .authorisations_table_wrap tbody tr td:nth-child(3) {
  width: 11%;
}

.pricing_billing_main_wraper .authorisations_table_wrap thead tr th {
  background-color: var(--bg-color);
  border-right: 0.0625rem solid var(--card-highlight--bg-color);
}

.pricing_billing_main_wraper .authorisations_table_wrap tbody tr td,
.pricing_billing_main_wraper .authorisations_table_wrap thead tr th {
  box-shadow: 0.0625rem 0rem 0rem 0rem var(--card-highlight--bg-color);
}

.pricing_billing_main_wraper .authorisations_table_wrap .pricing-table thead tr th,
.pricing_billing_main_wraper .authorisations_table_wrap .pricing-table thead tr td {
  background: var(--table-overlay-solid-color);
  box-shadow: 0.0625rem 0rem 0rem 0rem var(--card-highlight--bg-color);
  position: inherit;
}

.pricing_billing_main_wraper .pricing-table.pricing-table-vissible thead tr {
  border-bottom: 0.125rem solid var(--card-highlight--bg-color);
}

.authorisations_table_wrap .pricing-table thead tr th {
  top: 3.125rem;
}

.pricingbillinginner label.form-check-label {
  font-size: 0.8125rem;
  font-weight: 500;
  margin-left: 0.1875rem;
}

.pricingbillinginner .check_btn_checked {
  margin-top: 0.25rem;
}

.pricingbillinginner tfoot {
  position: sticky;
  bottom: 0;
  background: var(--table-overlay-solid-color);
}

.pricingbillinginner tfoot th {
  text-align: right;
  padding: 0.625rem 1.25rem;
  border: none;
  font-size: 0.875rem;
  font-weight: 600;
}

/********** MODAL CSS **********/
.modal-pricing-billing {
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: 0.625rem;
  overflow: hidden;
  margin-bottom: 1rem;
}

.modal-pricing-billing:last-child {
  margin-bottom: 0;
}

.title_modal_r,
.list_billing_pricing li,
.rightsidecontent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.title_modal_r {
  font-size: 1rem;
  color: var(--global-white);
  background: var(--global-orange);
  padding: 0rem 1rem;
  height: 2.25rem;
}

.title_modal_r h4 {
  font-size: 1rem;
  font-weight: 500;
}

.list_billing_pricing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.6875rem 5.4375rem;
  list-style: none;
  padding: 0.3125rem 1rem;
}

.list_billing_pricing li {
  width: 100%;
  padding: 0.625rem 0;
  align-items: start;
}

.list_billing_pricing p {
  width: 100%;
  max-width: 69%;
  font-size: 0.875rem;
  overflow-wrap: break-word;
  word-break: break-word;
}

.list_billing_pricing span {
  width: 5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  text-align: center;
}

.green_bg {
  color: #009262;
  background: rgba(0, 146, 98, 16%);
}

.grey_bg {
  color: var(--global-black);
  background: rgba(51, 51, 51, 10%);
}

.list_billing_pricing span.grey_bg {
  font-size: 1rem;
}

.modal-content .title_modal_r .form-check-input.reverse:checked::after {
  color: var(--global-orange);
}

.rightsidecontent p {
  padding-right: 1.25rem;
}

.pricing_billing_md .modal-footer {
  padding: 0;
  margin: 0;
}

.pricing_billing_md .modal-footer p {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 1.25rem 1rem;
  border-right: 0.0625rem solid var(--global-border-color-w-bg);
  ;
}

/*************** Setting / Manage Authorisation ***************/

/*-------------- RECEIVE INVENTORY START --------------*/
.purchase-order-modal .modal-body {
  overflow-x: hidden;
}

.purchase-order-modal .fiter_gift_card {
  display: none;
}

/*-------------- RECEIVE INVENTORY END --------------*/
/* EDIT INVENTORY START */
.review-and-ratings-wrap {
  display: flex;
  gap: 0.9375rem;
  margin-bottom: 0.625rem;
}

.r-and-r-lft-heading h5 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

.r-and-r-lft-heading h5 i {
  font-size: 0.75rem;
}

.r-and-r-card {
  width: 12.5rem;
  padding: 0.9375rem;
  background: var(--card-highlight--bg-color);
  border-radius: 0.625rem;
}

.r-and-r-card-top-rate-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3125rem;
}

.r-and-r-card-top-rate-wrap i {
  font-size: 0.8125rem;
}

.rev-num-total p {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.progress-item {
  margin-bottom: 0.625rem;
}

.progress-item:last-child {
  margin-bottom: 0;
}

.progress-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3125rem;
}

.progress-top h5 {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.progress-top h5 i {
  font-size: 0.75rem;
  margin-left: 0.1875rem;
  opacity: 0.4;
}

.progress-top p {
  font-size: 0.875rem;
  font-weight: 500;
}

.progress-item .progress {
  height: 0.3125rem;
  background: var(--global-input-border);
}

.progress-item .progress-bar {
  background: var(--global-white);
}

.r-and-r-rht {
  width: 100%;
}

.r-and-r-rht-tab-wrap .nav {
  width: 100%;
  background: transparent;
  box-shadow: none;
  padding: 0;
  border: 0;
}

.r-and-r-rht-tab-wrap .nav .nav-item .nav-link {
  border-bottom: 0.0625rem solid #fff;
  border-radius: 0;
  color: var(--global-white);
  opacity: 0.5;
  /* padding-top: 0; */
}

.r-and-r-rht-tab-wrap .nav .nav-item .nav-link.active {
  opacity: 1;
}

.ratings-content .tab-content {
  padding: 1rem 0;
}

.rht-rating-card-wrap .rht-rating-card {
  margin-bottom: 1rem;
  padding: 1rem;
}

/* .rht-rating-card-wrap .rht-rating-card:last-child {
  margin-bottom: 0rem;
} */

.rht-rating-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.4375rem;
}

.rht-rating-card {
  border: 0.0625rem solid var(--navbar-toggler-btn-bg);
  border-radius: 1rem;
}

.merchant-table .rht-rating-card-lft h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.1875rem;
}

.merchant-table .rht-rating-card-top p {
  font-size: 0.8125rem;
  font-weight: 400;
}

.rht-rating-card-rht-star-wrap i {
  font-size: 0.8125rem;
}

.rht-rating-card-rht p {
  text-align: right;
}

.rht-rating-card-rht-star-wrap {
  margin-top: -0.375rem;
}

/* -subcategory Inventory- */
.subcategory-top-input-btn-wrap {
  display: flex;
  align-items: end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
}

.subcategory-lft {
  width: 50%;
}

.subcategory-rht {
  width: 50%;
  text-align: right;
}

.subcategory-notes-wrap {
  text-align: center;
}

.subcategory-list {
  height: 40vh;
  overflow-y: auto;
  padding-right: .5rem;
}

.sub-category-inner-wrap.hasSelected .subcategory-notes-wrap {
  display: none;
}

.sub-category-inner-wrap .sub-category-list-wrap {
  display: none;
}

.sub-category-inner-wrap.hasSelected .sub-category-list-wrap {
  display: block;
}

/* -subcategory Inventory- */

/* EDIT INVENTORY START */
/*-------------- MANAGE AGREEMENT NEW START --------------*/
.manage-payment-modal#paymentModel .lead_nav_tabs {
  border: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.manage-payment-modal .lead_nav_tabs .nav-item {
  margin-right: 0.75rem;
  box-shadow: 0 0 0.3125rem 0.125rem var(--global-border-color-w-bg);
  border-radius: 2.5rem;
}

.manage-payment-modal .lead_nav_tabs .nav-item:last-child {
  margin-right: 0rem;
}

.manage-payment-modal .lead_nav_tabs .nav-item .nav-link.active {
  color: var(--global-white);
}

.manage-payment-modal .lead_nav_tabs .nav-item .nav-link {
  color: var(--text-grey);
}

.manage-agreement-audit table td i {
  margin-right: 0.3125rem;
  font-size: 1.125rem;
}

.manage-agreement-audit .dataTables_filter label {
  display: none;
}

.manage-agreement-audit table:last-child {
  padding-top: 0;
}

.manage-agreement-audit .card_info_table table th:nth-child(2),
.manage-agreement-audit .card_info_table table td:nth-child(2) {
  text-align: center;
}

.manage-agreement-audit .card_info_table table th:last-child,
.manage-agreement-audit .card_info_table table td:last-child {
  text-align: left;
}

.manage-ul-search-div {
  position: relative;
}

.manage-ul-search-div.manage-search-hide .manage-ul-search {
  position: absolute;
  bottom: -14.375rem;
  left: 0 !important;
  top: 0 !important;
  width: 100%;
  border: 0.0625rem solid var(--global-blue-payment);
  border-radius: 0.25rem;
  overflow-y: auto;
  box-shadow: 0rem 0.0625rem 0.1875rem 0rem var(--card-box-shadow);
}

.manage-ul-search li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--global-white);
  padding: 0.625rem;
  border-bottom: 0.0625rem solid var(--global-blue-payment);
}

.manage-ul-search.manage-ul-search_second li,
.manage-ul-search-div.manage-search-hide .manage-ul-search.manage-ul-search_second {
  border-color: rgba(51, 51, 51, 0.25);
}

.manage-ul-search li:last-child {
  border-bottom: none;
}

.manage-ul-search li span {
  font-size: 1rem;
  font-weight: 400;
}

.manage-ul-search .r-modal-btn.r-orange-btn {
  background: var(--global-blue-payment);
  border: transparent;
}

.manage-ul-search.manage-ul-search_second .r-modal-btn.r-orange-btn {
  background: var(--global-orange);
  border: transparent;
}

.manage-ul-search .r-modal-btn.r-orange-btn i {
  margin-right: 0.3125rem;
}

.manage-ul-search {
  border: 0.0625rem solid var(--global-blue-payment);
  background: var(--global-white);
}

.manage-ul-search .ui-menu-item .ui-state-active {
  background: var(--global-white) !important;
  border: 0rem !important;
  color: var(--text-grey) !important;
}

.manage-ul-search.ui-menu .ui-menu-item-wrapper {
  padding: 0 !important;
  max-width: 35rem;
}

/*-------------- MANAGE AGREEMENT NEW END --------------*/

/* ==================== PAYMENT DUE PAGE START ===================== */
/* .payment-mid-bottom-wrap-lft .payment-due-details-wrap .coupon-code-wrap .form-group {
  width: 100%;
} */

.payment-mid-bottom-wrap-lft .payment-due-details-wrap .coupon-code-wrap .orange-coupon-btn {
  flex: 0 0 auto;
}

/* ==================== PAYMENT DUE PAGE END ===================== */
.order-list-input-fix .dollar-input-input {
  padding: 0rem 0.75rem;
}

.order-list-input-fix .dollar-input-input input {
  border: none;
  box-shadow: 0rem 0rem 0rem 0rem;
}

.order-list-input-fix .dollar-input-input input:focus {
  border: transparent;
  box-shadow: none;
}

.r-add-leads-main-wrapper .order-list-input-fix .dollar-input-input .select2-selection {
  border: none !important;
}

/* ========== GLOBAL SETTINGS ========== */
.merchant-table {
  border: 0.0625rem solid var(--navbar-toggler-btn-bg);
  border-radius: 1rem;
}

.merchant-table p {
  font-size: 0.75rem;
}

.archived-table p {
  font-size: 1rem;
}

.merchant-table .uploadcategoryimgselected {
  margin-bottom: 0.5rem;
}

.merchant-table .category_filleter_img img {
  height: 11rem;
  border-radius: 0.5rem;
}

.merchant-flex-item {
  width: 30%;
}

.merchant-flex-btn-item {
  width: 6.25rem;
  flex: 0;
}

.r-add-leads-main-wrapper .global-settings-area {
  height: 11.5625rem;
}

.inventory-product-data.global-settings .tab-content .row {
  margin-bottom: 0;
}

.global-settings .nav.flex-column.nav-pills {
  width: 17rem;
}

/* merchant settings */
.merchant-top-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.625rem;
}

.merchant-item-wrap ul {
  padding: 0.625rem 0 0 1.25rem;
}

.merchant-item-img-wrap .merchant-item-img-div {
  margin: 0 0.625rem 0.3125rem 0;
}

.merchant-item-img-wrap .merchant-item-img-div img {
  width: 2.625rem;
  height: 2.625rem;
  object-fit: contain;
}

.theme-light .merchant-item-img-wrap .merchant-item-img-div img {
  filter: brightness(1) contrast(0);
}

/* MANAGE TAX RATES START */
.manage-tax-content-area .people-all-table-wrap {
  margin-bottom: 0;
}

.manage-tax-top-wrapper {
  flex-wrap: wrap;
}

.manage-tax-top-wrapper .btn_new_message {
  display: flex;
  align-items: center;
}

.manage-tax-top-wrapper .btn_new_message button {
  margin: 0 0 0 0.625rem;
}

.manage-tax-top-wrapper .btn_new_message button img,
.btn_new_message .btn-sync-order img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  margin-right: 0.3125rem;
}

.manage-tax-top-wrapper .inventory-product-data .nav {
  border: 0.0625rem solid var(--global-input-border);
}

.light-span span {
  font-size: 0.75rem;
}

.r__info_banner_wrap {
  padding: 1rem;
  border-radius: .5rem;
  background: var(--global-off-white);
  display: flex;
  gap: 1rem;
}

.r__info_banner_wrap i {
  color: var(--global-orange);
}

.r__info_banner_wrap p {
  font-size: 0.875rem;
}

/* MANAGE TAX RATES END */
.business-settings-tab-outer .nav {
  width: auto;
  flex-direction: column;
  border-right: 0;
}

.business-settings-tab-outer .nav li button {
  width: 100%;
  text-align: left;
  border-radius: 0.5rem;
  margin-bottom: 0.625rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--white-white-orange);
  border: 0.0625rem solid var(--white-white-orange);
}

.business-settings-tab-outer .nav li button.active {
  color: var(--orange-orange-white);
  background-color: var(--white-white-orange);
}

.inventory-product-data.global-settings .tab-content,
.inventory-product-data .business-settings-tab-outer .tab-content {
  padding: 1rem;
}

.nav-tabs {
  border-bottom: none;
}

.transaction-content-main {
  padding: 1rem;
  list-style: none;
  border-bottom: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.transaction-content-main:last-child {
  border-bottom: none;
}

.transaction-content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.transaction-content-wrap p {
  font-size: 1.0625rem;
  font-weight: 600;
}

.content-reft-transaction,
.transaction-content-wrap p {
  max-width: 90%;
  width: 100%;
}

.transaction-global {
  display: inline-block;
  color: var(--text-two);
  font-size: 0.975rem;
  background: var(--white_white_black-03);
  border: 0.0625rem solid var(--text-two);
  padding: 0.2rem 0.5rem;
  border-radius: 5rem;
  margin-top: 0.5rem;
}

.row-show-hide {
  display: none;
}

.row-show {
  display: block;
}

.link-pos-wrap {
  padding-top: 0.9375rem;
}

.link-pos-wrap p {
  font-size: 1rem;
}

.link-pos-img-wrap img {
  width: 40.625rem;
  height: 28.125rem;
  object-fit: contain;
}

.link-pos-connected-wrap li {
  display: flex;
  gap: 1.5625rem;
  justify-content: space-between;
  align-items: center;
  padding: 0.9375rem;
  margin-bottom: 1rem;
}

.link-pos-connected-wrap p {
  font-size: 0.9375rem;
}

.link-pos-connected-wrap h5 {
  font-size: 1.125rem;
}

.link-pos-connected-wrap li .link-pos-connected-text {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.link-pos-connected-wrap li .link-pos-connected-text div {
  width: 33%;
}

.link-pos-connected-img img {
  width: 2.1875rem;
  height: 2.1875rem;
  object-fit: contain;
}

.business-settings-tab-scroll {
  height: 15.625rem;
  overflow-y: auto;
}

.business-settings-tab-scroll h3 {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}

.business-settings-tab-scroll h5 {
  font-size: 1.0625rem;
  margin-bottom: 0.625rem;
}

.business-settings-tab-scroll ul li {
  list-style: none;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}

.delivery-method-wrap .tab-content.r-add-leads-main-wrapper {
  padding: 0;
}

.delivery-method-wrap .merchant-table p {
  margin-bottom: 0.625rem;
}

.delivery-method-wrap .merchant-table p:last-child {
  margin-bottom: 0;
}

.merchant-table h5 {
  font-size: 1.125rem;
}

.merchant-table h6 {
  font-size: 0.875rem;
  font-weight: 400;
  opacity: 0.9;
}

/* POS ENHANCEMENT CSS */
.pos-content-t,
.pos-slider-t {
  width: 50%;
}

.pos-slider-t {
  padding: 0 2rem;
}

.pos-brand-tooltip {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.75rem;
  gap: 1.25rem;
}

.item-list-pos {
  position: relative;
}

.item-list-pos.active::before {
  content: 'active';
  width: 100%;
  height: auto;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  background: green;
  color: var(--global-white);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  font-size: .75rem;
}

.link-pos-icons-v {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: green;
  color: var(--global-white);
  border-radius: 100%;
  font-size: 0.675rem;
  margin-left: 0.5rem;
}

.pos-img-sl {
  background: var(--global-white);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  overflow: hidden;
}

.pos-img-sl img {
  width: 100%;
  height: 7rem;
  object-fit: contain;
}

.post-content-sl h5 {
  color: var(--text-two);
  overflow-wrap: anywhere;
  padding-right: 0.5rem;
}

.post-content-sl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  background: var(--submenu-sec);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.owl-sl-01 .owl-item.cloned.active,
.owl-sl-01 .owl-item.cloned.active.center,
.owl-sl-01 .owl-item.active {
  opacity: 0.5;
}

.owl-sl-01 .owl-item.active.center {
  opacity: 1;
}

.owl-sl-01 .owl-nav button.owl-next,
.owl-sl-01 .owl-nav button.owl-prev {
  background: var(--white-white-black);
  color: var(--orange-orange-white);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.2rem;
}

.owl-sl-01 .owl-nav button.owl-next,
.owl-sl-01 .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
}

.owl-sl-01 .owl-nav button.owl-prev {
  left: -2rem;
}

.owl-sl-01 .owl-nav button.owl-next {
  right: -2rem;
}

.pos-content-t .ni_info_tooltip_body {
  bottom: inherit;
}

.link-pos-connected-wrap .tooltip-ul-list li {
  gap: 0;
  padding: 0 0 0.5rem;
  margin: 0;
  font-size: 1rem;
  list-style-type: disc;
  display: list-item;
  list-style: disc;
  margin-left: 1rem;
}

.link-pos-connected-wrap .tooltip-ul-list p,
.link-pos-connected-wrap .pos-content-t a {
  font-size: 1rem;
}

.link-pos-connected-wrap .pos-content-t a {
  color: var(--global-orange);
}

.link-pos-connected-wrap .ni_info_tooltip_body {
  left: 0%;
  transform: translateX(0%);
}

.post-content-sl .dropdown-menu {
  list-style: none;
}

.pos-slider-t .dropdown-menu {
  min-width: 8rem;
  margin-left: -4rem !important;
  margin-top: 0.7rem !important;
}

.pos-slider-t .notifi-nav-drop {
  top: 0;
  width: 8rem;
}

.pos-slider-t .notifi-nav-drop ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pos-slider-t .notifi-nav-drop:after {
  left: 50%;
}

.pos-connected-brand {
  max-width: 14rem;
}

.theme-light .pos-connected-brand img {
  filter: invert(0) brightness(0);
}

.expert-assistance ul li {
  list-style: none;
}

.expert-btn-main-ass {
  display: flex;
  gap: 1.5625rem;
  margin-top: 1rem;
}

.btn-hepl {
  width: 100%;
  border: 0.0625rem solid var(--navbar-toggler-btn-bg);
  border-radius: 1rem;
  display: flex;
  gap: 1.5625rem;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  padding: 0.9375rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  background: transparent;
  color: var(--text-two);
}

.btn-hepl img {
  width: 4rem;
  height: 4rem;
  object-fit: cover;
  border-radius: 0.4rem;
}

.getintouchmodal {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  border: 0.0625rem solid var(--global-input-w-bg);
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  height: 100%;
}

.connected_devices_wrap {
  margin-bottom: 1.5rem;
}

.connected_devices_wrap:last-child {
  margin-bottom: 0rem;
}

.pos_connected_wrap p {
  font-size: 0.75rem;
  font-weight: 400;
  background: var(--submenu-sec);
  padding: 0.1875rem 0.5rem;
  border-radius: 1.875rem;
}

.link-pos-connected-wrap .pos_how_to_connect a {
  font-size: 0.75rem;
  text-decoration: underline;
  color: var(--text-two);
}

.connected_devices_wrap h5 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: .5rem;
}

.connected_devices_li {
  background: #F6F8FA;
  border: 0.0625rem solid #e1e1e1;
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-bottom: .5rem;
}

.connected_devices_li:last-child {
  margin-bottom: 0;
}

.connected_devices_li h6 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.connected_devices_description {
  display: flex;
  flex-wrap: wrap;
  gap: .375rem 1.5rem;
}

.connected_devices_description p {
  font-size: 0.875rem;
  color: rgba(51, 51, 51, .75);
}

.connected_devices_modal {
  max-width: 36rem;
}

/* Start Need Help Modal (Harshad) */
.needhelpmodal .modal-body {
  padding: 24px;
}

.multiple_ship_addr a {
  color: var(--text-two)
}

.needhelpmodal .getintouchaddhelp h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
}

.needhelpmodal .getintouchmodal .fa-comment-lines,
.needhelpmodal .getintouchmodal .fa-phone-volume,
.needhelpmodal .getintouchmodal .fa-business-time {
  font-size: 4.375rem;
  color: var(--global-orange);
}

/* End Need Help Modal (Harshad) */

/* EMail Template Preview (Harshad)  */
.eml-temp-preview .modal-body .asso-app {
  position: relative;
}

.eml-temp-preview .modal-body .asso-app input {
  padding-left: 28px;
}

.eml-temp-preview .modal-body .asso-app .fa-magnifying-glass {
  position: absolute;
  top: 35px;
  left: 18px;
}

/* EMail Template Preview (Harshad)  */

/* End Add New Template select2 (Harshad) */

.asso-app .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-right: 5px;
  white-space: nowrap;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border: none;
  margin-top: 0;
  position: relative;
  top: 2px;
  background: #f04f29 !important;
  border-radius: 4px !important;
  color: #fff !important;
  height: 20px;
  margin-left: 0;
}

.asso-app .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
  row-gap: 5px;
  margin-left: 30px;
  margin-top: 5px;
}

.asso-app .select2-container::after {
  content: "";
  background: url(../images/icon-search.svg) no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 23%;
  left: 8px;
}

.asso-app .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: unset;
  background: transparent !important;
  border: none;
  font-size: 18px;
  font-weight: 500;
  margin-right: 0 !important;
  color: var(--global-white) !important;
}

.containerCssClass .select2-container .select2-search--inline .select2-search__field {
  padding-left: 24px;
}

/* End Add New Template select2 (Harshad) */

.icon-get {
  width: 3.5rem;
  height: 3.5rem;
}

.getintouchmodal h5,
.getintouchmodal a {
  color: var(--text-grey);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.getintouchmodal p,
.getintouchmodal time {
  color: var(--text-grey);
  font-size: 1.1rem;
  font-weight: 500;
}

.instruction-pos ul {
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.ul-numer li {
  list-style: disk;
  font-size: 1rem;
  padding-bottom: 0.5rem;
  color: var(--text-grey);
}

.instruction-pos p,
.instruction-pos a {
  font-size: 1rem;
  display: block;
}

.instruction-pos a {
  color: var(--global-orange);
}

/* MODAL POS */
.row-cs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.column {
  flex: 0 0 auto;
  width: 50%;
}

.pos-slider--modale {
  padding: 0 2rem;
}

.instruction-pos ul.ul-disck li {
  list-style: disc;
}

.instruction-pos ul.ul-numer,
.instruction-pos ul.ul-disck {
  margin-bottom: 0;
}

.modal-bg-post {
  background: #F2F2F2;
  padding: 1rem;
  border-radius: 0.5rem;
}

.modal-body .owl-sl-01 .owl-nav button.owl-next,
.modal-body .owl-sl-01 .owl-nav button.owl-prev {
  background: var(--global-orange);
}

.modal-body .owl-sl-01 .owl-nav button i {
  color: var(--global-white);
}

.owl-sl-01.pax-modal-sl .owl-item.cloned.active,
.owl-sl-01.pax-modal-sl .owl-item.cloned.active.center,
.owl-sl-01.pax-modal-sl .owl-item.active {
  opacity: 1;
}

/* END POS ENHANCEMENT CSS */
/* LINK QB START */
.link-qb-wrap .people-head-links a {
  padding: 0;
}

.link-qb-wrap .people-head-links a:hover {
  color: var(--white-white-orange);
}

.link-qb-wrap .link-qb-body-step-box .link-qb-step-box-border {
  width: 90%;
  border: 0.0625rem dashed var(--text-two);
}

.data-flow-chart-modal .row p {
  margin-bottom: 0.9375rem;
}

.data-flow-chart-modal .row p:last-child {
  margin-bottom: 0rem;
}

.link-qb-step-box {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.link-qb-step-box-border {
  position: absolute;
  border: 0.0625rem dashed var(--global-upload-border-color-w-bg);
  width: 85%;
  height: 0.0625rem;
  margin: 0 auto;
  text-align: center;
  top: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
}

.data-flow-chart-second-modal .link-qb-step-box-border {
  width: 90%;
}

.link-qb-step-box-item {
  text-align: center;
  position: relative;
  z-index: 5;
}

.link-qb-step-box-item.img-xero img {
  width: 3.5rem;
}

.link-qb-step-box-item-img {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--global-orange);
  border-radius: 50%;
  margin: 0 auto 0.3125rem auto;
  border: 0.125rem solid var(--global-white);
  box-shadow: 0rem 0rem 0.625rem 0.1875rem var(--global-top-circle-shadow);
}

.link-qb-step-box-item-img img {
  width: 1.5625rem;
  height: 1.5625rem;
}

.link-xero-step-box-item img {
  width: auto;
  height: 0.6rem;
}

.link-qb-step-box-item p {
  font-weight: 600;
}

.data-flow-chart-second-modal ul {
  display: flex;
  justify-content: space-between;
  padding-left: 1.25rem;
}

.dataflowtablewrap .payment_transaction_details_table thead th,
.dataflowtablewrap .payment_transaction_details_table tbody td {
  width: 12.5%;
  border-right: 0.0625rem solid var(--global-input-w-bg);
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  border-top: 0.0625rem solid var(--global-input-w-bg);
}

.dataflowtablewrap .payment_transaction_details_table thead th:last-child,
.dataflowtablewrap .payment_transaction_details_table tbody td:last-child {
  text-align: left;
}

.dataflowtablewrap .payment_transaction_details_table tr td.highlighted-td {
  background-color: var(--global-border-color-w-bg);
}

.dataflowtablewrap .payment_transaction_details_table tr td:nth-child(2),
.dataflowtablewrap .payment_transaction_details_table tr td:nth-child(3),
.dataflowtablewrap .payment_transaction_details_table tr td:nth-child(4),
.dataflowtablewrap .payment_transaction_details_table tr td:nth-child(5),
.dataflowtablewrap .payment_transaction_details_table tr td:nth-child(6) {
  text-align: center;
}

.dataflowtablewrap .payment_transaction_details_table tr td .fa-circle-check {
  color: #51DC6B;
  font-size: 1rem;
}

.dataflowtablewrap .payment_transaction_details_table tr td .fa-circle-xmark {
  color: #FB5758;
  font-size: 1rem;
}

.marketingMulFilter .select2-selection {
  min-height: 1.875rem !important;
  /* padding-bottom: 0; */
}

.marketingMulFilter .select2-container .select2-search--inline .select2-search__field {
  margin-top: unset;
}

.marketingMulFilter .select2-container .select2-selection--single {
  height: 2.6rem;
}

.marketingMulFilter .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-top: 0.188rem;
}

.marketingMulFilter .select2-container {
  width: 12rem !important;
}

.link-pos-connected-wrap.qb-list-wrap {
  padding: 1.5rem;
}

.link-pos-connected-wrap.qb-list-wrap li {
  padding: 0;
}

.link-pos-connected-wrap.qb-list-wrap li .link-pos-connected-text div {
  width: 50%;
}

.link-pos-connected-wrap.qb-list-wrap li .link-pos-connected-text div p {
  opacity: 0.8;
}

.link-pos-connected-wrap.qb-list-wrap li .link-pos-connected-text div h5 {
  font-size: 1.0625rem;
}

.link-qb-top-wrap {
  position: relative;
}

.link-qb-img-wrap {
  margin-bottom: 0.9375rem;
}

.link-qb-img-wrap img {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
}

.i-btn-wrap {
  position: absolute;
  right: 0;
  top: 0;
}

.link-qb-img-outer {
  max-width: 28.125rem;
  margin: 0 auto 1.25rem auto;
}

.link-qb-text-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.merchant-table .link-qb-text-wrap h5 {
  font-size: 1.375rem;
}

.merchant-table.link-qb-wrap p {
  font-size: 0.875rem;
}

/* LINK QB END */
/* PAYMENT GATEWAY GLOBAL SETTING */
.new-radio-input-wrap {
  position: relative;
  padding: 0.625rem;
  width: 100%;
  background: var(--navbar-toggler-btn-bg);
  border-radius: 0.5rem;
}

.new-setting-radio-input {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 1;
  margin: 0 !important;
  border-color: var(--text-two) !important;
}

.new-setting-radio-qbo-xero {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 1;
  margin: 0 !important;
  border-color: var(--text-two) !important;
}

.gs-linkqbo-xero .new-radio-input-wrap {
  background-color: transparent;
}

.gs-linkqbo-xero .qbo-active {
  background-color: var(--card-highlight--bg-color) !important;
}

.qbo-left-section>a {
  position: absolute;
  bottom: 25px;
}

.qbo-left-section>a label {
  text-decoration: underline;
}

.gs-qbo-img-wrap {
  width: 100%;
}

.gs-linkqbo-xero .gs-qbo-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  padding: 2.5rem 2.5rem 0 2.5rem;
  flex-direction: column;
}

.gs-linkqbo-xero .gs-qbo-row img {
  flex-basis: 30%;
}

.gs-linkqbo-xero .gs-qbo-row .link-qb-img {
  height: 6.125rem;
  max-width: 100%;
  width: 100%;
  object-fit: contain;
}

.gs-linkqbo-xero .gs-qbo-row .link-xero-img {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
  height: 14.75rem;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content {
  flex-basis: 70%;
  color: var(--text-two);
  display: flex;
  flex-direction: column;
}

.gs-linkqbo-xero .gs-qbo-new01 .gs-qbo-content {
  width: 100%;
}

.gs-qbo-new01 .new-radio-input-wrap {
  padding: 0;
}

.connected-to-xero {
  padding: 1rem !important;
}

.connected-to-xero ul {
  margin-bottom: 1.125rem;
}

.connected-to-xero .gs-qbo-content.gs-qbo-step-2 {
  margin-bottom: 0 !important;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content .gs-warning-info {
  text-align: center;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content .gs-warning-info i {
  font-size: 1.75rem;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content p {
  margin-bottom: 2rem;
}

.gs-linkqbo-xero .gs-qbo-new01 .gs-qbo-row .gs-qbo-content p {
  margin-bottom: 1rem;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content p,
.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content ul li {
  font-size: 1rem;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content .gs-change-text-02 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 2rem;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content .gs-change-text-02 div {
  gap: 0.5em;
}

.qb-ac-name-icon {
  background: url(../images/qb-ac-name-icon.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content .gs-change-text-02 span {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: block;
  opacity: 0.8;
}

.gs-change-text-03 {
  font-weight: 600 !important;
  line-height: 1.25rem;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content ul li {
  width: 20%;
}

.gs-linkqbo-xero .gs-qbo-new01 .gs-qbo-content ul li {
  width: unset;
}

.theme-dark .gs-linkqbo-xero .gs-qbo-row .gs-for-orange-dark,
.theme-orange .gs-linkqbo-xero .gs-qbo-row .gs-for-orange-dark {
  display: block !important;
}

.theme-dark .gs-linkqbo-xero .gs-qbo-row .gs-for-dark,
.theme-orange .gs-linkqbo-xero .gs-qbo-row .gs-for-orange,
.theme-light .gs-linkqbo-xero .gs-qbo-row .gs-for-light {
  display: block !important;
  max-width: 230px;
  height: auto;
}

.theme-light .gs-linkqbo-xero .gs-qbo-row .gs-for-light {
  display: block !important;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.875rem;
  row-gap: 0.5rem;
  /* margin-bottom: 2rem; */
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content ul.gs-change-text-04 {
  border: 0.125rem solid var(--navbar-toggler-btn-bg);
  background: var(--card-highlight--bg-color);
  border-radius: 0.5rem;
  padding: 0.75rem;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content ul.gs-change-text-09 {
  border: 0.125rem dashed var(--navbar-toggler-btn-bg);
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content ul li i {
  padding-right: 0.5rem;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content ul li i.fa-circle-xmark {
  opacity: 0.5;
}

.gs-qbo-action {
  position: unset !important;
  margin-top: auto;
}

.gs-linkqbo-xero .gs-qbo-action {
  text-align: right;
  /* margin-bottom: 1.5rem; */
}

.gs-linkqbo-xero .gs-qbo-action .gs-or {
  margin: 0 10px;
  display: inline-block;
}

.gs-linkqbo-xero .gs-qbo-info {
  position: relative;
}

.gs-linkqbo-xero .gs-qbo-info a {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--nav-link);
}

.gs-linkqbo-xero .gs-qbo-info a i {
  font-size: 1.375rem;
}


.theme-light .new-setting-radio-input:checked {
  border-color: var(--global-white) !important;
}

.new-setting-radio-input:checked {
  background: var(--white-white-orange);
}

.new-setting-radio-input:checked+.new-radio-input-wrap {
  background: var(--white-white-orange);
}

.new-radio-input-wrap .new-radio-input-label-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0;
}

.new-radio-input-label-inner img {
  filter: brightness(0) invert(1);
  max-width: 3.75rem;
  max-height: 3.125rem;
  margin-bottom: 0.3125rem;
}

.setting-prime-getaway img {
  filter: unset !important;
  max-width: 9.75rem;
}

/* global-set-color */
/* .new-setting-radio-input:checked+.new-radio-input-wrap .new-radio-input-label-inner img, */
.theme-light .new-radio-input-label-inner img {
  filter: none;
}

/* global-set-color */
/* .theme-light .new-setting-radio-input:checked+.new-radio-input-wrap .new-radio-input-label-inner img {
  filter: brightness(0) invert(1);
} */

.new-radio-input-label-inner span {
  color: var(--text-two);
}

.new-setting-radio-input:checked+.new-radio-input-wrap .new-radio-input-label-inner span {
  color: var(--text-grey);
}

.theme-light .new-setting-radio-input:checked+.new-radio-input-wrap .new-radio-input-label-inner span {
  color: var(--global-white);
}

.coinbase-copy-wrap .edit-customer-left-top .r-navbar-nav {
  justify-content: end;
}

.coinbase-copy-wrap .edit-customer-left-top .r-navbar-nav {
  margin-bottom: 0.3125rem;
}

.coinbase-copy-wrap .edit-customer-left-top .r-navbar-nav li a {
  width: 1.5625rem;
  height: 1.5625rem;
  font-size: 0.75rem;
  margin: 0 0 0.3125rem 0;
}

.crypto-catcher-wrap {
  max-height: 7.5rem;
  overflow-y: auto;
}

.postmate-wrapper-3 {
  margin-top: 2rem;
}

.r-add-leads-main-wrapper textarea.coinbase-textarea {
  height: 100%;
}

.btn-close.authorizebtn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 9;
}

.authorize_logo {
  width: 4rem;
  height: 4rem;
  border-radius: 100rem;
  background-color: var(--global-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-white);
  margin: 0 auto 1rem auto;
}

.title-authorize h4 {
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-grey);
  margin-bottom: 1rem;
}

.authorize_account-main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: var(--global-upload-background-w-bg);
  border: 0.0625rem dotted var(--global-orange);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

.exclamation_icon {
  color: var(--global-orange);
  margin-right: 0.6rem;
}

.authorize_account-main p {
  color: var(--text-grey);
  font-size: 1rem;
  text-align: center;
}

.btn-authorize {
  border: 0.0625rem solid var(--global-orange);
  border-radius: 0.5rem;
  padding: 1rem;
  text-align: center;
  background-color: var(--global-white);
  font-size: 1rem;
  color: var(--global-orange);
  font-weight: 400;
}

.btn-authorize i {
  display: block;
  margin-bottom: 0.5rem;
}

.btn-authorize.have-auth {
  background-color: var(--global-orange);
  color: var(--global-white);
}

.btn-authorize.have-auth i {
  color: var(--global-white);
}

.modal-md-auth {
  max-width: 40rem;
}

.authorizeaton-getway-main {
  display: flex;
  gap: 0.6rem;
  margin-bottom: 1rem;
}

.neddhelp p {
  color: var(--global-orange);
  font-size: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}

.main-img-wrap {
  margin-bottom: 1rem;
}

.main-img-wrap img {
  width: 100%;
  height: 100%;
}

.content-flex {
  background-color: var(--global-upload-background-w-bg);
  border: 0.0625rem solid var(--global-upload-border-color-w-bg);
  border-radius: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.content-creadintials p {
  font-size: 1rem;
  margin-bottom: 0.6rem;
  color: var(--text-grey);
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.content-flex p {
  width: 100%;
  margin-bottom: 0;
}

.credentials.btn-authorize {
  width: 100%;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.credentials.btn-authorize i {
  margin: 0 0.5rem 0 0;
}

.credentials_ttile {
  text-align: center;
  margin-bottom: 1rem;
}

.credentials_ttile h4 {
  color: var(--text-grey);
  font-size: 1.5rem;
}

.credentials_ttile p {
  font-size: 0.875rem;
  color: var(--text-grey);
}

.delete_modal .icon-succefull {
  width: 4rem;
  margin-bottom: 1rem;
}

.authorization-main-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.nav-credention-pill {
  width: 13rem;
  flex-direction: column;
}

.nav-credention-pill .nav-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-grey);
  padding: 0 0 1.9rem;
  font-size: 0.875rem;
  pointer-events: none;
}

.nav-credention-pill .nav-link p {
  text-align: left;
}

.nav-credention-pill .nav-link .iconox-nav::after {
  content: "";
  width: 0.043rem;
  height: 86%;
  background-color: var(--global-input-w-bg);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

.nav-credention-pill .nav-link:last-child .iconox-nav::after {
  display: none;
}

.iconox-nav {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.4rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  flex: 0 0 auto;
  position: relative;
  background-color: #fff;
  font-size: 1.25rem;
}

.iconox-nav i {
  color: var(--text-grey) !important;
}

.nav-credention-pill .nav-link.active,
.nav-credention-pill .show>.nav-link {
  color: var(--text-grey);
  background-color: transparent;
  font-weight: 500;
}

.nav-credention-pill .nav-link.active .iconox-nav i,
.nav-credention-pill .show>.nav-link .iconox-nav i {
  color: var(--global-orange) !important;
}

.nav-credention-pill .nav-link.active .iconox-nav::after,
.nav-credention-pill .show>.nav-link .iconox-nav::after {
  background-color: var(--global-orange);
}

.nav-credention-pill .nav-link.active .iconox-nav,
.nav-credention-pill .show>.nav-link .iconox-nav {
  border-color: var(--global-orange);
  background-color: var(--global-upload-background-w-bg);
}

.main-outer-credentials {
  width: 74%;
  background-color: #F6F8FA;
  display: inline-block;
  padding: 1.5rem 5rem;
  border-radius: 0.4rem;
  position: relative;
}

.authorizenet-credential-img {
  text-align: center;
}

.authorizenet-credential-img h4 {
  color: var(--text-grey);
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.authorizenet-credential-img img {
  width: 100%;
  box-shadow: 0 0 1rem var(--global-input-w-bg);
  border-radius: 0.6rem;
}

.btn-tab-prev-next {
  background-color: var(--global-white);
  border: 0.0625rem solid var(--global-input-w-bg);
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  color: var(--text-grey);
  flex: 0 0 auto;
  position: absolute;
  top: 50%;
  left: 1.5rem;
}

.btn-tab-prev-next#nextTabCred {
  left: auto;
  right: 1.5rem;
}

.btn-tab-prev-next:hover {
  border-color: var(--global-orange);
}

.btn-tab-prev-next i {
  color: var(--text-grey) !important;
}

.btn-tab-prev-next:hover i {
  color: var(--global-orange) !important;
}

.main-wraper-payment-getway .form-gorup {
  margin-bottom: 1rem;
  text-align: left;
}

.main-wraper-payment-getway {
  width: 100%;
  text-align: center;
}

.title-payment h2 {
  font-size: 1.2rem;
  color: var(--text-grey);
  margin-bottom: 2rem;
}

input.r-modal-btn {
  border: 0.0625rem solid var(--global-orange);
  border-radius: 0.4375rem;
  padding: 0.3125rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: 0.1s all linear;
  display: inline-block;
  cursor: pointer;
  min-height: 2.25rem;
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
  transition: .3s all linear;
}

.r-orange-btn.btn-submit {
  background: var(--global-orange);
  color: var(--global-white) !important;
}

.r-modal-btn.r-outline-close.btn-reset {
  border: 0.0625rem solid var(--global-orange) !important;
  color: var(--global-orange) !important;
  background: var(--global-white) !important;
}

.u-s-global {
  width: 100%;
  height: auto;
  padding: 1rem;
  border: 0.0625rem dashed var(--global-orange);
  background-color: var(--global-upload-background-w-bg);
  border-radius: 0.4rem;
}

.authorizemainmodal .modal-dialog {
  max-width: 60rem;
}

/*APP CONNECTED */
.no-ap-connected {
  text-align: center;
}

.no-ap-connected img {
  max-width: 50%;
  width: 100%;
  margin: auto;
}

.no-ap-connected p {
  color: var(--text-two);
  font-size: 1rem;
  padding: 4rem 0;
}

.apps-connected-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.app-name-main {
  width: 100%;
  min-height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem;
  background: var(--navbar-toggler-btn-bg);
  border-radius: 0.5rem;
}

.app-conent img {
  filter: brightness(0) invert(1);
  max-width: 10.75rem;
  max-height: 3.125rem;
  margin: auto;
  margin-bottom: 0.3125rem;
}

.theme-light .app-conent img {
  filter: none;
}

.app-conent p {
  color: var(--text-two);
  font-size: 1rem;
}

.app-totle-number p {
  color: var(--text-two);
  font-size: 1rem;
  padding: 2rem 0;
}

/* MEDIA LIBARY */
.tab-content .global-media-libary-wrap .r-people-lft-tab .nav-link {
  padding: 0.3125rem 0.9375rem;
  border-radius: 2.5rem;
  margin-right: 0.4375rem;
  color: var(--text-one);
  border-radius: 2.5rem;
  border-top-left-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  margin: 0;
  font-weight: 400;
}

.tab-content .global-media-libary-wrap .r-people-lft-tab .nav-link:first-child {
  border-top-left-radius: 2.5rem !important;
  border-bottom-left-radius: 2.5rem !important;
}

.global-media-libary-wrap .nav.r-people-lft-tab,
.delivery-method-wrap .lead_track_flex .nav {
  width: auto;
  border: 0.0625rem solid var(--global-input-border);
}

.tab-content .global-media-libary-wrap .r-people-lft-tab .nav-link:hover {
  background: transparent;
}

.tab-content .global-media-libary-wrap .r-people-lft-tab .nav-link.active {
  background: var(--global-orange);
  color: var(--global-white);
}

.global-media-libary-wrap .r-people-top {
  margin-bottom: 0;
}

.global-media-libary-wrap .r-people-content .tab-content {
  padding: 0;
}

.global-media-libary-wrap .nav.nav-tabs.media-libary-libary-tab {
  width: 100%;
  gap: 0.625rem;
  padding: 0.3125rem 0;
  overflow-x: auto;
  flex-wrap: nowrap;
  margin-bottom: 1.25rem;
  border: 0rem;
}

.global-media-libary-wrap .nav.nav-tabs.media-libary-libary-tab li {
  flex: 0 0 auto;
}

.global-media-libary-wrap .nav.nav-tabs.media-libary-libary-tab::-webkit-scrollbar {
  height: 0.625rem;
}

.global-media-libary-wrap .nav.nav-tabs.media-libary-libary-tab .nav-link {
  background: var(--navbar-toggler-btn-bg);
  color: var(--text-two);
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 0.25rem 0.75rem;
  line-height: 1.2;
}

.global-media-libary-wrap .nav.nav-tabs.media-libary-libary-tab .nav-link.active {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
}

.media-libary-content-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}

.media-libary-content-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.9375rem;
}

.btn_ins.media-libary-disable {
  margin-left: 0.625rem;
}

.media-libary-img-wrap {
  position: relative;
  height: 9.375rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse.media-libary-img-wrap input.form-check-input {
  border-color: var(--global-white);
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  transition: .3s all linear;
  z-index: 2;
}

.media-libary-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.625rem;
  transition: .3s all linear;
}

.media-libary-preview-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9.375rem;
  opacity: 0;
  visibility: hidden;
  transition: .3s all linear;
  z-index: 9;
}

.r-add-leads-main-reverse .media-libary-preview-btn i {
  color: var(--global-orange);
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse.media-libary-img-wrap:hover .media-libary-preview-btn {
  visibility: visible;
  opacity: 1;
}

.media-libary-img-wrap:hover img,
.media-libary-img-wrap.checked img {
  filter: brightness(.6);
}

.media-instruction-wrap {
  padding: 0.9375rem;
  border: 0.125rem dashed var(--global-input-border);
  border-radius: 0.625rem;
}

.media-instruction-wrap h5 {
  font-size: 1.625rem;
  margin-bottom: 0.625rem;
}

.media-instruction-wrap ol li {
  margin-bottom: 0.3125rem;
}

.media-instruction-wrap ol li:last-child {
  margin-bottom: 0rem;
}

.global-media-libary-wrap .r-people-lft {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.media-upload-category-wrap {
  display: flex;
  align-items: start;
  justify-content: start;
}

.media-upload-category-wrap .form-group {
  min-width: 12.5rem;
  margin-right: 0.625rem;
}

.media-preview-bot-wrap {
  margin-top: 1rem;
}

.modal-body .form-group.input-group.bootstrap-tagsinput,
.modal-body .bootstrap-tagsinput {
  border: 0.0625rem solid var(--global-input-w-bg) !important;
}

.modal-body .bootstrap-tagsinput .badge,
.modal-body .bootstrap-tagsinput .tag {
  border: 0.0625rem solid var(--global-input-w-bg);
}

.moda-cancel-btn-wrap {
  margin-left: 0.0625rem !important;
}

.moda-cancel-btn-wrap .r-modal-btn.r-orange-btn.close-edit-attribtn {
  width: 1.9375rem;
  padding: 0.125rem;
}

.moda-cancel-btn-wrap .r-modal-btn.r-orange-btn.close-edit-attribtn i {
  color: var(--global-orange);
}


/* ========== GLOBAL SETTINGS ========== */
/* SMS COUNTER STYLE START */
.sms-counter-wrap .gradiant-card {
  width: 32rem;
  margin: 0 auto;
}

.counter-date-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0.625rem 0 1.25rem 0;
  gap: 1rem;
}

.counter-box {
  background: var(--global-white);
  border-radius: 0.25rem;
  color: var(--text-grey);
  padding: 0;
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.counter-box-text-wrap {
  padding: 0.3125rem 0.4375rem 0.9375rem 0.4375rem;
}

.counter-box .date-wrap {
  padding: 0.3125rem 0.4375rem;
  color: var(--global-orange);
  background: var(--global-upload-background-w-bg);
}

/* SMS COUNTER STYLE END */
/* ---------- PRICING AND BILLING START ---------- */
.pricing-add-card-wrap {
  display: grid;
  gap: 1rem 1.25rem;
  grid-template-columns: repeat(4, 1fr);
}

/* .pricing-item-area {
  width: 33%;
} */

.pricing-item {
  min-height: 11.875rem;
}

.pricing-item button {
  width: 100%;
  min-height: 11.875rem;
  border-radius: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1rem;
  color: var(--global-white);
  background: var(--navbar-toggler-btn-bg);
  border: transparent;
  font-weight: 500;
}

.pricing-item button:hover {
  color: var(--global-white);
}

.pricing-item button i {
  font-size: 1.5625rem;
}

.pricing-add-item {
  background: var(--global-white);
  border-radius: 0.9375rem;
  position: relative;
  cursor: pointer;
  /* border: 0.0625rem solid var(--card-highlight--bg-color); */
  overflow: hidden;
  width: 100%;
}

.pricing-add-item::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('../images/Effect.png');
  background-position: left;
  background-repeat: no-repeat;
  background-size: 70% 100%;
}

.pricing-add-item.active::after {
  content: "Preferred";
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #51DC6B;
  padding: 0.125rem 0.625rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  transform: translate(-50%, 0px);
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.pricing-add-item.pending::after,
.pricing-add-item.pending.active::after {
  content: "Pending Verification - Verify";
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #FB5758;
  padding: 0.125rem 0.625rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  transform: translate(-50%, 0px);
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  white-space: nowrap;
}

.pricing-add-item input {
  display: none;
}

.pricing-card-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5625rem;
}

.pricing-add-item label {
  width: 100%;
  padding: 1.5rem;
}

.pricing-card-img-wrap img {
  width: 2.8125rem;
  height: 2.8125rem;
  object-fit: contain;
}

.pricing-card-icon-wrap {
  position: relative;
  z-index: 888;
}

.pricing-card-icon-wrap.people-head-links a {
  padding: 0 0 0 0.625rem;
}

.pricing-card-icon-wrap.people-head-links a i {
  color: var(--text-grey);
  font-size: 1rem;
}

.pricing-card-text p {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  color: var(--text-grey);
}

.pricing-card-text h6 {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--text-grey);
}

.pricing-card-text h6 span {
  padding: 0 0.625rem;
}

.pricing-card-primary {
  /* display: none; */
  position: absolute;
  background-color: var(--table-overlay-solid-color);
  width: 100%;
  padding: 0.3125rem 1.5rem;
  bottom: 0;
}

.pricing-card-primary h5 {
  font-size: 1rem;
  color: var(--white-white-black);
}

.pricing-add-item input:checked~.pricing-card-primary {
  display: block;
  display: flex;
  align-items: center;
  /* min-height: 2.1875rem; */
}

.tittle_payment {
  font-size: 1.25rem;
  font-weight: 600;
  padding-bottom: 1.25rem;
}

.payment_summry li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3125rem 0;
  color: var(--input-placeholder);
  font-size: 0.875rem;
}

.payment_summry li:last-child {
  font-size: 1rem;
  color: var(--global-black);
}

.Payment_profile .pricing-add-item {
  /* background: #fff5f2; */
  border: 0.0625rem solid var(--global-input-w-bg);
  max-width: 28.125rem;
}

.add_payment_method_top p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

/* ---------- PRICING AND BILLING END ---------- */
/* ----------  BILLING PAYMENT  ---------- */
.subscription-main-wrap {
  margin-bottom: 1rem;
}

.title-subscription,
.biling-payment-subscription-tab {
  padding: 1rem;
}

.payments_methods .title-subscription {
  padding: 0rem;
  margin-bottom: 1rem;
}

.title-subscription span {
  font-size: 0.875rem;
}

.biling-payment-subscription-tab {
  padding-top: 0;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.title-subscription h5 {
  font-size: 1.5rem;
  color: var(--text-two);
}

.billing-payment-summery {
  padding: 0 1rem 1rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.overview-content.bill-pay-bg {
  background-color: var(--navbar-toggler-btn-bg);
  position: relative;
}

.summery-fillter-date {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.title-subscription.border-b {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.bill-pay-bg .tootltip-button {
  color: var(--text-two);
}

.bill-pay-bg .flexiconmain {
  align-items: center;
}

.transaction_billing_payment_wrap {
  padding-top: 1rem;
}

.transaction_billing_payment_wrap .order_details_main_trans h4 {
  background: #F6F8FA;
}

.past-transaction-title {
  border-top: 0.0625rem solid var(--global-input-w-bg);
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.past-transaction-title h4 {
  color: var(--text-grey);
  font-size: 1.5rem;
  padding: 1rem;
}

.bg-span-text {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  font-size: 0.75rem;
  border-radius: 10rem;
  color: var(--global-white);
}

.bg-span-text.redclr {
  background: red;
}

.cancel-title p {
  color: var(--text-grey);
  font-size: 1rem;
  padding-bottom: 1rem;
}

.cancel_main_wrap {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 0.0625rem solid var(--global-input-w-bg);
  margin-bottom: 1rem;
}

.cancel_main_tale {
  width: 100%;
}

.cancel_main_tale tr {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.cancel_main_tale th,
.cancel_main_tale td {
  padding: 0.6rem;
  width: 50%;
  font-size: 0.875rem;
  border-right: 0.0625rem solid var(--global-input-w-bg);
}

.cancel_main_tale th:last-child,
.cancel_main_tale td:last-child {
  border-right: 0;
}

.cancel_main_tale tr:last-child {
  border-bottom: none;
}

.cancel_main_tale th {
  background: #F6F8FA;
}

.cancel-content p {
  color: var(--text-grey);
  font-size: 1.2rem;
  padding-bottom: 1rem;
}

.plan_card_suggestion.plantext {
  color: var(--global-white);
}

.cancel_sms_tale thead th {
  width: auto;
  text-align: center;
  font-weight: 400;
  width: 33%;
}

.package-pri {
  display: block;
  font-size: 1rem;
  font-weight: 600;
}

/* ---------- BILLING PAYMENT END ---------- */
/* ---------- MY PROFILE START ---------- */
.my-profile-wrap .my-profile-item {
  padding: 1rem;
  margin-bottom: 1rem;
}

.my-profile-wrap .my-profile-item:last-child {
  margin-bottom: 0;
}

.mypro-info-wrap {
  display: flex;
  gap: 1.875rem;
}

.mypro-info-wrap-lft {
  position: relative;
}

.mypro-info-wrap-lft-img img {
  width: 10.625rem;
  height: 10.625rem;
  object-fit: cover;
  border-radius: 0.5rem;
}

.mypro-info-wrap-lft {
  width: 13.125rem;
}

.mypro-info-wrap-lft a {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  background: var(--input-placeholder);
  border: 0.0625rem solid var(--input-placeholder);
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  font-size: 0.9375rem;
  border-radius: 0.3125rem;
}

.mypro-info-wrap-lft a:hover {
  background: var(--input-placeholder);
  border: 0.0625rem solid var(--input-placeholder);
}

.mypro-info-wrap-lft a i {
  font-size: 0.625rem;
  color: var(--global-white);
}

.mypro-info-wrap-rht {
  width: 100%;
}

.mypro-info-wrap-rht ul li {
  list-style: none;
  position: relative;
}

.mypro-info-wrap-rht ul li i {
  position: absolute;
  top: 0.3125rem;
  right: 0;
}

.mypro-info-wrap-rht ul {
  display: grid;
  grid-gap: 1.875rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.mypro-info-wrap-rht ul li span {
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.8;
}

.mypro-info-wrap-rht ul li p {
  font-size: 1rem;
  font-weight: 600;
}

.change-password-wrap .merchant-top-wrap button {
  min-width: 11.875rem;
}

.two-factor-switch-text-wrap {
  display: flex;
  gap: 1.5625rem;
}

.profile-image-modal .category_filleter_img img {
  border-radius: 0.5rem;
}

.profile-image-upload-wrap .real-input {
  background: var(--global-upload-background-w-bg);
  border: 0.125rem dashed var(--global-upload-border-color-w-bg);
}

.profile-image-upload-wrap .input-container .real-input--label {
  height: 18.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--global-orange);
}

.profile-image-upload-wrap .real-input--label i {
  color: var(--global-orange);
}

.profile-image-modal .input-container .real-input--label i {
  top: 8.125rem;
}

.confidetial-information-modal span i {
  margin-right: 0.5rem;
}

/* ---------- MY PROFILE END ---------- */


/****************** WELCOME SCREEN START *****************/
.welcome_main_wraper .logo_universal {
  width: calc(3% + 3vw);
  margin: 0 auto 1.5vw auto;
}

.welcome_main_wraper .logo_universal img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.welcome_main_wraper .user_header h2 {
  font-size: 1.6vw;
}

.welcome_main_wraper .user_header p {
  font-size: 1vw;
}

.login_bottom_company_wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.login_bottom_company_box {
  width: 17%;
}

.login_bottom_company_box img {
  max-height: 1.5rem;
}

.login_bottom_link_wrap {
  margin-bottom: 1rem;
}

.login_enhancement_main_wrap .logo_universal {
  margin-bottom: 1.5rem;
}

.user_main_log_wrap .privacy_bottom {
  margin-top: auto;
}

.login_enhancement_main_wrap .right_side_column.login-rht {
  padding: 0;
}

.login_enhancement_main_wrap .user_main_log_wrap {
  padding-top: 1.5rem;
}

.login_enhancement_main_wrap .signupurl {
  padding-bottom: 2.5rem;
}

.dashboard_main_login .login_enhancement_main_wrap .logo_universal img {
  width: 19rem;
  max-height: 3rem;
  object-fit: contain;
}

.dashboard_main_login .summery-login {
  margin-bottom: 2rem;
}

.login_enhancement_main_wrap .user_header_login h4 {
  font-size: 1.5rem;
  font-weight: 500;
}


.floating-label-group {
  position: relative;
  margin-top: .5rem;
}

.floating-label-group input {
  width: 100%;
  padding: 0.5rem 2.25rem .5rem 1rem;
  font-size: 1rem;
  border: 0.0625rem solid #ccc;
  border-radius: 0.25rem;
  background: transparent;
}

.floating-label-group label {
  position: absolute;
  top: 50%;
  left: 1rem;
  font-size: 0.875rem;
  pointer-events: none;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  color: #333;
  /* background: #fff;
  padding: 0 0.25rem; */
  z-index: 1;
}

.always_top.floating-label-group label {
  top: -0.0625rem;
  background: #fff;
  padding: 0 0.25rem;
}

.floating-label-group input::placeholder {
  color: transparent;
}

.floating-label-group input:focus::placeholder {
  color: rgba(51, 51, 51, .3);
}

.floating-label-group input:focus+label,
.floating-label-group input:not(:placeholder-shown)+label {
  top: 0;
  left: 0.5rem;
  font-size: 0.75rem;
  color: #333;
  background: #fff;
  padding: 0 0.25rem;
}

.email_signup_main_wrap {
  text-align: center;
  max-width: 35rem;
  margin: 0 auto;
}

.email_signup_main_img_wrap img {
  width: 17.875rem;
}

.email_signup_main_img_wrap {
  margin-bottom: 2.5rem;
}

.email_signup_main_input_group h6 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
  color: var(--text-grey);
  margin-bottom: .5rem;
}

.email_signup_main_input_group p {
  font-weight: 500;
  font-size: 1rem;
}

.email_signup_button_wrap {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.email_signup_main_label_wrap {
  margin-bottom: 2rem;
}

.step_modal_otp_input_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.step_modal_otp_input_wrap input {
  width: 2.75rem;
  text-align: center;
}

.step_modal_otp_input_wrap input[type="number"]::-webkit-inner-spin-button,
.step_modal_otp_input_wrap input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.success_el {
  color: #51DC6B;
  font-size: 0.875rem;
  margin-bottom: 0;
}

.step_modal_below_otp_box {
  text-align: center;
}

.step_modal_below_otp_box p {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0;
}

.step_modal_otp_input_wrap_inner {
  margin-bottom: .5rem;
}

.email_signup_main_form_wrap li {
  display: none;
}

.email_signup_main_form_wrap li.active {
  display: block;
}

.toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  color: #888;
}

.email_signup_main_wrap .input-group-text {
  background-color: #f04f29;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.email_signup_main_wrap .input-group-text.next_btn {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.email_signup_main_wrap .input-group-text img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.email_signup_main_wrap .social_btn {
  border: 0.0625rem solid #e1e1e1;
}

.email_signup_main_wrap .social_login_w_email input {
  min-height: 3rem;
}

.email_signup_main_label_wrap h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #F04F29;
  line-height: 3.625rem;
}

.free_signup_txt {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.875rem;
  color: #333;
}

.email_signup_main_form_wrap .or_wrapper::after,
.email_signup_main_form_wrap .or_wrapper::before {
  background: #E1E1E1;
}

.email_signup_free_description_wrap,
.email_signup_free_login_btm {
  margin-top: 2.5rem;
}

.email_signup_free_description_wrap p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: #333;
}

.email_signup_free_description_wrap p strong {
  font-weight: 500;
}

.email_signup_free_login_btm p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.email_signup_free_login_btm p a {
  font-weight: 600;
  color: #F04F29;
  text-decoration: underline;
}


.main_btn {
  color: var(--primary-color);
  background-color: var(--white);
  padding: 15px;
  display: block;
  text-align: center;
  width: 100%;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: .3s all linear;
  box-shadow: 0px 4px 15px 0px rgba(17, 11, 51, 0.1);
}

.main_btn:hover {
  color: var(--white);
  background-color: var(--primary-color);
  border-color: var(--white);
}

.social_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
}

.social_btn span {
  flex: 1;
}

.social_btn img {
  margin-right: auto;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.social_btn:hover {
  scale: 1.02;
  color: var(--black);
  background-color: var(--white);
}

.or_wrapper {
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
}

.or_wrapper::after,
.or_wrapper::before {
  content: "";
  width: 44%;
  height: 1px;
  background: var(--white);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}

.or_wrapper::before {
  left: auto;
  right: 0;
  transform: translate(0%, -50%);
}

.or_wrapper p {
  font-size: 20px;
  font-weight: 500;
}

.email_signup_flow_section {
  width: 100%;
  height: 100%;
  background-color: var(--global-white);
}

.bg-white {
  background-color: var(--global-white);
}

.r-add-leads-main-wrapper .normal_case {
  text-transform: none;
}

.r-add-leads-main-wrapper .normal_case a {
  color: var(--text-gray);
  text-decoration: underline;
}

.plan_details_card {
  background-color: #F2F2F5;
  border: 0.0625rem solid #e1e1e1;
  padding: 1rem;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
}

.plan_details_card ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.plan_details_card ul p {
  font-size: 1.125rem;
  color: var(--text-gray);
  font-weight: 400;
}

.plan_details_card ul p strong {
  font-weight: 500;
}

/* .card_fields_wrap{
  display: none;
} */

/****************** WELCOME SCREEN END *******************/
/****************** TERMS AND SERVICES MODAL START *******************/
.terms-services-modal .modal-body {
  padding: 0;
}

.terms-left {
  padding: 1rem;
  flex: 0 0 auto;
}

.terms-rht {
  border-left: 0.0625rem solid var(--global-input-w-bg);
}

.terms-left button.nav-link {
  background: transparent;
  text-align: left;
  padding: 0;
  margin-bottom: 1rem;
  color: var(--text-grey);
  border-radius: 0;
}

.terms-left button.nav-link.active {
  background: transparent;
  color: var(--global-orange);
  font-weight: 700;
}

.terms-left button.nav-link:last-child {
  margin-bottom: 0rem;
}

.terms-content-check-wrap {
  background: rgba(51, 51, 51, 0.05);
  padding: 1rem;
}

.terms-top-heading {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.terms-top-heading h6 {
  font-weight: 600;
}

.terms-content-txt {
  padding: 1rem;
  height: 45vh;
  overflow: auto;
}

/****************** TERMS AND SERVICES MODAL END *******************/
/* REWARDS DASHBOARD START */
.rewards-top-dropdown-wrap {
  display: flex;
  margin-bottom: 1rem;
  gap: 1rem;
}

.rewards-top-dropdown-item .dropdown-toggle {
  min-width: 15.625rem;
  text-align: left;
  background: var(--global-white);
  color: var(--bread-crumbs-color);
  border-radius: 0.3125rem;
  border: none;
  opacity: 1;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.5rem 1rem;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
}

.rewards-top-dropdown-item .dropdown-toggle:active {
  background: var(--global-white);
  color: var(--bread-crumbs-color);
}

.rewards-top-dropdown-item .dropdown-toggle i {
  margin-right: 0.3125rem;
  opacity: 0.5;
}

.rewards-top-dropdown-item .dropdown-toggle::after {
  display: none;
}

.rewards-top-dropdown-item .dropdown-toggle::before {
  content: '';
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url('../images/arrow-grey.png');
  background-repeat: no-repeat;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  background-size: contain;
  background-position: center;
  transition: 0.6s;
}

.rewards-top-dropdown-item .dropdown-toggle.show::before {
  transform: translateY(-50%) rotate(180deg);
}

.rewards-top-dropdown-item .dropdown-menu.show {
  width: 100%;
  padding: 0;
  border-radius: 0.3125rem;
  border: none;
  overflow: hidden;
}

.rewards-top-dropdown-item .dropdown-menu.show .dropdown-item {
  font-size: 0.875rem;
  font-weight: 400;
  background: var(--global-white);
  color: var(--text-grey);
}

.rewards-dash-wrap {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.rewards-dash-lft,
.rewards-dash-rht {
  width: 50%;
}

.rewards-lft-chart-wrap {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1rem;
}

.rewards-chart-item-heading {
  padding: 0.75rem 0.75rem 0;
}

.rewards-chart-item-heading-top {
  display: flex;
  gap: 0.3125rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

.rewards-chart-item-heading-top span {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--card-highlight--bg-color);
  border-radius: 50%;
}

.rewards-chart-item-heading-top span i {
  font-size: 0.75rem;
}

.rewards-chart-item-heading h5 {
  font-size: 1.5rem;
  margin-bottom: 0.3125rem;
  color: var(--text-two);
}

.rewards-lft-progress-wrap .gradiant-card {
  padding: 1rem;
  margin-bottom: 1rem;
}

.rewards-lft-progress-top h4 {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}

.rewards-lft-progress-top p {
  margin-bottom: 1.875rem;
}

.rewards-lft-progress-top p i {
  margin-right: 0.3125rem;
}

.rewards-lft-progress-top p span {
  margin: 0 0.3125rem;
}

.rewards-progress-scale-wrap {
  /* width: 70%;
  margin-left: auto; */
  margin-left: 12.5rem;
  width: 29.375rem;
}

.rewards-progress-scale-top {
  /* padding: 0 4% 0 0.3125rem; */
}

.rewards-progress-scale {
  border: 0.0625rem solid var(--text-two);
}

.rewards-progress-scale-btm {
  display: flex;
  justify-content: space-between;
}

.rewards-progress-scale-item {
  position: relative;
}

.rewards-progress-scale-item span {
  width: 0.625rem;
  height: 0.0625rem;
  background: var(--text-two);
  display: inline-block;
  transform: rotate(90deg);
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}

.rewards-progress-scale-item:first-child span {
  left: 0;
}

.rewards-progress-scale-item:last-child span {
  right: 0;
  transform: translateX(120%) rotate(90deg);
}

.rewards-progress-scale-item p {
  padding-top: 0.625rem;
}

.rewards-progress-scale-btm-text p {
  text-align: right;
  padding: 0.9375rem 0 0;
}

.rewards-progress-item {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}

.rewards-progress-item-lft {
  width: 12.5rem;
}

.rewards-progress-item-rht {
  /* width: 70%; */
  width: 32rem;
}

.rewards-progress-item-rht,
.switch_box {
  display: flex;
  align-items: center;
}

.rewards-progress-item-rht .progress {
  width: 100%;
}

.rewards-progress-item-rht p {
  margin-left: 0.3125rem;
}

.rewards-progress-item .progress {
  height: 0.3125rem;
  background: transparent;
}

.rewards-progress-item .progress .progress-bar {
  height: 0.3125rem;
  background: var(--text-two);
}

.rewards-lft-popular-product-wrap .r-best-selling-top-wrap {
  padding: 1rem;
}

.rewards-lft-popular-product-wrap .r-best-selling-products-wrap {
  max-height: 21.875rem;
}

.rewards-lft-popular-product-wrap .r-best-selling-top-wrap h4 {
  font-size: 1.25rem;
}

.rewards-lft-popular-product-wrap .r-best-selling-top-wrap h4 i {
  margin-left: 0.3125rem;
  font-size: 1rem;
}

.rewards-lft-popular-product-wrap .r-best-selling-products-box {
  padding: 1rem;
}

.rewards-lft-popular-product-wrap .r-best-selling-details,
.rewards-settings-wrap ul li p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rewards-lft-popular-product-wrap .r-best-selling-details h5 {
  font-size: 1rem;
  font-weight: 500;
  text-decoration: underline;
}

.rewards-lft-popular-product-wrap .r-best-selling-details h6 {
  font-size: 1rem;
  font-weight: 400;

}

.rewards-lft-popular-product-wrap .r-best-selling-details h6 span {
  text-decoration: underline;
}

.rewards-lft-popular-product-wrap .r-best-selling-details h6 strong {
  margin-left: 0.1875rem;
  font-weight: 500;
}

.rewards-rht-top-wrap {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1rem;
}

.rewards-rht-top-lft,
.rewards-rht-top-rht,
.punch-setting-wrap,
.punch-setting-share {
  padding: 0.75rem;
}

.punch-setting-wrap,
.punch-setting-share {
  margin-bottom: 1rem;
}

.rewards-rht-top-lft h4,
.rewards-rht-top-rht h4,
.rewards-rht-lft-top h4 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.9375rem;
}

.rewards-settings-wrap ul li {
  margin-bottom: 0.75rem;
  list-style: none;
}

.rewards-settings-wrap ul li:last-child {
  margin-bottom: 0rem;
}

.punch-setting-wrap .rewards-settings-wrap ul li {
  margin-bottom: 0;
}

.rewards-settings-wrap ul li a,
.rewards-settings-wrap a {
  background: var(--global-white);
  border-radius: 0.3125rem;
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 0.9375rem;
  border: 0.0625rem solid var(--global-input-border);
}

.rewards-settings-wrap ul li a div:first-child,
.rewards-settings-wrap .icon_bg_reward {
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  display: inline-block;
  background: var(--global-upload-border-color-w-bg);
  border-radius: 0.3125rem;
  margin-right: 0.625rem;
  flex-shrink: 0;
}

.rewards-settings-wrap ul li a div:nth-child(2) {
  width: 80%;
}

.rewards-settings-wrap ul li a div:last-child {
  width: 5%;
}

.rewards-settings-wrap ul li a div i,
.rewards-settings-wrap .icon_bg_reward i,
.right_arrow_icon i {
  color: var(--global-orange);
  font-size: 0.9375rem;
}

.rewards-settings-wrap ul li a div p,
.rewards-settings-wrap p {
  color: var(--text-grey);
  font-size: 0.875rem;
}

.icon-setup-rewards img {
  width: 1.3rem;
  height: auto;
}

.rewards-settings-wrap p {
  display: flex;
  align-items: center;
}

.reward_setting_punch_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.reward_setting_punch_title h4 {
  margin-bottom: 0;
}

.switch_box p {
  font-size: 0.875rem;
  padding-right: 0.3125rem;
}

.rewards-settings-wrap ul li a div p:last-child {
  margin-bottom: 0;
}

.rewards-settings-wrap ul li a div span {
  padding: 0.1875rem 0.9375rem;
  background: rgba(34, 176, 110, 0.15);
  color: #22B06E;
  border-radius: 3.125rem;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
}

.rewards-settings-wrap ul li a div span::after,
.rewards-settings-wrap ul li a div span.span-dis::after {
  content: '';
  position: absolute;
  width: 0.3125rem;
  height: 0.3125rem;
  background: #22B06E;
  left: 0.5rem;
  top: 50%;
  transform: translatey(-50%);
  border-radius: 50%;
}

.rewards-settings-wrap ul li a div span.span-dis {
  color: var(--global-orange);
  background: var(--global-upload-border-color-w-bg);
  position: relative;
}

.rewards-settings-wrap ul li a div span.span-dis::after {
  background: var(--global-orange);
}

.rewards-rht-btm-wrap-top {
  padding: 1rem 1rem 0 1rem;
}

.rewards-rht-btm-wrap-top h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.reward-detailed-logs-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.rewards-transaction-modal-wrap .people-table-main .dataTables_filter label {
  display: none;
}

.card_info_table .fiter_gift_card.fillte_punch {
  position: inherit;
  transform: translate(0.5rem, 0rem);
}

.fillte_punch .filter_btn_card {
  width: 2.25rem;
  height: 2.25rem;
}

.reward-dash-small-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.reward-dash-small-links a p i {
  color: var(--global-orange);
}

.rewards-rht-btm-wrap-btm .people-table-main {
  margin-bottom: 1rem;
}

.rewards-transaction-wrap .gradiant-card,
.rewards-transaction-wrap .template-wrap .merchant-table {
  padding: 1rem;
}

.punch-reminder-item-rht .merchant-table p {
  font-size: 1rem;
}

.dollar-input-field label {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
  flex-wrap: wrap;
}

.dollar-input-field label input,
.dollar-input-field .form-group .input-group,
.dollar-input-field .form-group-inner .form-group {
  max-width: 6.25rem;
}

.rewards-transaction-wrap .ratio-link-wrap {
  text-align: right;
}

.rewards-transaction-wrap .ratio-link-wrap a {
  margin-left: 0.625rem;
}

.rewards-transaction-wrap .ratio-link-wrap a:last-child {
  margin-right: 0;
}

.dollar-ration-summary ul li {
  flex-direction: column;
  align-items: flex-start;
}

.dollar-ration-summary ul li h6 {
  color: var(--text-two);
}

.dollar-ratio .gradiant-card {
  border-radius: 0.625rem;
}

.save-reward-points-modal h5 {
  margin-bottom: 0.625rem;
}

.save-reward-points-modal label {
  margin-bottom: 1.25rem;
}

.save-reward-points-modal a {
  min-width: 8.9375rem;
}

.reminder-table-top {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.send-reminder-wrap .send-reminder li {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  padding: 0.625rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--table-overlay-solid-color);
  margin-bottom: 0.4375rem;
}

.send-reminder-wrap .send-reminder li:last-child {
  margin-bottom: 0;
}

.send-reminder-wrap .send-reminder li span {
  width: 100%;
}

.send-reminder-wrap .send-reminder .input-select select {
  max-width: 8.125rem;
  background-color: var(--table-overlay-solid-color);
  border-radius: 0;
}

.send-reminder-wrap .send-reminder .btn-sm {
  padding: 0.3125rem 0.75rem;
}

.send-reminder-wrap .send-reminder .btn-lg {
  min-width: 10rem;
}

.send-reminder .btn_new_message button i {
  margin-right: 0.3125rem;
}

.reward-progress-item-wrap {
  display: flex;
}

.reward-progress-item {
  padding: 1.5625rem;
  position: relative;
  width: 25%;
  flex: 0 0 auto;
}


/* .reward-progress-item::after {
  position: absolute;
  content: '';
  background-image: url('../images/arrow-divider.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  z-index: 9;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
}

.reward-progress-item:last-child::after {
  background-image: none;
} */

.reward-progress-item-top {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.625rem;
}

.reward-progress-item-btm-lft {
  display: flex;
  gap: 0.625rem;
}

.reward-progress-item-btm {
  display: flex;
  align-items: flex-end;
}

.reward-progress-item-btm p {
  font-size: 0.875rem;
}

.form-group-main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 1rem;
}

.form-group-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  margin-bottom: 2.5rem;
}

.form-group-inner .form-group p.error_el {
  position: absolute;
}

/* REWARDS DASHBOARD END */
/* PUNCH CARD REWARD */
.punch-setting-share {
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 2rem;
}

.punch-setting-share h4 {
  font-size: 1rem;
  font-weight: 600;
}

.reward_setting_punch_title h2 {
  font-size: 1.5rem;
  margin-bottom: 0;
}

/* .btn_new_message.modal_icon_btn a {
  background: var(--global-white);
  color: var(--global-orange);
  border-color: var(--orange-white-orange);
} */

.sm_text {
  font-size: 0.75rem;
  font-weight: 400;
}

/*  PUNCH CARD REWARD CUSTOMER PROFILE*/
.punchcard-customer-profile .sms-campaign-item-body {
  min-height: initial;
}

.punchcard-customer-profile .sms-campaign-item-body-item-img {
  margin-right: 0.9375rem;
}

.punchcard-customer-profile .sms-campaign-item-body-item-img img {
  width: 3.4375rem;
  height: 3.4375rem;
}

.punchcard-customer-profile .sms-campaign-item-body-item-text h5 {
  font-size: 1.25rem;
  margin-bottom: 0.3125rem;
}

.punchcard-customer-profile .sms-campaign-item-body-item-text h6 {
  opacity: 1;
}

.punchcard-customer-profile ul {
  display: flex;
  justify-content: space-between;
}

.punchcard-customer-profile ul li {
  list-style: none;
  width: 50%;
}

.punchcard-customer-profile ul li span {
  opacity: 0.8;
}

.punchcard-customer-img-wrap img {
  width: 100%;
  border-radius: 1rem;
}

.tablePlusHighlight {
  background: var(--card-highlight--bg-color);
  padding: 0.1875rem 0.625rem;
  border-radius: 1.25rem;
  font-size: 0.8125rem;
}

.punch-card-reward-top {
  padding: 1.5rem;
}

.punch-card-reward-top p {
  font-size: 0.875rem;
  padding-bottom: 0.3125rem;
}

.punch-card-reward-top h4 {
  font-size: 1rem;
}

.title_history.punch-card {
  padding-bottom: 0;
}

.phone_main_image {
  position: relative;
  overflow: hidden;
}

.phone_main_image img {
  width: 100%;
  height: 29.75rem;
}

.phone_main_image p {
  width: 90%;
  max-height: 25.75rem;
  overflow-y: auto;
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 0.625rem;
}

.btn_new_message.punchbtn a {
  width: 48%;
  margin: 0.25rem 0.125rem;
}

.bounced_emails_table_wrap table thead th,
.bounced_emails_table_wrap table thead th:last-child {
  text-align: left;
}

.bounced_emails_table_wrap .sms-campaign-item-body-item,
.bounced_emails_table_wrap .sms-campaign-item-body-item-right {
  padding-left: 0;
  margin-left: 0;
}

.bounced_emails_table_wrap table .sms-campaign-item-body-item-text {
  text-align: left;
}

.bounced_emails_table_wrap table .sms-campaign-item-body-item-text h6 {
  text-transform: lowercase;
}


/*  PUNCH CARD ADVERTISE REWARDS */
.advertise-rewards-rht-wrap h5 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.advertise-rewards-rht-email-template-wrap {
  max-height: 31.25rem;
  overflow-y: auto;
  text-align: center;
}

.punch-select-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.punch-select-all label {
  padding: 0 1.375rem 0 0;
  margin-bottom: 1.25rem;
}

.punch-select-all label input {
  margin-right: 0.3125rem;
}

.punch-reminder-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.punch-reminder-item-top-lft {
  width: 100%;
}

.punch-reminder-item-btm {
  max-height: 31.25rem;
  overflow-y: auto;
}

.punch-reminder-item-rht .punch-reminder-item-btm {
  text-align: center;
}

.punch-reminder-item-rht .punch-reminder-item-btm img {
  width: 15.625rem;
}

.advertise-rewards-notification img {
  width: 15.625rem;
}

.update-reward-wrap .add-popup-btn {
  border: transparent;
  color: var(--text-two);
  display: flex;
}

.update-reward-wrap .add-popup-btn i {
  color: var(--text-two);
}

.add-rule-modal .sm_pic_m_c,
.edit-rule-modal .sm_pic_m_c {
  margin: initial;
  margin-right: 0.625rem;
}

.update-reward-wrap .btn_new_message button i {
  margin-right: 0.3125rem;
}

/* PUNCHCARD REMINDER START */
.punch-reminder-item-btm .phone_main_image {
  max-width: 26.25rem;
  margin: 0 auto;
}

.punch-reminder-item-btm .phone_main_image p {
  max-width: 14.375rem;
  color: var(--text-grey);
}

/* REWARDS DASHBOARD END */
.user_main_log_wrap .form-group .input-group input {
  padding-right: 2.1875rem;
}

.eyetoggle {
  width: 1.875rem;
  height: 2.25rem;
  line-height: 2.25rem;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--text-two);
  z-index: 5;
  cursor: pointer;
}

.user_header ul li {
  padding: 0.9375rem 0 0 1.875rem;
  position: relative;
  list-style: none;
}

.user_header ul li img {
  margin: -0.125rem 0.4375rem 0 0;
}

.advertize-reward-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

/*  PUNCH CARD ADVERTISE REWARDS */
/*  PROMOTIONAL CAMPAIGN FOR ENTIRE STORE */
.promotional-campaign-top-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.promotional-content-table-outer {
  display: flex;
  justify-content: space-between;
}

.promotional-lft-table-wrap {
  width: 60%;
}

.promotional-rht-content-wrap {
  width: 39%;
}

.promotional-content-titile-wrap {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.promotional-content-titile-wrap h2 {
  font-size: 1.5rem;
}

.promotional-content-content-wrap {
  padding: 1rem;
}

.promotional-titile-flex,
.promotional-content-title-actions,
.next-prev-btn {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.next-prev-btns-p {
  position: absolute;
  top: 0.9375rem;
  right: 0;
  background: #fff;
  width: 6.1875rem;
  z-index: 1;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
}

.promotional-titile-flex {
  justify-content: space-between;
}

.btn-right-icon {
  display: flex;
  align-items: center;
  justify-content: start;
}

.promotional-titile-switch-action,
.btn-right-icon button,
.btn_right_auto button,
.btn_right_auto a {
  margin: 0rem 0.625rem 0 0;
}

.campaign_bx_bottom .btn_right_auto button,
.campaign_bx_bottom .btn_right_auto a {
  margin: 0rem 0.625rem 0.625rem 0;
}

.btn-right-icon button.btn-export,
.btn-right-icon a.btn-export {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  display: flex;
  margin-right: 0.625rem;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.btn-right-icon button.btn-export {
  margin-right: 0rem;
}

.btn-right-icon button:last-child,
.btn_right_auto button:last-child,
.btn_right_auto a:last-child {
  margin-right: 0;
}

.btn_right_auto a.btn-export {
  color: var(--orange-orange-white);
}

.btn_right_auto .btn-export i {
  padding-right: 0.625rem;
}

.title-email-temp {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}

.promotional-titile-flex h2,
.title-email-temp h2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.title-email-temp h2 {
  font-size: 1.3125rem;
  padding: 0 9.375rem 0 0.25rem;
}

.campaign_bx_bottom,
.currentcampaign {
  height: auto;
  margin-bottom: 1.5rem;
}

.campaign_bx_bottom .btn-export {
  padding: 0.3125rem 1.25rem;
}

.promotional-titile-switch-action label {
  padding-bottom: 0;
}

.next-prev-btn .carousel-control-next,
.next-prev-btn .carousel-control-prev {
  position: initial;
  left: 0;
  right: 0;
  width: auto;
  margin: 0 0.625rem;
  background-color: var(--global-orange);
  border-radius: 0.3125rem;
}

/* ADD CAMPAIGN DETAILS */
.add-campaign-promotion,
.promotional-campaign-customize-wrap {
  padding: 1.5rem;
}

.add-campaign-promotion .form-group {
  margin-bottom: 1rem;
}

.inner-group-field-with-icon.togglecl .input-group-text i {
  padding: 0;
}

.notification_content {
  padding: 1rem;
  background: var(--card-highlight--bg-color);
  border-radius: 0.375rem;
  margin-bottom: 1.5rem;
  position: relative;
}

.notification_content p {
  font-size: 0.875rem;
  font-weight: 500;
  padding-left: 1.5rem;
  color: var(--text-two);
}

.notification_content i {
  position: absolute;
  left: 1rem;
  top: 1.25rem;
}

.promotion_search_area {
  padding: 1rem;
  border-radius: 0.625rem;
  margin-bottom: 1rem;
}

.promotion-campaign-item {
  height: auto;
  padding: 1.5rem 0;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}

.transaction_table_date {
  padding: 0.6875rem 1.3125rem 0;
}

.performing-campaign-wrap.people-table-accordian-wrap .accordion-item {
  border: none;
}

/*  PROMOTIONAL CAMPAIGN FOR ENTIRE STORE */
/*  PROMOTIONAL CAMPAIGN FOR MORE ITEMS */
.no_current_campaign {
  border-radius: 0.9375rem;
  overflow: hidden;
}

.no_current_campaign p {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  color: var(--global-white);
  background: rgba(0, 0, 0, 0.51);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 600;
}

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

.btn_slider_next_prev .carousel-control-next,
.btn_slider_next_prev .carousel-control-prev {
  position: initial;
  width: 1.875rem;
}

.promotion_current_wrap .inner_products_item {
  border-radius: 0.625rem;
  overflow: hidden;
}

.promotion_current_wrap .promotional-titile-flex,
.promotion_current_wrap .inner_products_item {
  margin-bottom: 1.5rem;
}

.promotion_current_wrap .currentcampaign {
  margin-bottom: 0;
}

.currentcampaign .carousel-inner {
  border-radius: 0;
}

.promotion_sms_campaign img,
.promotion_sms_campaign {
  width: 18.75rem;
  margin: auto;
  position: relative;
}

.promotion_sms_campaign p {
  position: absolute;
  top: 3.1875rem;
  left: 0;
  right: 0;
  z-index: 1;
  height: 31.8125rem;
  overflow: auto;
  color: #000;
  padding: 1.25rem 1.25rem 1.25rem 1.875rem;
  width: 17.6875rem;
  font-size: 1rem;
  word-break: break-word;
}

.promotion_email_campaign {
  border-radius: 0.625rem;
  overflow: hidden;
}

.people-table-main .dataTables_filter.dataTables_direction label {
  order: unset;
  margin-right: 0.625rem;
}

.promotion_campaign_inventory {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.625rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.promotion_campaign_inventory tr {
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.promotion_campaign_inventory tr:last-child {
  border: none;
}

.promotional_discount {
  font-weight: 600;
}

.promotional_discount .pricing_summary {
  color: var(--global-orange);
}

.btn_tooltips {
  background: transparent;
  border: none;
  color: var(--text-two);
}

.btn_width_i,
.btn_next_page .btn_width_i {
  padding: 0.375rem 0.625rem;
}

.btn_width_i i {
  padding-right: 0.3125rem;
}

.promotion_pricing_val {
  color: var(--global-orange);
  font-weight: 700;
  font-size: 1.5rem;
}

.promotion_pricing_val del {
  color: var(--input-placeholder);
  font-size: 1rem;
  padding: 0 0.3125rem;
  font-weight: 400;
}

.off_pricing {
  display: inline-block;
  border: 0.0625rem solid var(--global-orange);
  border-radius: 6.25rem;
  padding: 0.125rem 0.625rem;
  background: var(--global-upload-border-color-w-bg);
  font-size: 0.75rem;
}

.promotion_edit_select {
  margin: 0 0.625rem 0.625rem 0 !important;
}

.promotional-main-inner-wraper {
  padding: 1.5rem;
}

.inner_promotion_wrap {
  border: 0.0625rem solid var(--global-input-border);
  padding: 1.5rem;
  border-radius: 0.625rem;
}

.promotional-main-inner-wraper .enter_amountbx {
  border-color: var(--global-input-border);
  color: var(--text-two);
}

.promotional-main-inner-wraper .enter_amountbx input {
  color: var(--text-two);
}

.promotional-main-inner-wraper .enter_amountbx input:focus {
  border: none;
  box-shadow: none;
  color: var(--text-two);
}

.promotional-main-inner-wraper .icon_right button {
  color: var(--text-two);
}

.promotion_current_wrap .promotional-titile-flex,
.btn_new_message.modal_icon_btn.btn_right_auto {
  flex-wrap: wrap;
}

.select-all-wrap {
  padding: 1rem 1.25rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
  box-shadow: 0rem 0.1875rem 0.3125rem 0rem var(--input-placeholder);
}

.select-all-wrap label {
  padding-bottom: 0;
  padding-left: 0.3125rem;
}

.select-customer-list {
  height: 50vh;
  overflow-y: auto;
}

/* END PROMOTIONAL CAMPAIGN FOR MORE ITEMS */
/* FIRST TIME REWARDS */
.first-reward-setting-wrap .reward_setting_punch_title h4 {
  font-size: 1.25rem;
}

.first-reward-setting-wrap span {
  display: flex;
  align-items: center;
  padding: 0 0.9375rem;
  background: var(--card-highlight--bg-color);
  border-left: 0.0625rem solid var(--global-input-border);
}

.first-reward-setting-wrap span:first-child {
  border-left: 0;
  border-right: 0.0625rem solid var(--global-input-border);
}

.rewardTransactionLog .dataTables_filter label {
  margin-right: 2.8125rem;
}

.rewardTransactionLog .customer_email_logs_wrapper .dataTables_filter label {
  margin-right: 0;
}

.rewardTransactionLog .card_info_table .fiter_gift_card.fillte_punch {
  position: absolute;
  right: 1.875rem;
}

.rewardTransactionLog .card_info_table .fiter_gift_card.fillte_punch i {
  color: var(--global-white);
}

.rewardTransactionLog table th button {
  background: transparent;
  padding: 0.375rem;
  border: 0;
}

.rewardTransactionLog table th button:hover {
  background: transparent;
}

.rewardTransactionLog table th button i {
  color: var(--text-grey);
}

.advertise-card .sms-campaign-wrapper-item {
  border-radius: 0.625rem;
}

.first-reward-setting-wrap.modal-span-input span {
  background: var(--global-input-w-bg);
}

/****************************** EMPLOYEE ***********************/
/* MANAGE EMPLOYEE */
.integrations_main {
  margin-bottom: 1.25rem;
}

.integrations_main a {
  width: 23.2%;
  margin: 0 0.625rem 0.625rem 0;
  position: relative;
  text-align: center;
  padding-left: 2rem;
}

.integrations_main img {
  position: absolute;
  left: 0.625rem;
}

.title_modal_emp {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
}

.applications_btn {
  width: 31.6%;
  background: var(--global-white);
  box-shadow: 0rem 0.25rem 0.875rem -0.4375rem var(--input-white-placeholder);
  display: inline-block;
  padding: 1.25rem;
  text-align: center;
  margin: 0 0.625rem 0.625rem 0;
  border-radius: 0.625rem;
  position: relative;
  overflow: hidden;
}

.applications_btn p {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.625rem 0 0;
  color: var(--global-black);
}

.applications_btn img {
  width: 1.5625rem;
}

.applications_btn i {
  font-size: 1.875rem;
  color: var(--global-btn-bg);
}

.application-overlay-btn-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--input-placeholder);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: .3s all linear;
}

.applications_btn:hover .application-overlay-btn-wrap {
  opacity: 1;
}

.r-modal-icon-btn {
  width: 2.125rem;
  height: 2.125rem;
  background: var(--global-white);
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: 0.3125rem;
}

.r-modal-icon-btn:last-child {
  margin-right: 0rem;
}

.r-modal-icon-btn i {
  font-size: 1.25rem;
}

.r-modal-icon-btn img {
  width: 1.25rem;
}

.edit_inventory_stock_top_rht .r-modal-icon-btn {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-color: var(--white-white-orange);
  margin-right: 0;
}

.activate-login-inner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.activate-login-lft {
  width: 80%;
}

/* CLOCK_IN_OUT */
.clock-table-gear {
  margin-left: 0.625rem;
}

.employee-logs-rht-wrap {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
}

.new-white-input input,
.new-white-input textarea,
.new-white-input select,
.new-white-input-with-icon,
.new-white-input input:focus,
.new-white-input textarea:focus,
.new-white-input select:focus {
  background-color: var(--global-white);
  border: 0.0625rem solid var(--global-white);
  padding: 0.375rem .75rem;
  color: var(--text-grey);
  border-radius: 0.3125rem !important;
  font-size: 0.875rem;
  min-height: 2.25rem;
  box-shadow: 0rem 0rem 0.625rem 0rem var(--top-header-icons-border);
  margin-left: 0.625rem;
}

.new-white-input input::placeholder,
.new-white-input textarea::placeholder,
.new-white-input select::placeholder,
.new-white-input-with-icon input::placeholder {
  color: var(--input-white-placeholder);
}

.new-white-input-select-two .select2-selection {
  min-height: 2.25rem !important;
  border-radius: 0.3125rem !important;
  border: 0.0625rem solid var(--global-white) !important;
  appearance: none !important;
  position: relative !important;
  background-image: url(../images/arrow-grey.png);
  background-color: var(--global-white) !important;
  background-repeat: no-repeat;
  background-position: center right 0.625rem;
  min-width: 13.75rem;
  box-shadow: 0rem 0rem 0.625rem 0rem var(--top-header-icons-border);
  margin-left: 0.625rem;
}

.new-white-input-select-two .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.25rem;
  color: var(--text-grey);
  padding-right: 1.5rem;
}

.new-white-input-with-icon {
  min-width: 13.75rem;
  display: inline-flex;
}

.new-white-input-with-icon input,
.new-white-input-with-icon input:focus {
  border: none;
  padding: 0;
  min-height: auto;
  color: var(--text-grey);
  width: 100%;
  margin-left: 0.625rem;
  box-shadow: none;
}

.table-break-all {
  word-break: break-all;
}

/* CLOCK_IN_OUT */
/* ADD EMPLOYEE */
.inventory-product-data.add-employee-outer-wrap .nav {
  width: auto;
}

.promotional_add_employee_table {
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.promotional_add_employee_table thead tr th,
.promotional_add_employee_table tbody tr td {
  padding: 0;
}

.promotional_add_employee_table thead tr th table thead tr th,
.promotional_add_employee_table tbody tr td table tbody tr td,
.promotional_add_employee_table .pricing-table thead tr th {
  padding: 0.5rem 1.25rem;
  top: 2.5rem;
}

.promotional_add_employee_table .collapsible i {
  float: right;
}

.promotional-content-table-outer input.input-qty {
  min-width: 2.5rem;
  max-width: 12.5rem;
  width: auto;
}

.promotional-content-table-outer .qty-btn-minus {
  margin-right: 0.3125rem;
}

.promotional-content-table-outer .qty-btn-plus {
  margin-left: 0.3125rem;
}

.commission_promotional .order-list-input-fix .dollar-input-input {
  width: 6.25rem;
  padding-right: 0;
}

/* .commission_promotional input[type=number]::-webkit-inner-spin-button,
.commission_promotional input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
  margin: 0;
} */

.weekly_day {
  display: none;
}

.weekly_day.weekly_day_show {
  display: block;
}

.promotional_add_employee_table .authorisations_table_wrap thead tr th:first-child,
.promotional_add_employee_table .authorisations_table_wrap tbody tr td table tbody tr td:first-child,
.promotional_add_employee_table .authorisations_table_wrap tbody tr td table tr td:first-child {
  width: 50%;
}

.promotional_add_employee_table .authorisations_table_wrap thead tr th table thead tr th,
.promotional_add_employee_table .authorisations_table_wrap tbody tr td table tbody tr td,
.promotional_add_employee_table .authorisations_table_wrap tbody tr td table thead tr th,
.promotional_add_employee_table .authorisations_table_wrap tfoot tr th {
  width: 8%;
  padding: 0.75rem 1rem;
}

/* ADD EMPLOYEE */
/* EDIT EMPLOYEE */
.hireddate {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  padding-right: 0.625rem;
  color: var(--text-one);
}

.employee_btn_tabs {
  width: 100%;
  justify-content: center;
}

.employee_btn_tabs.nav-pills {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.employee_btn_tabs.nav-pills .nav-link {
  border: none;
  padding: 1.25rem;
}

.employee_btn_tabs.nav-pills .nav-link.active,
.employee_btn_tabs.nav-pills .show>.nav-link {
  color: var(--nav-link);
  background-color: transparent;
  border-bottom: 0.125rem solid var(--text-two);
}

.edit_employee_inner_main {
  padding: 1.25rem;
}

.employee_btn_tabs.nav-pills .nav-link:hover {
  color: var(--nav-link);
  background: transparent;
}

.edit_employee_charts_main {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  background: var(--global-white-bg-opacity);
  border-radius: 0.625rem;
}

.edit-employee-item-chart canvas {
  height: 21.875rem !important;
}

.employee_accordian_main {
  margin-bottom: 1rem;
}

.employee-commission-main-items {
  padding: 1.5rem 0;
}

.employee-commission-item-body {
  overflow: auto;
  max-height: 40.3125rem;
}

.employee-commission-item-body .sms-campaign-item-body-item-main.reverse {
  background: var(--card-highlight--bg-color);
}

.people-table-accordian-wrap .volume_commission_inner_wrap.accordion-body {
  padding: 1.5rem;
}

.volume_commission_inner_wrap .error {
  color: var(--error-color);
  font-size: 0.875rem;
  margin-top: 0.1875rem;
}

.form-group-select-main .dollar-input-input {
  padding: 0;
}

.form-group-select-main select.sm-selcet {
  width: 6.25rem;
  border: none;
  border-left: 0.0625rem solid var(--text-two);
  border-radius: 0rem !important;
  background-color: var(--global-white-w-opacity);
}

.volume_commission_inner_wrap p {
  color: var(--text-two);
}

.accordion-item.employee_accordian_main {
  border: 0.0625rem solid var(--global-input-border);
}

.employee-commission-item-body .sms-campaign-item-body-item-right {
  margin: 0;
  padding: 0 1.375rem;
}

.bonuscommissions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 1.25rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.bonuscommissions .search_int {
  width: 50%;
}

.bonuscommissions .form-check {
  flex-shrink: 0;
}

.cummunication-his-top-wrap {
  padding: 1.5rem 0 1.5rem 1.5rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.cummunication-his-top-wrap .form-group {
  width: 20rem;
}

.com-his-modal-content-wrap h6 {
  margin-bottom: 0.3125rem;
}

.com-his-modal-content-wrap p {
  margin-bottom: 0.625rem;
}

.com-his-modal-content-wrap span {
  font-size: 0.9375rem;
}

.com-his-modal-content-wrap a {
  color: var(--global-orange);
}

/* EDIT EMPLOYEE */
/* START EMPLOYEE LOCATION */
.employee_location_tabs {
  margin-bottom: 1rem;
}

.employee-loaction-scheduled {
  padding: 1rem;
  align-items: center;
  height: auto;
  margin-bottom: 1.25rem;
}

.iconherebx {
  font-size: 1.875rem;
  color: var(--text-two);
  margin-right: 0.75rem;
}

.content-location-em p {
  color: var(--text-two);
  font-size: 0.875rem;
  padding-bottom: 0.3125rem;
}

.content-location-em h4 {
  color: var(--text-two);
  font-size: 1.5rem;
}

.googlemap_main_wrap iframe {
  width: 100%;
  height: 26rem;
  border-radius: 0.9375rem;
}

.employee_hours_wrap {
  max-height: 86rem;
  height: auto;
  overflow: auto;
  position: relative;
}

.employee_hours_wrap .people-table-main table thead th {
  position: sticky !important;
  top: 0;
}

/* END EMPLOYEE LOCATION */

/* START SCHEDULE */
.employee-schedule-main-wraper .add-campaign-promotion {
  margin-bottom: 1.25rem;
}

.btn_schedule a,
.btn_schedule .three-dot-list-wrap {
  color: var(--text-two);
  font-size: 1.125rem;
  padding-left: 0.625rem;
}

.btn_schedule {
  display: flex;
}

.progressbr {
  width: 100%;
  height: 0.5rem;
  border-radius: 0.625rem;
  background-color: #e9ecef;
}

.progressbr::-webkit-progress-bar {
  background-color: #e9ecef;
  border-radius: 0.625rem;
}

.progressbr::-webkit-progress-value {
  background-color: var(--global-orange);
  border-radius: 0.625rem;
}

.btn-sched-btnexp a.btn-export {
  background: var(--white-white-orange);
  color: var(--orange-orange-white);
}

#employee_schedule_add #day_tour .form-group.order-list-input-fix {
  padding-right: 1rem;
}

/* END SCHEDULE */
/* FILE CABINET */
/* left file cabinet */
.cabinet_nav_tabs {
  background: var(--global-white);
}

.cabinet_nav_tabs .nav-link {
  color: var(--global-black);
}

.file-cabinet-main-inner .hireddate {
  color: var(--text-two);
}

.file_navbar {
  list-style: none;
}

.file_navbar li a,
.file_navbar li label {
  width: 100%;
  padding: 0.75rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
  display: inline-block;
  color: var(--text-two);
}

.file_navbar li:last-child a,
.file_navbar li:last-child label,
.file_cabinate_navbar li:last-child {
  border: none;
}

.file_navbar li a i,
.file_navbar li label i {
  padding-right: 0.625rem;
}

.file_navbar input[type="file"] {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.file_cabinate_navbar {
  background: var(--global-white);
  box-shadow: 0rem 0rem 0.125rem 0rem var(--card-inside-card-txt);
  border-radius: 0.625rem;
}

.file_cabinate_navbar li,
.delete_edit_action {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.file_cabinate_navbar {
  margin-top: 1.25rem;
}

.titlefilecabinet {
  max-width: 81%;
}

.delete_edit_action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.file_cabinate_navbar li .delete_edit_action a,
.delete_edit_action a {
  color: var(--global-orange);
  padding: 0.625rem 0;
}

.file_cabinate_navbar li .titlefilecabinet a {
  color: var(--global-black);
  word-wrap: break-word;
}

.file_cabinate_navbar li {
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.sorting_main_wrap {
  padding: 0.9375rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.sortbyitem {
  margin-left: 6.25rem;
  flex-shrink: 0;
}

.file_cabinate_navbar ul {
  max-height: 32.8125rem;
  overflow-y: auto;
}

.trash_cabinet a {
  color: var(--global-black);
  padding: 0.625rem;
  display: block;
  border-top: 0.0625rem solid var(--global-border-color-w-bg);
}

.trash_cabinet i {
  color: var(--global-orange);
  padding-right: 0.4375rem;
}

.title_note_v {
  display: inline-block;
  font-weight: 600;
}

.notetextviews p {
  font-size: 1rem;
  margin-bottom: 0.9375rem;
}

.main-upload-document-page.file-cabinet-video video {
  width: 100%;
  height: calc(100vh - 30vh);
}

/* right file cabinet */
.file_cabinet_row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.file_cabinet_columm_left {
  width: 20%;
}

.file_cabinet_columm_right {
  width: 78%;
}

.file-cabinet-main-inner {
  padding: 1.25rem;
  height: auto;
}

.file-cabinet-grid-wrap {
  display: grid;
  grid-gap: 1.25rem;
  justify-content: space-between;
  grid-template-columns: repeat(3, 31.50%);
  margin-bottom: 1.25rem;
}

.file-cabinet-grid-wrap .inventory-grid-item {
  position: relative;
  background: var(--global-white);
  box-shadow: 0rem 0rem 0.125rem 0rem var(--card-inside-card-txt);
}

.filecabinet-grid-item-img a {
  font-size: 3.75rem;
  line-height: 3.75rem;
  color: var(--global-black);
}

.filecabinet-grid-item-img img {
  width: 4.0625rem;
  height: 4.0625rem;
  object-fit: contain;
}

.innerbradcomes a {
  color: var(--global-orange);
}

.file-cabinet-item-text h4 {
  color: var(--global-black);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0.9375rem 0 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 1.25rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.file-cabinet-upload-size {
  padding: 0.9375rem 0;
}

.file-cabinet-upload-size p {
  color: var(--global-black);
  font-size: 0.875rem;
  font-weight: 400;
}

.icon_bg_orange {
  padding: 0 !important;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 0.125rem 0.375rem 0.125rem;
  min-height: auto;
  line-height: 2.125rem;
  text-align: center;
}

.icon_bg_orange i {
  padding: 0 !important;
}

.filecabinet-list {
  text-align: right;
}

.filecabinet-list a {
  color: var(--global-orange);
  margin-left: 0.5rem;
  font-size: 1.25rem;
}

.iconsfile i {
  padding-right: 0.4375rem;
}

.iconsfile img {
  width: 1rem;
  margin-right: 0.4375rem;
}

.filecabinet_main_table.without_datatable_table .people-table-main {
  min-width: 74.9375rem;
}

.without_datatable_table {
  overflow: auto;
  border-radius: 0.9375rem;
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.without_datatable_table table thead th,
.without_datatable_table table tbody td {
  padding: 0.625rem;
}

.without_datatable_table table tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0rem var(--card-highlight--bg-color);
}

.without_datatable_table table tbody tr:last-child {
  box-shadow: none;
}

.without_datatable_table table tbody td.iconsfile {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 15.0625rem;
  max-height: 2.5rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.without_datatable_table .three-dot-list-wrap .dropdown-menu li,
.listfilescabinet li:last-child a {
  border: none;
}

.without_datatable_table .three-dot-list-wrap .dropdown-menu li a {
  text-decoration: none;
}

.listfilescabinet {
  list-style: none;
}

.listfilescabinet li:hover a,
.listfilescabinet li.active a {
  background-color: var(--global-upload-background-w-bg);
}

.listfilescabinet li a {
  color: var(--global-black);
  font-size: 1rem;
  padding: 0.625rem 1.25rem;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
  display: block;
}

.listfilescabinet li i,
.filecabinetmodal .modal-footer a {
  padding-right: 0.625rem;
  color: var(--global-orange);
}

.filecabinetmodal .modal-footer a {
  text-decoration: underline;
  float: left;
}

/*NOTED BTN*/
.listeditable_note {
  list-style: none;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}

.listeditable_note li {
  margin: 0 0.625rem 0.625rem 0;
}

.listeditable_note li:first-child {
  margin-left: 0;
}

.listeditable_note li a {
  color: var(--global-black);
  background: var(--global-white);
  display: inline-block;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.4375rem;
  font-size: 1rem;
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-border-color-w-bg);
}

.listeditable_note .r-icon-btn {
  color: var(--global-orange);
  padding: 0 0 0 0.3125rem;
  font-size: 1rem;
}

.listeditable_note li a.active .notedtext {
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.notedtext {
  margin-right: 0.625rem;
  padding: 0.125rem 0.625rem;
  display: inline-block;
  border: 0.0625rem solid transparent;
}

.folderMenu-list li.active {
  background: var(--global-upload-background-w-bg);
}

/* FILE CABINET END */

/* WELCOME */
.dashboard_main_welcome_wrapper {
  width: 100%;
  height: 100%;
  background: url(../images/promotional-email/Vector.png) no-repeat center center;
  background-size: auto 100%;
  padding-bottom: 3.125rem;
}

.welcome_main_wraper {
  width: 100%;
  height: 100%;
  display: grid;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  position: relative;
}

.welcome-container {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0rem, -50%);
}

.main_universell_content {
  margin-top: 3.125rem;
  padding: 1.25rem 4.125rem;
  position: relative;
}

.icon_box_main {
  width: 7.5rem;
  height: 7.5rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--global-white-bg-opacity);
  border-radius: 6.25rem;
}

.icon_inner {
  width: 4.5625rem;
  height: 4.5625rem;
  background: var(--text-two);
  border-radius: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.universell_content h4 {
  color: var(--text-two);
  font-size: 1.25rem;
  font-weight: bold;
  padding-top: 0.9375rem;
}

.universell_content h2 {
  color: var(--text-two);
  font-size: 2rem;
  font-weight: 800;
  padding: 0.9375rem 0;
}

.universell_content p {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 400;
}

.border-custome {
  width: 7.5rem;
  height: 0.0625rem;
  background: var(--text-two);
  display: inline-block;
  position: absolute;
}

.border-custome.top {
  left: 0;
  top: 5rem;
}

.border-custome.bottom {
  left: 0;
  bottom: -5rem;
}

.border-custome.bottom::before,
.border-customeright .border-custome.bottom::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 6.25rem;
  background: var(--text-two);
  position: absolute;
  right: -0.125rem;
  top: -0.3125rem;
}

.border-customeleft::after,
.border-customeright::after {
  content: "";
  width: 0.0625rem;
  height: 100%;
  background: var(--text-two);
  position: absolute;
  left: 0;
  top: 5rem;
}

.border-customeright::after,
.border-customeright .border-custome.top {
  right: 0;
  left: auto;
  top: 5rem;
}

.border-customeright .border-custome.bottom {
  left: auto;
  right: 0;
  bottom: -5rem;
}

.border-customeright .border-custome.bottom::before {
  left: -0.125rem;
  top: -0.3125rem;
}

/* END FILE CABINET */
/****************************** EMPLOYEE ***********************/

/* COMEBACK REWARDS START */
.comeback-accordion.people-table-accordian-wrap .accordion-item {
  margin-bottom: 1rem;
  border: 0;
}

.comeback-accordion.people-table-accordian-wrap .accordion-item:last-child {
  margin-bottom: 0;
}

.comeback-accordion.people-table-accordian-wrap .accordion-item .accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.comeback-accordion.people-table-accordian-wrap .accordion-item .accordion-button label {
  padding-bottom: 0;
  display: flex;
  align-items: center;
}

.comeback-accordion.people-table-accordian-wrap .accordion-item .accordion-button label input {
  margin: 0rem 0.625rem 0 0;
}

.comeback-accordion.people-table-accordian-wrap .accordion-item .accordion-button label i {
  margin: 0 0 0 0.9375rem;
  font-size: 1.5rem;
}

.comeback-accordion .sms-campaign-item-body {
  min-height: 32.1875rem;
}

/* COMEBACK REWARDS END */

/* ---------- PAYROLL START ---------- */
.payroll-report-btm-nav-wrap .nav {
  gap: 0.75rem;
}

.payroll-report-btm-nav-wrap .nav.nav-pills .nav-item {
  margin: 0;
}

.payroll-report-wrap-top-lft {
  display: flex;
  gap: 0.9375rem;
}

.payroll-report-wrap-top-lft a i {
  font-size: 1.25rem;
  color: var(--orange-white-orange);
}

.payroll-report-wrap-top .btn_new_message {
  text-align: right;
}

.payroll-report-wrap-top .btn_new_message a {
  margin-left: 0.625rem;
}

.payroll-btm-wrap {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.payroll-btm-lft {
  width: 73%;
}

.payroll-btm-rht {
  width: 27%;
}

.payroll-report-btm-lft .gradiant-card {
  padding: 1rem;
  margin-bottom: 1rem;
}

.payroll-btm-rht .new-inv-order-wrapper h2 {
  margin-bottom: 1rem;
  border-bottom: 0.0625rem solid var(--text-two);
}

.payroll-btm-rht .order_summary_e_gift.invoice_payment li p {
  width: 50%;
}

.payroll-btm-rht .order_summary_e_gift.invoice_payment li p:last-child {
  text-align: right;
}

.payroll-btm-rht .order_summary_e_gift.invoice_payment .name-wrap p:last-child {
  max-width: 10.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---------- PAYROLL END ---------- */
/* ---------- TIME TRACKER START ---------- */
.time-traker-top-wrap.gradiant-card {
  height: auto;
  padding: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.time-tracker-top-right {
  text-align: right;
}

.time-tracker-time-wrap {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.time-tracker-time-wrap .stop_timer_btn {
  display: none;
}

.time-tracker-time-wrap.timer-started .stop_timer_btn {
  display: block;
}

.time-tracker-time-wrap.timer-started .start_timer {
  display: none;
}

.time-tracker-time-wrap span {
  margin-right: 1rem;
  font-size: 1.625rem;
  letter-spacing: 0.0625rem;
}

.stop-time-tracker-modal-content h5 {
  margin-bottom: 1rem;
  font-weight: 600;
}

.stop-time-tracker-modal-content ul li {
  list-style-type: none;
  margin-bottom: 0.5rem;
}

.stop-time-tracker-modal-content ul li:last-child {
  margin-bottom: 0rem;
}

/* ---------- PAYROLL END ---------- */
/* ---------- TIME TRACKER START ---------- */
.time-traker-top-wrap.gradiant-card {
  height: auto;
  padding: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.time-tracker-top-right {
  text-align: right;
}

.time-tracker-time-wrap {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.time-tracker-time-wrap span {
  margin-right: 1rem;
  font-size: 1.625rem;
  letter-spacing: 0.0625rem;
}

/* ---------- PAYROLL END ---------- */
/* ---------- EMPLOYEE MESSENGER START ---------- */
.employee-lft-top-wrap {
  padding: 1.25rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.employee-lft-wrap .sms-campaign-item-body {
  height: calc(70vh - 6.25rem);
  max-height: none;
  min-height: initial;
}

.employee-lft-wrap .sms-campaign-wrapper-item {
  padding: 0;
}

.employee-lft-img-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}

.employee-lft-img img {
  width: 3.125rem;
  height: 3.125rem;
  object-fit: contain;
  object-position: center;
  border-radius: 50%;
  border: 1px solid var(--global-input-border);
}

.employee-lft-search-wrap {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.employee-lft-search-wrap .search_area_left {
  width: 100%;
}

.employee-lft-search-wrap .search_area_left .search_int {
  border-radius: 0.4375rem;
}

.search_area_left .employee-lft-wrap .sms-campaign-item-body-item {
  padding: 0;
}

.employee-lft-wrap .sms-campaign-item-body-item-main {
  align-items: center;
  padding: 0.625rem 1rem 0.625rem 0.625rem;
}

.employee-lft-wrap .sms-campaign-item-body-item-main .sms-campaign-item-body-item {
  width: 70%;
}

.employee-lft-wrap .sms-campaign-item-body-item-main .employee-lft-date {
  width: 30%;
  text-align: right;
  opacity: 0.5;
}

.newchatModal .send-reminder-wrap {
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}

.newchatModal .search_int {
  border: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-radius: 0.4375rem;
}

.newchatModal .sms-campaign-item-body-item-main {
  transition: 0.5s;
  padding: 0 0.625rem;
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}

.newchatModal .sms-campaign-item-body-item-main:last-child {
  border-bottom: 0;
}

.newchatModal .sms-campaign-item-body-item-main:hover {
  background: var(--global-upload-background-w-bg);
}

.newchatModal .sms-campaign-item-body-item {
  padding: 0;
}

.newchatModal .sms-campaign-item-body-item-text h5,
.newchatModal .sms-campaign-item-body-item-text h6,
.sms-campaign-item-uers-id h5 {
  color: var(--text-grey);
}

.newchatModal .sms-campaign-item-body {
  max-height: initial;
  min-height: initial;
  height: 50vh;
  border-bottom: 1rem solid var(--global-white);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.employee-rht-top {
  padding: 1.25rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.employee-rht-top .payroll-report-wrap-top-lft {
  justify-content: flex-end;
}

.employee-rht-top .people-sort-wrap {
  top: 5.3125rem;
  right: 3.4rem;
}

.employee-rht-top .payroll-report-wrap-top-lft a i {
  color: var(--white-white-orange);
}

.employee-rht-top .people-sort-box {
  max-width: 15.375rem;
  padding: 1rem;
  border-radius: 0.5rem;
}

.employee-rht-top .people-sort-box::before {
  top: 0.625rem;
  right: 0.8125rem;
  left: initial;
}

.employee-rht-top .people-sort-box label {
  padding: 0;
}

.employee-rht-btm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.employee-rht-btm .employee-chat-top {
  overflow-y: auto;
  padding: 1rem;
}

.employee-rht-btm ul {
  height: calc(75vh - 12.5rem);
}

.employee-rht-btm ul.dropdown-menu {
  height: auto;
}

.employee-rht-btm ul li {
  list-style: none;
  margin-bottom: 1rem;
}

.employee-rht-btm ul.dropdown-menu {
  padding: 0;
  overflow: hidden;
}

.employee-rht-btm ul.dropdown-menu li {
  margin-bottom: 0;
  font-size: .875rem;
}

.employee-rht-btm ul li .chat_content-wrap {
  background: linear-gradient(0deg, rgba(253, 192, 33, 0.10) 0%, rgba(253, 192, 33, 0.10) 100%), #FFF;
  display: inline-block;
  color: var(--text-grey);
  padding: 0.5rem .75rem .5rem .5rem;
  margin-bottom: 0.3125rem;
  border-radius: 0.85rem 0.85rem 0.85rem 0rem;
  max-width: 95%;
  display: inline-flex;
}

.employee-rht-btm ul li.input-chat .chat_content-wrap {
  background: linear-gradient(0deg, rgba(240, 79, 41, 0.10) 0%, rgba(240, 79, 41, 0.10) 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
  border-radius: 0.85rem 0.85rem 0rem 0.85rem;
}

.employee-rht-btm ul li .chat_content-wrap p {
  max-width: 100%;
  word-break: break-all;
}

.employee-rht-btm ul li .chat_content-wrap img,
.employee-rht-btm ul li .chat_content-wrap video,
.employee-rht-btm ul li .chat_content-wrap iframe {
  max-width: 18.75rem;
  width: 100%;
  background: var(--global-white);
  border: 0.0625rem solid var(--global-input-border);
  border-radius: .75rem;
  cursor: pointer;
}

.employee-rht-btm ul li .chat_content {
  margin-right: 0.875rem;
}

.employee-rht-btm ul li .chat_trigger_btn {
  background: transparent;
  border: none;
  padding: 0;
}

.employee-rht-btm ul li span {
  display: block;
  font-size: 0.625rem;
  font-weight: 400;
}

.employee-rht-btm ul li.input-chat {
  text-align: right;
}

.employee-rht-btm ul li.input-chat p {
  border-radius: 0.5rem 0.5rem 0rem 0.5rem;
}

.employee-chat-btm {
  padding: 1rem;
}

.employee-chat-btm-input-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--global-white);
  padding: 0.625rem;
  border-radius: 3.125rem;
  width: 100%;
  margin-top: 0.9375rem;
  border: 0.0625rem solid var(--text-two);
}

.employee-chat-btm-input-wrap .btn-wrap {
  display: flex;
  align-items: center;
}

.employee-chat-btm-input-wrap .btn-wrap .r-modal-btn.r-outline-close {
  color: var(--global-orange);
}

.employee-chat-btm-input-wrap .btn-wrap .r-modal-btn.r-outline-close,
.employee-chat-btm-input-wrap .btn-wrap .r-modal-btn.r-orange-btn {
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.9375rem;
  padding: 0;
  border: 0;
}

.employee-chat-btm-input-wrap .form-group input {
  color: var(--text-grey);
  border: 0;
}

.employee-chat-btm-input-wrap .form-group input::placeholder {
  color: var(--text-grey);
  opacity: 0.6;
}

.employee-chat-btm-input-wrap .form-group input:focus {
  box-shadow: none;
}

.msgchat_right {
  width: 100%;
}

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

.msgchat_top .chat_date {
  font-size: 0.75rem;
}

.employee-chat-top.msg_history {
  display: flex;
  flex-direction: column;
  height: 60vh;
  overflow: auto;
}

.employee-chat-top.msg_history .time_date {
  font-size: 0.75rem;
  display: block;
}

.employee-chat-top.msg_history .sent_msg p,
.employee-chat-top.msg_history .incoming-main_rht p {
  font-size: 1rem;
  width: auto;
  padding: .2rem 1rem;
  background: var(--global-white);
  color: var(--text-grey);
  display: inline-block;
  border-radius: 1rem;
  border-bottom-right-radius: 0;
  margin-bottom: .5rem;
  box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, .3);
  word-break: break-word;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}

.employee-chat-top.msg_history .employee-welcome-msg {
  margin: auto;
  text-align: center;
}

.employee-chat-top.msg_history .employee-welcome-msg h5 {
  font-size: 1.5rem;
}

.employee-chat-top.msg_history .employee-welcome-msg i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.employee-chat-top.msg_history .sent_msg p img,
.employee-chat-top.msg_history .incoming-main_rht p img {
  max-height: 10rem;
  margin-top: calc(1rem - .2rem);
}

.employee-chat-top.msg_history .download-btn {
  margin: 0 auto;
}

.employee-chat-top.msg_history .incoming-main_rht p {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 0rem;
}

.employee-messenger-wrap .search_int input {
  width: 100%;
}

.outgoing_msg {
  width: auto;
  margin-left: auto;
  text-align: right;
  max-width: 95%;
  margin-bottom: .75rem;
}

.incomingmsg_main {
  width: 100%;
  display: flex;
  align-items: start;
  max-width: 90%;
  margin-bottom: .75rem;
}

.incoming-main_lft {
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 1rem;
}

.incoming-main_lft .incoming_msg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100%;
  border: 0.0625rem solid var(--text-two);
  padding: 0.125rem;
}

.incoming-main_lft .incoming_msg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.employee-rht-btm ul li .chat_content-wrap .docs-wrap p {
  max-width: 25rem;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
}

.docs-wrap {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.docs-icon {
  width: 2rem;
  height: 2rem;
  background: var(--global-white);
  border-radius: .275rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.docs-icon i {
  font-size: 1rem;
  color: var(--global-orange);
}

.docs-details {
  margin-left: .5rem;
  text-align: left;
}

/* SMALL WINDOW WRAP START */
.small-window-wrap {
  width: 29.375rem;
  background: var(--global-white);
  box-shadow: 0rem 0rem 0.3125rem 0.3125rem var(--global-input-w-bg);
  border-radius: 1rem 1rem 0rem 0rem;
  position: fixed;
  right: 6rem;
  bottom: 0;
}



.small-window-wrap.chatsopensbox {
  left: 9.0625rem;
  bottom: 0%;
}

.small-window-top {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.0625rem solid var(--top-header-icons-border);
}

.small-window-top-lft,
.small-window-top-rht {
  width: 50%;
}

.small-window-top-lft h5 {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.small-window-top-lft i {
  font-size: 0.625rem;
  color: #22B06E;
}

.small-window-top-lft.red i {
  color: var(--global-orange);
}

.small-window-top-lft.light-red i {
  color: var(--global-upload-border-color-w-bg);
}

.small-window-top-rht {
  text-align: right;
}

.small-window-top-rht .r-modal-btn.r-outline-close,
.small-window-top-rht .r-modal-btn.r-outline-close:hover {
  padding: 0 0 0 0.9375rem;
  color: var(--text-grey);
  border: 0;
}

.small-window-top-lft h5,
.small-window-top-rht i {
  font-size: 1.375rem;
  transition: 0.6s;
}

.small-window-top-rht i:hover {
  color: var(--global-orange);
}

.small-window-btm .employee-rht-btm ul li p {
  background: var(--global-off-white);
}

.small-window-btm .employee-rht-btm ul li.input-chat p {
  background: var(--global-upload-border-color-w-bg);
}

.small-window-btm-wrap .employee-rht-btm {
  padding: 0;
}

.small-window-btm-wrap .employee-rht-btm .employee-chat-top {
  padding: 1rem 1rem 0 1rem;
}

.small-window-btm-wrap .employee-chat-btm-input-wrap {
  border-radius: 0;
  border: 0;
  border-top: 0.0625rem solid var(--top-header-icons-border);
}

.small-window-btm-wrap input {
  padding-left: 0.3125rem;
}

.small-window-wrap .employee-chat-btm {
  padding: 0;
}

.opnechats {
  cursor: pointer;
}

.chatboxmain ul li p {
  font-size: 0.875rem;
}

.chatboxmain li {
  display: flex;
  justify-content: start;
  align-items: start;
}

.input-chat .userprofileimg {
  order: 2;
}

.userprofileimg,
.userprofileimg img {
  width: 2.75rem;
  height: 2.75rem;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 6.25rem;
}

.output-chat .userprofilecon {
  width: 100%;
  margin-left: 0.625rem;
}

.input-chat .userprofilecon {
  width: 100%;
  margin-right: 0.625rem;
}

.output-chat .sendingimg {
  margin-left: 0;
}

.input-chat .sendingimg {
  margin-left: auto;
}

.userprofilecon .sendingimg {
  max-width: 9.6875rem;
  display: block;
  border-radius: 0.3125rem;
  overflow: hidden;
  margin-bottom: 0.125rem;
}

.sendingimg img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 0.3125rem;
  background: var(--global-off-white);
  padding: 0.3125rem;
}

.chat-search {
  display: block;
}

.chat-search .form-group {
  display: block;
  border: none;
  border-radius: 0;
}

.chat-search .form-control {
  border: none;
  padding: 0.375rem 0.375rem 0.375rem 2.375rem;
}

.chat-people-area:nth-child(odd) {
  background-color: transparent;
}

.chat-people-area {
  transition: 0.5s;
  padding: 0 0.625rem;
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  display: flex;
  align-items: center;
  height: 4.875rem;
}

.chat-people-area:hover {
  background: var(--global-upload-background-w-bg);
}

.chat-people-area .chat-img {
  font-size: 0.75rem;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--global-orange);
}

.chat-people-area .chat-desc h5 {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

.newchatModal .modal-body {
  max-height: initial;
}

.chatbox-top {
  background: var(--global-white);
  border-bottom: 0.0625rem solid var(--top-header-icons-border);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.625rem 0;
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.chatbox-icons a,
.chatbox-icons a:link,
.chatbox-icons a:visited {
  color: var(--text-grey);
  font-size: 1rem;
  margin-left: 0.75rem;
  text-decoration: none;
}

.chatbox-icons a:hover {
  color: var(--global-orange);
}

.chat-partner-name {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 500;
  flex: 1;
  padding: 0 0 0 0.625rem;
  transition: .1s ease-out;
  display: flex;
  align-items: center;
  line-height: 1.125rem;
}

.chat-partner-name .status {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 0.1875rem 0 rgba(0, 0, 0, 0.2);
  border: 0.0625rem solid rgba(0, 0, 0, 0.15);
  background: #cacaca;
  margin: 0 0.3125rem 0 0;
}

.chatbox-icons {
  padding: 0 0.625rem 0 0;
  display: flex;
  position: relative;
  align-items: flex-end;
}

.chat-input-holder {
  background: var(--global-white);
  border-top: 0.0625rem solid var(--top-header-icons-border);
  display: flex;
  align-items: center;
}

.chat-input-holder .chat-input {
  background: none;
  font-size: 0.875rem;
  color: var(--text-grey);
  height: 2.8125rem;
  padding: 0.3125rem 0.625rem;
  flex: 1;
  border: none;
  border-bottom: none;
  resize: none;
}

.chat-partner-name .sender-name {
  text-transform: capitalize;
}

.chatbtn_holder input.data-file-document {
  display: none;
}

.chat-input-holder .message-send {
  background: var(--global-orange);
}

.chatbox-top .status {
  position: static;
  bottom: auto;
  right: auto;
}

.chatbox-holder {
  left: 16rem;
  transition: .3s all linear;
}

.chatbox {
  width: 21rem;
  height: 25rem;
  margin: 0 0 0 1.25rem;
  position: relative;
  box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, .2);
  display: flex;
  flex-flow: column;
  border-radius: 0.625rem 0.625rem 0 0;
  background: white;
  bottom: 0;
  transition: .1s ease-out;
}

.chat-messages {
  border-top: 0.0625rem solid rgba(0, 0, 0, .05);
  padding: 0.625rem;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
  position: relative;
  height: 19.375rem;
}

.message-box-holder {
  width: 100%;
  margin: 0 0 0.9375rem;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}

.message-box-holder .message-box {
  background: var(--global-upload-border-color-w-bg);
  font-size: 0.75rem;
  color: var(--text-grey);
  padding: 0.25rem 0.625rem;
  border-radius: 0.75rem;
  position: relative;
  border: none;
  margin-right: 0;
  border-bottom-right-radius: 0;
  word-break: break-all;
}

.message-box-holder .message-box-area .message-partner {
  background: #ECEFF1;
  color: var(--text-grey);
  border: none;
  align-self: flex-start;
  margin-left: 0.625rem;
  border-radius: 0.75rem;
  border-top-left-radius: 0;
}

.message-box-holder .message-box:after {
  content: none;
  position: absolute;
  top: 0;
  right: -0.625rem;
  border-style: solid;
  border-width: 0.75rem 0.75rem 0 0;
  border-color: #3a7bff transparent transparent transparent;
}

.message-box-holder .chatbox-date {
  font-size: 0.5625rem;
  color: #858585;
  margin-top: 0.3125rem;
  margin-bottom: 0;
}

.left-chat-area .chatbox-date {
  width: 100%;
  padding-left: 2.5rem;
}

.right-chat-area .chatbox-date {
  padding-right: 0.125rem;
}

.chat-input-holder .upload_img_btn i {
  color: var(--global-orange);
}

.newchatModal .modal-body,
.newchatModal .send-reminder-wrap {
  max-height: 75vh;
  border-bottom: 0;
}

.newchatModal .modal-body {
  min-height: 40vh;
}

.chat-people-area:last-child {
  border-bottom: 0;
}

.chatbox.chatbox-min {
  height: 2.7rem;
}

/* SMALL WINDOW WRAP END */

.search-employee-setting-wrap {
  position: relative;
}

.search-employee-setting-wrap .dropdown-menu {
  width: 17rem;
  padding: 1rem;
}

.search-employee-setting-wrap .dropdown-menu li:last-child label {
  padding-bottom: 0;
}

.search-employee-setting-wrap .new-chat-notification-trigger {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--global-white);
}

.search-employee-setting-wrap .new-chat-notification-trigger i {
  color: var(--global-white);
}

.new-chat-notification .people-sort-box {
  box-shadow: 0rem 0rem 0.3125rem 0rem var(--global-input-w-bg);
}

/* ---------- EMPLOYEE MESSENGER END ---------- */
/* ---------- OUT BOX STYLES START ---------- */
.out-centerd-box-outer-bg {
  background: rgba(240, 79, 41, .08);
}

.out-centerd-box-outer {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.out-centerd-box {
  background: var(--global-white);
  padding: 1.5rem 2.5rem;
  border-radius: 0.5rem;
  text-align: center;
  color: var(--global-orange);
  box-shadow: 0 0 0.4375rem 0rem var(--global-input-w-bg);
}

.out-centerd-box i {
  font-size: 3.125rem;
  margin-bottom: 1rem;
}

.out-centerd-box p {
  color: var(--global-black);
  margin-top: 0.5rem;
}

.out-centered-box-bot-box {
  background: var(--global-orange);
  color: var(--global-white);
  font-size: 1.125rem;
  border: 0;
  width: 100%;
  margin-top: 1rem;
  border-radius: 0.25rem;
  padding: 0.25rem 0.625rem;
  cursor: auto;
}

.out-centered-box-bot-box:hover {
  color: var(--global-white);
}

.heart-icon-wrap {
  position: relative;
  z-index: 1;
}

.heart-icon-echo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.heart-icon-wrap i {
  animation: beat 2s linear infinite;
}

.heart-icon-echo i {
  animation: echo 2s linear infinite;
}

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

  14% {
    transform: scale(0.9);
  }

  21% {
    transform: scale(1.1) skew(0.004turn)
  }

  28% {
    transform: scale(1) skew(0.008turn);
  }

  35% {
    transform: scale(1) skew(0)
  }
}

@keyframes echo {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }

  14% {
    opacity: 0.4;
    transform: scale(0.8);
  }

  21% {
    opacity: 0.4;
    transform: scale(1.1);
  }

  50% {
    opacity: .05;
  }

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

/* ---------- OUT BOX STYLES END ---------- */

/* ---------- LEARNING HUB START ---------- */
.share-form-modal .btn_new_message a {
  margin-right: 0.3125rem;
}

.employee-add-template-page .check_main_magnet {
  width: 49%;
}

/* ADD FORM START */
.editor-outer {
  display: flex;
  gap: 1rem;
}

.editor-outer-lft {
  width: 19.5rem;
  flex: 0 0 auto;
}

.editor-outer-rht {
  width: calc(100% - 19.5rem);
  transition: .3s all ease-in-out;
}

.dynamicRight-content .form_builder_area {
  padding: 1rem 1.875rem 0 1rem;
}

.editor-outer.outer-collapse .editor-outer-rht {
  width: calc(100% - 19.5rem - 360px);
}

.add-form-wrap .card {
  background: transparent;
  border-bottom: 0;
}

.add-form-wrap .comeback-accordion .sms-campaign-item-body {
  min-height: auto;
}

.add-form-wrap .people-table-accordian-wrap {
  padding-top: 0.625rem;
}

.add-form-wrap .people-table-accordian-wrap h5 {
  margin-bottom: 1.25rem;
  color: var(--text-one);
}

.add-form-wrap .people-table-accordian-wrap .accordion-item .accordion-button {
  font-size: 1.125rem;
  font-weight: 500;
}

.add-form-wrap .people-table-accordian-wrap .accordion-item .accordion-button i {
  font-size: 1.125rem;
}

.add-form-wrap .r-fast-nav-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.9375rem;
}

.add-form-wrap .r-fast-nav-wrapper li:last-child {
  margin-bottom: 0;
}

.add-form-wrap .r-fast-nav-wrapper li a {
  padding: 0.5rem 0;
  font-size: 0.8125rem;
  border-radius: 0.375rem;
  font-weight: 500;
}

.add-form-wrap .r-fast-nav-item {
  color: var(--orange-orange-white);
  background: var(--text-two);
  text-align: center;
}

.add-form-wrap .r-fast-shop-top-btn-wrap {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.fast-shop-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fast-shop-top h5 {
  color: var(--text-one);
}

.add-form-wrap .r-fast-main-layout-wrap {
  max-width: 59.375rem;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.add-form-wrap .form-outer {
  padding: 1rem;
  border-radius: 0.625rem;
  background: var(--global-white);
  min-height: 43.75rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  width: 100%;
}

.add-form-canvas {
  z-index: 5;
  border-left: 0;
}

.add-form-canvas .offcanvas-header {
  padding-top: 6.5625rem;
  background: var(--global-upload-background-w-bg);
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
}

.add-form-canvas .btn-close:focus {
  box-shadow: none;
}

.add-form-canvas .offcanvas-body {
  max-height: 62.5rem;
}

.add-form-canvas-wrap .new-upload-wrapper .new-inv-upload-area .real-input {
  border: 0.0625rem dashed var(--global-orange);
}

.offcanvas-body .r-add-leads-main-wrapper .r-add-leads-main-reverse .real-input--label {
  color: var(--global-orange);
}

/* ADD FORM END */
/* ---------- LEARNING HUB END ---------- */
/* ---------- TICKETS START ---------- */
.select-two-left-m.new-white-input-select-two .select2-selection {
  margin-left: 0;
}

.progressbar .progressbr {
  display: grid;
  width: 90%;
  height: 0.25rem;
}

.tickets_checked.form-check {
  padding-left: 0;
}

.filter_ticktes_table_main,
.tickets_metrics_main,
.tickets-chart {
  margin-bottom: 1rem;
}

.tickets-metrics-wrap {
  margin-bottom: 1.5rem;
}

.tickets_table_wrap_main .people-table-main table tbody td a {
  text-transform: unset;
  white-space: unset;
  text-decoration: none;
}

.tickets_checked.form-check:last-child {
  margin-right: 0;
}

.progressbr.redbar::-webkit-progress-value {
  background-color: #DC041A;
}

.progressbr.green::-webkit-progress-value {
  background-color: #53C814;
}

.progressbr.orange::-webkit-progress-value {
  background-color: #FB8A09;
}

.progressbr.brown::-webkit-progress-value {
  background-color: #D18400;
}

.tickets_checked .form-check-label {
  padding: 6% 8%;
  border-radius: 0.3125rem;
  width: 100%;
  height: 100%;
  transition: .3s all linear;
  position: relative;
  display: grid;
  justify-content: stretch;
  color: var(--global-white);
}

.tickets_checked .merchantname {
  color: var(--global-white);
  font-size: 1rem;
  background: rgba(0, 0, 0, .4);
  padding: .5rem;
  line-height: 1;
  border-radius: 0.3125rem;
}

.tickets_checked.open .form-check-label,
.indicate.open {
  background: #DC041A;
}

.tickets_checked.inprogress .form-check-label,
.indicate.inprogress {
  background: #FB8A09;
}

.tickets_checked.inforequire .form-check-label,
.indicate.inforequire {
  background: #D18400;
}

.tickets_checked.resolved .form-check-label,
.indicate.resolved {
  background: #53C814;
}

.tickets_days {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tickets_days.top {
  margin-bottom: 0.9375rem;
  align-items: start;
}

.iconsbg {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 6.25rem;
  background: rgba(0, 0, 0, .4);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 0.75rem;
  font-size: 0.875rem;
}

.percenttxt {
  margin-right: 0.75rem;
}

.percenttxt,
.weeklydays {
  color: var(--global-white);
  font-size: 1rem;
}

.checkedicon {
  position: absolute;
  right: 0.5rem;
  top: 0.3125rem;
  visibility: hidden;
}

.tickets_checked .form-check-input:checked+.form-check-label .checkedicon {
  visibility: visible;
}

.tickets-chart {
  padding: 1.25rem;
}

.title-charts {
  font-size: 1.5rem;
  color: var(--text-two);
  padding-bottom: 1.25rem;
}

.tickets_metrics_main {
  padding: 1.25rem;
}

.status_wise_table_wrap {
  width: 100%;
  border-radius: 0.625rem;
  overflow: hidden;
  border: 0.0625rem solid var(--card-highlight--bg-color);
  margin-right: 1.25rem;
  max-height: 22rem;
  overflow-y: auto;
}

.status_wise_table_wrap:last-child {
  margin: 0;
}

.status_wise_table {
  width: 100%;
}

.status_wise_table th,
.status_wise_table td {
  padding: 0.625rem 1.25rem;
}

.status_wise_table th {
  background-color: var(--table-overlay-solid-color);
}

.status_wise_table th:last-child,
.status_wise_table td:last-child {
  width: 7.5rem;
}

.status_wise_table tbody tr {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.status_wise_table tbody tr:last-child {
  border: none;
}

.status_wise_table.ticket_stats th:first-child,
.status_wise_table.ticket_stats td:first-child {
  width: 50%;
}

.status_wise_table.ticket_stats th .status_wise_table.ticket_stats td {
  width: auto;
}

.indicate {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 6.25rem;
  display: inline-block;
  margin-right: 0.4375rem;
}

.ticketsChartsbx {
  width: 100%;
  margin-bottom: 1.5rem;
}

.tickets-chart canvas {
  width: auto !important;
  height: 15.625rem !important;
  display: inline-block !important;
}

.list_tickets_chart {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}

.list_tickets_chart li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem 0.625rem 0;
}

.list_tickets_chart li p {
  font-size: 1rem;
  flex: 0 0 auto;
}

.list_tickets_chart li p:last-child {
  margin-left: 0.3125rem;
  font-weight: 700;
}

#SrtupReminder .modal-body {
  min-height: 38vh;
}

/* EDIT TICKETS */
.tickets_edit_main_wrap {
  padding: 1.5rem;
  margin-bottom: 1.25rem;
}

.tickets_edit_main_wrap table tbody td {
  padding: 0;
  vertical-align: top;
}

.tickets_edit_main_wrap h2 {
  font-weight: 400;
  color: var(--global-input-border);
  font-size: 1.5rem;
}

.ticketsid {
  color: var(--text-two);
  font-weight: 600;
}

.tickets_comment_main_list,
.tickets_main_item_accordian,
.tickets_customer_mains,
.accordian_ticktes_customer_nav {
  margin-bottom: 1.25rem;
}

.tickets_comment_main_list:last-child {
  margin-bottom: 0;
}

.user_img_coment.user_profile_inbox {
  margin-right: 0.75rem;
}

.tickets_comment_items.inbox_user_main {
  padding: 0.75rem;
  border-radius: 0.3125rem;
  margin: 0;
  gap: 0;
  background-color: var(--submenu-third);
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.content_comment.user_profile_content h5 {
  padding-right: 5.375rem;
}

.hrborder {
  border-color: var(--text-two);
}

.manage_tickets_staus_table .people-table-main table tbody td {
  text-transform: inherit;
}

.clrselect {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.125rem;
  border: 0.0625rem solid var(--text-two);
}

.desupdate {
  font-size: 0.75rem;
  color: var(--text-two);
}

.open-tickets-link-wrap {
  margin-left: auto;
  margin-right: .6rem;
}

.open-tickets-link-wrap a {
  color: var(--text-two);
}

.ticketfilter-row {
  display: flex;
  align-items: stretch;
  justify-content: start;
  flex-wrap: wrap;
}

.status-filter-list {
  width: 23.95%;
  margin-bottom: 0.9375rem;
}


/* ---------- TICKETS END ---------- */
/* ---------- INBOX START ---------- */
.inbox-top-btn .btn_new_message {
  text-align: right;
}

.inbox-top-btn .btn_new_message a {
  margin-left: 0.625rem;
}

.inbox-input-wrap .employee-logs-rht-wrap {
  gap: 0.75rem;
}

.inbox-content-wrap .people-table-main table tbody td a {
  text-transform: capitalize;
  max-width: initial;
}

.schedule-delete-modal button {
  min-width: 8.75rem;
}

.maxwidthselect {
  min-width: calc(100% - 6.9375rem);
  width: 100%;
}

.tickets_retails_details h2 {
  font-size: 1.3125rem;
  margin-bottom: 1.5rem;
}

.tickets_retails_details,
.tickets-main-wraper .r-add-people-rht {
  margin-bottom: 1.5rem;
}

.inbox-input-wrap .employee-logs-rht-wrap div.dropdown.bootstrap-select {
  width: 10.75rem !important;
}

/* COMPOSE BOX START */
.compose-box .small-window-wrap {
  width: 40.625rem;
}

.small-window-wrap.compose-box-position {
  right: 0;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  width: 50rem;
  z-index: 998;
}

.enter_amountbx.border-bcc,
.r-add-leads-main-wrapper .r-add-leads-main-reverse .subject-input input {
  border: 0;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0 !important;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .subject-input input:focus {
  box-shadow: none;
}

.compose-box .compose-btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.compose-box .compose-btm-lft,
.compose-box .compose-btm-rht {
  width: 50%;
}

.compose-box .compose-btm-lft .compose-btm-lft-inner {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.compose-box .compose-btm-rht .small-window-top-rht {
  width: 100%;
  text-align: right;
}

.compose-btm-lft-inner button.message-send {
  padding: 0.188rem 0.813rem;
}

.compose-btm-lft-inner button.message-send i {
  padding-right: 0.625rem;
}

/* COMPOSE BOX END */
.inbox-setting ol {
  padding-left: 1rem;
}

.inbox-setting .icon_left.password {
  padding: 0 0.625rem 0 0;
}

/* ---------- INBOX END ---------- */
/* VIEWS NOTES */
.main_view_notes,
.notes_title {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.view_note_title_left {
  width: 21.875rem;
  height: 100%;
  flex-shrink: 0;
}

.view_note_content_right {
  width: 100%;
  padding: 1.125rem;
  border-left: 1px solid var(--card-highlight--bg-color);
}

.notes_title {
  padding: 1.125rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.notes_title p,
.notes_title a.left-side-notes-text-title {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-two);
}

.btn-detele-icon,
.notes_title a.btn-notes-delete {
  border: none;
  background-color: transparent;
  color: var(--text-two);
}

.view_note_title_left .inventory-inner-form {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
  border-radius: 0;
}

.note_title_editing {
  padding-left: 0.375rem;
}

.main_ckeditor_wrap {
  width: 100%;
  padding: 1.125rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.main_ckeditor_wrap,
.notes_ek_editor_content .ck.ck-editor__main>.ck-editor__editable {
  min-height: 31.25rem;
}

.nav-pills.note_title_editing .nav-link {
  color: var(--text-two);
  font-size: 1rem;
  padding: 0.3125rem 0.625rem;
  font-weight: 500;
  border-radius: 0;
  border-top-left-radius: 0.9375rem;
  border-top-right-radius: 0.9375rem;
  display: flex;
  align-items: start;
}

.nav-pills.note_title_editing .nav-link span.edittitle {
  border-color: var(--card-highlight--bg-color) !important;
}

.nav-pills.note_title_editing .nav-link .btn-detele-icon {
  padding-left: 0.75rem;
}

.nav-pills.note_title_editing .nav-link.active,
.nav-pills.note_title_editing .show>.nav-link {
  color: var(--text-two);
  background-color: var(--card-highlight--bg-color);
}

.notes_ek_editor_content .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {
  flex-wrap: wrap;
}

.notes_ek_editor_content {
  color: var(--global-black);
}

/*---------- EMAIL AND SMS WRAP START ----------*/
.pie-line-chart-wrap,
.pie-line-chart-item-wrap,
.white-chart-wrap {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.pie-line-chart-lft,
.white-chart-rht {
  width: 23%;
}

.pie-line-chart-lft .email-chart-rht-description ul li {
  margin-bottom: 1rem;
}

.pie-line-chart-rht,
.white-chart-lft {
  width: 77%;
}

.pie-line-chart-item {
  width: 25%;
}

.light-span {
  opacity: 0.7;
}

.white-chart-lft {
  padding: 1rem;
  background: var(--global-white);
  border-radius: 0.625rem;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
}

.white-chart-lft .edit-customer-charts {
  height: 25rem;
}

.dougnut-chart-wrap canvas {
  max-width: 15.625rem;
  max-height: 15.625rem;
}

.email-sms-counter-wrap button {
  margin-left: 0.625rem;
}

.total-sms-card {
  height: 100%;
  padding: 2.5rem 1.875rem;
  border-radius: 0.25rem;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
  background: linear-gradient(0deg, rgba(240, 79, 41, 0.1), rgba(240, 79, 41, 0.1)), #FFFFFF;
}

.total-sms-card {
  display: flex;
  gap: 1.875rem;
  align-items: center;
}

.sms-card-circle-outer {
  width: 7rem;
  height: 7rem;
  background: rgba(240, 79, 41, 0.1);
  border: 0.0625rem solid rgba(240, 79, 41, 0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sms-card-circle-inner {
  width: 5.5rem;
  height: 5.5rem;
  background: var(--global-white);
  border: 0.1875rem solid var(--global-orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sms-card-circle-outer h4 {
  color: var(--global-orange);
}

.total-sms-card-rht h5 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.1875rem;
  color: var(--global-orange);
}

.total-sms-card-rht p {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-grey);
}

.un-customers hr {
  opacity: 0.2;
}

.un-customers .un-customers-table-wrap .card_info_table .dataTables_wrapper .dataTables_length,
.un-customers .un-customers-table-wrap .card_info_table .dataTables_wrapper .dataTables_filter {
  padding-top: 0;
}

/*---------- EMAIL AND SMS WRAP END ----------*/
/*---------- CRM START ----------*/
.crm-top-item-top i,
.crm-top-item-top h4 {
  font-size: 1.25rem;
}

.crm-top-item-top {
  border-bottom: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.crm-top-item-btm {
  min-height: 28.125rem;
}

.crm-btn-style {
  display: flex;
  align-items: center;
  justify-content: center;
}

.crm-item-wrap .gradiant-card:hover {
  color: var(--global-white);
}

.crm-item {
  padding: 1rem;
}

.crm-item i {
  font-size: 2.1875rem;
  margin-bottom: 0.625rem;
}

.crm-item h4 {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.75;
  margin-bottom: 0.625rem;
}

.crm-top-item.crm-btm-item span i {
  font-size: initial;
}

/* CUSTOMER PAGE START */
.customer-contant-wrap .mypro-info-wrap {
  align-items: center;
}

.customer-contant-wrap .mypro-info-wrap-lft {
  width: 25%;
}

.customer-contant-wrap .mypro-info-wrap-lft-img {
  margin-right: 1rem;
}

.customer-contant-wrap .mypro-info-wrap-lft-img img {
  width: 4.0625rem;
  height: 4.0625rem;
  object-position: center;
  border-radius: 50%;
}

.customer-contant-wrap .mypro-info-wrap-lft h5 {
  font-size: 1.5rem;
  font-weight: 500;
}

.customer-contant-wrap .mypro-info-wrap-rht {
  width: 75%;
}

.customer-contant-wrap .mypro-info-wrap-rht ul li span {
  font-size: 0.9375rem;
  font-weight: 400;
}

.customer-contant-wrap .mypro-info-wrap-rht ul li p {
  font-weight: 500;
}

.customer-stat-item,
.customer-stat-item-lft {
  display: flex;
  align-items: center;
}

.customer-stat-item-lft,
.customer-stat-item-rht {
  width: 50%;
}

.customer-stat-item-rht {
  text-align: right;
}

.customer-stat-item-lft .cus-icon-wrap {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--table-overlay-solid-color);
  border-radius: 50%;
  margin-right: 0.625rem;
}

.customer-stat-item-lft .cus-icon-wrap i {
  font-size: 1rem;
}

.customer-stat-item-lft h4 {
  font-size: 1rem;
  font-weight: 400;
}

.customer-contant-wrap .cus-info {
  padding: 0.625rem;
  background: var(--table-overlay-solid-color);
  border-radius: 0.3125rem;
}

.customer-contant-wrap .cus-info i {
  padding: 0.25rem 0.3125rem 0 0;
}

.customer-contant-wrap .cus-info p span {
  display: block;
  margin-bottom: 0.625rem;
}

.customer-contant-wrap .cus-info p span:last-child {
  margin-bottom: 0;
}

.cus-select-wrap {
  max-width: 80%;
}

.customer-marketing-wrap .email-chart-rht-description ul li {
  margin-bottom: 1rem;
}

.customer-marketing-wrap .email-chart-rht-description ul li:last-child {
  margin-bottom: 0;
}

.customer-marketing-btm-wrap {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.customer-marketing-btm-item {
  width: 36%;
}

.customer-marketing-btm-item:first-child {
  width: 25%;
}

.customer-contant-wrap .r-best-selling-products-wrap {
  max-height: 41.25rem;
}

.cus-gp-wrap .gradiant-card,
.cus-gp-wrap .crm-top-item-btm {
  min-height: initial;
  height: auto;
}

.cus-gp-wrap .customer-marketing-btm-item:last-child {
  width: 74%;
}

/* CUSTOMER PAGE END */
/* TOP CUSTOMER PAGE START */
.top-customer-wrap .edit-customer-charts {
  height: 31.25rem;
}

.customers-table-item {
  margin-right: 1rem;
}

.dataTables_wrapper .dataTables_filter .customers-table-item input {
  border: 0.0625rem solid var(--global-input-border);
}

/* TOP CUSTOMER PAGE END */
/* APPOINTMENT PAGE START */
.appointment-donought-chart {
  display: flex;
  align-items: center;
  padding-top: 2.8125rem;
}

.appointment-donought-chart .dougnut-chart-wrap {
  width: 40%;
}

.appointment-donought-chart .email-chart-rht-description {
  width: 60%;
}

.appointment-donought-chart .dougnut-chart-wrap canvas {
  max-width: 14.375rem;
  max-height: 14.375rem;
}

/* APPOINTMENT PAGE END */
/*---------- CRM END ----------*/
/*----------NEW CRM START ----------*/
.crm_new_top_wrapper label {
  display: block;
}

.reset_input_wrap input {
  padding: 0.375rem 2.5rem .375rem 0.75rem;
}

.btn_reset {
  left: auto;
  right: 0;
  z-index: 1;
}

.crm_new_top_wrapper .dropdown.bootstrap-select.form-select {
  min-width: 10rem;
}

.crm_new_top_wrapper .select2-container {
  width: 13rem !important;
}

.crm_new_top_wrapper .search_int {
  width: 14.5rem !important;
}

.crm_new_table_wrapper {
  margin: 0rem -1rem -1rem;
}

.deals_pipeline_select_wrap {
  display: flex;
  border: 0.0625rem solid #e1e1e1;
  border-radius: 0.3125rem;
}

.deals_pipeline_select_wrap .new_crm_deals_select_edit_pipeline {
  background: transparent;
  border: none;
  border-right: 1px solid var(--global-border-color-w-bg);
  margin-right: 0;
}

.deals_pipeline_select_wrap .new_crm_deals_select_edit_pipeline:last-child {
  border: none;
}

.deals_pipeline_select_wrap .select2-container {
  min-width: 11.25rem;
}

.deals_add_new_pipeline a {
  color: var(--global-orange);
  background: transparent;
}

.select2-container--default .select2-results__option--selected:has(.deals_add_new_pipeline) {
  background-color: transparent !important;
  border-top: 1px solid #e1e1e1;
}

.new_crm_rht_btns {
  display: flex;
  gap: .25rem;
}

.new_crm_rht_btns a,
.new_crm_rht_btns button {
  margin-right: .25rem;
  padding: 0.3125rem 0.75rem 0.3125rem 0.625rem;
}

.new_crm_rht_btns a:last-child,
.new_crm_rht_btns button:last-child {
  margin-right: 0rem;
}

.deals_tab_btns,
.lead_tab_btns,
.new_crm_rht_btns.deals_btns .lead_tab_btns,
.new_crm_rht_btns.deals_btns .customer_tab_btns,
.new_crm_rht_btns.leads_btns .customer_tab_btns,
.new_crm_rht_btns.leads_btns .deals_tab_btns {
  display: none;
}

.new_crm_rht_btns.deals_btns .deals_tab_btns {
  display: block;
}

.new_crm_rht_btns.leads_btns .lead_tab_btns {
  display: block;
}

.new_crm_deals_card_wrap {
  background: var(--global-white);
  border-radius: .5rem;
  box-shadow: 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, .3);
  margin-bottom: 1.5rem;
}

.new_crm_deals_head {
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new_crm_deals_content {
  padding: 1rem 1.5rem;
  border-top: 1px solid #e1e1e1;
}



.new_crm_deals_tabs_top_wrapper .nav-tabs {
  background: #F6F8FA;
}

.new_crm_deals_tabs_top_wrapper,
.new_crm_deals_tabs_top_filters_lft,
.new_crm_deals_min_max_wrap,
.new_crm_deals_tabs_top_filters,
.new_crm_deals_tabs_top_filters_rht {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}

.new_crm_deals_tabs_top_filters .search_int {
  height: 2.25rem;
}

.new_crm_deals_tabs_top_wrapper {
  margin-bottom: 1rem;
  flex-wrap: nowrap;
  align-items: end;
}

.new_crm_deals_tabs_top_wrapper .nav-tabs {
  flex: 0 0 auto;
}

.new_crm_deals_tabs_top_filters {
  justify-content: space-between;
  width: 100%;
  align-items: end;
}

.new_crm_deals_tabs_top_filters_wrapper {
  width: 100%;
}

.new_crm_deals_min_max_wrap {
  align-items: center;
}

.new_crm_deals_min_max_wrap .form-group {
  width: 4rem;
}

.new_crm_min_max_dash {
  height: 0.0625rem;
  width: 0.375rem;
  background-color: var(--text-grey);
}

.new_crm_deals_tabs_top_filters_lft {
  align-items: end;
}

.new_crm_deals_tabs_top_filters_lft .search_int {
  border-color: #e1e1e1;
}

.deals_select_date_wrap {
  width: 7.625rem;
}

.deals_assign_employee_wrap {
  width: 11.25rem;
}

.new_crm_deals_content .btn_next_page a {
  padding: 0.3125rem 1rem;
}

.new_crm_deals_content .btn_next_page a.crm_go_btn {
  padding: 0.3125rem .5rem;
}

.deals_segments_wrap {
  width: 8rem;
}

.deals_deal_size_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0.25rem 0.5rem;
  background: var(--global-upload-background-w-bg);
  border-radius: 0.25rem;
  border: 1px solid var(--global-upload-border-color-w-bg);
  gap: 0rem .5rem;
  min-height: 2.25rem;
}

.deals_deal_size_wrapper-cp {
  background: #fde5df !important;
}

.deals_deal_size_wrapper p {
  font-size: 0.6875rem;
  line-height: 1.1;
  font-weight: 600;
}

.deals_deal_size_orange {
  color: var(--global-orange);
  font-weight: 500;
}

.custom_nav_tabs_wrapper {
  background: #F6F8FA;
  border: 1px solid rgba(51, 51, 51, .1);
  border-radius: 6px;
  padding: 0.0625rem 0;
  display: flex;
  align-items: center;
}

.custom_nav_tabs_wrapper .nav-link {
  background: transparent;
  padding: 0.25rem .5rem;
  min-height: 2.125rem;
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 0.25rem;
  border: none;
}

.custom_nav_tabs_wrapper .nav-link.active {
  background: var(--global-orange);
  color: var(--global-white);
}

.custom_nav_tabs_wrapper button.nav-link.active i {
  color: var(--global-white);
}

/* KANBAN DEALS STARTS */
.deals_kanban_table_wrap {
  width: 100%;
  overflow-x: auto;
}

.deals_kanban_table_wrap table {
  width: 100%;
}

.deals_kanban_table_wrap tr {
  vertical-align: top;
}

.deals_kanban_table_thead tr th {
  width: 16%;
  min-width: 16rem;
  max-width: 16rem;
}

.deals_kanban_header_main {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: #000;
  color: var(--global-white);
  font-weight: 600;
}

.deals_kanban_header_main_btn {
  display: inline-block;
  background: transparent;
  border: none;
}

.deals_kanban_header_main .deals_kanban_header_main_btn i {
  color: var(--global-white);
  font-weight: 600;
}

.deals_kanban_deals_head {
  display: inline-block;
  width: 100%;
  border: 1px solid #E1E1E1;
  padding: 0.5rem 1rem;
}

.deals_kanban_card_wrap {
  display: inline-block;
  padding: 0.5rem;
  background: #F6F8FA;
  border: 0.0625rem solid #E1E1E1;
  width: 100%;
  height: 45vh;
  overflow: auto;
}

.deals_kanban_card {
  background: #ffffff;
  display: inline-block;
  border: 0.0625rem solid #E1E1E1;
  padding: .5rem;
  border-radius: 0.25rem;
  cursor: grab;
  margin-bottom: 0.5rem;
  user-select: none;
  width: 100%;
}

.deals_kanban_card:last-child {
  margin-bottom: 0;
}

.deals_kanban_card_top_status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: .25rem;
}

.deals_kanban_card_top_status_bar {
  display: block;
  width: 1.5rem;
  height: 0.1875rem;
  border-radius: 2.5rem;
  background: #000;
  cursor: pointer;
}

.deals_kanban_status_bar_red {
  background: #D63033;
}

.deals_kanban_status_bar_purple {
  background: #A0419D;
}

.deals_kanban_status_bar_yellow {
  background: #FFAD58;
}

.deals_kanban_card_content_wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.deals_kanban_card_content_lft,
.deals_kanban_card_title,
.deals_kanban_card_organization {
  width: 100%;
  display: inline-block;
}

.deals_kanban_card_user_amt {
  display: inline-flex;
  gap: 0.25rem;
  color: rgba(51, 51, 51, .75);
  align-items: center;
}

.deals_kanban_card_user_img {
  /* width: 1rem;
  display: inline-block; */
  border-radius: 100%;
  background: #54595D;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.deals_kanban_card_title {
  font-size: 1rem;
  font-weight: 500;
}

.deals_kanban_card_organization {
  font-size: 0.75rem;
  color: rgba(51, 51, 51, .75);
  margin-bottom: .5rem;
}

.deals_kanban_card_amt {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
}

.deals_kanban_card_content_rht {
  display: flex;
  flex-direction: column;
  text-align: right;
}

.deals_kanban_card_arrow_btn {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
}

.deals_kanban_card .deals_kanban_card_arrow_btn i {
  color: var(--global-orange);
}

.deals_kanban_card_delete_btn {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  margin-top: auto;
}

button.deals_kanban_card_delete_btn i {
  color: var(--global-orange);
}

.delete_deal_modal h5 {
  margin-bottom: 1rem;
}

.delete_deal_modal .form-group {
  text-align: left;
  margin-bottom: 2rem;
}

.deals_kanban_header_addmore,
.deals_kanban_body_addmore {
  background: #F6F8FA;
  vertical-align: middle;
  border-right: 2px solid var(--global-white);
  border-left: 2px solid var(--global-white);
}

.deals_kanban_add_more_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.deals_kanban_add_more_content a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--global-orange);
}

/* KANBAN DEALS ENDS */
.add_deal_modal_wrap .deal_description_textarea {
  min-height: 5.625rem;
}

.add_deal_modal_wrap .deal_value_input[type=number]::-webkit-inner-spin-button,
.add_deal_modal_wrap .deal_value_input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  margin: 0;
}

.add_deal_modal_wrap .deal_value_input[type="number"] {
  -moz-appearance: textfield;
}

.add_deal_probility_form_group .input-group-text {
  background: rgba(51, 51, 51, .05);
}

.add_deal_probility_form_group .input-group-text i {
  color: var(--text-grey);
  padding-left: 0;
}

.pipeline_stage_item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.25rem;
  margin-bottom: 0.375rem;
  box-shadow: 0 0.0625rem 0.25rem 0 rgba(18, 11, 53, 0.1);
}

.pipeline_stage_item.sortable-chosen {
  background: var(--global-upload-background-w-bg);
}

.pipeline_stage_item label {
  padding-bottom: 0;
}

.pipeline_stage_input_label i {
  color: var(--global-orange);
  cursor: pointer;
}

.pipeline_sortable_handle {
  background: transparent;
  border: none;
}

.pipeline_stage_item .pipeline_sortable_handle i {
  color: rgba(51, 51, 51, .5);
}

.pipeline_info_wrapper span i {
  display: inline-block;
  margin-right: .375rem;
  color: var(--global-orange);
  font-size: 1.125rem;
}

.pipeline_info_wrapper p {
  font-size: 1rem;
}

.add_new_pipeline .deal_description_textarea {
  min-height: 5.625rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .deals_pipeline_select .select2-selection {
  border: none !important;
  border-right: 0.0625rem solid var(--global-input-w-bg) !important;
  border-radius: 0 !important;
}

.new_crm_deals_top_forcast,
.pipeline_forcast_tab .new_crm_deals_top_grid {
  display: none;
}

.pipeline_forcast_tab .new_crm_deals_top_forcast,
.pipeline_block_view .new_crm_deals_top_grid {
  display: flex;
}

.new_crm_deals_forcast_summery h6 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.new_crm_deals_forcast_wrapper {
  display: flex;
  gap: 0.125rem;
}

.new_crm_deals_forcast_box {
  width: 33.33%;
}

.new_crm_deals_frocast_design_box {
  padding: 1rem .25rem;
  text-align: center;
  background: #9784C2;
  color: #fff;
}

.new_crm_deals_frocast_design_box p {
  font-size: 1rem;
  font-weight: 500;
}

.new_crm_deals_forcast_box:first-child .new_crm_deals_frocast_design_box {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.new_crm_deals_forcast_box:last-child .new_crm_deals_frocast_design_box {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.new_crm_deals_forcast_box_bottom_wrap p {
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0.375rem;
  text-transform: uppercase;
}

.new_crm_deals_forcast_box_bottom_wrap p span {
  font-weight: 400;
  color: rgba(51, 51, 51, .75);
}

.new_crm_deals_presentation .new_crm_deals_frocast_design_box {
  background: #CC87B8;
}

.new_crm_deals_qualified .new_crm_deals_frocast_design_box {
  background: #EF91A4;
}

.new_crm_deals_appointment .new_crm_deals_frocast_design_box {
  background: #FB9D95;
}

.new_crm_deals_appointment .new_crm_deals_forcast_box_bottom_wrap {
  text-align: right;
}

.new_crm_deals_forcast_wrapper {
  margin-bottom: 1.5rem;
}

.new_crm_deals_table_wrapper {
  border: 0.0625rem solid #e1e1e1;
  border-radius: 0.375rem;
  overflow: auto;
}

.new_crm_deals_table_wrapper table {
  margin-bottom: 0;
  min-width: 75rem;
}

.new_crm_deals_table_wrapper table th,
.new_crm_deals_table_wrapper table td {
  padding: 0.75rem 0.5rem;
  font-size: 0.875rem;
}

.new_crm_deals_table_wrapper table th {
  background: #F6F8FA;
  font-weight: 500;
}

.new_crm_deals_table_wrapper table th span i {
  color: var(--global-orange);
  margin-left: .5rem;
}

.new_crm_deals_table_wrapper table th:first-child,
.new_crm_deals_table_wrapper table th:last-child,
.new_crm_deals_table_wrapper table td:first-child,
.new_crm_deals_table_wrapper table td:last-child {
  padding: 0.75rem 1.125rem;
}

.new_crm_deals_table_wrapper table thead th:first-child {
  border-top-left-radius: 0.375rem;
}

.new_crm_deals_table_wrapper table thead th:last-child {
  border-top-right-radius: 0.375rem;
}

.new_crm_deals_table_wrapper table tfoot th:last-child {
  border-bottom-right-radius: 0.375rem;
}

.new_crm_deals_table_wrapper table tfoot th:first-child {
  border-bottom-left-radius: 0.375rem;
}

.new_crm_deals_table_wrapper table tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0rem rgba(51, 51, 51, .2);
}

.new_crm_deals_table_wrapper table tbody tr:last-child {
  box-shadow: none;
}

.new_crm_deal_forcast_bottom_wrapper {
  display: none;
}

.new_crm_deal_forcast_bottom_wrapper .deals_kanban_header_main {
  background: var(--global-white);
  color: var(--text-grey);
  border: 1px solid #E1E1E1;
}

.new_crm_deal_forcast_bottom_wrapper .accordion-header .accordion-button {
  font-size: 1.5rem;
  font-weight: 600;
}

.new_crm_deal_forcast_bottom_wrapper .deals_kanban_header_main_btn_wrap img {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
  margin-right: .5rem;
}

.new_crm_deal_forcast_bottom_wrapper .deals_kanban_header_main {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}

.new_crm_deal_forcast_bottom_wrapper .deals_kanban_header_main {
  align-items: center;
}

.new_crm_deal_forcast_bottom_wrapper .deals_kanban_card {
  width: 100%;
}

.crm_setting_modal .custom-forms-setting-tabs-wrap .nav-link {
  width: 14.5rem;
}

.crm_settings_heading_wrap h5 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.new_crm_expected_input_wrap,
.crm_new_stages_custom_fields {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.new_crm_expected_input_wrap input {
  width: 30%;
}

.below_label_check {
  font-weight: 400;
  font-size: 0.875rem;
  color: rgba(51, 51, 51, .75);
  margin-left: 1.625rem;
}

.new_crm_moving_tab_checkbox_wrap label {
  padding-bottom: 0;
}

.crm_new_stages_custom_fields .r-modal-btn {
  min-width: 2.25rem;
  padding: 0.3125rem 0;
}

.global_border_dotted_info_card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem;
  background: rgba(240, 79, 41, 0.05);
  border: 0.0625rem dashed var(--global-orange);
  padding: .375rem;
  border-radius: .5rem;
}

.global_border_dotted_info_card p {
  font-size: 0.875rem;
}

.global_border_dotted_info_card i {
  display: inline-block;
  margin-top: 0.25rem;
  color: var(--global-orange);
}

.crm_settings_toggle_content {
  display: none;
  margin-top: 1rem;
}

.crm_setting_toggle_item {
  background: rgba(246, 248, 250, 1);
  padding: 1rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
}

.crm_setting_toggle_item:last-child {
  margin-bottom: 0rem;
}

.crm_setting_toggle_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.crm_setting_toggle_top h5 {
  font-size: 1rem;
  font-weight: 500;
}

.crm_setting_toggle_top p {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(51, 51, 51, .75);
  margin-top: .5rem;
}

.crm_settings_toggle_content textarea {
  height: 5.625rem;
}

/*----------NEW CRM END ----------*/

/* NEW NAVIGATION START */
.top-nav-wrap {
  display: flex;
  align-items: center;
}

.top-nav-wrap .top-nav-item:last-child .notification {
  margin-right: 0;
}

.top-nav-wrap .top-nav-item .dropdown-menu.show {
  top: 1.25rem !important;
}

.top-nav-item .dropdown-toggle::after {
  display: none;
}

.nav-ico.show {
  color: var(--global-white);
  background: var(--global-upload-background-w-bg);
  border: 0.0625rem solid var(--global-orange);
}

.nav-ico.show i {
  color: var(--global-orange);
}

.theme-dark .nav-ico.show {
  color: var(--global-white);
  background: var(--global-orange);
  border: 0.0625rem solid var(--global-orange);
}

.theme-dark .nav-ico.show i {
  color: var(--global-white);
}

.nav-ico-content-wrap {
  width: 14.6875rem;
  background: var(--global-white);
  right: 0;
  top: 4.25rem;
  border-radius: 0.25rem;
  /* box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow); */
  box-shadow: rgb(0, 0, 0, 0.05) 0 1px 11px 8px !important;
}

.nav-top-arrow {
  position: relative;
}

.nav-top-arrow::after {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--global-white);
  right: 0;
  top: 0;
  transform: rotate(45deg) translateX(-50%);
  z-index: -1;
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
}

.nav-pro-wrap.nav-top-arrow::after {
  left: initial;
  right: 0;
}

.nav-pro-wrap .nav-pro-wrap-top {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
}

.nav-pro-wrap .nav-pro-wrap-top-lft {
  width: 2.5rem;
}

.nav-pro-wrap .nav-pro-wrap-top-lft img {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  object-position: top;
  border-radius: 50%;
}

.nav-pro-wrap .nav-pro-wrap-top-rht {
  width: calc(100% - 3rem);
}

.nav-pro-wrap .nav-pro-wrap-top-rht .name-list li {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-grey);
  margin-bottom: 0.4rem;
  max-width: 10.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-pro-wrap .nav-pro-wrap-top-rht .name-list li,
.nav-pro-wrap .nav-pro-wrap-top-rht p {
  max-width: 10.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-pro-wrap .nav-pro-wrap-top-rht p {
  font-size: 0.75rem;
  font-weight: 400;
}

.nav-ico-content-wrap hr {
  margin: 0;
  opacity: 0.1;
}

.nav-pro-wrap ul li {
  list-style: none;
}

.nav-pro-wrap ul li a:hover,
.nav-pro-wrap ul li a.active,
.nav-pro-wrap ul li a.dropdown-item:active .select-theme-btn-toggle:hover {
  background: var(--global-upload-background-w-bg);
  color: var(--text-grey);
}

.select-theme-btn-toggle {
  width: 100%;
  text-align: left;
}

.nav-pro-wrap ul li a {
  padding: 0.375rem 0.75rem;
  display: flex;
  width: 100%;
}

.nav-pro-wrap ul.name-list li a {
  flex-direction: column;
  padding: 0rem;
}

.nav-pro-wrap ul li a,
.nav-pro-wrap ul li a i,
.nav-pro-wrap ul li button,
.nav-pro-wrap ul li button i {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-grey);
  background: transparent;
  border: 0;
}

.nav-pro-wrap ul li button:hover,
.nav-pro-wrap ul li button:hover i,
.nav-pro-wrap ul li button.btn:active,
.nav-pro-wrap ul li button.btn:active i,
.nav-pro-wrap ul li button.btn.show,
.nav-pro-wrap ul li button.btn.show i {
  color: var(--text-grey);
  background: var(--global-upload-background-w-bg);
  border: 0;
}

.nav-pro-wrap ul li button.dropdown-toggle::before {
  display: none;
}

.select-theme-img {
  width: 4rem;
  margin-right: .5rem;
}

.select-theme-a {
  display: flex;
  align-items: center;
}

.select-theme-a {
  position: relative;
}

.select-theme-a::after {
  content: '';
  width: 2px;
  height: 0%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--global-orange);
  border-radius: 2rem;
  transition: .3s all linear;
}

.select-theme-a.active::after,
.select-theme-a:hover::after {
  height: 100%;
}

.nav-pro-wrap ul li a i {
  margin-right: 0.3125rem;
}

.nav-pro-wrap .r-modal-btn.r-outline-close {
  border: 0;
  padding: 0.375rem 0.75rem;
  min-height: auto;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--global-orange);
}

.nav-pro-wrap .name-list p.nav-pro-user-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-grey);
  margin-bottom: 0.4rem;
  max-width: 10.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .nav-pro-wrap .name-list p.nav-pro-user-name:last-child{
  margin-bottom: .1rem;
} */

.nav-grid-wrap {
  width: 17.1875rem;
}

.nav-quick-wrap-top {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(3, 1fr);
  padding: 0.75rem;
}

.nav-quick-wrap-btm {
  padding: 0.5rem 0.75rem;
}

.nav-quick-wrap-top .nav-quick-wrap-top-item,
.nav-link-icon-wrap {
  text-align: center;
  position: relative;
}

.nav-link-icon-wrap,
.nav-link-icon-wrap:hover {
  color: var(--text-two);
}

.nav-quick-wrap-top-item .badge,
.notification.nav-ico.dropdown-toggle .badge,
.nav-link-icon-wrap .badge {
  position: absolute;
  width: 1.35rem;
  height: 1.35rem;
  font-size: 0.65rem;
  background: var(--global-orange);
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0.6rem;
  top: 0;
  border-radius: 50%;
}

.notification.nav-ico.dropdown-toggle .badge {
  right: -0.6rem;
  top: -0.5rem;
}

.nav-link-icon-wrap .badge {
  right: -0.6rem;
  top: -0.5rem;
  background-color: var(--white-orange-orange);
  color: var(--orange-white-white);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
}

.nav-quick-wrap-top-item .badge sup {
  font-size: 0.65rem;
}

.nav-quick-icon .nav-quick-wrap-top-item {
  padding: 0.375rem;
  border-radius: 0.25rem;
  transition: 0.7s;
}

.nav-quick-icon .nav-quick-wrap-top-item:hover {
  background: var(--global-upload-background-w-bg);
}

.nav-quick-icon .nav-quick-wrap-top-item:hover .nav-quick-wrap-top-item-icon {
  background: var(--global-orange);
}

.nav-quick-icon .nav-quick-wrap-top-item:hover .nav-quick-wrap-top-item-icon i {
  color: var(--global-white);
}

.nav-quick-icon .nav-quick-wrap-top-item-icon {
  width: 2rem;
  height: 2rem;
  margin: 0 auto 0.375rem auto;
  border: 1px solid var(--global-orange);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, rgba(240, 79, 41, 0.05) 0%, rgba(240, 79, 41, 0.05) 100%), #FFF;
  transition: 0.7s;

}

.nav-quick-icon .nav-quick-wrap-top-item-icon i {
  color: var(--global-orange);
  transition: 0.7s;
}

.nav-quick-wrap-top-item p {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--text-grey);
}


.nav-quick-wrap-btm {
  display: flex;
  justify-content: space-between;
}

.nav-quick-wrap-btm .nav-quick-wrap-top-item {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  border: 0.0625rem solid var(--global-input-w-bg);
  width: 48%;
}

.nav-quick-wrap-btm .nav-quick-wrap-top-item .nav-quick-wrap-top-item-icon {
  margin-right: initial;
  margin-left: initial;
  margin-bottom: 0;
}

.nav-quick-wrap-btm .nav-quick-wrap-top-item p {
  text-align: left;
}

.nav_top_bar_user_name_wrap,
.dropdown-menu.user_profile_nav .multi-merchant-side-wrap ul {
  max-height: 60vh;
  overflow-y: auto;
}

/* NEW NAVIGATION END */

/*  NOTIFICATION MAIN DROPDOWN */
.top-nav-wrap .top-nav-item .dropdown-menu.notification-ul-main {
  width: 27rem;
  padding: 0;
}

.nav-ico-content-wrap.nav-notification-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nav-notification-wrap .nav-top-arrow {
  max-height: 50vh;
  overflow: auto;
}

.title-notification {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.title-notification h5 {
  color: #000;
  font-size: 1.125rem;
}

.title-notification a {
  color: var(--global-black);
  font-size: 1.125rem;
}

.title-notification a:not(:last-child) {
  margin-right: 1rem;
}

.notification-ul-main:after {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--global-white);
  right: 0;
  top: 0;
  transform: rotate(45deg) translateX(-50%);
  z-index: -1;
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
}

.notification-ul-main .nav-top-arrow::after {
  display: none;
}

.notification-ul-main ul li .list-notification {
  padding: 1rem;
  position: relative;
}

.notification-ul-main ul li .list-notification:hover {
  background: none;
}

.notification-ul-main .hightlight,
.notification-ul-main ul li .hightlight:hover {
  background: var(--global-upload-background-w-bg);
}

.notification-ul-main ul li {
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg)
}

.notification-ul-main ul li .list-notification .btn-threedot-icon {
  background: none;
  padding: 0;
}

.notification-ul-main ul li .list-notification .btn-threedot-icon i {
  color: var(--white-orange-orange);
  font-size: 1.2rem;
}

.notification-ul-main ul li:last-child {
  border: none;
}

.incomming-notification,
.incomming-notification-img {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.incomming-notification-img {
  padding: 0;
  justify-content: center;
  align-items: center;
}

.incomming-notification-img,
.incomming-notification-img img {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 100%;
  flex: 0 0 auto;
  object-fit: contain;
  background: var(--bg-light-clr-orange);
}

.incomming-notification-content {
  width: 100%;
  padding-left: 1rem;
}

.incomming-notification-content h5 {
  color: var(--global-black);
  font-size: 1rem;
  margin-bottom: 0.3rem;
  font-weight: 500;
}

.incomming-notification-content p {
  color: var(--global-black);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.nav-notification-wrap .nav-pro-wrap ul li .incomming-notification-img i {
  margin: 0;
  color: #f04f29;
  padding: 0;
  font-size: 1.5rem;
}

.nab-footer-notification {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-top: 0.0625rem solid var(--global-border-color-w-bg);
}

.no-notification,
.notification-end-month-main {
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1.5rem 1rem 1rem;
}

.nab-footer-notification a {
  padding: 0.3125rem 1rem;
  text-align: center;
}

.nab-footer-notification a:hover {
  color: var(--global-white);
}

.content-no-no p {
  color: var(--global-black);
  font-size: 1rem;
}

.content-no-no i {
  color: #f04f29;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.notiofication-unactive .no-notification,
.notification-end-month .notification-end-month-main {
  display: flex;
}

.notiofication-unactive .nab-footer-notification,
.notiofication-unactive .nav-pro-wrap,
.notification-end-month .nab-footer-notification,
.notification-end-month .nav-pro-wrap {
  display: none;
}

.dms-btns .dropdown-menu {
  filter: drop-shadow(0px 0px 20px #ccc);
  top: 0.8rem !important;
}

.notification_item_wrap {
  position: relative;
}

.sup_coumter_n {
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--global-orange);
  border: 0.0625rem solid var(--global-white);
  font-size: 0.6rem;
  color: #fff;
  position: absolute;
  top: -0.625rem;
  right: -0.3125rem;
  z-index: 2;
}

#mySharedown {
  display: none;
  border: 1px solid black;
}

#mySharedown.show {
  display: block;
}

/* END NOTIFICATION DROPDOWN */
.deals_pipeline_table_view_wrap .dataTables_wrapper {
  /* padding: 1.5rem; */
  border: 0.0625rem solid #e1e1e1;
  border-radius: 0.25rem;
}

.alert-wrap-modal {
  padding: 1rem;
  height: auto;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: linear-gradient(to right, var(--global-orange) 55%, transparent 0%) top/1rem 1px repeat-x,
    /* top */
    linear-gradient(var(--global-orange) 55%, transparent 0%) right/1px 1rem repeat-y,
    /* right */
    linear-gradient(to right, var(--global-orange) 55%, transparent 0%) bottom/1rem 1px repeat-x,
    /* bottom */
    linear-gradient(var(--global-orange) 55%, transparent 0%) left/1px 1rem repeat-y;
  /* left */
  background-color: var(--bg-light-clr-orange);
  border-radius: 0.3rem;
}

.alert-wrap-modal p,
.alert-wrap-modal i {
  font-size: 0.875rem;
  color: var(--global-black);
}

.alert-wrap-modal i {
  margin-top: 0.2rem;
  color: var(--global-orange);
}

.clr_segment {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  display: inline-block;
  box-shadow: 0 0 0.2rem 0.1rem var(--white_white_black-03);
}

.pic-user img {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  object-fit: cover;
}

.main-wrap-phone {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.content-phone h4 {
  color: var(--global-black);
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.content-phone p {
  color: var(--global-orange);
  background-color: var(--global-upload-background-w-bg);
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.2rem 0.6rem;
  border-radius: 1rem;
}

.r-modal-btn-green {
  width: 100%;
  text-align: center;
  color: var(--global-white) !important;
  background-color: #51DC6B !important;
  border: none !important;
  margin-bottom: 0.5rem;
}

.r-modal-btn-grey {
  width: 100%;
  text-align: center;
  color: var(--global-black) !important;
  background-color: rgba(0, 0, 0, 0.07) !important;
  border: none !important;
}

.success-active span,
.step-default-btn i,
.success-active-modal span,
.step-default-btn-modal i {
  display: none;
}

.success-active i {
  display: block;
}

.customer-import.custome-form-modal-stepwizar .order-step.steper_main {
  background-color: #F6F8FA;
  border: none !important;
}

.customer-import.custome-form-modal-stepwizar .steper_main .steper_number {
  background: #F6F8FA;
  color: rgba(0, 0, 0, .25);
  border: 0.0625rem solid rgba(0, 0, 0, .25);
}

.customer-import .order-step li::after {
  background: rgba(0, 0, 0, .25);
}

.customer-import .order-step.steper_main p {
  color: rgba(0, 0, 0, .40);
}

/* .customer-import .order-step.steper_main li.success-active p,
.customer-import .order-step.steper_main li.active p {
  color: var(--global-orange);
} */

.customer-import.custome-form-modal-stepwizar .steper_main li a.step-active-btn .steper_number,
.customer-import.custome-form-modal-stepwizar .steper_main li a.step-active-btntwo .steper_number,
.customer-import.custome-form-modal-stepwizar .steper_main li.success-active a.step-default-btntwo .steper_number,
.customer-import.custome-form-modal-stepwizar .steper_main li.success-active a.step-active-btntwo .steper_number {
  background: var(--global-orange);
  border-color: var(--global-orange);
  color: var(--global-white);
}

.main-content-step {
  padding: 1rem 0;
}

.main-content-step h4,
.main-content-step h5 {
  color: var(--global-black);
  font-size: 1rem;
  margin-bottom: 1rem;
}

.main-content-step h5 {
  margin: 0;
}

.main-content-step p {
  color: var(--global-black);
  font-size: 0.875rem;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;

}

.custom_import_modal_new .step-item.completed a span,
.custom_import_modal_new .step-item.active a span,
.custom_import_modal_new .step-item.active.completed a span {
  background: var(--global-orange) !important;
  border-color: var(--global-orange) !important;
  color: var(--global-white) !important;
  border-radius: 100% !important;
}

.custom_import_modal_new .step-item.completed a span.steper_number span {
  display: none;
}

.custom_import_modal_new .step-item.completed a span.steper_number i {
  display: block;
}

.custom_import_modal_new .step-item.completed p,
.custom_import_modal_new .step-item.active p,
.custom_import_modal_new .step-item.active.completed p {
  font-weight: 600 !important;
  color: var(--text-grey) !important;
}

.segments_selecttwo_wrapper label {
  color: var(--text-one);
}

.segments_selecttwo_wrapper .select-two-holder {
  min-width: 10rem;
}

.employee_limit_modal .modal-header {
  padding-bottom: 0;
  border: 0;
}

.employee_limit_modal .modal-body p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--text-grey);
  margin-bottom: 1.25rem;
}

.add_segment_top_wrap {
  padding: 1.5rem;
  border-bottom: 0.0625rem solid #E1E1E1;
}

.segment_tab_inner_top_wrap {
  background-color: #F6F8FA;
  padding: 1rem;
}

.segment_tab_inner_top_wrap h4 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.create_segment_modal .markinfobarwrap {
  align-items: baseline;
  display: inline-flex;
}

.create_segment_modal .markinfoBar .markinfobarwrap .markinfobarTxt {
  font-size: 1rem;
  color: var(--text-gray);
  margin-right: 2rem;
}

.create_segment_table_wrap {
  margin: 0 -1.5rem;
}

.segment_filters_accodion {
  margin-bottom: 1.5rem;
}

.segment_filters_accodion .accordion-button {
  background-color: #F6F8FA;
  padding: 0.75rem 1rem;
}

.segment_filters_accodion .accordion-button:not(.collapsed) {
  color: var(--global-orange);
}


.create_segment_modal .card_info_table table thead th {
  background-color: #F6F8FA;
}

.segment_color_dot {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  border-radius: 100%;
}

.create_segment_modal .custom-forms-setting-tabs-wrap .tab-content {
  padding-bottom: 3rem;
}

.create_segment_modal .modal-footer {
  position: relative;
  z-index: 1;
  background-color: var(--global-white);
}

.td_underline {
  text-decoration: underline;
}

/*----------NEW CRM END ----------*/
/*---------- EDIT COUPON START ----------*/
.edit-coupon-inner {
  padding: 1rem;
}

.edit-coupon-qr-code-img-wrap img {
  width: 6.25rem;
  height: 6.25rem;
  object-fit: contain;
  border-radius: 0.625rem;
}

/*---------- EDIT COUPON END ----------*/
/*---------- UNIVERSEL UI ----------*/
.main_stepper_universell .modal-body {
  max-height: 90vh;
}

.main_stepper_universell .modal-dialog {
  max-width: 35.9375rem;
}

.inner_main_ui_wrap,
.features_ui_main {
  padding: 1rem;
}

.feature_ui_img {
  padding: 2.375rem;
  border-radius: 0.625rem;
  margin: 1rem 0;
  background: url(../images/loginbg.jpg) no-repeat left center;
  background-color: #0E1529;
}

.feature_ui_gif {
  margin: 1rem 0 0;
}

.feature_ui_gif img {
  width: 100%;
  border-radius: 0.625rem;
}

.feature_ui_img img {
  object-fit: contain;
  height: 13.1875rem;
}

.brand_logo_titles {
  text-align: center;
  margin-bottom: 2.5rem;
}

.brand_logo_titles img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
}

.title_ui {
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0.625rem 0 0;
  color: var(--global-black);
}

.content_ui_new,
.content_ui_new_p {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.625rem 0 0;
  color: var(--global-black);
}

.content_ui_new_p {
  font-size: 1rem;
}

.owl-theme .owl-dots .step_dotted span {
  height: 0.375rem;
  width: 0.375rem;
  margin: 0 0.1875rem;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.owl-theme .owl-dots .step_dotted.active span {
  opacity: 1;
  background-color: var(--global-orange);
}

.main_stepper_universell .owl-nav {
  margin: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main_stepper_universell .owl-nav .owl-prev:hover {
  background-color: transparent;
}

.main_stepper_universell .owl-carousel .owl-nav button.owl-next,
.main_stepper_universell .owl-carousel .owl-nav button.owl-prev {
  margin: 0;
  background: var(--global-orange);
  color: var(--global-white);
  padding: 0.3125rem 0.625rem !important;
}

.main_stepper_universell .owl-carousel .owl-nav button i {
  color: var(--global-white);
}

.main_stepper_universell .owl-nav .owl-next:hover,
.main_stepper_universell .owl-nav .owl-prev:hover {
  background-color: transparent;
  margin: 0;
}

.main_stepper_universell .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.625rem;
  z-index: -1;
}

/*---------- EDIT COUPON END ----------*/
/*----------HOMEPAGE START ----------*/
.contaner_inner {
  width: 100%;
  max-width: 92.9375rem;
  margin: auto;
}

.universell_home_main_wraper,
.universell_home_accordian {
  padding: 1.5rem;
  margin-bottom: 1.25rem;
}

.headerhome P {
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: 500;
}

.main_universell_content_home .main_universell_content {
  margin-top: 0;
}

.main_universell_content_home .border-customeleft::after,
.main_universell_content_home .border-customeright::after {
  height: calc(100% - 4.375rem);
  top: 5rem;
  background: var(--global-input-border);
}

.main_universell_content_home .border-custome {
  background: var(--global-input-border);
}

.main_universell_content_home .border-custome.bottom {
  bottom: -0.625rem;
}

.main_universell_content_home .icon_inner {
  background: var(--white-white-orange);
}

.theme-light .main_universell_content_home .icon_inner img {
  filter: brightness(0) invert(1);
}

.main_title_accordian {
  border-bottom: 0.0625rem solid var(--global-input-border);
  padding-bottom: 0.625rem;
  margin-bottom: 1.875rem;
}

.main_title_accordian h2 {
  font-size: 1.25rem;
  font-weight: 500;
  padding-bottom: 0.9375rem;
}

.main_title_accordian p,
.universell_home p {
  font-size: 1rem;
  font-weight: 400;
  padding-bottom: 0.9375rem;
}

.universell_home {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 1.25rem;
}

.universell_home p {
  flex-shrink: 0;
  margin-right: 1.25rem;
  padding: 0;
}

.universell_home .progress {
  width: 100%;
  height: 0.3125rem;
}

.universell_home .progress-bar {
  background: var(--progress-bar-bg-new);
}

.main_universell_content .icon_box_main {
  position: relative;
  background: none;
  z-index: 1;
}

.bg-img {
  width: 7.5rem;
  height: 7.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

.bg-img img {
  width: 7.5rem;
  height: 7.5rem;
  object-fit: contain;
}

.theme-orange .bg-img img {
  filter: brightness(0) invert(1);
}

.universellMain .accordion-button {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-two);
  background: transparent;
}

.universellMain .accordion-button:not(.collapsed) {
  color: var(--text-two);
  background-color: transparent;
  border-bottom: 0.0625rem solid var(--global-input-border);
  box-shadow: none;
  transition: 1s;
}

.universellMain .accordion-body p {
  padding-bottom: 0.9375rem;
  color: var(--text-two);
}

.universellMain .accordion-item {
  margin-bottom: 0.9375rem;
  border: 0.0625rem solid var(--global-input-border);
  background: transparent;
  border-radius: 0.625rem;
}

.universellMain .accordion-button:focus {
  border-color: var(--global-input-border);
  box-shadow: none;
}

.universell_home_accordian .form-check-input:checked {
  border: none;
}

.universell_home_accordian .form-check-input {
  margin-top: 0.0625rem;
}

.universellMain .accordion-button::after {
  filter: brightness(0) invert(1);
}

.theme-light .accordion-button::after {
  filter: brightness(100) invert(1);
}

.theme-light .universellMain .form-check-input.reverse:checked::after {
  color: var(--global-white);
  background: var(--global-orange);
  border-radius: 0.25rem;
}

.circlecheck {
  margin-right: 0.625rem;
}

.theme-light .circlecheck i {
  color: var(--global-orange);
}

.theme-light .circlecheck i.fa-circle {
  color: var(--top-header-icons-color);
}

.home_email_configuration_inner {
  display: flex;
  align-items: stretch;
  text-align: center;
  flex-wrap: wrap;
  padding: 1.5rem;
}

.connectedemailicon i {
  color: green;
  font-size: 1.2rem;
  opacity: 0;
  visibility: hidden;
}

.connectedemail .connectedemailicon i {
  opacity: 1;
  visibility: visible;
}

.connectedemail .form-check-input {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
}

/*----------HOMEPAGE END ----------*/
/*----------UPGRADE AND FORBIDDEN MESSAGE STARTS ----------*/
.warning-icon-wrap {
  text-align: center;
  margin-bottom: 1.875rem;
}

.warning-icon-wrap i {
  font-size: 6.25rem;
  animation: size 2.5s linear infinite alternate;

}

.access-denied-content-wrap {
  text-align: center;
}

.upgrade-creative-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.upgrade-creative-wrap p {
  font-size: 5rem;
  font-weight: 700;
}

.upgrade-creative-wrap span {
  font-weight: 300;
}

.warning-icon-wrap {
  text-align: center;
  margin-bottom: 1.875rem;
}


.upgrade-icon-wrap i {
  font-size: 4rem;
  --fa-animation-duration: 3s;
  margin-right: 1rem;
}

@keyframes size {
  0% {
    scale: .9;
  }

  100% {
    scale: 1;
  }
}

.access-denied-content-wrap {
  text-align: center;
}

.access-denied-content-wrap h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.access-denied-content-wrap h2 span {
  font-weight: 600;
}

.access-denied-content-wrap p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  text-align: justify;
}

.support-email {
  color: var(--text-two);
  text-decoration: underline;
  font-weight: 600;
}

.support-email:hover {
  color: var(--text-two);
  text-decoration: underline;
}

.merchant-upgrade-content-wrap .r-modal-btn {
  margin-top: 2rem;
}

/*----------UPGRADE AND FORBIDDEN MESSAGE END ----------*/
/*----------UNAUTHORIZED MESSAGE START ----------*/
.universell_content_home_main {
  padding: 1.5rem;
  margin-bottom: 1.25rem;
}

.universell_content_home_main .contaner_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 13rem);
}

.main-icon-img,
.main-icon-img img {
  width: 14.375rem;
  height: 14.375rem;
  object-fit: contain;
  margin: auto;
}

.main-icon-img {
  margin-bottom: 2rem;
}

.unauthorized-title-wrap h2 {
  font-size: 2.813rem;
  margin-bottom: 1rem;
  font-weight: 800;
  color: var(--text-two);
}

.unauthorized-title-wrap h4 {
  font-size: 1.563rem;
  margin-bottom: 2rem;
  color: var(--text-two);
}

.message-em-title-wrap h4 {
  margin-bottom: 0.875rem;
}

.unauthorized-title-wrap p {
  color: var(--text-two);
  font-size: 1.125rem;
  font-weight: 400;
}

.message-em-title-wrap {
  max-width: 54%;
  margin: auto;
}

.btn-bottom-main {
  margin-top: 2rem;
}

.unauthorized-content-wrap {
  max-width: 80%;
  margin: auto;
}

.unauthorized-content-wrap h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  color: var(--text-two);
}

.authorized-main-access {
  margin: auto auto 2rem auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
}

.authorized-main-access li {
  font-size: 1.125rem;
  color: var(--text-two);
  position: relative;
  text-align: left;
  margin-bottom: 0.375rem;
}

.authorized-main-access li a {
  color: var(--text-two);
}

/* .authorized-main-access li::after {
  color: var(--white-orange-orange);
  font: var(--fa-font-solid);
  content: "\f058";
  position: absolute;
  top: 0.3125rem;
  left: 0;
  justify-content: center;
  align-items: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

} */

.universell-reserved {
  color: var(--white-orange-orange);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}

.universell-reserved span {
  font-size: 1.5rem;
  position: relative;
  top: 0.125rem;
}

.universell_messages_wrap {
  min-height: calc(100vh - 10rem);
}

/*----------UNAUTHORIZED MESSAGE END ----------*/

.giftcardmodalhis .orange-btn.filter_btn_card.filter_btn_h {
  width: 2.25rem;
  height: 2.25rem;
}

.giftcardmodalhis .orange-btn.filter_btn_card.filter_btn_h i {
  color: var(--global-black);
}

.giftcardmodalhis .ColVis button.ColVis_Button i {
  color: var(--global-white);
}

.giftcardmodalhis .card_info_table .fiter_gift_card {
  right: 1.25rem;
  transform: translate(0, 1.3125rem);
}

.giftcardmodalhis .card_info_table .filter_dropdown {
  transform: translate(-85%, 12%);
}

.r-ticket-catcher-form-wrap .cke_wysiwyg_frame {
  border-radius: 0 !important;
}

.edit-enventory-dropdown .dropdown-menu.inner .dropdown-item {
  white-space: initial;
}

.range_inputs button.applyBtn,
.range_inputs button.cancelBtn {
  border-radius: 0.3125rem;
  font-weight: 500;
  min-height: 2.1rem;
  padding: 0 1rem;
  font-size: 0.875rem;
}

.people-details p.eventtextitle {
  text-transform: capitalize;
  padding-bottom: 1.25rem;
}

.filter_gift_card_amount.range_amount {
  padding-bottom: 0.75rem;
}

/* CONTACT US */
.contact-us-main {
  border-radius: 0.5rem;
  box-shadow: 0rem 0.25rem 0.938rem 0rem rgba(17, 11, 51, 0.10);
  margin-bottom: 1rem;
  height: auto;
  transition: .3s all linear;
}

.contact-us-main:hover {
  scale: 1.05;
}

.contact-title h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--text-two);
}

.content-contact {
  width: 100%;
  justify-content: center;
  padding: 2.6rem 1rem;
}

.icon-contact {
  margin-right: 2rem;
  flex-shrink: 0;
}

.icon-contact img {
  width: 4.375rem;
  height: 4.375rem;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.theme-light .icon-contact img {
  filter: brightness(1) invert(0);
}

.content-contact p,
.content-contact a {
  color: var(--text-two);
  font-size: 1.25rem;
  font-weight: 600;
  display: inline-block;
}

/* CALENDAR CSS START*/
.main-wrapper-calendar-title {
  padding: 1rem;
  margin-bottom: 2rem;
}

.timezonetext p,
a.link_request {
  font-size: 1.25rem;
  text-align: center;
  color: var(--text-two);
}

a.link_request {
  margin-bottom: 0.2rem;
  text-decoration: underline;
  display: inline-block;
}

.modal-content a.link_request {
  color: var(--text-grey);
}

.btn-main-wrap {
  justify-content: end;
}

.btn-main-wrap button,
.btn-main-wrap a {
  padding: 0;
  width: 2.25rem;
  height: 2.25rem;
  min-height: auto;
  line-height: 2.125rem;
  text-align: center;
  margin-right: 0.5rem;
}

.availability-schedual {
  justify-content: center;
}

.availability-schedual.btn-main-wrap a {
  border-radius: 100%;
}

.btn-main-wrap button.doubleicon {
  width: 3rem;
}

.selectyearmonth .form-group {
  width: 100%;
  margin-right: 0.625rem;
}

.selectyearmonth .form-group:last-child,
.btn-main-wrap button:last-child,
.btn-main-wrap a:last-child {
  margin-right: 0;
}

.btn-trans img {
  height: 2.25rem;
}

.main-wrapper-calendar-title .btn-trans img {
  height: 1.6rem;
}

.theme-light .main-wrapper-calendar-title .btn-trans img {
  filter: invert(0) brightness(10);
}

.calender-google-sync-dropdown .dropdown-toggle::after {
  background-image: url(../images/arrow-up-ornage.png);
  background-size: 0.875rem;
  rotate: 180deg;
  transition: .2s all linear;
}

.inventory_modifier_dropdown .dropdown-toggle::after {
  background-image: url(../images/arrow_white.png);
  background-size: 1rem;
  rotate: 0deg;
  transition: .2s all linear;
}

.calender-google-sync-dropdown .dropdown-toggle.show::after {
  rotate: 0deg;
}

.inventory_modifier_dropdown .dropdown-toggle.show::after {
  rotate: 180deg;
}

.searchinginput {
  margin-left: 0.25rem;
  width: 100%;
}

.searchinginput .btn_search {
  position: relative;
}

.searchinginput input {
  padding-left: 0.625rem;
}

.inventory_modifier_dropdown_menu a {
  background: var(--global-white);
  border: none;
  color: var(--text-grey);
  border-radius: 0;
}

/* CALENDAR CHART */
.calendar-main-chart-wrap .fc .fc-toolbar-chunk .fc-today-button,
.calendar-main-chart-wrap .fc .fc-toolbar-chunk .fc-button-primary {
  background-color: var(--global-orange);
  border: none;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 600;
}

.calendar-main-chart-wrap .fc .fc-toolbar-chunk .fc-prev-button {
  margin-right: 0.25rem;
}

.calendar-main-chart-wrap .fc .fc-toolbar-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-one);
}

.calendar-main-chart-wrap .fc-header-toolbar .fc-toolbar-chunk:last-child {
  background: var(--global-orange);
  padding: 0.25rem;
  border-radius: 6.25rem;
}

.calendar-main-chart-wrap .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-primary {
  background-color: transparent;
  border-radius: 3.125rem;
  padding: 0.4rem 1.25rem;
}

.calendar-main-chart-wrap .fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group>.fc-button.fc-button-active {
  background-color: var(--global-white);
  color: var(--global-orange);
}

.calendar-main-chart-wrap .fc .fc-button-primary:focus,
.calendar-main-chart-wrap .fc .fc-button:focus,
.calendar-main-chart-wrap .fc .fc-button-primary:not(:disabled).fc-button-active,
.calendar-main-chart-wrap .fc .fc-button-primary:not(:disabled):active {
  box-shadow: (var(--global-orange)) 0rem 0rem 0rem 0rem;
}

.calendar-main-chart-wrap .fc .fc-view-harness,
.calendar-main-chart-wrap .fc .fc-scrollgrid {
  background: var(--global-white);
  border: none;
  border-radius: 0.625rem;
}

.calendar-main-chart-wrap .fc th {
  border: none;
}

.calendar-main-chart-wrap .fc .fc-col-header tr {
  border-bottom: 0.0625rem solid #ccc;
}

.calendar-main-chart-wrap .fc .fc-col-header th a {
  font-size: 0.875rem;
  color: rgba(51, 51, 51, 75%);
  font-weight: 400;
  padding: 1rem;
}

.calendar-main-chart-wrap .fc .fc-daygrid .fc-daygrid-day-frame {
  padding: 0.5rem;
}

.calendar-main-chart-wrap .fc td:not(:first-child),
.calendar-main-chart-wrap .fc td:not(:last-child) {
  border: 0.0625rem solid #ccc;
}

.calendar-main-chart-wrap .fc .fc-daygrid-day-top {
  justify-content: start;
}

.calendar-main-chart-wrap .fc .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #000;
  font-size: 0.875rem;
}

.calendar-main-chart-wrap .fc .fc-event-selected::after,
.calendar-main-chart-wrap .fc .fc-event:focus::after {
  background: transparent;
  z-index: -1;
}

.calendar-main-chart-wrap .fc .fc-event-selected,
.calendar-main-chart-wrap .fc .fc-event:focus {
  box-shadow: rgba(0, 0, 0, 0.2) 0rem 0rem 0rem;
}

.calendar-main-chart-wrap .fc-daygrid-event-dot {
  display: none;
}

.calendar-main-chart-wrap .fc-h-event .fc-event-main {
  background-color: transparent !important;
  border: 0rem solid transparent !important;
  display: block;
  color: #439BDF;
  font-size: 0.75rem;
}

.calendar-main-chart-wrap .fc .fc-daygrid-event-harness:last-child {
  margin-top: 0;
}

.calendar-main-chart-wrap .fc .fc-daygrid .fc-daygrid-day.fc-day-today {
  background-color: rgba(240, 79, 41, 18%);
}

.calendar-main-chart-wrap .fc-direction-ltr .fc-timegrid-col-events {
  margin: 0;
}

.calendar-main-chart-wrap .fc .fc-timegrid-axis-cushion,
.calendar-main-chart-wrap .fc .fc-timegrid-slot-label-cushion {
  text-transform: capitalize;
  font-size: 0.938rem;
  color: var(--text-grey);
}

.calendar-main-chart-wrap .fc .fc-timegrid-slot-label-cushion {
  text-transform: uppercase;
}

.calendar-main-chart-wrap .fc .fc-v-event .fc-event-main {
  color: #000;
  font-size: 1rem;
}


.calendar-main-chart-wrap .fc .fc-timegrid .fc-daygrid-day-events,
.calendar-main-chart-wrap .fc .fc-timegrid .fc-daygrid-day-bg {
  background-color: rgba(67, 155, 223, 10%);
  width: 99%;
  margin: auto;
  border-radius: 0;
  border-left: 0.125rem solid #439BDF;
}

.calendar-main-chart-wrap .fc-timegrid-event-harness-inset .fc-timegrid-event,
.calendar-main-chart-wrap .fc-timegrid-event.fc-event-mirror,
.calendar-main-chart-wrap .fc-timegrid-more-link {
  box-shadow: 0 0 0 0rem var(--fc-page-bg-color);
}

.calendar-main-chart-wrap .fc .fc-list-sticky .fc-list-day-cushion a[data-navlink] {
  color: #333333;
  font-size: 1rem;
  font-weight: 400;
}

.calendar-main-chart-wrap .fc .fc-list-sticky .fc-list-day-cushion,
.calendar-main-chart-wrap .fc .fc-list-sticky .fc-list-table td {
  text-transform: capitalize;
  padding: 0.5rem 0.875rem;
}

.calendar-main-chart-wrap .fc .fc-list-sticky td.fc-list-event-graphic {
  display: none;
}

.calendar-main-chart-wrap .fc-timegrid-event-short .fc-event-main-frame {
  flex-direction: column-reverse;
}

/* NEW CALENDAR CSS FOR SERVER START */
.calendar-main-chart-wrap .fc .fc-popover {
  z-index: 99;
}

.calendar-main-chart-wrap .fc .fc-daygrid .fc-daygrid-day-events .fc-event-calendar-custom,
.calendar-main-chart-wrap .fc .fc-more-popover .fc-popover-body .fc-event-calendar-custom {
  margin: 0;
  background-color: transparent !important;
  border: 0rem solid transparent !important;
  color: #333333;
  font-size: 0.75rem;
  width: 94%;
  margin: auto;
  display: block;
}

.calendar-main-chart-wrap .fc .fc-more-popover .fc-popover-body .fc-event-calendar-custom>div>div,
.calendar-main-chart-wrap .fc .fc-daygrid .fc-daygrid-day-events .fc-event-calendar-custom>div>div,
.calendar-main-chart-wrap .fc .fc-timegrid .fc-v-event.fc-event-calendar-custom>div>div {
  padding: 0.14rem 0.625rem 0rem 0.625rem;
  white-space: initial;
  color: #333333;
}

.calendar-main-chart-wrap .fc .fc-daygrid .fc-daygrid-day-events .fc-event-calendar-custom>div>div:last-child,
.calendar-main-chart-wrap .fc .fc-more-popover .fc-popover-body .fc-event-calendar-custom>div>div:last-child {
  padding-top: 0.14rem;
}

.calendar-main-chart-wrap .fc .fc-daygrid .fc-daygrid-day-events .fc-event-calendar-custom .fc-event-title i,
.calendar-main-chart-wrap .fc .fc-timegrid .fc-v-event.fc-event-calendar-custom .fc-event-title i {
  padding-right: 0.25rem;
}

.calendar-main-chart-wrap .fc .fc-more-popover .fc-popover-body {
  padding: 0rem;
  max-height: 21rem;
  overflow: auto;
}

.calendar-main-chart-wrap .fc .fc-more-popover .fc-popover-body::-webkit-scrollbar {
  width: 0.375rem;
}

.calendar-main-chart-wrap .fc .fc-daygrid-more-link,
.calendar-main-chart-wrap .fc .fc-daygrid-more-link:hover {
  color: var(--global-white);
  background: var(--global-orange);
  padding: 0.2rem 0.4rem;
}

/* Day list */
.calendar-main-chart-wrap .fc .fc-timegrid-slot {
  height: 4.55em;
}

.calendar-main-chart-wrap .fc .fc-v-event .fc-event-title {
  font-size: 1rem;
}

.calendar-main-chart-wrap .fc .fc-timegrid .fc-v-event {
  font-size: 0.75rem;
  width: 100%;
  background-color: rgb(67 155 223 / 0%) !important;
  border: none;
  margin: auto;
}

.calendar-main-chart-wrap .fc .fc-timegrid .fc-v-event .cusotm-event-month-title {
  font-size: 0.875rem;
}

/* list views */
.calendar-main-chart-wrap .custom-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
}

.calendar-main-chart-wrap .custom-list>div {
  width: 100%;
}

.calendar-main-chart-wrap .custom-event-title-left h4 {
  max-width: 21.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1rem;
  padding-bottom: 0.25rem;
  font-weight: 600;
}

.calendar-main-chart-wrap .custom-event-title-left p {
  font-size: 0.875rem;
  font-weight: 500;
}

.calendar-main-chart-wrap .fc-list-event-time {
  display: none;
}

.calendar-main-chart-wrap .custom-event-usermain-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.calendar-main-chart-wrap .custom-event-user-imgae {
  margin-right: 0.75rem;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  padding: 0.4rem;
  flex: 0 0 auto;
}

.custom-event-user-imgae img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.custom-event-user-title p {
  max-width: 18.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 600;
}

.custom-event-user-title a {
  max-width: 18.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 500;
}

.custome-event-buttons .modal_icon_btn {
  justify-content: end;
  align-items: center;
}

.custome-event-buttons .modal_icon_btn i {
  color: var(--global-white);
}

.custome-event-buttons .modal_icon_btn .r-switch {
  margin-right: 1rem;
}

.calendar-main-chart-wrap .fc-list-day-cushion.fc-cell-shaded {
  border: none;
}

/* NEW CALENDAR CSS FOR SERVER END */

/*CALENDAR MODAL CSS START*/
.addcategorycalendar .input-group {
  flex-wrap: initial;
}

.addcategorycalendar button.r-modal-btn {
  width: 2.625rem;
  padding: 0;
  margin-left: 0.625rem !important;
  border-radius: 0.313rem !important;
}

.addcategorycalendar button.r-modal-btn i {
  color: var(--global-white);
}

.calendarAppointment_main_wrap .r-upload-wrapper-inner label {
  color: var(--global-white);
}

.calendarAppointment_main_wrap .dropdown.bootstrap-select {
  width: auto !important;
}

.calendarAppointment_main_wrap .order-list-input-fix {
  white-space: normal;
}

.calendarAppointmentcancel table>:not(caption)>* {
  border-color: #E1E1E1;
  font-size: 0.875rem;
  color: #333333;
}

.calendarAppointmentcancel table tr td a {
  color: #333333;
}

.calendarAppointmentcancel table tr td {
  padding: 0.625rem 0.75rem;
}

.calendarAppointmentcancel table tr td:first-child {
  font-weight: 600;
}

.calendarAppointmentcancel table tr:nth-child(odd) {
  background-color: #F6F8FA;
}

.calendarAppointmentcancel .flex-parent,
.main-checked-parent {
  display: flex;
  align-items: center;
  padding-left: 0;
}

.calendarAppointmentcancel .form-switch p {
  padding-right: 0.625rem;
  font-weight: 500;
  font-size: 0.875rem;
}

.main-checked-parent .form-check:first-child {
  border-left: 0.0625rem solid #ccc;
  border-top-left-radius: 0.313rem;
  border-bottom-left-radius: 0.313rem;
}

.main-checked-parent .form-check:last-child {
  border-right: 0.0625rem solid #ccc;
  border-top-right-radius: 0.313rem;
  border-bottom-right-radius: 0.313rem;
}

.main-checked-parent .form-check:first-child .modallabelcheck {
  border-top-left-radius: 0.313rem;
  border-bottom-left-radius: 0.313rem;
}

.main-checked-parent .form-check:last-child .modallabelcheck {
  border-top-right-radius: 0.313rem;
  border-bottom-right-radius: 0.313rem;
}

.modalinputcheck {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.modallabelcheck {
  padding: 0.563rem 0.938rem;
  background: transparent;
  border-top: 0.0625rem solid #ccc;
  border-bottom: 0.0625rem solid #ccc;
  font-size: 0.875rem;
  font-weight: 400;
}

.modalinputcheck:checked+.modallabelcheck {
  background-color: var(--global-orange);
  color: var(--global-white);
}

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

.add_appointment_label_btn a {
  color: var(--global-orange);
}

/*CALENDAR MODAL CSS END*/
.main-wrapper-edit-appointment,
.manage-appointment-main-wrapper,
.calendar-settings-wrap {
  padding: 1rem;
  height: auto;
}

.manage-appointment-main-wrapper,
.calender_setting_tabs,
.title-setting-cal,
.calendar-settings-wrap {
  margin-bottom: 1rem;
}

.addcategorycalendar .btn-export {
  background-color: var(--white-white-orange);
  margin: 0 0 0 0.625rem;
}

.addcategorycalendar button.btn-export i {
  color: var(--orange-orange-white);
}

.appointment_main_flex_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
}

.title-appointment {
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 1rem 1rem;
  color: var(--text-two);
}

.snapfileaction {
  padding: 1rem 0 0 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.appointment_files.snapfileaction table thead tr th,
.appointment_files.snapfileaction table tbody tr td {
  text-align: center;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  vertical-align: middle;
}

.appointment_files.snapfileaction table thead tr th {
  border-right: 0.0625rem solid var(--global-input-border);
  background-color: var(--navbar-toggler-btn-bg);
}

.snapfileaction table thead tr th:last-child {
  border-right: none;
}

.snapfileaction .people-table-action-wrap a {
  color: var(--text-two);
  font-size: 0.875rem;
}

.stockadjust-sync-btn .btn-export {
  padding: 0.3125rem .75rem;
}

.btn-main-wrap a.managebtn,
.btn-main-wrap button.managebtn {
  width: auto;
  padding: 0 0.625rem;
}

.calender-google-sync-dropdown button.managebtn,
.inventory_modifier_dropdown button.managebtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stockadjust-sync-btn .dropdown-toggle::after {
  height: 1.125rem;
}

.inventory-inner-tab .calender-google-sync-dropdown button.managebtn,
.inventory-inner-tab .inventory_modifier_dropdown button.managebtn {
  width: auto;
  padding: 0 0.625rem;
}

.theme-light .calender-google-sync-dropdown button.managebtn.dropdown-toggle::after,
.theme-light .inventory_modifier_dropdown button.managebtn.dropdown-toggle::after {
  filter: invert(0) brightness(10);
}

.calender-google-sync-dropdown .dropdown-menu,
.inventory_modifier_dropdown .dropdown-menu {
  padding: 0;
  overflow: hidden;
}

.calender-google-sync-dropdown .dropdown-item.active,
.calender-google-sync-dropdown .dropdown-item:hover,
.calender-google-sync-dropdown .dropdown-item:active,
.inventory_modifier_dropdown .dropdown-item.active,
.inventory_modifier_dropdown .dropdown-item:hover,
.inventory_modifier_dropdown .dropdown-item:active {
  color: var(--text-two);
  background-color: var(--global-orange);
}

.inventory_modifier_dropdown .managebtn {
  background: var(--global-orange);
  color: var(--global-white);
  /* padding: 0.3125rem 1.5rem 0.3125rem 0.625rem; */
}

.inventory_modifier_dropdown .btn-trans img {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .5rem;
}

.btn-main-wrap .dropdown-menu li a {
  text-align: left;
}

.btn-main-wrap a.managebtn i,
.btn-main-wrap button.managebtn i {
  margin-right: 0.5rem;
}

.manage-btn-appoint {
  text-align: right;
}

.manage-btn-appoint {
  display: flex;
}

.addnotecontent p {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-grey);
}

.clr_bx {
  width: 5rem;
  height: 1.5rem;
  display: inline-block;
  border-radius: 0.313rem;
}

.appointment-btn-modal {
  text-align: end;
}

/* CALENDAR SETTING */
.title-setting-cal h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-two);
}

.reminder-main-title {
  width: 100%;
  justify-content: start;
  border-radius: 0.313rem;
  padding: 0.8rem 0.8rem;
  background-color: var(--card-highlight--bg-color);
}

.reminder-main-title.flex-parent {
  min-height: 3.8rem;
}

.reminder-main-title .form-group {
  width: 100%;
  display: flex;
  align-items: center;
  margin-left: 1rem;
}

.reminder-main-title .form-check {
  min-width: 10.313rem;
}

.reminder-main-title .select2-container,
.reminder-main-title select {
  max-width: 6.25rem;
}

.reminder-main-title .dropdown.bootstrap-select {
  max-width: 7.4rem !important;
}

.reminder-main-title .lablestime {
  padding: 0 0 0 1rem;

}

.notificationlist-wrap {
  list-style: none;
  border-radius: 0.513rem;
  overflow: hidden;
}

.notificationlist-wrap li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}

.notificationlist-wrap p {
  color: var(--text-two);
  font-size: 1rem;
  padding-right: 1rem;
}

.action-notification {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.action-notification .form-check {
  min-width: 6.25rem;
}

.notificationlist-wrap li:first-child {
  background-color: var(--card-highlight--bg-color);
}

.notificationlist-wrap li:not(:first-child) {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.notificationlist-wrap li:last-child {
  border: none;
}

.setting-calendar-wrap-bg {
  border-radius: 0.313rem;
  padding: 0.8rem 0.8rem;
  background-color: var(--card-highlight--bg-color);
}

.setting-calendar-wrap-bg .reminder-main-title {
  border-radius: 0rem;
  padding: 0rem 0rem 1rem;
  background-color: transparent;
}

.setting-calendar-wrap-bg .reminder-main-title:last-child {
  padding: 0;
}

.setting-calendar-wrap-bg .reminder-main-title .select2-container,
.setting-calendar-wrap-bg .reminder-main-title select {
  min-width: 8.75rem;
}

.setting-calendar-wrap-bg .reminder-main-title .form-check {
  min-width: 11.313rem;
}

.setting-calendar-table-wrap {
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.setting-calendar-table-wrap thead th {
  background: var(--card-highlight--bg-color);
  border-bottom: 0;
  white-space: nowrap;
  font-weight: 600;
}

.setting-calendar-table-wrap thead th,
.setting-calendar-table-wrap tbody td {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

.setting-calendar-table-wrap thead th:last-child,
.setting-calendar-table-wrap tbody td:last-child {
  min-width: 6.25rem;
  text-align: right;
}

.setting-calendar-table-wrap tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0.0625rem var(--card-highlight--bg-color);
}

.setting-calendar-table-wrap .people-table-action-wrap {
  justify-content: end;
}

.setting-calendar-table-wrap thead th a,
.setting-calendar-table-wrap tbody td a {
  color: var(--text-two);
  text-transform: lowercase;
}

.r-add-leads-main-wrapper .calendar-table select {
  color: var(--text-grey);
}

.setting-table-newdate {
  display: flex;
  justify-content: start;
  align-items: center;
}

.setting-table-newdate p {
  font-size: 1rem;
  padding-right: 1rem;
}

.r-upload-calendars .dropzone.dz-clickable {
  background: var(--global-input-w-bg);
  border: 0.0625rem dotted;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.r-upload-calendars .dropzone .dz-message {
  text-align: center;
  margin: 0;
}

.editappointment-attachment-table td:first-child,
.editappointment-attachment-table th:first-child {
  width: 22%;
}

.editappointment-attachment-table td:first-child {
  text-align: center;
}

.editappointment-attachment-table tr {
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.editappointment-attachment-table tr:last-child {
  border-bottom: 0.0625rem solid transparent;
}

.editappointment-attachment-table td,
.editappointment-attachment-table th {
  width: 38%;
}

.editappointment-attachment-table th:last-child {
  text-align: center;
}

.editappointment-attachment-name {
  word-break: break-all;
}

.calendar-button-sync {
  flex-wrap: wrap;
}

.btn-main-wrap.calendar-button-sync button,
.btn-main-wrap.calendar-button-sync a {
  margin-bottom: 0.5rem;
}

.calender-dropdown a {
  height: auto;
}

.calender-dropdown-flex-wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0.5rem 0;
}

.drop-left-icon {
  flex: 0 0 auto;
}

.drop-rht-cont span {
  display: block;
  line-height: 1;
}

.calender-dropdown-email {
  font-size: 0.75rem;
  opacity: .6;
  padding: 0.125rem 0;
  width: 13rem;
  overflow: hidden;
  text-overflow: ellipsis;
}


.accountlinked {
  list-style: none;
  max-height: 22.75rem;
  overflow: auto;
}

.accountlinked li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 1.5rem 0.6rem 1rem;
  border-radius: 0.2rem;
  margin-bottom: 1rem;
  background-color: var(--card-highlight--bg-color);
}

.accountlinked .call-info h6 {
  color: var(--text-two);
  font-weight: 500;
}

.accountlinked .call-info p,
.delete-linked a {
  color: var(--text-two);
}

.btn-with-icon-main {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}

.btn-with-icon-main button {
  padding: 0.3125rem 1rem 0.3125rem 1rem;
  margin-right: 0.5rem;
}

.btn-with-icon-main button i {
  margin-right: 0.625rem;
}

/*CALENDAR CSS END*/
/* Availability Schedule */
.availability-main-wrapper {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.container-main {
  max-width: 48rem;
  background: #fff;
  border-radius: 0.775rem;
  box-shadow: 0px 4px 15px 0px rgba(17, 11, 51, 0.10);
}

.main-title-availability {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ccc;
}

.main-title-availability h2 {
  color: #333;
  font-size: 1.5rem;
  padding: 0 0 0.6rem;
}

.main-title-availability h4 {
  color: #333;
  font-size: 1rem;
  padding: 0;
}

.body-main-content {
  padding: 1.5rem;
}

.title-main {
  margin-bottom: 0.6rem;
}

.availability-schedule-calendar-main {
  text-align: center;
}

.availability-schedule-calendar-main h4 {
  color: #333;
  font-size: 1rem;
  padding: 0 0 10px;
}

.availability-schedule-calendar-main p {
  color: rgba(51, 51, 51, 0.75);
  font-size: 0.875rem;
  padding: 0 0 0.5rem;
}

.powerbycontent h5 {
  color: #333;
  font-size: 0.875rem;
  padding-bottom: 1rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

.powerbycontent img {
  width: 46%;
  margin: 0 10px;
}

.jquery-calendar {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 4px 15px 0px rgba(17, 11, 51, 0.10);
}

.jquery-calendar .ui-widget-header {
  background: var(--global-white);
  color: var(--global-orange);
  border: none;
}

.jquery-calendar .ui-datepicker {
  width: 100%;
  margin-top: 0;
}

.jquery-calendar .ui-state-active,
.jquery-calendar .ui-widget-content .ui-state-active,
.jquery-calendar a.ui-button:active,
.jquery-calendar .ui-button:active,
.jquery-calendar .ui-button.ui-state-active:hover {
  border: 0rem solid var(--nav-user-icon-bg) !important;
  color: var(--global-white);

}

.jquery-calendar .ui-state-default,
.jquery-calendar .ui-widget-content .ui-state-default {
  border: none;
  background: #ffffff;
  border-radius: 0.25rem;
  font-size: 1rem;
}

.jquery-calendar .ui-datepicker th {
  font-weight: normal;
  color: rgba(51, 51, 51, 0.50);
  font-size: 1rem;
}

.jquery-calendar .ui-datepicker .ui-datepicker-title {
  font-weight: 500;
}

.jquery-calendar .ui-widget-header .ui-state-hover,
.jquery-calendar .ui-state-focus,
.jquery-calendar .ui-widget-header .ui-state-focus,
.jquery-calendar .ui-button:hover,
.jquery-calendar .ui-button:focus {
  background: transparent;
  color: var(--global-white);
  border: none;
}

.jquery-calendar .ui-widget-content .ui-state-default.ui-state-hover,
.jquery-calendar .ui-state-default.ui-state-highlight.ui-state-active {
  background: var(--nav-user-icon-bg) !important;
  color: var(--global-white);
}

.jquery-calendar .ui-state-default.ui-state-highlight {
  background: rgba(51, 51, 51, 0.05) !important;
  color: var(--text-grey);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 1px;
}

.ui-datepicker .ui-datepicker-next {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 1px;
}

.jquery-calendar .ui-datepicker td span,
.jquery-calendar .ui-datepicker td a {
  text-align: center;
  padding: 0.5rem;
}



/* Availability Schedule end*/
/*CALL CSS START*/
.modal-xl.modal-xxl {
  max-width: 90%;
}

.uniersel-calling-modal .modal-header .btn-close {
  background: transparent;
  font-size: 1.313rem;
}

.call_nav-tabs {
  margin-bottom: 1rem;
}

.call_nav-tabs.lead_nav_tabs {
  background: var(--global-white);
}

.call_nav-tabs.lead_nav_tabs .nav-link {
  color: var(--text-grey);
}

.call_nav-tabs.lead_nav_tabs .nav-item.show .nav-link,
.call_nav-tabs.lead_nav_tabs .nav-link.active {
  color: var(--global-white);
}

.call_history_details_main,
.main-contact-wrapper {
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--global-input-w-bg);
}

.call_history_details_main .table-filter-wrap button.r-gear-btn {
  padding: 0rem;
  width: 2.25rem;
  height: 2.25rem;
  background: var(--global-orange) !important;
  border-radius: 0.4375rem;
  font-size: 1rem;
}

.call_history_details_main .table-filter-wrap button.r-gear-btn i {
  color: var(--global-white);
}

.call_history_details_main label {
  padding-bottom: 0;
}

/* New Call Css */
.user-profile-title,
.call-side-bar-ul .side-bar-toggle-btn,
.call-icon-plus,
.calling-user-btn,
.user-calling-search,
.dialer-user-head,
.user-function-icon,
.calling_nav_tabs .nav-link,
.recording-calling,
.recording-text-st,
.controlls-btns,
.calling-users-add-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.call-side-bar-ul .side-bar-toggle-btn {
  padding: 0.8rem 1.4375rem;
}

.call-side-bar-ul .nav-link-icon-wrap {
  color: var(--text-two);
}

.call-side-bar-ul .divider {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.newcallbtn,
.r-orange-btn.newcallbtn {
  padding-left: 0.8rem;
}

.newcallbtn i {
  padding-right: 0.5rem;
}

.call-icon-plus {
  width: 2rem;
  height: 2rem;
  background-color: var(--white-white-orange);
  color: var(--orange-orange-white);
  border-radius: 0.2rem;
  display: none;
}

.side-open .call-icon-plus {
  display: flex;
}

.call-side-bar-user-img-wrap {
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0.625rem;
  flex: 0 0 auto;
  position: relative;
}

.idicationbtn {
  width: 0.8rem;
  height: 0.8rem;
}

.idicationbtn.online {
  background-color: green;
}

.user-calling-list-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.user-calling-search {
  width: 100%;
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.dotted-call {
  border: none;
  background-color: transparent;
  font-size: 1rem;
  margin-left: 0.5rem;
  color: var(--text-two);
}

.user-calling-list-ul {
  width: 100%;
}

.user-calling-list-row .column-left-side {
  width: 33.75rem;
  border-right: 0.0625rem solid var(--card-highlight--bg-color);
}

.user-calling-list-ul {
  height: calc(100vh - 34vh);
  overflow: auto;
}

.user-calling-list-li,
.content-calling li {
  list-style: none;
}

.calling-user-btn {
  width: 100%;
  justify-content: space-between;
  background-color: var(--bg-color);
  padding: 1rem;
  border: none;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.calling-user-btn.active,
.calling-user-btn:hover,
.calling-user-btn:active,
.calling-user-btn:focus {
  background-color: var(--call-active-color);
  border-color: var(--call-active-color);
}

.user-calling-img {
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0.625rem;
  flex: 0 0 auto;
}

.user-calling-img img {
  width: 3.125rem;
  height: 3.125rem;
  object-fit: cover;
  border-radius: 100%;
}

.uer-calling-title {
  text-align: left;
}

.uer-calling-title h4 {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0.2rem;

}

.column-left-side .uer-calling-title h4 {
  max-width: 14.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uer-calling-title p {
  color: var(--text-two);
  font-size: 0.875rem;
  font-weight: 400;
  text-align: left;
  opacity: 0.8;
}

.usertime {
  color: var(--text-two);
  font-size: 0.775rem;
  font-weight: 400;
  text-align: left;
  opacity: 0.8;
  flex: 0 0 auto;
}

.user-calling-search.user-calling-search-modal {
  width: 90%;
  margin: auto;
  padding: 0;
  margin-bottom: 1rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.2125rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .user-calling-search.user-calling-search-modal .r-add-people-lable-input-wrap .analyticsdatepicker,
.r-add-leads-main-wrapper .user-calling-search.user-calling-search-modal .r-add-people-lable-input-wrap .analyticsdatepicker,
.r-add-leads-main-wrapper .r-add-leads-main-reverse .user-calling-search.user-calling-search-modal .r-add-people-lable-input-wrap .select2-selection,
.r-add-leads-main-wrapper .user-calling-search.user-calling-search-modal .r-add-people-lable-input-wrap .select2-selection {
  border: none !important;
  background: transparent;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .user-calling-search.user-calling-search-modal .r-add-people-lable-input-wrap .analyticsdatepicker,
.r-add-leads-main-wrapper .user-calling-search.user-calling-search-modal .r-add-people-lable-input-wrap .analyticsdatepicker {
  border-left: 0.0625rem solid var(--global-input-border) !important;
  border-radius: 0 !important;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .user-calling-search.user-calling-search-modal .r-add-people-lable-input-wrap .analyticsdatepicker input,
.r-add-leads-main-wrapper .user-calling-search.user-calling-search-modal .r-add-people-lable-input-wrap .analyticsdatepicker input {
  padding-right: 0.75rem;
  padding-left: 0.15rem;
}

.call-btn-star {
  margin-bottom: auto;
}

.call-btn-star a {
  width: 2rem;
  display: inline-block;
  font-size: 1rem;
  color: var(--global-black);
}

/* Right column side css */
.column-right-side {
  width: 100%;
}

.user-calling-list-row .column-right-side {
  width: calc(100% - 33.75rem);
}

.dialer-user-head {
  justify-content: space-between;
}

.dialer-user-head {
  width: 100%;
  padding: 1rem 1.5rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.dialer-user-head h4 {
  font-size: 1.2rem;
}

.user-function-icon {
  justify-content: flex-end;
  align-items: center;
}

.btn-icon-f {
  border: none;
  background-color: var(--white-white-orange);
  color: var(--orange-orange-white);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 100%;
  margin-right: 0.5rem;
}

.btn-icon-f:last-child {
  margin-right: 0;
}

.btn-icon-f:hover {
  color: var(--orange-orange-white);
}

.user-calling-details-wrap {
  padding: 1rem;
}

.details-call-inner-row {
  padding: 1rem;
  background-color: var(--call-detils-bg);
  border-radius: 0.4rem;
}

.call-info-title {
  font-size: 1.5rem;
  color: var(--text-two);
  margin-bottom: 1rem;
}

.user-calling-list-ul-modal {
  width: 100%;
  height: calc(100vh - 41vh);
  overflow: auto;
  border-bottom-left-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
}

.content-calling li {
  display: inline-block;
  border-left: 0.0625rem solid var(--global-input-w-bg);
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.user-calling-list-ul-modal .calling-user-btn {
  background: var(--global-white);
  border-color: rgba(246, 248, 250, 1);
}

.user-calling-list-ul-modal .calling-user-btn.active,
.user-calling-list-ul-modal .calling-user-btn:active,
.user-calling-list-ul-modal .calling-user-btn:focus,
.user-calling-list-ul-modal .calling-user-btn:hover {
  background: rgba(240, 79, 41, 0.10);
}

.user-calling-list-ul-modal .uer-calling-title h4,
.user-calling-list-ul-modal .uer-calling-title p,
.user-calling-list-ul-modal .usertime {
  color: var(--global-black);
}

.content-calling li:first-child {
  border: none;
}

.called {
  display: block;
  color: var(--global-white);
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  background-color: #51DC6B;
  border-radius: 0.2rem;
}

.content-calling li span,
.content-calling time {
  padding: 0.5rem;
}

.full-screen-main-wrap {
  padding: 1rem;
  position: relative;
}

.minimizebtn {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 1rem;
  right: 2rem;
  z-index: 1;
  border: none;
  background: transparent;
  font-size: 1.2rem;
}

.maximize-wrap {
  max-width: 20rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 2rem;
  z-index: 1;
  background-color: var(--white-white-orange);
  box-shadow: 0rem 0rem 0.2rem var(--white-white-orange);
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.maximize-wrap h4 {
  font-size: 1rem;
  max-width: 15rem;
  color: var(--black-black-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.maximizebtn {
  z-index: 1;
  border: none;
  background: transparent;
  font-size: 1.2rem;
  color: var(--black-black-white);
}

.call-head-wrap {
  width: 100%;
  position: relative;
}

.call-head-wrap img {
  width: 100%;
  height: 47.375rem;
  border-radius: 0.5rem;
  object-fit: cover;
}

.videoconference.active img {
  height: 30.375rem;
}

.call-nav-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
}

.call-nav-btn {
  margin: 1rem;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 1rem;
  color: var(--text-grey);
  font-weight: 500;
}

.call-nav-btn span.text {
  color: var(--text-two);
}

.call-nav-btn .icons {
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: #F2F2F5;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.call-nav-btn .icons:hover,
.call-nav-btn .icons:focus,
.call-nav-btn .icons.active,
.call-nav-btn .icons:active {
  background: #3087E9;
  color: var(--global-white);
}

.call-nav-btn.callend .icons {
  background: var(--white-orange-orange);
  color: var(--orange-white-white);
}

.main-wrapper-calling.dropdown-menu {
  text-align: center;
  min-width: 22rem;
  box-shadow: 0px 4px 15px 0px rgba(17, 11, 51, 0.10);
  border: none;
  margin: 0 0 1.5rem -8.5rem !important;
  position: relative;
}

.main-wrapper-calling.dropdown-menu:after {
  content: "";
  width: 4rem;
  height: 4rem;
  background: url(../images/down-arrow-bg.png) no-repeat;
  background-size: 4rem;
  position: absolute;
  bottom: -3rem;
  left: 0;
  right: 0;
  margin: auto;
}

.call-nav-btn.dropdown-toggle::after {
  display: none;
}

.video-calling-off,
.video-calling-users {
  width: 100%;
  height: 47.375rem;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border: 0.2rem solid transparent;

}

.video-calling-users.active {
  border-color: var(--global-orange);
}

.video-calling-off .user-img,
.video-calling-users .user-img,
.video-calling-users .user-img img,
.video-calling-off .user-img img {
  width: 9.375rem;
  height: 9.375rem;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
  border-radius: 100%;
  background: #F2F2F5;
}

.video-calling-off .user-name,
.video-calling-users .user-name {
  max-width: 11rem;
  color: var(--text-two);
  font-size: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1rem 0 0.5rem;
}

.video-call-controlls {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  padding: 1rem;
}

.bg-calling-f {
  padding: 0.7rem 1rem;
  border-radius: 2rem;
  background: rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(7.5px);
}

.recording-status {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
  background: var(--global-orange);
  border: 0.5rem solid var(--global-white);
  display: inline-block;
}

.recording-text-st p {
  color: var(--global-white);
  font-size: 1rem;
  margin: 0 1rem;
}

.controlls-btns.call-nav-btn {
  margin: 0;
}

.controlls-btns.call-nav-btn button {
  width: 2.3rem;
  height: 2.3rem;
  font-size: 1rem;
  margin: 0rem 0.2rem;
  background: rgba(255, 255, 255, 0.30);
  color: var(--global-white);
}

.recording-text-st .icons i {
  color: var(--global-white);
  font-size: 1.2rem;
}

.video-calling-users {
  width: 13.75rem;
  height: auto;
  display: flex;
  border-radius: 0.5rem;
  background: #F2F2F5;
  padding: 1rem;
}

.video-calling-users .user-name,
.video-calling-users .calling-timing,
.calling-hold {
  color: var(--global-black);
}

.calling-users-add-wrap {
  width: 100%;
  flex-wrap: wrap;
  overflow-y: auto;
  gap: 1rem;
  padding: 1.5rem 0;

}

.main-wrapper-calling.dropdown-menu .user-calling-list-ul-modal {
  height: calc(100vh - 50vh);
}

.communication-call-dialer-pad {
  padding: 0 !important;
}

.communication-call-dialer-pad .calling-number-input {
  display: block;
  margin: 0 auto 2rem auto;
  width: 87%;
}

.communication-call-dialer-pad .calling-number-input .iti--allow-dropdown {
  width: 100% !important;
}

.communication-call-dialer-pad .calling-number-input .iti--allow-dropdown .iti__tel-input {
  padding-left: 6.525rem !important;
  font-size: 1rem;
  padding-top: 0.888rem !important;
}

.communication-call-dialer-pad .number-buttons {
  margin: 0 auto;
  width: 70%;
  margin-bottom: 2rem;
}

.full-screen-main-wrap.calling-screen {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 9rem);
  overflow: auto;
}

.calling-modal-updates .minimizebtn {
  top: 0.5rem;
  right: 3rem;
}

.calling-modal-updates .call-nav-menu {
  width: 100%;
  flex-wrap: wrap;
}

.calling-modal-updates .call-nav-btn {
  margin: 0;
}

.calling-modal-updates .call-nav-btn span.text {
  color: var(--text-grey);
}

/* SMS */
.sms_tab_nav .nav-item.show .nav-link,
.sms_tab_nav .nav-link.active,
.sms_tab_nav .nav-link:hover {
  color: var(--white-white-orange);
  background-color: transparent;
  border: none;
  border-bottom: 0.0625rem solid var(--white-white-orange);
  font-weight: 600;
}

.sms_tab_nav {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.sms_tab_nav .nav-item {
  padding: 0 1rem;
}

.sms_tab_nav .nav-link {
  border: none;
  color: var(--white-white-orange);
  font-weight: 500;
  padding: 1rem 0;
}

.user-sms-details-chat-wrap {
  padding: 1rem;
}

.sms-user-btn {
  flex-wrap: wrap;
  position: relative;
}

.chat-content {
  width: 93%;
  margin-left: auto;
}

.chat-content p {
  color: var(--text-two);
  font-size: 1rem;
  text-align: left;
}

.sms-user-btn .usertime {
  position: absolute;
  top: 0.7rem;
  right: 1rem;
}

.employee-rht-btm.sms-rht-btn ul.outgoing-incomming-ul {
  height: calc(75vh - 13rem);
}

.sms-date {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.employee-rht-btm ul li.sms-date {
  text-align: center;
  margin-bottom: 2rem;
}

.employee-rht-btm ul li.sms-date span {
  font-size: 1rem;
  background-color: var(--bg-color);
  position: relative;
  top: 9px;
  display: inline-block;
  padding: 0 1rem;
  text-align: center;
  margin: auto;
}

.sms-rht-btn .employee-chat-btm-input-wrap {
  padding: 0;
  margin-top: auto;
}

.sms-rht-btn .r-modal-btn.btnfonts {
  background-color: transparent;
  font-size: 1.5rem !important;
  padding: 0;
}

.sms-rht-btn .employee-chat-btm-input-wrap .btn-wrap {
  gap: 1rem
}

.employeesmsinputwrapper {
  width: 90%;
}

.output-chat.teamessaging,
.input-chat.teamessaging {
  display: flex;
}

.input-chat.teamessaging .user-calling-img {
  margin: 0 0 0 0.625rem;
}

.output-chat.teamessaging .user-calling-img,
.input-chat.teamessaging .user-calling-img {
  background-color: var(--call-active-color);
  border-color: var(--call-active-color);
  border-radius: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

.employee-rht-btm ul li.input-chat.teamessaging {
  justify-content: end;
}

.uer-calling-title p {
  max-width: 14.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.messag-badge-main .badge {
  background-color: var(--white-orange-orange);
  color: var(--orange-white-white);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
  width: 1.35rem;
  height: 1.35rem;
  font-size: 0.65rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-info-main-wrapper {
  padding: 1rem;
}

.conact-info h4 {
  font-size: 1.5rem;
  color: var(--text-two);
}

.info-list-ul {
  margin-top: 1rem;
  list-style: none;
}

.info-main-li,
.info-cont,
.repy-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.info-list-ul .info-main-li {
  background-color: var(--call-active-color);
  border-color: var(--call-active-color);
  border-radius: 0.4rem;
  max-width: 48%;
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
}

.info-cont .user-function-icon {
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  width: 0;

}

.info-list-ul li:hover .info-cont .user-function-icon {
  display: flex;
  opacity: 1;
  visibility: visible;
  width: auto;
}

.contant-info-user,
.group-profile {
  display: flex;
}

.info-cont h5 {
  font-size: 1rem;
  color: var(--text-two);
  margin-right: 1rem;
  transition: 0.5s;
}

.contant-info-user h4 {
  font-size: 1.2rem;
  color: var(--text-two);
  margin-right: 1rem;
}

.group-img,
.group-img-create,
.group-img img,
.group-img-create img,
.uploadgrouplabel {
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  object-fit: cover;
  background-color: var(--call-active-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.group-img-create,
.uploadgrouplabel {
  background: var(--global-orange);
}

.group-img h4,
.group-img-create h4 {
  text-transform: uppercase;
  font-size: 1.5rem;
  border-color: var(--call-active-color);
}

.group-img {
  position: relative;
}

.overlay-hover {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: 0.5s;
}

.overlay-hover label {
  font-size: 1.2rem;
  padding: 0.5rem;
  color: var(--global-white);
  margin-bottom: 0;
}

.contact-info-group .btn-delete {
  border: none;
  background: transparent;
  padding: 0.5rem;
  font-size: 1.2rem;
  color: var(--global-white);
}

.group-img:hover .overlay-hover {
  opacity: 1;
  visibility: visible;
}

.overlay-hover input {
  width: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.group-name-details {
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 0.0625rem solid var(--card-highlight--bg-color);
  ;
}

.group-name-details p {
  font-size: 1rem;
  color: var(--text-two);
}

.group-memner-ul {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.group-member h4,
.titlemembers h4 {
  font-size: 1.2rem;
  color: var(--text-two);
  margin-bottom: 1rem;
}

.group-memner-ul li,
.emoji-word-count {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.emoji-word-count {
  padding: 0.2rem;
}

.group-name {
  display: flex;
  justify-content: start;
  align-items: start;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: 0.4rem;
}

.r-add-leads-main-wrapper label.emojis {
  padding: 0 0.4rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .group-name .form-control,
.r-add-leads-main-wrapper .r-add-leads-main-reverse .group-name .form-control:focus {
  border: none;
  box-shadow: none;
}

.emojifileup,
.uploadgroupimginput {
  width: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .group-member-search .select2-selection {
  background-image: none;
}

.titlemembers h4 {
  color: var(--global-black);
}

.group-member-search .analyticsdatepicker i {
  color: var(--text-grey);
}

.group-member-search .buttons-page-filter {
  justify-content: flex-start;
}

.group-member-search .icontirght i {
  color: var(--text-two);
}

.group-member-search .icontirght span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 8.5rem;
  display: inline-flex;
}

.repy-message {
  flex-wrap: wrap;
}

.repy-icons i {
  font-size: 1.4rem;
}

.repy-message .chat_content-wrap {
  border-left: 0.0625rem solid var(--global-input-w-bg);
}

.repy-message .chat_content h5 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.chat_trigger.buttons-page-filter {
  flex-wrap: nowrap;
  align-items: flex-start;
}

.employee-rht-btm ul li .repy-message .chat_content-wrap {
  background-color: rgb(255 255 255 / 0%);
  border-radius: 0.2rem;
  border-color: #fff;

}

.employee-rht-btm ul li .repy-message .chat_content-wrap h5,
.employee-rht-btm ul li .repy-message .chat_content-wrap p {
  color: var(--text-two);
}

.employee-rht-btm ul li .repy-message .chat_trigger_btn i {
  color: var(--text-two);
}

.repy-message.typping-message {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-bottom: none;
  flex-wrap: nowrap;
  padding: 1rem;
  gap: 0.5rem;
  border-top-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
}

.repy-message.typping-message .chat_content-wrap {
  padding-left: 1rem;
  border-color: var(--card-highlight--bg-color);
}

.chat_content-wrap .chat_content_meeting_wrap{
  padding: 0.75rem;
}

.chat_content-wrap .chat_content_meeting_mid,
.chat_meeting_mid_details{
  background-color: rgba(240, 79, 41, 0.15);
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  margin-top: 0.625rem;

}
.chat_content-wrap .chat_meeting_mid_details{
  display: block;
  text-align: left;
}

.employee-rht-btm ul li .chat_content-wrap .chat_content_meeting_mid img,
.employee-rht-btm ul li .chat_content-wrap .chat_meeting_top_details img{
  background-color: transparent;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  border: none;
  border-radius: 0;
}

.chat_content-wrap .chat_content_meeting_mid .chat_meeting_content_title{
  text-align: left;
}

.chat_content-wrap .chat_content_meeting_mid .chat_meeting_content_title h4,
.chat_meeting_top_details .chat_meeting_content_title h4{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.chat_content-wrap .chat_content_meeting_mid .chat_meeting_content_title p,
.chat_meeting_top_details .chat_meeting_content_title p{
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(51, 51, 51, .75);
}

.chat_meeting_top_details{
  display: flex;
  align-items: center;
  gap:1rem;
  text-align: left;
}

.chat_meeting_mid_details .chat_meeting_mid_top {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.chat_meeting_mid_details .chat_meeting_mid_top  p{
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-gray);
}

.chat_meeting_mid_details .chat_meeting_mid_users p{
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.875rem;
}
.chat_meeting_mid_details .chat_meeting_mid_users ul{
  height: auto;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: .25rem;
  flex-wrap: wrap;
  margin-top: .5rem;
}

.employee-rht-btm ul li  .chat_meeting_mid_details .chat_meeting_mid_users ul p{
  padding: 0.25rem;
  border-radius: 6.25rem;
  background-color: #007bff;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.chat_meeting_btn_wrap{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.chat_meeting_btn_wrap .r-modal-btn:first-child{
  width: 100%;
  text-align: center;
}

.chat_meeting_footer{
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: left;
  gap: 0.625rem;
  margin-top: 1rem;
}

.chat_meeting_footer p{
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
  color: rgba(51, 51, 51, .75);
}

.allfile-main-wrapper,
.all-media-main-wrapper {
  margin-top: 1rem;
}

.allfile-main-wrapper .products-document-inv,
.all-media-main-wrapper ul {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 0.5rem;
}

.allfile-main-wrapper .products-document-inv li,
.all-media-main-wrapper ul li {
  margin-bottom: 0.625rem;
  list-style: none;
}

/* MEDIA */
.all-media-main-wrapper ul {
  grid-template-columns: repeat(8, 1fr);
  gap: 0.5rem;
}

.all-media-main-wrapper ul li {
  padding: 1rem;
  border: 0.0625rem solid var(--card-highlight--bg-color);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery-pic {
  text-align: center;
}

.all-media-main-wrapper ul .gallery-pic img {
  width: 100%;
  height: 3rem;
  object-fit: cover;
}

.gallery-pic i {
  font-size: 3rem;
}

.team-messegin-flex,
.selectallmembers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.selectallmembers {
  width: 100%;
}

.team-messegin-flex .sms_tab_nav {
  border-bottom: 0;
}

.team-messegin-flex .buttons-call {
  padding-right: 0.5rem;
}

.selectmember-counter {
  width: 100%;
  height: calc(100vh - 24vh);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  text-align: center;
}

.selectmember-counter .inner-bg-bx {
  width: 12rem;
  height: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  text-align: center;
  background-color: var(--call-active-color);
  border-color: var(--call-active-color);
  border-radius: 0.5rem;
}

.uploadgrouplabel i {
  color: var(--global-white);
  font-size: 1.5rem;
}

/* dialpaid modal */
.calling-function-modal .modal-dialog {
  max-width: 22.25rem;
}

.main-dialpad-wrappers {
  padding: 1.5rem;
}

.main-dialpad-wrappers .dropdownMenuSize,
.main-dialpad-wrappers .dropdownMenuSize .dropdown-menu {
  width: 100%;
}

.main-dialpad-wrappers .dropdownMenuSize .dropdown-menu {
  box-shadow: 0px 4px 15px 0px #120B351A;
  border: none;
  height: 167px;
  overflow-y: scroll;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .calling-number-input input {
  width: 100%;
  border: none;
  box-shadow: none !important;
  padding: 0.675rem 0rem 0.875rem 0.875rem;
  font-size: 1.5rem;
}

.calling-number-input {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.calling-number-input .searchclear,
.calling-number-input .searchclearbtn {
  font-size: 1.5rem;
  position: inherit;
  display: flex;
}

.calling_nav_tabs {
  margin: 1rem 0;
}

.calling_nav_tabs,
.calling_nav_tabs .nav-link {
  border-radius: 0.4rem;
}

.calling_nav_tabs .nav-link i {
  color: var(--text-one);
  margin-right: 0.4rem;
  font-size: 1.2rem;
}

.calling_nav_tabs .nav-item.show .nav-link i,
.calling_nav_tabs .nav-link.active i {
  color: var(--global-white);
}

.callNumber-areas .btn-number,
.calling-btn {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 100%;
  font-size: 1.5rem;
  background: #F2F2F5;
}

.dialer-a-z {
  font-size: 0.7rem;
  display: block;
}

.calling-btn {
  border: none;
  background: #3087E9;
  width: 3.8rem;
  height: 3.8rem;
  margin-top: 0.5rem;
}

.r-add-leads-main-reverse button.calling-btn i {
  color: var(--global-white);
}

.contactSelect2dr {
  text-align: left;
}

.select2icon i {
  margin-right: 0.2rem;
}

.call-transfer-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  text-align: left;
  border: none;
  background: transparent;
  padding: 1rem 1.5rem;
}

button.call-transfer-wrap {
  width: 100%;
}

.call-transfer-wrap:hover {
  background: rgba(240, 79, 41, 0.10);
}

.icon-call-t {
  font-size: 1.5rem;
  flex: 0 0 auto;
  color: var(--global-orange);
  margin-right: 0.5rem;
}

.call-content-t h4 {
  color: var(--global-black);
  font-size: 0.875rem;
  margin-bottom: 0.2rem;
  font-weight: 600;
}

.call-content-t p {
  color: var(--global-black);
  font-size: 0.75rem;
}

.deletemodalsm .modal-dialog {
  max-width: 22.25rem;
}

.inventory-ana-inner-wrap.buttons-call {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}

.inventory-ana-inner-wrap.buttons-call .btn-export.print {
  margin: 0;
}

.call-summery h2 span {
  font-size: 0.875rem;
}

.tootltip-button.tootltip-button-po {
  width: auto;
  height: auto;
  position: inherit;
  top: 0;
  right: 0;
}

.modal-body .tootltip-button.tootltip-button-po {
  color: var(--global-black);
}

.tootltip-button.tootltip-button-po {
  color: var(--white-white-orange);
}

.eamilreports .r-add-people-lable-input-wrap p {
  font-size: 0.875rem;
  padding-top: 0.5rem;
}

.callingmodalmain {
  text-align: center;
}

.calling-in-out-modal .modal-dialog {
  max-width: 18.25rem;
}

.callingmodalmain h2 {
  font-size: 1.2rem;
  color: var(--text-grey);
  margin-bottom: 1rem;
}

.callingmodalmain .group-img-create,
.callingmodalmain .group-img-create img {
  width: 5rem;
  height: 5rem;
}

.callingmodalmain .group-img-create {
  margin: auto;
  margin-bottom: 1rem;
  background: var(--text-grey);
}

.callingmodalmain .group-img-create h4 {
  color: var(--global-white);
}

.callingmodalmain h4 {
  font-size: 1.3rem;
  color: var(--text-grey);
  margin-bottom: 0.2rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.callingmodalmain p {
  font-size: 0.875rem;
  color: var(--text-grey);
  margin-bottom: 0.5rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.varifiedcaller {
  color: green;
  font-size: 1rem;
  display: block;
}

.varifiedcaller i {
  margin-right: 0.5rem;
}

.btnscallhangs,
.btnscallhangs button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.btnscallhangs button {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  border: 0.0625rem solid transparent;
  margin: 1rem 0;
}

.btnscallhangs button i {
  color: var(--global-white);
}

.hangbtn {
  background: red;
  color: var(--global-white);
  transform: rotate(135deg);
}

.holdbtn {
  background: var(--global-black);
  color: var(--global-white);
  border-color: var(--global-white);
}

.callbtn {
  background: green;
  color: var(--global-white);
}

.mutemini {
  border: none;
  background: transparent;
  font-size: 1rem;
  margin: 0.5rem 0;
}

.mutemini i {
  margin-right: 1rem;
  font-size: 1.2rem;
}

/* Dialpaid */
.box-wrapper {
  border: 0.0625rem solid var(--global-input-w-bg);
  padding: 1rem;
  width: 100%;
  border-radius: 0.5rem;
}

.phone_number_text {
  margin-bottom: 0.5rem;
}

.phone_number_text input,
.phone_number_text input:focus {
  width: 100%;
  min-height: 3rem;
  background: var(--global-off-white);
  text-align: center;
  color: var(--text-grey);
  font-weight: 500;
}

.number-buttons {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.7rem;
  margin-bottom: 0.5rem;
  transition: .3s all linear;
}

.btn-number {
  width: 100%;
  height: 4.508rem;
  border: none;
  background-color: rgba(240, 79, 41, 0.15);
  box-shadow: 0 0 0.1875rem 0rem rgba(240, 79, 41, 0.15);
  color: var(--text-grey);
  font-size: 1.125rem;
  border-radius: 0.25rem;
  font-weight: 600;
  margin: auto;
  transition: 0.1s all linear;
  scale: 1;
}

.btn-number:active {
  box-shadow: none;
  scale: 0.95;
}

.call-btn,
.button-hangup {
  width: 100%;
}

.button-hangup {
  margin-bottom: 1rem;
}

.volume-indicators .progressbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.volume-indicators .progressbar i {
  color: var(--global-orange);
}

.volume-indicators .progressbar:last-child {
  margin-bottom: 0;
}

.new-keypad-screen {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transition: top 0.4s ease-in-out;
  background: #fff;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new-keypad-screen.show {
  top: 0;
}

.nks-modal-body {
  overflow-y: hidden !important;
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
}

.nks-recording-icon-wrap {
  position: absolute;
  left: 0.125rem;
  top: 0.188rem;
}

.nks-recording-icon-wrap .nks-icon-record {
  background: url(../images/icon-call-record.svg) no-repeat;
  width: 30px;
  height: 25px;
}

.nks-recording-icon-wrap button {
  border: none;
}

.nks-modal-body .c-contact-card-container {
  width: auto;
}

.new-keypad-screen .nks-controls {
  margin: 0 auto;
  width: 20rem;
}

.new-keypad-screen .calling-number-input {
  border-bottom: 0;
}

.new-keypad-screen .calling-number-input input {
  text-align: center;
}

.new-keypad-screen .nks-called-number {
  margin-top: 0.5rem;
}

.new-keypad-screen .nks-called-number .nks-dialed-number {
  font-weight: 500;
  font-size: 1.5rem;
  ;
  line-height: 1.875rem;
  margin-bottom: 0.5rem
}

.new-keypad-screen .nks-called-number .nks-call-timer {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}

.new-keypad-screen .callNumber-areas {
  margin-top: 1rem;
}

.pmnm-region-details {
  background: #F2F2F5;
  border: 1px dashed #E1E1E1;
  padding: 0.875rem 1.5rem;
  margin-bottom: 1.5rem;
}

.pmnm-region-details ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.pmnm-region-details ul li span:first-of-type {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.pmnm-region-details ul li span:last-of-type {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.125rem;
}

.nac-confirm-modal h5 {
  font-weight: 400;
}

.your-number-success-active .fa-circle-check {
  color: #51DC6B;
}

.pmnm-memo-number .modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pmnm-memo-number .modal-footer .fa-arrow-left {
  color: var(--global-orange);
}

.cse-btn-wraps {
  flex-direction: row-reverse;
}

.cse-btn-wraps a.btn_ins {
  padding: 0.3125rem 1.5rem 0.3125rem 1.5rem;
}

/* Dialpaid End*/
/* Contact us */
.searbarmainbx {
  padding: 1rem;
}

.search-contact.search_int {
  width: 100%;
  border-color: var(--global-input-w-bg);
}

.callList-area {
  list-style: none;
  max-height: 22.75rem;
  overflow: auto;
}

.callList-area li,
.call-info-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.call-info-main {
  width: 100%;
  justify-content: start;
}

.call-info-main.nextBtn {
  cursor: pointer;
}

.callList-area li {
  padding: 0.6rem 1.5rem;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.callList-area li:last-child {
  border: none;
}

.user-img-call,
.user-img-call img {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  border-radius: 100%;
  flex-shrink: 1;
  justify-content: flex-start;
  background-color: rgba(58, 58, 58, 0.20);
  text-align: center;
}

.user-img-call h5 {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-grey);
  line-height: 2.5rem;
  text-transform: capitalize;
}

.call-info h6 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-grey);
}

.call-info p {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-grey);
}

.call-icons-main a {
  font-size: 1.5rem;
  color: var(--text-grey);
}

.error-validation {
  color: var(--global-orange);
  font-size: 0.875rem;
  padding-top: 0.25rem;
}

.call-page-main-wrapper {
  padding: 3.75rem 0;
}

.call-page-main-wrapper .modal-body {
  max-height: none;
}

.call-page-row-warp {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.call-page-lft {
  width: 100%;
  margin-right: 2rem;
  padding: 1.5rem;
  border-radius: 1rem;
}

.call-page-rht {
  width: 25rem;
  flex: 0 0 auto;
}

.call-page-card {
  background: var(--global-white);
}

/*CAll CSS END*/
/*  APPOINTMENT START */
.titleappointment h2 {
  color: var(--text-one);
  font-size: 1.5rem;
  font-weight: 600;
  padding-bottom: 1.5rem;
}

.employee-select-main-wrapper .callList-area {
  height: 100%;
  max-height: 40.75rem;
}

.employee-select-main-wrapper .callList-area li {
  background: var(--global-white);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(17, 11, 51, 0.10);
}

.schedule-cacther-Appointment-wrapper .employee-select-main-wrapper .callList-area {
  height: auto;
  max-height: auto;
  overflow: initial;
}

.calendar-icons-main a.dropdown-toggle {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  background: var(--global-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-white);
  flex-shrink: 1;
}

.calendar-icons-main .dropdown-toggle::after {
  background: none;
  display: none;
}

.calendar-icons-main .dropdown-menu {
  padding: 0;
}

.calendar-icons-main.dropdown h3 {
  font-size: 1rem;
  font-weight: 700;
  margin: 1rem 0.5rem;
  cursor: pointer;
}

.calendar-icons-main.dropdown .weekly-schedule h4 {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 1rem 0.5rem 0.5rem;
  cursor: pointer;
}

.calendar-icons-main.dropdown .dropdown-item {
  font-size: 0.875rem;
}

.calendar-icons-main.dropdown .weekly-schedule a span {
  display: inline-block;
  width: 2.1875rem;
}

.calendar-icons-main.dropdown .dropdown-item.active,
.calendar-icons-main.dropdown .dropdown-item:active,
.calendar-icons-main.dropdown .dropdown-item:hover {
  color: var(--global-white);
  text-decoration: none;
  background-color: var(--global-orange);
}

.user-img-call h5 {
  width: auto;
  height: auto;
  font-weight: 500;
}

.appointment-details-main-wrapper {
  padding: 1rem;
}

.timezonelocation {
  width: 11.25rem;
  border-radius: 0.25rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  background: var(--card-highlight--bg-color);
}

.timezonelocation a {
  color: var(--text-two);
}

.timezonelocation h4 {
  color: var(--text-two);
  font-size: 1.125rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
}

.timezonelocation a {
  color: var(--text-two);
  font-size: 0.825rem;
}

.timezonelocation p {
  font-size: 1rem;
  font-weight: 400;
}

.calendar-month-main-wrap .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  margin: 0;
  min-height: 0;
  display: none;
  position: absolute;
  top: 0;
}

.calendar-month-main-wrap .fc-theme-standard td,
.calendar-month-main-wrap .fc-theme-standard th,
.calendar-month-main-wrap .fc-theme-standard .fc-scrollgrid {
  border: none;
}

.calendar-month-main-wrap .fc .fc-daygrid-day-top {
  justify-content: center;
}

.calendar-month-main-wrap .fc .fc-col-header-cell-cushion {
  color: var(--text-two);
  min-height: 3.125rem;
  line-height: 3.125rem;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 0.875rem;
}

.calendar-month-main-wrap .fc .fc-toolbar-title {
  font-size: 1.5em;
  color: var(--white-white-orange);
}

.calendar-month-main-wrap .fc .fc-daygrid-day-number {
  color: var(--text-two);
  min-height: 3.125rem;
  line-height: 3.125rem;
  width: 100%;
  text-align: center;

}

.calendar-month-main-wrap .fc .fc-daygrid-day.fc-day-today {
  background-color: var(--white-white-orange);

}

.calendar-month-main-wrap .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  color: var(--orange-orange-white);
}

.calendar-month-main-wrap .fc .fc-button-primary,
.calendar-month-main-wrap .fc .fc-button-primary:not(:disabled).fc-button-active,
.calendar-month-main-wrap .fc .fc-button-primary:not(:disabled):active {
  background-color: transparent;
  border-color: transparent;
  color: var(--white-white-orange);
}

.calendar-month-main-wrap .fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.calendar-month-main-wrap .fc .fc-button-primary:not(:disabled):active:focus,
.calendar-month-main-wrap .fc .fc-button-primary:focus {
  box-shadow: none;
}

.appointmentime .form-check-input {
  display: none;
}

.main-appointmentime-wrap {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
  transition: .3s all linear;
  max-height: 30.125rem;
  overflow: auto;
}

.appointmentime {
  width: 100%;
  padding-left: 0;
}

.appointmentime .form-check-input:checked[type="checkbox"]+.form-check-label {
  background-color: var(--white-orange-orange);
  color: var(--orange-white-white);
}

.appointmentime .form-check-label {
  width: 100%;
  padding: 0.625rem 1.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1rem;
  background-color: #f2f2f2;
  color: var(--text-grey);
  text-align: center;
}

.main-info-wrap {
  padding: 1rem;
}

.main-info-wrap .titleappointment h2 {
  color: var(--text-two);
}

.r-add-people-lable-input-wrap label span.optional {
  color: var(--global-input-border);
}

.title-websites,
.bookappointmentcatcher,
.book-appointment-catcher-title {
  margin-bottom: 1rem;
}

.title-websites p {
  color: var(--text-two);
  background: var(--bg-color);
  padding: 0.625rem;
  border-radius: 0.313rem;
}

.bookappointmentcatcher {
  padding: 1rem;
}

.book-appointment-catcher-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.book-appointment-catcher-title h2 {
  font-size: 1.25rem;
  font-weight: 600;
}

/* TOOLBOX */
.toolbox-main-screen-body p {
  color: var(--global-black);
  font-size: 1rem;
  padding-bottom: 1rem;
}

.toolebox-main-list-screen {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  transition: .3s all linear;
  margin-top: 1rem;
}

.toolebox-main-list-screen li {
  list-style: none;
  box-shadow: 0rem 0.25rem 0.9375rem 0rem rgba(17, 11, 51, 0.10);
  padding: 1rem;
  border-radius: 0.5rem;
}

.toolbox-icons {
  font-size: 2.5rem;
  color: var(--global-orange);
  margin-bottom: 1rem;
}

.toolebox-main-list-screen li button {
  width: 100%;
}

.toolebox-main-list-screen li button i {
  color: var(--global-white);
  padding-right: 0.5rem;
}

.qr-wrap-toolbox {
  text-align: center;
  padding: 1rem 0;
}

.qr-wrap-toolbox img {
  width: 11.625rem;
  height: 11.625rem;
  object-fit: contain;
}

.modal_icon_btn_share {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.modal_icon_btn_share a {
  padding: 0.3125rem 1rem 0.3125rem 0.625rem;
  font-size: 0.825rem;
  min-height: auto;
}

.error-new p.error_new_el {
  color: var(--error-color);
  font-size: 0.875rem;
  margin-top: 0.1875rem;
  border-color: var(--error-color);
}

/* TOOLBOX */
/* CUSTOME FORM */
.people-all-table-wrap.management-template-table-wrap table thead th a,
.people-all-table-wrap.management-form-table-wrap table thead th a,
.people-all-table-wrap.management-template-table-wrap table tbody td a,
.people-all-table-wrap.management-form-table-wrap table tbody td a,
.people-all-table-wrap.archived-table-wrap table tbody td a {
  text-transform: none;
}

.custome-form-modal-stepwizar .order-step.steper_main li a {
  border: none;
}

.custome-form-modal-stepwizar .modal-body {
  max-height: max-content;
}

.custome-form-modal-stepwizar .steper_main li a.step-active-btn .steper_number,
.custome-form-modal-stepwizar .steper_main li a.step-active-btntwo .steper_number {
  background: var(--bg-color);
}

.custome-form-modal-stepwizar .steper_main .steper_number {
  background: var(--step-items-bg);
}

.custome-form-modal-stepwizar .order-step.steper_main {
  box-shadow: none;
  border: 0.0625rem solid var(--global-border-color-w-bg) !important;
  border-radius: 0.5rem;
}

.title-newform {
  color: var(--global-black);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
}

.stepbtn.modal-footer button {
  border: 0.0625rem solid;
  border-radius: 0.4375rem;
  padding: 0.3125rem 1.5rem;
  font-size: 1rem;
  min-height: 2.25rem;
  margin-top: 0;
}

.check-template-main-wrap,
.check-template-type-main-wrap {
  display: grid;
  justify-content: center;
  text-align: center;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  transition: .3s all linear;
  margin-bottom: 1rem;
}

.check-template-type-main-wrap {
  grid-template-columns: repeat(3, 1fr);
}

.form-check-wrap .form-check-input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.form-check-wrap .form-check-label {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 0.0625rem solid var(--global-input-w-bg);
  padding: 1.5rem;
  border-radius: 1.2rem;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

.form-check-wrap .form-check-label i {
  font-size: 2.25rem;
}

.form-check-wrap .form-check-label h5 {
  padding: 1rem 0 0.675rem 0;
}

.form-check-wrap .form-check-input:checked[type="radio"]+.form-check-label {
  background-color: var(--global-orange);
  color: var(--global-white);
  border-color: var(--global-orange);
}

.form-answer-tile-main,
.form-field-add-drag,
.question-form-main-wrap {
  padding: 1rem;
  margin-bottom: 1rem;
}

.form-answer-tile-main h4,
.question-form-main-wrap h4 {
  font-size: 1rem;
  padding-bottom: 0.2rem;
  font-weight: 500;
  color: var(--text-two);
}

.question-form-main-wrap h4 {
  padding-bottom: 0.5rem;
}

.form-answer-tile-main p {
  font-size: 0.875rem;
  color: var(--global-input-border);
}

.question-form-main-wrap h5 {
  font-size: 0.875rem;
  padding-bottom: 0.8rem;
  color: var(--text-two);
}

.question-form-main-wrap p {
  font-size: 0.875rem;
  color: var(--text-two);
}

.btn-tooltip-icon {
  background-color: transparent;
  border: none;
  color: var(--global-orange);
}

.btn-tooltip-icon.btn_tooltip_icon {
  color: var(--white-orange-orange);
}

.r-add-leads-main-reverse button.btn-tooltip-icon i {
  color: var(--global-orange);
}

.form-setting-main .ck.ck-editor__main>.ck-editor__editable {
  min-height: 31.25rem;
}

.form-setting-main .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {
  flex-wrap: wrap;
}

.form-setting-main {
  color: var(--global-black);
}

.custome-forms-main-wrapper .editor-outer-lft {
  flex: 0 0 auto;
}

.edit-form-btns,
.r-fast-shop-top-btn-wrap {
  width: 100%;
}

.edit-form-btns .r-fast-shop-top-btn-wrap {
  justify-content: end;
  margin-bottom: 0;
}

.editor-outer-rht .r-fast-main-layout-wrap {
  max-width: 100%;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.form-inner-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.125rem;
}

.column-inner {
  width: 100%;
}

.qr-wrap-forms img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.printcodemodal .modal-dialog {
  max-width: 20.25rem;
}

.question-form-main li {
  width: 100%;
  min-height: 2.625rem;
  list-style: none;
  background: var(--card-highlight--bg-color);
  padding: 0.5rem 1rem;
  margin-bottom: 0.7rem;
  border-radius: 0.25rem;
}

.form_answer_table table {
  width: 100%;
}

.form_answer_table table tbody tr th,
.form_answer_table table tbody tr td {
  font-size: 0.875rem;
  padding: 0.625rem;
  color: var(--text-grey);
  border: 0.0625rem solid var(--global-input-w-bg);
}

.form_answer_table table tbody tr th {
  font-weight: 600;
}

.form_answer_table table tbody tr:nth-child(odd) {
  background-color: #F6F8FA;
}

.form_answer_table table tbody tr:last-child:nth-child(odd) {
  background-color: #fff;
}

.form_answer_table tbody tr td img {
  max-width: 6.25rem;
  max-height: 6.25rem;
  object-fit: contain;
}

.r-add-people-lable-input-wrap .editformgroup,
.customerselect-main,
.customerselect-main-filters {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.customerselect-main {
  justify-content: end;
}

.customerselect-main h4 {
  font-size: 1rem;
  padding-right: 0.5rem;
  color: var(--text-two);
  font-weight: 500;
}

.editformgroup .form-group {
  flex: 1 auto;
  margin-right: 1rem;
}

.selected-customer-img {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  text-align: center;
  background: var(--global-white);
  padding: 0.1875rem;
}

.selected-customer-img img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  object-fit: contain;
}

.customerselect-main-filters {
  justify-content: end;
  padding: 1rem 1rem 0;
  flex-wrap: wrap;
}

.customerselect-main-filters .r-add-people-lable-input-wrap {
  margin: 0 1rem 0 0;
}

.customerselect-main-filters h4 {
  font-size: 0.875rem;
  color: var(--global-black);
}

.selected-customer-notification {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  background: var(--global-orange);
  color: var(--global-white);
  display: inline-block;
  text-align: center;
  margin-left: 0.5rem;
}

.modal-body .select2modalwidth .select2-container {
  width: 13.75rem !important;
}

.btn_new_message a.onlyicon {
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
}

.btn_new_message a.onlyicon i {
  padding: 0;
}

.main-wrap-show,
.main-hide {
  display: none;
}

.customerselect-main-filters.groupname-main {
  justify-content: start;
}

.groupname-main .editformgroup {
  align-items: center;
}

.groupname-main .editformgroup label {
  flex: 0 0 auto;
  padding: 0 0.5rem 0 0;
}

/* SHARE SCHEDULE MODAL START */
.share-schedule-table-wrap {
  min-width: 70rem;
  overflow-x: auto;
}

.share-schedule-table-wrap table {
  width: 100%;

}

.share-schedule-table-wrap table th {
  width: 50%;
  padding: 1rem 1.2rem;
  background: #F6F8FA;
  font-size: 1.25rem;
  font-weight: 500;
  border-right: 0.0625rem solid var(--global-input-w-bg);
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.share-schedule-table-wrap table td {
  padding: 1rem 1.2rem 0.45rem 1.2rem;
  border-right: 0.0625rem solid var(--global-input-w-bg);
}

.share-schedule-table-wrap table td textarea {
  margin-bottom: 1.25rem;
}

.share-schedule-table-wrap table td:first-child p {
  text-align: center;
  margin-bottom: 2.5rem;
}

.share-schedule-table-wrap table td p {
  font-size: 1rem;
  margin-bottom: 1.2rem;
}

.share-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-schedule-table-wrap table td:first-child .share-btn-wrap p {
  margin-bottom: 0;
}

.share-btn-div {
  width: 33%;
  text-align: center;
}

.btn_new_message .share-btn-div a {
  padding: 0;
  width: 3.75rem;
  height: 3.75rem;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.75rem auto;
}

.btn_new_message .share-btn-div a i {
  padding: 0;
}

.share-schedule-table-wrap td:last-child .btn_new_message a {
  margin: 0 0.5rem 0.75rem 0;
}

.share-send-sms-wrap-content-area .sms-campaign-item-body-item-main,
.share-send-sms-wrap-content-area .addruleproductinnerwrap .managecategory_main_wrap {
  border-top: 0.0625rem solid var(--global-input-w-bg);
  transition: 0.5s;
  border-radius: 0;
}

.share-send-sms-wrap-content-area .sms-campaign-item-body-item-main:hover,
.share-send-sms-wrap-content-area .addruleproductinnerwrap .managecategory_main_wrap:hover {
  background: var(--global-upload-border-color-w-bg);
}

.share-send-sms-wrap-content-area .sms-campaign-item-body-item-main h5 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-grey);
}

.share-send-sms-wrap-content-area .sms-campaign-item-body-item-main h6 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-grey);
  opacity: 0.75;
}

.share-send-sms-wrap-content-area .addruleproductinnerwrap .managecategory_main_wrap .lft {
  width: 15.625rem;
}

.share-send-sms-wrap-content-area .addruleproductinnerwrap .managecategory_main_wrap .lft .form-check {
  margin: 0;
}

.share-send-sms-wrap-content-area .addruleproductinnerwrap .managecategory_main_wrap .lft .sm_pic_m_c {
  margin: 0 1rem;
}

.share-send-sms-wrap-content-area .addruleproductinnerwrap .managecategory_main_wrap .lft .sm_pic_m_c img {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}

.share-send-sms-wrap-content-area .addruleproductinnerwrap .managecategory_main_wrap .rht h3 {
  font-size: 1rem;
  font-weight: 400;
}

.delete-schedule-modal button {
  min-width: 9.375rem;
}

/* SHARE SCHEDULE MODAL END */
/* REDEMPTION STYLES START */
.redemption-title-top-wrap,
.redemption-title-switch-wrap,
.multi-merchant-top-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.multi-merchant-top-wrap {
  justify-content: end;
  margin-bottom: 1rem;
}

.redemption-title-switch-wrap p,
.multi-merchant-top-wrap label {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-one);
  margin-right: 1rem;
}

.multi-merchant-top-wrap label {
  padding-bottom: 0;
}

.multi-merchant-top-wrap label.r-switch {
  margin-right: 0;
}

.btn_new_message.redemption-title-top-wrap button:last-child {
  margin-right: 0;
}

.e-sign-filter-option {
  background: var(--bg-color);
  border-radius: 1rem;
  margin-bottom: 1.875rem;
}

.e-sign-filter-option .fa-arrows-rotate {
  color: var(--text-two);
  padding-right: 0.625rem;
}

.esign-select2-drop {
  font-size: 1rem !important;
}

.multi-merchant-mid-form-wrapper {
  display: grid;
  align-items: end;
  justify-content: start;
  grid-template-columns: 1fr .01fr 1fr .1fr;
  gap: 1rem;
  margin-top: 1rem;
}

.multi-merchant-or-wrap {
  text-align: center;
  margin-bottom: .5rem;
}

/* REDEMPTION STYLES  END */

/* ADD NEW SCHEDULE MODAL START */

.schedule-create-main-wrap {
  padding: 1rem;
  user-select: none;
}

.schedule-create-inner {
  width: 22rem;
  margin: auto;
  padding: 2.5rem;
  text-align: center;
  box-shadow: 0 0 0.3125rem 0 #ccc;
  border-radius: 0.5rem;
  position: relative;
}

.stepnumbers {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  color: var(--global-orange);
  background: var(--global-upload-background-w-bg);
  box-shadow: 0rem 0rem 1.25rem -0.3125rem var(--card-box-shadow);
  border: 0.063rem solid var(--global-orange);
  font-size: 1.125rem;
  font-weight: 600;
  margin: auto;
  position: absolute;
  left: 1.0625rem;
  top: 1.0625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.newstepnumber {
  top: 50%;
  left: -10%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s all linear;
}

.newstepnumber:hover {
  background: var(--global-orange);
  color: var(--global-white);
}

.newstepnumber:active {
  scale: .9;
}

.stepnumbers.newstepnumber i {
  font-size: 1rem;
  margin: 0;
}

.stepnumbers.newstepnumber:hover i {
  color: var(--global-white);
}

.newstepnumber.step-continue {
  left: auto;
  right: -20%;
}

.schedule-create-inner h5 {
  color: var(--text-grey);
  font-size: 1.125rem;
  font-weight: 600;
  padding-bottom: 0.5rem;
}

.schedule-create-inner i {
  color: var(--global-orange);
  font-size: 2.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.schedule-create-inner p {
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 400;
}

.step-main-wrap.step-one {
  padding: 1rem 0 1rem 1rem;
}

.inner-area-schedule {
  min-height: 20.188rem;
}

.schedule-availability-area {
  padding: 1rem;
}

.step-one .schedule-availability-area,
.step-three .schedule-availability-area {
  padding: 1rem;
}

.schedule-availability-area {
  width: 100%;
}

.schedule-availability-area h5 {
  color: var(--global-orange);
  background: var(--global-upload-background-w-bg);
  border: 0.063rem solid var(--global-orange);
  font-size: 1rem;
  font-weight: 600;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 2.5rem;
  margin-bottom: 1rem;
}

.textitlesavailability {
  font-size: 0.875rem;
  color: var(--text-grey);
  text-align: center;
  padding: 1rem;
}

.flex-wraper-main {
  display: flex;
}

.step-main-wrap .startArea,
.step-main-wrap .rightArea {
  width: 1.5rem;
  min-width: 1.5rem;
  position: relative;
}

.step-main-wrap .startArea:before {
  content: '';
  background: var(--global-orange);
  width: 0.188rem;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.step-main-wrap .startArea:after {
  content: '';
  background: var(--global-orange);
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
}

.step-main-wrap .startArea .startTop {
  font-size: 0.813rem;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  top: -2.5rem;
  text-align: center;
}

.step-main-wrap .startArea .startTop:after {
  content: '';
  background: var(--global-orange);
  width: 1.563rem;
  height: 1.25rem;
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  transform: translateX(-50%);
}

.step-main-wrap .rightArea {
  height: 100%;
  background: var(--global-orange);
}

.rightAreatop,
.rightAreabottom,
.leftAreabottom {
  width: 3.125rem;
  height: 1.5rem;
  background: var(--global-orange);
}

.stepBottom-first,
.stepBottom-second {
  display: flex;
  position: relative;
  height: 1.5rem;
}

.stepBottom-first .stepFirst,
.stepBottom-second .stepFirst {
  background: var(--global-orange);
  color: var(--global-white);
  width: 50%;
  position: relative;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.stepBottom-second .stepFirst:before,
.stepBottom-first .stepFirst:before {
  content: '';
  width: 0;
  height: 0;
  border-top: transparent 0.75rem solid;
  border-bottom: transparent 0.75rem solid;
  border-left: var(--global-white) 0.75rem solid;
  position: absolute;
  right: -0.938rem;
}

.stepBottom-second .stepFirst:after,
.stepBottom-first .stepFirst:after {
  content: '';
  width: 0;
  height: 0;
  border-top: transparent 0.75rem solid;
  border-bottom: transparent 0.75rem solid;
  border-left: var(--global-orange) 0.75rem solid;
  position: absolute;
  right: -0.738rem;
}

.stepBottom-second .stepSecond,
.stepBottom-first .stepSecond {
  background: var(--global-orange);
  width: calc(50% - 1.8rem);
}

.stepBottom-second .stepFirst {
  width: calc(50% - 1.45rem);
  margin-left: 1.62rem;
}

.step-two .startAreaLeft .rightArea {
  margin-left: auto;
}

.step-three .schedule-availability-area {
  width: 91%;
}

.step-three .startAreaLeft .rightArea {
  margin-left: auto;
}

.step-three .stepBottom-first .stepFirst {
  width: calc(50% - 1.95rem);
  margin-left: 1.69rem;
}

.share-meetinglink {
  width: 100%;
  text-align: center;
  padding: 1rem;
}

.share-meetinglink img {
  max-width: 18rem;
}

.share-by-availability-schedul {
  text-align: center;
}

.r-modal-schedule {
  border: none;
  background: none;
  text-align: center;
  max-width: 12rem;
  width: 100%;
}

.icons-schedules {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.4rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--global-orange);
  color: var(--global-white);
}

.r-add-leads-main-reverse button .icons-schedules i {
  color: var(--global-white);
}

.schedule-book {
  position: relative;
  margin-bottom: 1rem;
}

.schedule-book .book-img img {
  width: 100%;
  height: 20rem;
  object-position: top;
  object-fit: cover;
}

.btn-bookings {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2rem;
  text-align: center;
}

.demo-calendar-step,
.demo-appointment-step {
  margin-bottom: 1rem;
}

.demo-calendar-step img {
  width: 100%;
}

.demo-appointment-step {
  width: 100%;
  height: 20rem;
  overflow: auto;
}

.step-main-wrap .startArea.startAreafinish::after {
  top: 0;
}

.step-main-wrap .startAreafinish.startArea .startTop:after {
  bottom: 1.5rem;
  transform: translateX(-78%);
}

.step-main-wrap .startAreafinish.startArea .startTop {
  position: absolute;
  top: 101%;
  left: -0.1875rem;
}

.finishstep .schedule-availability-area {
  width: 91.1%;
}

.emloyeeScheduleAvail .select2-container {
  width: 20rem !important;
}

.dollar-input-input.schedule-catcher-height {
  max-height: 100% !important;
  margin-bottom: 0;
}

.r-add-leads-main-wrapper .schedule-catcher-height textarea {
  border: none;
  border-left: 0.0625rem solid var(--global-input-border);
  margin-left: 0.938rem;
}

table td.green-td {
  background: #28a745;
  border-bottom: 0.125rem solid var(--card-highlight--bg-color);
}

table td.blue-td {
  background: #007bff;
  border-bottom: 0.125rem solid var(--card-highlight--bg-color);
}

table td.red-td {
  background: #dc3545;
  border-bottom: 0.125rem solid var(--card-highlight--bg-color);
}

.theme-light table td.green-td {
  color: var(--global-white);
}

.theme-light table td.blue-td {
  color: var(--global-white);
}

.theme-light table td.red-td {
  color: var(--global-white);
}

.btn-add-icon button {
  padding: 0.3125rem 1rem 0.3125rem 0.7rem;
}

.btn-add-icon button i {
  margin-right: 0.3125rem;
}

.traning-note-main {
  max-height: 10rem;
  overflow: auto;
  padding-right: 0.5rem;
}

.traning-note-content {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.3rem;
  overflow: hidden;
  margin-bottom: 1rem;
}

.traning-note-content:last-child {
  margin-bottom: 0;
}

.traning-note-content p {
  color: var(--text-grey);
  font-size: 0.875rem;
  padding: 0.5rem;
}

.traning-note-content time {
  display: block;
  background-color: #F6F8FA;
  font-size: 0.675rem;
  padding: 0.5rem;
}

.people-table-main table tbody td.notes-btn a {
  text-transform: capitalize;
}

/* ADD NEW SCHEDULE MODAL END */
/* CUSTOM DESIGN START */
.custom-design-main-wrapper {
  padding: 1rem;
  height: auto;
}

.r-custom-design-checkbox .checkbox {
  margin-right: 2rem;
}

.r-custom-design-checkbox .checkbox label {
  padding: 0 0 0 0.2rem;
}

.custom-design-main-wrapper .r-add-people-lable-input-wrap label span {
  color: var(--global-white-w-opacity);
}

.theme-orange .btn-bg-gradiant button.r-outline-close {
  border-color: var(--global-white);
  color: var(--global-white);
}

.theme-orange .btn-bg-gradiant button.r-orange-btn {
  border-color: var(--global-white);
  background: var(--global-white);
  color: var(--global-orange);
}

.theme-dark .btn-bg-gradiant button.r-outline-close:hover,
.theme-orange .btn-bg-gradiant button.r-outline-close:hover {
  background: transparent;
  border-color: var(--global-white);
  color: var(--global-white);
}

.import-inventory-modal .r-modal-btn {
  font-size: .875rem;
}

/* CUSTOM DESIGN END */
/* APPOINTMENT DETAILS STYLES STARTS */
.appointment-details-wrapper-outer {
  background: radial-gradient(66.21% 104.74% at 50% 20.9%, rgba(105, 234, 253, 0.75) 0%, rgba(1, 128, 233, 0.75) 100%), #FFF;
  width: 100%;
  height: 100vh;
  padding-top: 3rem;
}

.appointment-details-white-box {
  width: 40rem;
  margin: 0 auto;
  background: var(--global-white);
  box-shadow: 0rem 0.125rem 0.5rem 0rem rgba(17, 11, 51, 0.10);
}

.appointment-details-white-box-head,
.appointment-details-white-box-footer {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.appointment-details-white-box-footer {
  border-bottom: 0rem solid var(--global-border-color-w-bg);
  border-top: 0.0625rem solid var(--global-border-color-w-bg);
  justify-content: center;
}

.appointment-details-white-box-logo-wrap,
.appointment-foot-logo-wrap {
  max-width: 9.375rem;
  height: 2rem;
}

.appointment-details-white-box-logo-wrap img,
.appointment-foot-logo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right;
}

.appointment-details-white-box-head h4 {
  color: var(--text-grey, #333);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
}

.appointment-details-white-box-body {
  padding: 1.5rem;
  max-height: 75vh;
  overflow-y: auto;
}

.appointment-details-white-box-body table th {
  font-weight: 600;
  color: var(--text-grey);
}

.appointment-details-white-box-body table th,
.appointment-details-white-box-body table td {
  font-size: 0.875rem;
  width: 50%;
  word-break: break-all;
}

.appointment-details-white-box-body table td {
  color: rgba(51, 51, 51, 0.75);
}

.appointment-details-white-box-footer p {
  font-size: 1rem;
  margin-right: 1rem;
}

/* APPOINTMENT DETAILS STYLES END */
.intelinputmodal .iti input {
  padding-left: 3.125rem;
}

.intelinputmodal .iti--allow-dropdown .iti__flag-container {
  width: 100%;
}

.intelinputmodal .iti {
  width: auto;
  margin-right: 0.4rem;
}

.intelinputmodal .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  box-shadow: none;
  background: none;
}

.intelinputmodal .iti__country {
  font-size: 0.875rem;
}

.iti__country-list {
  color: var(--text-grey);
}

.prommoactive.text-two {
  color: var(--text-two);
}

/* EDIT INVENTORY START */
.edit-vendor-wrap {
  padding: 1rem;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.25rem;
  background: var(--submenu-third);
}

.edit-vendor-top .form-group {
  gap: 1rem;
}

.edit-vendor-wrap .b-label {
  font-size: 1.125rem;
}

.edit-vendor-wrap span {
  font-size: 0.875rem;
  color: var(--global-input-border);
}

.ecom-modifier-table-wrap {
  border: 1px solid var(--global-input-w-bg);
  border-radius: 0.625rem;
}

.ecom-modifier-table-wrap table {
  margin-bottom: 0;
}

.ecom-modifier-table-wrap tr:first-child th:first-child {
  border-top-left-radius: 0.625rem;
}

.ecom-modifier-table-wrap tr:first-child th:last-child {
  border-top-right-radius: 0.625rem;
}

.ecom-modifier-table-wrap tr:last-child td:first-child {
  border-bottom-left-radius: 0.625rem;
}

.ecom-modifier-table-wrap tr:last-child td:last-child {
  border-bottom-right-radius: 0.625rem;
}


.ecom-top-details-wrap {
  margin-bottom: 1rem;
}

.ecom-top-details-wrap p {
  margin-bottom: .5rem;
}

.ecom-top-details-wrap span {
  font-weight: 600;
}

.ecom-modifier-img-td img {
  width: auto;
  height: auto;
  max-width: 60px;
  max-height: 25px;
  object-fit: contain;
}

/* EDIT INVENTORY END */
/* MESSENGER NEW CHANGES START */
.new-lft-em-update .employee-lft-wrap .sms-campaign-item-body-item-main {
  padding: 0.625rem 1.25rem;
}

.new-lft-em-update .sms-campaign-item-body-item {
  padding-left: 0;
}

.new-lft-em-update .sms-campaign-item-body-item-right {
  margin-left: 0;
}

.new-lft-em-update .employee-lft-wrap .sms-campaign-item-body-item-main .employee-lft-date {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.new-lft-em-update .gradiant-card {
  box-shadow: none;
}

.new-lft-em-update .employee-lft-wrap .sms-campaign-item-body-item-main .employee-lft-date {
  opacity: 1;
}

.new-lft-em-update .employee-lft-wrap .sms-campaign-item-body-item-main .employee-lft-date p {
  opacity: 0.5;
}

.new-lft-em-update .employee-lft-wrap .sms-campaign-item-body-item-main .employee-lft-date .badge {
  color: var(--orange-orange-white);
  background: var(--white-white-orange);
  margin-left: 10px;
}

.new-lft-em-update .employee-lft-wrap .sms-campaign-item-body-item-text h6 {
  max-width: 21.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-em-update .input-chat {
  position: relative;
}

/* .new-em-update .employee-rht-btm ul li.input-chat p {
  padding-right: 2rem;
} */

.new-em-update .employee-rht-btm ul li.input-chat button {
  padding: 0;
  border: 0;
  position: absolute;
  top: 0.35rem;
  right: 0.5rem;
  color: var(--text-grey);
  width: 1rem;
  max-height: 1rem;
}

.new-em-update .employee-rht-btm ul li.input-chat button.dropdown-toggle::after {
  display: none;
}

.new-em-update .employee-rht-btm ul li.input-chat .dropdown-menu li {
  margin-bottom: 0;
}

.new-em-update .employee-rht-btm ul li.input-chat .dropdown-menu li a {
  padding: 0.5rem 0.75rem;
}

.new-em-update .employee-rht-btm ul li.input-chat .dropdown-menu li a:hover,
.new-em-update .employee-rht-btm ul li.input-chat .dropdown-menu li a:active {
  color: var(--text-two);
  background: var(--global-btn-bg);
}

.forward-modal.newchatModal .send-reminder-wrap {
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}

.forward-modal.newchatModal .sms-campaign-item-body-item {
  display: flex;
  align-items: center;
}

.forward-modal.newchatModal .sms-campaign-item-body-item .sms-campaign-item-body-item-left,
.forward-modal.newchatModal .sms-campaign-item-body-item .sms-campaign-item-body-item-right {
  width: 50%;
}

.forward-modal.newchatModal .sms-campaign-item-body-item .sms-campaign-item-body-item-left {
  text-align: right;
}

.forward-modal.newchatModal .sms-campaign-item-body-item .sms-campaign-item-body-item-left p {
  font-size: 0.875rem;
  font-weight: 500;
}

.forward-modal.newchatModal .sms-campaign-item-body-item .sms-campaign-item-body-item-left p span {
  font-weight: 400;
  opacity: 0.75;
}

.forward-modal.newchatModal .sms-campaign-item-body-item .sms-campaign-item-body-item-right .form-check {
  padding: 0 0 0 1rem;
  margin-right: 0.6rem;
}

.forward-modal.newchatModal .sms-campaign-item-body-item .sms-campaign-item-body-item-right h5 {
  font-weight: 500;
}

/* MESSENGER NEW CHANGES START */
/* EDIT INVENTORY REVIEW START */
.edit-inv-rar-outer .r-and-r-card {
  border-radius: 0.25rem;
}

.new-outer-review .new-outer-tabs {
  display: inline-flex;
  width: auto;
  border-radius: 0.375rem;
  background: var(--card-highlight--bg-color);
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
  overflow: hidden;
  padding: 0.15rem;
  margin-bottom: 0.25rem;
  --bs-nav-tabs-border-width: 0px;
}

.new-outer-review .new-outer-tabs .nav-item .nav-link {
  border: 0;
  font-size: 0.875rem;
  color: var(--white-white-black);
  opacity: 1;
  border-radius: 0.375rem;
  padding: 0.375rem var(--bs-nav-link-padding-x);
}

.new-outer-review .new-outer-tabs .nav-item .nav-link.active {
  color: var(--orange-white-white);
  background: var(--white-orange-orange);
}

.inventory-product-data .new-outer-review {
  margin-bottom: 1.25rem;
}

.inventory-product-data .new-outer-review .tab-content {
  padding: 0;
  border: 0;
}

.r-and-r-rht-tab-wrap .new-outer-review .nav.new-inner-tabs .nav-item {
  width: 33%;
}

.r-and-r-rht-tab-wrap .new-outer-review .nav.new-inner-tabs .nav-item .nav-link {
  width: 100%;
  padding: 0.5rem;
}

.r-and-r-rht-tab-wrap .new-outer-review .nav.new-inner-tabs {
  margin-bottom: 1.25rem;
}

.r-product-btn.r-product-btn-rev {
  background: transparent;
  color: var(--text-two);
}

/* EDIT INVENTORY REVIEW END */
/* EDIT INVENTORY TAX */
.card_info_table.add-tax-modal-edit-inv {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.3125rem;
  overflow: hidden;
}

.add-tax-modal-edit-inv .dataTables_length,
.card_info_table.add-tax-modal-edit-inv .dataTables_wrapper .dataTables_filter,
.card_info_table.add-tax-modal-edit-inv .dataTables_info,
.card_info_table.add-tax-modal-edit-inv .dataTables_paginate {
  display: none;
}

.card_info_table.add-tax-modal-edit-inv table {
  padding-top: 0;
}

.card_info_table.add-tax-modal-edit-inv table tr:last-child td {
  border-bottom: 0;
}

/* EDIT INVENTORY TAX */
/* Virtual Termnal Update */
.r-note {
  font-size: 0.75rem;
  font-weight: 600;
  padding-top: 0.5rem;
}

.r-note span {
  opacity: 0.75;
  font-weight: 400;
}

/* Virtual Termnal Update */
/* MANAGE PAYMENT DUE PAGE STYLE START */
.payment-due-wrap tbody,
.payment-due-wrap td,
.payment-due-wrap tfoot,
.payment-due-wrap th,
.payment-due-wrap thead,
.payment-due-wrap tr {
  vertical-align: text-top;
}

.payment-due-wrap {
  width: 70vw;
  background-color: #fff;
  margin: 3.125rem auto;
  overflow: hidden;
}

.payment-due-top-wrap {
  padding: 1.5rem;
  border-bottom: 0.063rem solid rgba(51, 51, 51, 0.15);
}

.payment-due-top-wrap h4 {
  font-weight: 600;
}

.payment-mid-bottom-wrap {
  display: flex;
}

.payment-mid-bottom-wrap-lft {
  width: 70%;
}

.payment-mid-bottom-wrap-rht {
  width: 30%;
}

.payment-due-bottom-wrap {
  padding: 1.5rem;
  border-top: 0.063rem solid rgba(51, 51, 51, 0.15);
}


/* --------- PAYMENT MODE START --------- */
.payment-mode-outer h4 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 1rem;
}

.payment-mode-wrap {
  display: flex;
  background: #fff;
  border: 0.063rem solid rgba(51, 51, 51, 0.15);
  border-radius: 0.313rem;
  overflow: hidden;
}

.payment-mode-lft {
  width: 30%;
  background: rgba(51, 51, 51, 0.05);
}

.payment-mode-rht {
  width: 70%;
  padding: 1.5rem;
  border-left: 0.063rem solid rgba(51, 51, 51, 0.15);
}

.payment-mode-lft .nav.nav-tabs {
  flex-direction: column;
  border-bottom: transparent;
}

.payment-mode-lft .nav-tabs .nav-link,
.payment-mode-lft .nav-tabs .nav-link.active {
  border: transparent;
  border-left: 0.25rem solid transparent;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.938rem 0;
  border-radius: 0;
  text-align: left;
  padding-left: 2.5rem;
}

.payment-mode-lft .nav-tabs .nav-link.active {
  color: #F04F29;
  border-left: 0.25rem solid #F04F29;
}

.tab-half-div {
  display: flex;
  justify-content: space-between;
}

.tab-half-div-lft,
.tab-half-div-rht {
  width: 49%;
}

/* --------- PAYMENT MODE END --------- */
.coupon-code-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.5rem;
  border: 0.063rem solid rgba(51, 51, 51, 0.15);
  border-radius: 0.313rem;
}

.coupon-code-wrap .form-group {
  width: calc(100% - 13.125rem);
}

.coupon-code-wrap .orange-coupon-btn {
  width: 13.125rem;
  text-align: right;
}

.coupon-code-wrap .form-group input,
.coupon-input,
.icon-input-wrap {
  padding: 0.438rem 0.938rem;
  border: 0.063rem solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.icon-input-wrap i {
  color: rgba(0, 0, 0, 0.5);
}

.icon-input-wrap input {
  padding: 0 0 0 0.625rem;
}

.icon-input-wrap {
  border: 0.063rem solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.coupon-label {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.5rem;
}

.orange-coupon-btn button {
  border: 0;
  outline: 0;
  padding: 0.5rem 1.875rem;
  background: #F04F29;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  transition: 0.7s;
}

.orange-coupon-btn button:hover {
  opacity: 0.8;
}

.orange-coupon-btn-1 button {
  width: 100%;
  padding: 0.75rem 0;
  border: 0.063rem solid #F04F29;
}

.orange-coupon-btn-1-reverse button {
  background: #fff;
  color: #F04F29;
}

.payment-due-bottom-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payment-due-bottom-wrap-lft,
.payment-due-bottom-wrap-mid,
.payment-due-bottom-wrap-rht {
  width: 33.33%;
}

.payment-due-bottom-wrap-lft {
  display: flex;
}

.payment-due-bottom-wrap-lft div {
  margin-right: 0.625rem;
  padding: 0.188rem;
  border: 0.063rem solid rgba(51, 51, 51, 0.15);
}

.payment-due-bottom-wrap-lft div img {
  width: 3.125rem;
  height: 1.875rem;
  object-fit: contain;
  object-position: center;
}

.payment-due-bottom-wrap-mid {
  text-align: center;
}

.payment-due-bottom-wrap-mid h5 {
  font-size: 0.938rem;
  font-weight: 400;
}

.payment-due-bottom-wrap-mid h5 a {
  font-weight: 600;
  color: #F04F29;
}

.payment-due-bottom-wrap-rht {
  text-align: right;
}

.payment-due-bottom-wrap-rht a {
  font-size: 0.938rem;
  font-weight: 400;
  color: #333333;
  margin-left: 1.563rem;
  text-decoration: underline;
}

/* MANAGE PAYMENT DUE PAGE STYLE END */
/* MANAGE APPOINTMENT START */
.r-tooltip {
  max-width: 5.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* MANAGE APPOINTMENT END */
/* ANALYTICS EMAIL SMS MODAL START */
.email-sms-plus img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center;
}

/* ANALYTICS EMAIL SMS MODAL END */
.prev-temp-top-btn-wrap {
  display: flex;
  gap: 0.625rem;
}

/* FILE CABINET START */
.fc-upload-wrap li {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  position: relative;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  display: flex;
}

.fc-upload-wrap li:last-child {
  margin-bottom: 0;
}

.fc-upload-wrap li .fc-upload-top-rht {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  border: 0;
  outline: 0;
  width: 0.875rem;
  height: 0.875rem;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fc-upload-wrap li .fc-upload-top-rht i {
  font-size: 0.875rem;
}

.fc-upload-wrap li .fc-upload-top-rht i.fa-circle-check {
  color: var(--global-orange);
}

.fc-upload-item-lft {
  width: 3rem;
}

.fc-upload-item-rht {
  width: calc(100% - 3rem);
}

.fc-upload-item-lft span {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
}

.fc-upload-item-rht h6 {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fc-upload-item-rht p {
  font-size: 0.75rem;
}

.fc-upload-item-rht p span.file-size {
  opacity: 0.75;
  color: var(--text-grey);
}

.fc-upload-item-rht p span.comp {
  color: var(--global-orange);
  margin-left: 0.125rem;
}

.fc-upload-item-rht-prog {
  padding-top: 0.313rem;
  display: flex;
  align-items: center;
}

.fc-upload-item-rht-prog .progress {
  width: calc(100% - 1.875rem);
  height: 0.5rem;
  border-radius: 1.5rem;
}

.fc-upload-item-rht-prog .progress .progress-bar {
  border-radius: 1.5rem;
  background: var(--global-orange);
}

.fc-upload-item-rht-prog p {
  width: 1.875rem;
  text-align: end;
}

.fc-upload-item-rht-prog p span {
  font-size: 0.625rem;
}

/* FILE CABINET END */
/* EMAIL ANALYTICS CAMPAIGN START */
.email-analytics-content-wrap .new-outer-review .new-outer-tabs .nav-item .nav-link {
  color: var(--text-two);
}

.email-analytics-content-wrap .new-outer-review .new-outer-tabs .nav-item .nav-link.active {
  color: var(--orange-orange-white);
  background: var(--white-white-orange);
}

.camp-sel-wrap {
  display: flex;
  gap: 1rem;
  max-width: 34.375rem;
  margin-left: auto;
}

.marketing_analytics_top_filter {
  max-width: 100%;
}

.marketing_analytics_top_filter .r-icon-btn {
  font-size: 1rem;
  color: var(--text-two);
}

.email_analytics_filter_list_wrap {
  display: flex;
  gap: .5rem;
  align-items: center;
  margin-bottom: .5rem;
}

.email_analytics_filter_list_wrap .app_intregation_filter_list_wrap {
  margin-bottom: 0;
}

.email_analytics_filter_list_wrap p {
  font-size: 1rem;
  font-weight: 500;
}

.email_analytics_filter_list_wrap .app_intregated_tag {
  font-size: 0.875rem;
  padding: 0.125rem 0.5rem;
}

.camp-sel-wrap-item {
  width: 50%;
}

.camp-data-box {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--top-header-icons-border);
}

.camp-data-box-heading {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

.camp-data-box-heading h5 {
  font-size: 2rem;
  font-weight: 600;
}

.camp-data-box-heading span {
  margin-right: 1rem;
  font-size: 0.75rem;
}

.theme-orange .camp-data-box-heading span.p-span {
  color: var(--global-white);
}

.camp-data-box-heading span.p-span {
  color: #2CB46F;
}

.camp-data-box h6 {
  margin-bottom: 1rem;
}

.camp-data-box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.camp-data-box-item:last-child {
  margin-bottom: 0rem;
}

.camp-data-box-item-lft,
.camp-data-box-item-rht {
  display: flex;
  align-items: center;
  width: 48%;
}

.camp-data-box-item span {
  font-size: 0.875rem;
  color: var(--text-two);
}

.camp-data-box-item-lft .tootltip-button {
  width: auto;
  height: auto;
  position: inherit;
  top: 0;
  color: var(--global-orange);
}

.camp-data-box-item-lft-circle {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #3373BA;
  margin-right: 0.313rem;
}

.camp-data-box-item-rht {
  justify-content: space-between;
}

.green-data,
.red-data {
  padding: 0.313rem 0.75rem;
  border-radius: 1rem;
  background: rgba(81, 139, 34, 0.10);
  font-size: 0.875rem;
  color: #518B22;
}

.green-data i,
.red-data i {
  font-size: 0.75rem;
}

.theme-orange .red-data {
  color: var(--global-white);
  background: rgba(255, 255, 255, 0.10);
}

.red-data {
  color: #DA5F4E;
  background: rgba(218, 95, 78, 0.10);
}

.theme-orange .green-data {
  color: var(--global-white);
}

.click-rate {
  background: #87D0B3;
}

.place-order-rate {
  background: #F2CB46;
}

.ana-white-chart {
  min-height: 270px;
}

.theme-orange .cpd-table-wrap.people-table-main table tbody td.email-analy-td a,
.theme-dark .cpd-table-wrap.people-table-main table tbody td.email-analy-td a {
  color: #fff;
}

.cpd-table-wrap.people-table-main table tbody td.email-analy-td a {
  color: #3373BA;
  text-transform: capitalize;
}

/* .cpd-table-wrap table tbody td:not(:first-child){
  text-align: center;
} */
.email-camp-user-mian {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.email-camp-user-mian a {
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  color: var(--global-orange);
  border: 0.063rem solid var(--global-orange);
  border-radius: 0.25rem;
  margin-right: 1rem;
}

.email-camp-user-mian p {
  font-size: 1.25rem;
  color: var(--text-grey);
  font-weight: 500;
}

.email-analytics-content-wrap-detais {
  margin-top: 1rem;
}

.overview-tab-wrap-details {
  display: grid;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
  grid-template-columns: repeat(4, 1fr);
}

.bpe-overview-tab-wrap-details {
  grid-template-columns: repeat(2, 1fr);
}

.bpe-overview-tab-wrap-details .bill-pay-bg {
  background: var(--top-header-bg);
}

.bpe-overview-tab-wrap-details .overview-content p {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-bottom: 0.75rem;
}

.bpe-overview-tab-wrap-details .overview-content .flexiconmain {
  margin-bottom: 0 !important;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem !important;
}

.bpe-overview-tab-wrap-details .overview-content .flexiconmain h2 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.375rem;
  margin-bottom: 0;
}

.bpe-overview-tab-wrap-details .overview-content p.bpe-bill-txt,
.bpe-overview-tab-wrap-details .overview-content p.bpe-bill-txt a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--text-two);
}

.bpe-overview-tab-wrap-details .overview-content p.bpe-bill-txt a {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-transform: capitalize;
}

.bpe-overview-tab-wrap-details .overview-content .flexiconmain label {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}

.r-orange-btn.r-reverse-btn.bpe-now-btn {
  background: var(--white-orange-orange);
  color: var(--orange-white-white);
  border-color: var(--global-orange);
}

.overview-content {
  width: 100%;
  background-color: var(--bg-color);
  padding: 1rem;
  border-radius: 0.50rem;
}

.overview-content h2 {
  color: var(--text-two);
  font-size: 2rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.eod-reports-main-dashboard .overview-content h2 {
  font-size: 1.5rem;
}

.overview-content h4 {
  color: var(--text-two);
  font-size: 1rem;
  font-weight: 600;
}

.overview-content p {
  color: var(--text-two);
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
}

.eod_load_more {
  text-align: center;
  margin-top: auto;
}

.eod_load_more a {
  color: var(--white-orange-orange);
  text-decoration: underline;
}

.eod_load_more_btn_wrap a {
  display: inline-block;
  text-decoration: none;
  background: var(--white-orange-orange);
  color: var(--orange-white-white);
  padding: 0.375rem 1.045rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--global-orange);
  transition: .3s all linear;
}

/* .eod_load_more_btn_wrap a:hover {
  background: var(--global-white);
  color: var(--white-orange-orange);
} */

.order-analytics-status .overview-content {
  display: flex;
  flex-direction: column;
}

.order-analytics-status .overview-content h2 {
  margin-top: auto;
  margin-bottom: 0;
}

.email-camp-user-main p {
  color: var(--text-one);
}

.eot-wrap td p .blue-highlight {
  color: var(--global-blue-payment);
}

.theme-orange .eot-wrap td p .blue-highlight {
  color: var(--global-white);
}

.eot-wrap td a {
  text-decoration: underline;
}

.dd-modal table tbody td.lower {
  text-transform: none;
}

.dd-modal table thead th:last-child,
.dd-modal table tbody td:last-child {
  text-align: left;
}

.dd-modal table tbody td span,
.od-status span {
  padding: 0.125rem 0.5rem;
  color: var(--text-grey);
  border-radius: 1rem;
  font-size: 0.875rem;
}

.dd-modal table tbody td span.order_fulfill_table_span {
  color: var(--text-two);
}

.dd-modal table tbody td .select2 span {
  padding: 0;
}

.dd-modal table tbody td .unsubscribed,
.od-status .unsubscribed,
.dd-modal table tbody td .status_orange,
.od-status .status_orange {
  background: rgba(251, 163, 161, 0.40);
}

.dd-modal table tbody td .status_pink {
  background: #FDDAD9;
}

.dd-modal table tbody td .delivered,
.od-status .delivered,
.dd-modal table tbody td .status_green,
.od-status .status_green {
  background: #D9F7DF;
}

.dd-modal table tbody td .spam,
.od-status .spam,
.dd-modal table tbody td .status_yellow,
.od-status .status_yellow {
  background: #FEF1CE;
}

.dd-modal table tbody td .status_blue,
.od-status .status_blue {
  background: #D1E4F9;
}

.status_orange .fa-triangle-exclamation {
  color: #F01A15;
}

.recipient-activity-wrap table td p {
  text-align: left;
}

.opd-wrap .cpd-table-wrap table tbody td {
  text-align: left;
}

.con-item-wrap {
  display: flex;
  flex-wrap: wrap;
}

.con-item {
  width: 50%;
  padding: 0.75rem 1rem;
}

.con-item {
  display: flex;
  gap: 0.5rem;
  border-right: 0.0625rem solid var(--top-header-icons-border);
  border-bottom: 0.0625rem solid var(--top-header-icons-border);
  overflow: hidden;
}

.con-item-lft-inner {
  width: 3.375rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(48, 135, 233, 0.10);
  border-radius: 0.125rem;
}

.con-item-lft-inner h4 {
  font-size: 1.125rem;
}

.con-item-rht h5 {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.188rem;
}

.con-item-rht h6 {
  font-size: 0.75rem;
  font-weight: 500;
}

.key-items-wrap {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(5, 1fr);
}

.key-item {
  padding: 0.75rem 1rem;
  border: 0.0625rem solid var(--top-header-icons-border);
  border-radius: 8px;
}

.key-item h3,
.key-item h6 {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.key-item p {
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-block;
}

.key-item .key-success,
.key-item .key-danger {
  padding: 0.188rem 0.5rem;
  background: #ECFAD1;
  border: 0.063rem solid #518B22;
  border-radius: 1.25rem;
}

.key-item .key-danger {
  background: #FFF4F0;
  border: 0.063rem solid #DA5F4E;
}

.e-send-volume-chart canvas {
  height: 250px;
  max-height: 250px;
}


.del-wrap .fc-upload-item-rht-prog .progress {
  width: 100%;
  background: rgba(48, 135, 233, 0.10);
}

.del-wrap .fc-upload-item-rht-prog .progress .progress-bar {
  background: #3087E9;
}

.ordertitlemainwrap {
  padding: 1rem 1.5rem;
}

.title-orderdetails {
  margin-bottom: 1rem;
}

.title-orderdetails p {
  color: var(--global-black);
  opacity: 0.5;
  font-size: 0.875rem;
}

.title-orderdetails h4 {
  color: var(--global-black);
  font-size: 1rem;
}

.analyticsdatepicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.3125rem !important;
  background-color: var(--bg-color);
}

.analyticsdatepicker.addinventory {
  background-color: transparent;
}

.reloadicon {
  border: none;
  background: transparent;
}

.reloadicon i {
  color: var(--text-two);
}

.analyticsdatepicker input {
  border: none !important;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .analyticsdatepicker .select2-selection {
  border: none !important;
  padding-right: 0;
}

.analyticsdatepicker input:focus {
  box-shadow: none;
  border: none;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .analyticsdatepicker {
  background: var(--global-white);
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.analytics_dropdown_menu ul {
  list-style: none;
}

.analytics_dropdown_menu a:hover,
.analytics_dropdown_menu a:active {
  background: var(--nav-user-icon-bg);
  color: var(--global-white);
}

.analytics_dropdown_menu ul a {
  padding-left: 1.75rem;
  font-size: 0.875rem;
  color: var(--input-placeholder);
}

.tootltip_btn_relative.r-icon-btn {
  font-size: 1rem;
}

/* EMAIL ANALYTICS CAMPAIGN RT */
/* SMS ANALYTICS CAMPAIGN RT */
.sms-failed {
  background-color: #FB5758;
}

/* ANALYTICS INVENTORY */
.analytics-inventory-header-wrap {
  margin-bottom: 1rem;
}

.analytics_inventory_filter_wrap {
  padding: 1.5rem 1rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

.analytics_inventory_filter_wrap label {
  padding-bottom: 0;
  font-size: 0.875rem;
}

.analytics_inventory_filter_wrap h5 {
  padding-bottom: 0;
}

.analytics_inventory_filter_wrap .form-check {
  margin-bottom: 0;
}

.analytics_inventory_filter_wrap .tootltip-button {
  color: var(--text-two);
}

.inventory-date-range {
  padding: 1rem 1rem 0 1rem;
}

.inventory-date-range h4 {
  color: var(--text-two);
  font-size: 1.2rem;
  padding-bottom: 1rem;
}

.inventory-list-an {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  list-style: none;
}

.inventory-list-an li {
  width: 32.33333%;
}

.inventory-list-an li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  position: relative;
  color: var(--text-two);
}

.inventory-list-an li .icons {
  flex-shrink: 0;
  width: 2.5rem;
}

.inventory-list-an li .icons i {
  font-size: 1.5rem;
  color: var(--white-white-orange);
}

.inventory-list-an .content p {
  font-size: 0.75rem;
  font-weight: 500;
  opacity: 0.8;
}

.inventory-list-an .content h4 {
  font-size: 1rem;
  font-weight: 500;
}

.inventory-list-an li .tootltip-button {
  right: 1.5rem;
}

.inventory-list-an li .tootltip-button i {
  color: var(--text-two);
}

.title-inv-ana h4 {
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0;
  border: none;
}

.inventory-inner-tab-ana .inv_ana_nav_tabs,
.eod-reports-main-dashboard .inv_ana_nav_tabs {
  width: auto;
  flex-shrink: 0;
  background-color: var(--white-white-orange);
  padding: 0.25rem;
  border-radius: 0.4rem;
  box-shadow: 0rem 0rem 0.1875rem 0rem var(--global-input-w-bg);
}

.inventory-inner-tab .lead_track_flex .inventory-inner-right-sec {
  justify-content: center;
  align-items: center;
}

.inventory-inner-tab .lead_track_flex .inventory-inner-right-sec .user-calling-search {
  flex: 1;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}

.inventory-inner-tab .lead_track_flex .inventory-inner-right-sec .user-calling-search input {
  padding-left: 0;
}

.inv_ana_nav_tabs .nav-link {
  background-color: transparent;
  color: var(--black-black-white);
  font-size: 1rem;
  padding: 0.3125rem 0.9375rem;
  border-radius: 0.4rem;
  border: none;
  margin: 0;
}

.inv_ana_nav_tabs .nav-item.show .nav-link,
.inv_ana_nav_tabs .nav-link.active {
  background-color: var(--orange-orange-white);
  color: var(--white-white-orange);
}

.inventory-ana-inner-wrap .managebtn i {
  font-size: 1rem;
  padding-right: 0.5rem;
}

.inventory-ana-inner-wrap .managebtn {
  padding: 0.16rem 0.5rem;
}

.inventory-ana-inner-wrap .columnright {
  gap: 0.5rem;
}

.inventory-ana-inner-wrap .btn-export.print {
  margin: auto;
  font-size: 1rem;
  padding: 0.5rem 1rem;
}

.inventory-product-data .inv-ana-new-outer-tabs,
.inv-ana-new-outer-tabs .new-outer-tabs {
  margin-bottom: 0;
}

.inv-ana-new-outer-tabs .new-outer-tabs {
  border-radius: 0.4rem !important;
}

.inv-ana-new-outer-tabs .new-outer-tabs .nav-item .nav-link,
.btn-export.btn-referesh {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}

.inv-ana-new-outer-tabs .new-outer-tabs .nav-item .nav-link.active {
  background-color: var(--white-orange-orange);
  color: var(--orange-white-white);
}

.stockordercheck .form-check span {
  background: var(--white-white-orange);
  color: var(--black-black-white);
  display: inline-block;
  padding: 0rem 0.4rem;
  border-radius: 10rem;
}

.inventory-semmury-report-wrap {
  padding: 1rem;
}

.inventory-semmury-report-wrap .people-table-main,
.tableviews-main-wrap .people-table-main {
  border: 0.0625rem solid var(--global-input-border);
}

.summery-report-inner .overview-content {
  border: 0.0625rem solid var(--global-input-border);
  padding: 1rem 1.5rem 1rem 1rem;
}

.flexiconmain {
  margin-bottom: 1rem;
  align-items: start;
}

.flexiconmain,
.flexiconmain .icon {
  display: flex;
  justify-content: flex-start;
}

.flexiconmain .icon {
  width: 2rem;
  height: 2rem;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.5rem;
  border-radius: 0.2rem;
  margin-right: 1rem;
  align-items: center;
}

.icon.blueclr {
  background: #E7EEFA;
  color: #3087E9;
}

.icon.greenclr {
  background: #F1F9F4;
  color: #51DC6B;
}

.icon.yellowclr {
  background: #FEF7EA;
  color: #FDC021;
}

.icon.redclr {
  background: #FAF0EA;
  color: #FB5758;
}

.summery-report-inner .tootltip-button {
  width: auto;
  height: auto;
  top: 0.5rem;
  right: 0.5rem;
  color: var(--white-white-orange);
  padding: 0;
}

.margin-report-title {
  position: relative;
}

.margin-report-title .tootltip-button {
  color: var(--white-white-orange);
  top: 0;
  right: -1rem;
}

.r-add-people-lable-input-wrap.daylist .select2-container {
  min-width: 10rem;
  max-width: 10rem;
  text-align: left;
}

.main-wrap-canvas {
  padding: 0rem 1rem 1rem 1rem;
  border-radius: 1rem;
}

.main-flex-select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
}

.main-flex-select .r-add-people-lable-input-wrap {
  padding: 0 0.5rem;
}

.main-flex-select .r-add-people-lable-input-wrap.daylist .select2-container,
.main-flex-select .r-add-people-lable-input-wrap.daylist select {
  min-width: 4.5rem;
  max-width: 4.5rem;
  width: 4.5rem;
}

.low-inventory-alert-wrap table tbody td a {
  color: var(--text-two);
  padding: 0.5rem 0.625rem;
  border-color: var(--card-highlight--bg-color);
}

.low-inventory-alert-wrap table tbody td.sticky-col a {
  color: var(--white-white-orange);
}

/* ANALYTICS INVENTORY ENHANCEMENT */
.analytics-in-wrapper {
  margin: 1rem 0;
}

.analytics-in-wrapper .innner-column-check {
  justify-content: flex-start;
}

.analytics-in-wrapper .form-check label {
  padding-bottom: 0;
}

.analytics-in-wrapper .tootltip-button-plan {
  color: var(--text-two);
}

.an-iv-alert-wrap {
  padding: 1rem;
  height: auto;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border: 0.0625rem dashed var(--white-white-orange);
  background-color: var(--white_white_orange-l);
}

.an-iv-alert-wrap p,
.an-iv-alert-wrap i {
  font-size: 0.875rem;
  color: var(--white-white-orange);
}

.an-iv-alert-wrap i {
  margin-top: 0.2rem;
}

.lead_track_flex.inventory-ana-inner-wrap {
  flex-wrap: wrap;
}

/* END ANALYTICS INVENTORY */
/* START ORDER ANALYTICS */

.btn-orange-theme.icontirght i {
  padding-left: 0.5rem;
}

.buttons-page-filter {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.daterangebx {
  padding: 1rem;
}

.overview-tab-wrap-details.summery-order-ana {
  margin-bottom: 0;
}

.summery-order-ana h2 .p-span {
  margin-right: 1rem;
  font-size: 0.75rem;
  color: var(--increase-clr);
}

.ordershipped,
.ordercount {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.ordercount {
  border-right: 0.0625rem solid var(--card-highlight--bg-color);
}

.ordervaluetable-wrap {
  padding-top: 3rem;
}

.ordervaluetable-wrap .card_info_table {
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.ordervaluetable-wrap .card_info_table tbody td a {
  color: var(--clr-table-td-a);
  text-decoration: underline;
  display: inline-block;
}

.ordervaluetable-wrap .card_info_table tbody td:first-child a,
.ordervaluetable-wrap .card_info_table tfoot td:first-child a {
  text-decoration: underline;
  color: var(--text-two);
  display: inline-block;
}

.geographybar .progress-bar {
  background: linear-gradient(45deg, transparent, #3373BA);
}

.priceprogress {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.priceprogress p {
  font-size: 1rem;
  font-weight: 600;
}

.card_info_table.nomodal table tfoot td {
  color: var(--text-two);
  padding: 0.5rem 0.625rem;
  border-color: var(--card-highlight--bg-color);
}

.status-show {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 100%;
  display: inline-block;
}

.unprocesss .status-show {
  background-color: #FF8080;
}

.approvel .status-show {
  background-color: #E88E47;
}

.approved .status-show {
  background-color: #EEC759;
}

.packed .status-show {
  background-color: #87D0B3;
}

.delivery .status-show {
  background-color: #3373BA;
}

.shipped .status-show {
  background-color: #9BB8CD;
}

.dispatched .status-show {
  background-color: #95BDFF;
}

.fulfilled .status-show {
  background-color: #F7A4A4;
}

.cancenlled .status-show {
  background-color: #FF90BC;
}

.cancenlled .status-show {
  background-color: #EDB7ED;
}

.total .status-show {
  background-color: #BEADFA;
}

.stausdistributionflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid var(--card-highlight--bg-color);
}

.flex-ship {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.flex-ship p {
  color: var(--global-black);
  text-decoration: underline;
  padding: 0;
  text-align: left;
  font-size: 1rem;
}

.flex-ship p img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  border-radius: 0.4rem;
}

.borderbox {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  padding: 1rem;
  border-radius: 0.9rem;
}

.theme-light .borderbox .chart-canvas {
  padding: 0rem;
}

.new-outer-review-border {
  border-top: 0.0625rem solid var(--card-highlight--bg-color);
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
  padding: 1rem;
}

.table-span table tbody td span {
  padding: 0.125rem 0.5rem;
  color: var(--text-grey);
  border-radius: 1rem;
  font-size: 0.875rem;
}

.table-span table tbody td span.order_fulfill_table_span {
  color: var(--text-two);
}

.table-span table tbody td time {
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  display: block;
  text-align: left;
}

.table-span table tbody td .status_green {
  background: #D9F7DF;
}

.table-span table tbody td .status_yellow {
  background: #FEF1CE;
}

.table-span table tbody td .status_orange {
  background: #FDDAD9;
}

.sticky-col .people-table-action-wrap {
  justify-content: end;
}

.repeatbuyerschart {
  color: var(--text-grey);
  padding: 0;
}

.order_analytics_box_bottom_wrap {
  display: flex;
  align-items: center;
  margin-top: .5rem;
}

.order_anlytics_prev_period {
  background: var(--global-top-circle-shadow);
  color: var(--text-two);
  padding: 0.25rem .5rem;
  border-radius: 1.875rem;
  margin-left: .5rem;
  display: inline-block;
  line-height: 1;
  font-size: 0.75rem;
}

.order_analytics_status_green {
  color: #42BC59;
}

.order_analytics_box_bottom_wrap span.order_analytics_status_red {
  color: #FF8080;
}

.theme-orange .order_analytics_status_green,
.theme-orange .order_analytics_box_bottom_wrap span.order_analytics_status_red {
  color: #fff;
}

.main-wrap-canvas #geographySale {
  border-radius: 0.5rem;
  overflow: hidden;
}

/* END ORDER ANALYTICS */
/* ANALYTICS INVENTORY REPORT */
.analytics-inventory-report-main-wrapper {
  background-color: var(--global-white);
}

.inventory-reports-table {
  padding: 1rem;

}

.table-border-w {
  border: 1px solid var(--global-input-w-bg);
  border-radius: 0.5rem;
}

.title-view-reports {
  margin-bottom: 1rem;
}

.title-view-reports p {
  font-size: 1rem;
  color: var(--text-grey);
}

/* ANALYTICS INVENTORY REPORT END */

/* UPCOMING INVOICE STARTS */
.upcoming-invoice-cancel-note {
  word-break: break-all;
}

.upcoming-remarks-content-wrap {
  border: 1px solid var(--global-orange);
  padding: 1rem;
  border-radius: .375rem;
  background: var(--global-upload-background-w-bg);
  margin-bottom: 1rem;
}

.upcoming-remarks-content-wrap ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .5rem;
}

.upcoming-remarks-content-wrap ul li {
  width: 49%;
  font-weight: 600;
}

.upcoming-remarks-content-wrap ul li span {
  font-weight: 400;
}

.upcoming-invoice-delete-modal h5 {
  margin-bottom: 1rem;
  font-weight: 400;
  padding: 0 2rem;
}

.upcoming-invoice-delete-modal p {
  margin-bottom: 2rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  opacity: .75;
}

/* UPCOMING INVOICE END */
/* REWARD DASHBOARD NEW START */
.rewards-dash-wrap-new .rewards-chart-item-inner {
  background: var(--card-highlight--bg-color);
  border-radius: 0.5rem;
}

.rewards-dash-wrap-new .rewards-top-dropdown-item .dropdown-toggle {
  background: transparent;
  border: 0.063rem solid var(--text-two);
  color: var(--text-two);
  opacity: 1;
  box-shadow: none;
}

.rewards-dash-wrap-new .rewards-top-dropdown-item .dropdown-toggle i {
  opacity: 1;
}

.rewards-dash-wrap-new .rewards-top-dropdown-item .dropdown-toggle::before {
  filter: brightness(0) invert(100);
}

.theme-light .rewards-dash-wrap-new .rewards-top-dropdown-item .dropdown-toggle::before {
  filter: brightness(100) invert(100);
}

.rewards-dash-wrap-new .rewards-top-dropdown-item .dropdown-menu.show .dropdown-item {
  padding: 0.625rem 0.75rem;
}

.rewards-dash-wrap-new .rewards-top-dropdown-item .dropdown-menu.show .dropdown-item:hover {
  color: var(--global-white);
  background: var(--nav-user-icon-bg);
}

/* REWARD DASHBOARD NEW END */
/* NEW EDITOR NEW START */
.editor-header {
  background: var(--global-white);
  padding: 1rem 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, .1);
}

.editor-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.editor-inner-lft,
.editor-inner-center,
.editor-inner-rht {
  width: 33.33%;
}

.editor-inner-lft .new-editor-top-logo img {
  max-width: 13rem;
  margin-left: 1rem;
  max-height: 2rem;
  object-fit: contain;
}

.editor-template-title {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

.new-editor-input-group {
  display: flex;
  align-items: center;
  gap: 1rem;
  display: none;
}

.editor-template-title.show .new-editor-input-group {
  display: flex;
}

.editor-template-title.show h3 {
  display: none;
}

.editor-template-title.show .r-icon-btn.editor_edit_btn {
  display: none;
}

.editor-inner-rht {
  text-align: right;
}

.editor-inner-rht .btn_new_message a,
.editor-inner-rht .btn_new_message button {
  padding: 0.3125rem 1.5rem;
  margin-left: .5rem;
}

.new-editor-main-wrap {
  position: relative;
  top: 4.3rem;
  height: calc(100vh - 4.3rem);
  overflow-y: auto;
}

.new-editor-top-tab-wrap {
  background: #444444;
  border-bottom: 1px solid var(--global-black);
}

.new-editor-top-tab-wrap .nav-tabs {
  text-align: center;
  justify-content: center;
}

.new-editor-top-tab-wrap .nav-tabs .nav-link {
  background: transparent;
  color: var(--global-white);
  border: 0;
  position: relative;
  padding: 1rem 2.25rem;
  margin: 0 .125rem;
}

.new-editor-top-tab-wrap .nav-tabs .nav-link::after {
  content: "";
  width: 0%;
  height: 0.1875rem;
  background: var(--global-white);
  position: absolute;
  bottom: 0.125rem;
  left: 0;
  border-radius: 1rem;
  transition: .3s all ease-in-out;
}

.new-editor-top-tab-wrap .nav-tabs .nav-link:hover::after,
.new-editor-top-tab-wrap .nav-tabs .nav-link.active::after {
  width: 100%;
}

.new-editor-setting-tab {
  padding-top: 3rem;
}

.new-disconnect-domain-button {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
}

.r-add-leads-main-wrapper .new-disconnect-domain-button label {
  margin: 0;
  padding: 0;
}

/* NEW EDITOR NEW END */

/* SHOPPER VIEW START */
.s-all-table-wrap .cpd-table-wrap table tbody td {
  text-align: left;
}

.s-all-table-wrap .people-table-action-wrap a,
.s-all-table-wrap .add_note a:hover {
  text-decoration: none;
}

.people-table-main table tbody td .add_note a {
  text-transform: capitalize;
  text-decoration: underline;
  color: var(--white-white-orange);
}

.s-all-table-wrap .add_note {
  border-bottom: 0.063rem solid var(--white-white-orange);
  border-radius: 0;
}

.s-all-table-wrap .add_note a {
  text-decoration: none;
  padding: 0;
  color: var(--white-white-orange);
  text-transform: capitalize;
}

.s-all-table-wrap .r-tooltip {
  max-width: 8rem;
  text-decoration: underline;
}

.r-add-leads-main-wrapper .order-note-textarea {
  min-height: 8.375rem;
}

.order-note-modal .r-modal-btn.r-orange-btn {
  padding: 0.3125rem 1.125rem;
}

.order-note-item {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.3125rem;
  overflow: hidden;
  margin-bottom: 8px;
}

.order-note-item:last-child {
  margin-bottom: 0;
}

.order-note-item-top,
.order-note-item-btm {
  padding: 0.75rem;
}

.order-note-item-top {
  height: 4.5rem;
  overflow: auto;
}

.order-note-item-btm {
  background: #F6F8FA;
}

.od-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.od-wrap li {
  list-style: none;
  display: flex;
  margin-bottom: 1rem;
}

.od-wrap li:last-child {
  margin-bottom: 0;
}

.od-wrap li p:first-child {
  width: 11.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-two);
}

.od-wrap li p:last-child {
  width: calc(100% - 180px);
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-two);
}

.text-underline {
  text-decoration: underline;
}

.process-order-wrap .people-table-accordian-wrap .accordion-item {
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
}

.unprocessed-wrap {
  max-height: 49rem;
  overflow-y: auto;
}

.unprocessed-item {
  padding: 1rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.unprocessed-item-lft {
  width: calc(100% - 17rem);
  display: flex;
  gap: 1rem;
  align-items: center;
}

.unprocessed-item-rht {
  width: 17rem;
}

.unprocessed-item-img {
  min-width: 3;
}

.unprocessed-item-img-inner {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.25rem;
}

.unprocessed-item-img img {
  object-fit: contain;
}

.unprocessed-item-text {
  min-width: 12.5rem;
}

.unprocessed-item-text h6 {
  font-size: 1rem;
  font-weight: 500;
}

.unprocessed-item-text p {
  font-size: 0.875rem;
}

.unprocessed-item-qty {
  min-width: 3.438rem;
}

.unprocessed-item .icon-input {
  /* left: auto;
  right: 0;
  width: 3rem; */
  left: auto;
  right: 8px;
  width: 6rem;
  text-align: right;
}

.bootstrap-select.category_wise {
  width: 16.25rem !important;
}

.r-add-leads-main-wrapper .unprocessed-item .form-group.input-group.position-relative input {
  padding-left: 0.625rem;
}

.unprocessed-item .btn_new_message {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.current-items-wrap {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.313rem;
}

.current-items-top,
.current-items-mid,
.ci-processing-item {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.ci-processing-wrap {
  max-height: 12.4rem;
  overflow-y: auto;
}

.ci-processing-item {
  padding: 1rem;
  display: flex;
  align-items: center;
}

.ci-processing-item-lft {
  width: calc(100% - 3rem);
  display: flex;
  align-items: center;
}

.ci-processing-item-lft .ci-processing-item-lft-img {
  width: 60px;
}

.ci-processing-item-lft .ci-processing-item-lft-img img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  object-position: center;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 4px;
}

.ci-processing-item-lft .ci-processing-item-lft-text {
  width: calc(100% - 60px);
}

.ci-processing-item-lft .ci-processing-item-lft-text h6 {
  font-weight: 500;
}

.ci-processing-item-lft .ci-processing-item-lft-text span {
  color: var(--text-two);
}

.ci-processing-item-rht {
  width: 3rem;
}

.ci-processing-item-rht a {
  margin-left: auto;
}

.ci-processing-item:last-child {
  border-bottom: 0;
}

.cip-btn:hover {
  color: var(--orange-orange-white);
}

.unprocessed-item-lft.itemdetails {
  text-align: right;
  width: 50%;
  margin-left: auto;
  padding: 1rem 0;
}

.unprocessed-item-lft.itemdetails .unprocessed-item-qty {
  min-width: 15rem;
}

.r-add-leads-main-wrapper .unprocessed-item-lft.itemdetails .form-group.input-group.position-relative input {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.unprocessed-item-lft.itemdetails .icon-input {
  left: auto;
  right: 1rem;
  color: var(--global-input-border);
  width: 1.8rem;
}

.title-print-package-slip,
.title-print-package-slip-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.772rem;
  margin-bottom: 1rem;
}

.title-print-package-slip h2 {
  max-width: 70%;
  font-size: 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.order-deatails-package p {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0;
  color: var(--text-grey);
}

.shipping-billing,
.processedby {
  width: 48%;
}

.shipping-billing h4,
.shipping-billing p,
.processedby h5,
.item-title-package h4,
.shipment-content p {
  font-size: 0.875rem;
  color: var(--text-grey);
}

.shipping-billing h4,
.item-title-package h4 {
  font-weight: 600;
  padding: 0 0 0.5rem;
}

.shipping-billing p {
  max-width: 50%;
}

.processed_inner {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
}

.processedby h5 {
  min-width: 10rem;
  font-weight: 600;
}

.processedby h5 span {
  font-weight: 500;
  text-align: left;
}

.package-details-items-wrap {
  padding: 1rem 0;
  border-top: 0.0625rem solid var(--global-input-w-bg);
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.package-details-items {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.4rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.package-details-items:last-child {
  margin-bottom: 0;
}

.item-title-package,
.package-orader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}

.list-item-header {
  background: #F6F8FA;
  padding: 1rem;
  margin-bottom: 1rem;
}

.list-item-header h2 {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 0.4rem;
}

.list-item-header p,
.stationary-thankyou p,
.stationary-thankyou h5,
.stationary-thankyou a {
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 400;
}

.list-item-header i {
  color: var(--global-orange);
  padding-right: 0.5rem;
}

.stationary-thankyou {
  text-align: center;
  padding: 2rem 0 1rem;
}

.stationary-thankyou h5 {
  font-weight: 700;
  margin-top: 1rem;
}

.shipment-content {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  padding: 1.5rem 0;
}

.shipment-content p {
  font-weight: 500;
}

.package-orader {
  padding: 0;
}

.processing-slip-wrap .ci-processing-item-lft {
  width: auto;
  justify-content: flex-start;
}

.processing-slip-wrap .ci-processing-item-lft .ci-processing-item-lft-text {
  width: auto;
}

.processing-slip-wrap .ci-processing-item-rht {
  width: auto;
  display: flex;
  justify-content: space-between;
}

.processing-slip-wrap .ci-processing-item {
  justify-content: space-between;
}

.item-title-package h4.addricetext,
.pricing-package-items {
  width: 4rem;
  padding-left: 2rem;
}

.total-price-items,
.header-main-package {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  padding: 1.5rem 0;
}

.or-divider {
  font-size: 0.875rem;
  padding-bottom: 0.9375rem;
  color: var(--text-grey);
  opacity: 0.5;
  display: inline-block;
}

.unprocessed-item-lft.package-item-left {
  width: calc(100% - 7rem);
}

.unprocessed-item-rht.package-item-right {
  width: auto;
}

.package-item-left .unprocessed-item-text {
  min-width: 24.5rem;
}

.package_demo_modal .modal-body {
  max-height: 95vh;
}

.list-item-header-package,
.package-lenth-width {
  display: flex;
  justify-content: space-between;
}

.btn-icons-packages button {
  border: none;
  background: transparent;
}

.btn-icons-packages button i {
  color: var(--text-grey);
}

.header-main-package {
  border: none;
  padding-top: 0;
}

.package-lenth-width {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: end;
  gap: 0.5rem;
}

.package-start {
  align-items: start;
}

.package-lenth-width .form-group {
  width: 23%;
}

.package-lenth-width input::-webkit-outer-spin-button,
.package-lenth-width input::-webkit-inner-spin-button {
  -webkit-appearance: textfield !important;
  margin: 0;
  opacity: 1 !important;
}

.package-lenth-width label {
  display: block;
}

.newpackage {
  display: none;
}

.header-main-package .btn_new_message a {
  display: initial;
}

.Add-package-main-row {
  margin-bottom: 1rem;
  overflow: hidden;
}

.accordion-btn {
  cursor: pointer;
  position: relative;
  padding-left: 1rem;
}

.accordion-btn:after {
  content: '\f077';
  color: #777;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  position: absolute;
  top: 0.2rem;
  left: -0.5rem;
}

.accordion-btn.active:after {
  content: "\f078";
}

.accordian-panel {
  padding: 1rem 0 0;
  display: none;
}

.readonly-checkbox {
  pointer-events: none;
}

.order-fulfillment-header {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.order-fulfillment-header h6 {
  font-size: 1.125rem;
  font-weight: 600;
}

.order-fullfilment-body-top {
  padding: 1.5rem;
}

.order-fullfilment-body-table-wrap table tr.checked-row {
  background: var(--global-upload-background-w-bg);
}

.orderfulfillment-bottom-wrap {
  text-align: right;
}

.people-table-accordian-wrap.shipingfrom {
  padding: 1rem;
  height: auto;
  margin-bottom: 1rem;
}

.people-table-accordian-wrap.shipingfrom .accordion-item {
  border: 0.0625rem solid var(--global-input-border);
}

.people-table-accordian-wrap.shipingfrom .accordion-item .accordion-button {
  padding: 0.5rem 1rem;

}

.print_package_items_table_wrap {
  border: 1px solid var(--global-input-w-bg);
  border-radius: .375rem;
}

.package_items_table_order_print {
  width: 100%;
}

.package_items_table_order_print th,
.package_items_table_order_print td {
  padding: .5rem 1rem;
}

.package_items_table_order_print th {
  font-size: 0.875rem;
  color: var(--text-grey);
  font-weight: 600;
}

.package_items_table_order_print th:last-child,
.package_items_table_order_print td:last-child {
  text-align: right;
}

/* SHOPPER VIEW END */
/* MERCHANT SETTINGS START */
.order-settings-modal .nav {
  width: 19rem;
}

.order-settings-modal .tab-content {
  width: calc(100% - 19rem);
}

.order-settings-modal .new-inventory-product-data-details {
  border: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
}

.order-settings-modal .nav .nav-link {
  text-align: left;
  padding: 1.25rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-grey);
  border-radius: 0;
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  /* border-right: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); */
}

.order-settings-modal .nav .nav-link i {
  color: var(--text-grey);
  margin-right: 0.5rem;
}

.order-settings-modal .nav .nav-link.active {
  background: var(--global-orange);
  color: var(--global-white);
  border-bottom: var(--bs-modal-header-border-width) solid var(--global-orange);
  border-right: var(--bs-modal-header-border-width) solid var(--global-orange);
}

.order-settings-modal .nav .nav-link:last-child,
.order-settings-modal .nav .nav-link.active:last-child {
  border-bottom: 0;
}

.order-settings-modal .nav .nav-link.active i {
  color: var(--global-white);
}

.order-settings-modal .new-inventory-product-data-details .nav-pills .nav-link:first-child {
  border-radius: 0;
}

.os-switch-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.os-switch-wrap label {
  padding-bottom: 0;
}

.osg-wrap span {
  font-size: 0.75rem;
}

.osg-wrap .form-group .form-control {
  max-width: 5rem;
}

.m-border {
  border: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-radius: 0.25rem;
}

.mp-wrap,
.mp-wrap-lft {
  display: flex;
}

.mp-wrap-lft {
  justify-content: space-between;
  width: calc(100% - 12rem);
}

.mp-wrap-lft .form-group {
  width: 48.8%;
}

.mp-wrap-rht {
  width: 12rem;
}

.mp-wrap .r-modal-btn.r-orange-btn {
  min-width: 7.5rem;
}

.d-modal .r-modal-btn.r-orange-btn.eactivate_group {
  min-width: 8.5rem;
}

.order-settings-modal .cpd-table-wrap table tr td {
  text-align: left;
}

.orderperiotysetting {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.4rem;
}

.orderperiotysetting table tbody tr:last-child td {
  border: none;
}

.card_info_table.orderperiotysetting table.order_priority_table th,
.card_info_table.orderperiotysetting table.order_priority_table td,
.card_info_table.orderperiotysetting table.order_priority_table label {
  font-size: 0.75rem;
}

.card_info_table.orderperiotysetting table label {
  padding: 0;
}

.card_info_table.orderperiotysetting table.order_priority_table th label {
  margin-top: 0.125rem;
}

.card_info_table.orderperiotysetting table.order_priority_table td span {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.card_info_table.orderperiotysetting table.order_priority_table td input {
  font-size: 0.75rem;
  max-width: 5rem;
}

.card_info_table.orderperiotysetting table.order_priority_table td .new-color-picker-wrap {
  max-width: 10rem;
}

.card_info_table.orderperiotysetting table.order_priority_table td .new-color-picker-wrap input {
  max-width: none;
}

.order-settings-modal .merchant-setting-flex-wrapper .nav {
  width: 17rem;
  border-right: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  ;
}

.order-settings-modal .merchant-setting-flex-wrapper .tab-content {
  width: calc(100% - 17rem);
}

/* .order-settings-modal .merchant-setting-flex-wrapper .nav.order_setting_nav_btn_check_wrap{

}

.order-settings-modal .merchant-setting-flex-wrapper .nav.order_setting_content_wrap{

} */

.order_setting_nav_btn_check_wrap button.nav-link {
  display: flex;
  align-items: center;
  justify-content: start;
}

.order_setting_nav_btn_check_wrap button.nav-link .form-check {
  margin-right: .5rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .order_setting_nav_btn_check_wrap .nav-link.active input[type=checkbox] {
  border-color: var(--global-white);
}

.r-add-leads-main-reverse .order_setting_nav_btn_check_wrap .nav-link.active .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23f04f29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-color: var(--global-white) !important;
}

.employee-map-wrap .map-em-prioty table tr.disabled td {
  background: var(--input-placeholder);
}

.assign_different_employee_wrap {
  display: none;
}

.select_role_wrap {
  align-items: end;
}

/* .orderperiotysetting tr td.action a {
  color: var(--global-orange);
  text-align: left;
  width: 1rem;
  display: inline-block;
} */

.unprocessed-no-item-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96%;
  margin: auto;
  min-height: 10rem;
  text-align: center;
  padding: 1rem;
}

.unprocessed-no-item-wrap i {
  color: var(--global-orange);
  font-size: 3rem;
}

.unprocessed-no-item-wrap p {
  color: var(--global-orange);
  font-size: 1.2rem;
  padding: 1rem 0;
}

.r-add-leads-main-reverse .bg-btn-icon-white button i {
  color: var(--global-white);
}

.modal-content .m-border .people-table-main.people-all-table-wrap {
  background: var(--global-white);
}

.modal-content .m-border .people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: var(--text-grey) !important;
}

.modal-content .m-border .people-table-main .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: var(--global-input-w-bg);
}

.modal-content .m-border .people-table-main .dataTables_filter label input {
  border-color: var(--global-input-w-bg);
  color: var(--text-grey);
}

.modal-content .m-border .people-table-main .table-filter-wrap button {
  background: var(--global-orange);
  color: var(--global-white);
}

.modal-content .m-border .people-table-main table tbody td,
.modal-content .m-border .people-table-main table thead th {
  color: var(--text-grey);
}

.modal-content .m-border .people-table-main .dataTables_wrapper table tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0.0625rem var(--global-off-white);
}

.modal-content .m-border .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.modal-content .m-border .people-table-main table thead th {
  background: var(--global-off-white);
}

.modal-content .m-border .people-all-table-wrap {
  margin-bottom: 0;
}

.modal-content .m-border .people-table-action-wrap button,
.r-add-leads-main-reverse .m-border .people-table-action-wrap button i {
  color: var(--global-orange);
}

/* MERCHANT SETTINGS END */
/* WEB SHIPPING STAR */
.shipping-from-u {
  height: auto;
}

.shipping-from-u h4 {
  color: var(--text-two);
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
}

.shipping-from-u h4 span {
  font-weight: 600;
}

.packages-orders-wrap,
.packages-orders-wrap .accordian-panel {
  padding: 1rem;
  height: auto;
}

.packages-orders-title h2 {
  color: var(--text-two);
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.analyticsdatepicker.packagesweaight {
  max-width: 6rem;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  background-color: transparent;
}

.analyticsdatepicker.packagesweaight input {
  color: var(--global-black);
  border-radius: 0 !important;
  border-right: 0.0625rem solid var(--global-border-color-w-bg) !important;
}

.packages-orders-wrap .list-item-header h2 {
  padding-bottom: 0;
}

.packages-orders-wrap .current-items-wrap {
  border: 0.0625rem solid var(--global-input-border);
}

.packages-orders-wrap .current-items-mid {
  border-color: var(--global-input-border);
}

.packages-orders-wrap .current-items-mid:last-child {
  border-bottom: 0;
}

.accordian-panel-inner {
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.4rem;
}

.packages-orders-wrap .accordian-panel {
  max-height: 12rem;
  overflow: auto;
}

.r-add-leads-main-wrapper .modal-content .card_info_table table thead th,
.r-add-leads-main-wrapper .modal-content .card_info_table table tbody td {
  color: var(--text-grey);
  font-weight: 500;
}

.r-add-leads-main-wrapper .select-carrier-main-wrap .card_info_table table thead th,
.r-add-leads-main-wrapper .select-carrier-main-wrap .card_info_table table tbody td {
  color: var(--text-two);
}

.r-add-leads-main-wrapper .select-carrier-main-wrap .card_info_table table thead th:first-child,
.r-add-leads-main-wrapper .select-carrier-main-wrap .card_info_table table tbody td:first-child {
  width: 1rem;
}

.select-carrier-main-wrap span {
  font-size: 0.875rem;
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: 500;
}

span.days {
  color: #00cc00;
  display: block;
}

.cardlogo {
  border-radius: 0.4rem;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

.currently-select-card-wrap {
  padding: 1rem;
}

.currently-select-card-wrap p {
  color: var(--text-two);
  font-size: 1rem;
}

.currently-select-card-wrap .tootltip-button-po {
  margin-right: 1rem;
  color: var(--white-orange-orange);
}

/* WEB SHIPPING END */
/* WEB LOCAL DRIVER DELIVERY START */
.contains {
  border: 0.0625rem solid var(--global-input-border);
  padding: 1rem;
  border-radius: 0.4rem;
}

.title-ontains {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.title-ontains h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}

.contains p {
  color: var(--text-two);
  opacity: 0.8;
  font-size: 1rem;
}

/* WEB LOCAL DRIVER DELIVERY END */
/* PACKAGES START */
.add-packages-wrap .main-icon-img,
.add-packages-wrap .main-icon-img img {
  width: 26rem;
  height: 23rem;
}

.r-group {
  display: flex;
  gap: 1rem;
}

.s-wrap {
  display: grid;
  grid-gap: 1rem;
  align-items: start;
  grid-template-columns: repeat(4, 1fr);
}

.hidelabeltext {
  opacity: 0;
  visibility: hidden;
}

.s-wrap-input {
  max-width: 12rem;
  grid-template-columns: repeat(2, 1fr);
}

.packages-item-top-btn-wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
}

.packages-item-top-btn-wrap .r-modal-btn.r-outline-btn {
  padding: 0;
  border: 0;
  color: var(--white-white-orange);
  font-size: 1rem;
}

.packages-item-det {
  display: flex;
}

.packages-item-det-lft {
  width: 1.5rem;
}

.packages-item-det-lft i {
  font-size: 1rem;
  color: var(--white-white-orange);
}

.packages-item-det-rht {
  width: calc(100% - 1.5rem);
}

.delpackage-modal .r-modal-btn.r-orange-btn.eactivate_group {
  min-width: 9rem;
}

.ls-wrap-inner {
  display: flex;
  align-items: center;
}

.ls-wrap-lft {
  width: 3.25rem;
}

.ls-wrap-lft-icon {
  width: 2.75rem;
  height: 2.75rem;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ls-wrap-lft-icon i {
  font-size: 2rem;
  color: var(--text-grey);
}

.ls-wrap .key-item .key-success {
  background: var(--global-input-w-bg);
  border: 0.0625rem solid var(--global-input-w-bg);
}

.l-span {
  font-size: 0.75rem;
}

.cp-wrap label p {
  font-weight: 400;
}

.package-bottom-navigation-wrap .uniersal-pagination-wrap {
  margin-top: 2rem;
  padding-top: 0;
  text-align: right;
}

.package-top-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}

.scan_wrapper {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  padding-top: 0;
}

.scan_lft {
  width: 60%;
}

.scan_rht {
  width: 30%;
  text-align: right;
}

.pack_weight_tooltip_wrap {
  text-align: right;
  color: var(--global-blue-payment);
  padding: 0 1rem;
  margin-bottom: 1rem;
  text-decoration: underline;
  font-size: 0.75rem;
  cursor: pointer;
  display: flex;
  justify-content: end;
}

.scan_wrapper .dollar-input-input span {
  padding: 0 .5rem;
  border-left: 1px solid var(--global-input-border);
}

/* PACKAGES END */
/* CRM ANALYTICS */
.crm-main-header {
  width: 100%;
  background-color: var(--global-white);
  padding: 2rem;
  border-radius: 0.5rem;
  text-align: center;
  box-shadow: 0px 4px 15px 0px rgba(17, 11, 51, 0.10);
  position: relative;
  margin-bottom: 1rem;
}

.icon-sm {
  width: 2rem;
  height: 2rem;
  background: var(--global-upload-border-color-w-bg);
  display: inline-block;
  padding: 0.4rem;
  color: var(--global-orange);
  border-radius: 0.2rem;
  text-align: center;
  margin-bottom: 0.775rem;
}

.header-main-flex-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem 0;
}

.inner-main-flex-div {
  display: flex;
  flex-wrap: wrap;
}

.crm-main-header h4 {
  color: var(--text-grey);
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.crm-ana-flex,
.ana-crn-column-l,
.ana-crn-column-r,
.crm-ana-title h5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.ana-crn-column-l,
.ana-crn-column-r {
  width: 50%;
  padding: 0.7rem;
  flex-direction: column;
  flex: 1 0 0;
  gap: 0;
  border-radius: 4px;
  background: var(--global-off-white);
  overflow: hidden;
}

.crm-ana-title h5 {
  font-size: 1.5rem;
  align-items: flex-start;
}

.crm-ana-title h5 span {
  word-break: break-all;
}

.tootltip-button {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 1rem;
  right: 2rem;
  border: none;
  background: none;
  color: var(--text-grey);
}

.new-outer-review .new-outer-tabs {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.new-outer-review .new-outer-tabs.new_outer_tabs,
.crm-cusromer-main-flex .new-outer-review .new-outer-tabs {
  border-radius: 0.375rem;
}

.addtooglebtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: var(--white-white-orange);
  border-radius: 0.375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--card-highlight--bg-color);
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-left: none;
  padding: 00 0.475rem;
}

.modal-content-crm ol li,
.modal-content-crm p {
  color: var(--text-grey);
  font-size: 1rem;
  margin-bottom: 1rem;
}

.d-flex-form,
.d-flex-form-main,
.crm-cusromer-main-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.d-flex-form-main {
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
}

.vipform-right {
  display: flex;
  gap: 1rem;
}

.marketing-performence-title {
  padding: 1rem 1.5rem 0;
}

.marketing-performence-title h4 {
  color: var(--text-two);
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.marketing-performence-table-wrap table tbody tr td span {
  display: block;
  font-size: 0.875rem;
}

.crm-cusromer-main-flex {
  padding: 1rem 1rem 0;
  justify-content: space-between;
}

.checkboxmain-wrapper {
  background: var(--card-highlight--bg-color);
  border-radius: 0.4rem;
  padding: 1rem;
}

.shepherd-text ul {
  margin-left: 2rem;
}

.shepherd-text ul li {
  margin-bottom: .375rem;
}

.shepherd-text ul li a {
  color: var(--global-blue-payment);
}

.shepherd-text ol {
  margin-left: 1rem;
  padding-left: 00;
}

.crm_customer_top_tab_wrap {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
}

.crm_cus_order_history_content_wrap {
  display: flex;
  gap: 1.5rem;
}

.crm_order_history_lft {
  width: 30%;
}

.crm_order_history_rht {
  width: 70%;
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-radius: .35rem;
}

.crm_top_product_purchased_wrap.cus-info {
  padding: 0rem;
}

.crm_top_product_purchased_header {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.crm_top_product_purchased_body ul {
  list-style-type: none;
  max-height: 35vh;
  overflow: auto;
}

.crm_top_product_purchased_body ul li {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.crm_top_product_purchased_body ul li a {
  text-decoration: underline;
  color: var(--text-two);
  font-weight: 500;
}

.crm_top_product_purchased_body ul li p {
  font-weight: 400;
  font-size: 0.875rem;
}

.crm_top_product_purchased_wrap.cus-info .crm_top_product_purchased_body ul li p span {
  display: inline-block;
}

.crm_marketing_content_top_wrap {
  margin-bottom: 1.5rem;
}

.crmOrderStatuswrap .searchboxtop {
  width: 12.5rem;
}

.crm_orderType {
  margin-left: auto;
  margin-right: 1rem;
}

/* .crm_order_history_table_wrap .header-main-flex-wrap{
  margin-bottom: 1rem;
} */

.crm_marketing_content_wrap canvas {
  background: var(--global-white);
  padding: 1rem;
}

.crm_search_top {
  display: flex;
  gap: 1rem;
}

.crm_marketing_content_wrap .cus-info {
  padding: 1rem;
}

.crm_marketing_main_content_wrap {
  display: flex;
  gap: 1.5rem;
}

.crm_markting_content_box {
  width: 33.33%;
}

.crm_marketing_box_bordered {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-radius: .35rem;
}

.crm_marketing_content_header {
  padding: 1rem;
  padding-bottom: 0;
}

.crm_comm_history_main_wrap {
  border-top: 0.0625rem solid var(--card-highlight--bg-color);
  margin: 0 -1rem -1rem -1rem;
  border-radius: 0;
}

.crm_comm_history_table_wrap {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-radius: .35rem;
}

.crm_comm_history_content_tab_wrap {
  padding-bottom: 1.5rem;
}

.crm_customer_top_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.crm_mid_tab_wrapper {
  margin-bottom: 1.5rem;
  width: 30rem;
  margin-left: auto;
}

.crm_mid_item_main_wrap a.cus-info {
  color: var(--text-two);
}

.inventory-product-data.crm_comm_history_main_wrap .nav-pills .nav-link:last-child {
  border-radius: 0;
}

/* TRACK ORDER STATUS */
.track_order_status_ready {
  padding: 0.875rem;
  border: 0.125rem solid var(--global-blue-payment);
  display: inline-flex;
  background: linear-gradient(0deg, rgba(48, 135, 233, 0.10) 0%, rgba(48, 135, 233, 0.10) 100%);
  border-radius: .35rem;
  gap: .75rem;
  align-items: center;
  margin-bottom: 1rem;
}

.track_order_status_ready i {
  color: var(--global-blue-payment);
  font-size: 2rem;
}

.track_order_status_ready span {
  font-size: 0.875rem;
  line-height: 1;
  color: var(--text-one);
}

.track_order_status_ready p {
  color: var(--global-blue-payment);
  line-height: 1;
}

.track_order_content_top_head h4 {
  font-weight: 600;
}

.track_order_content_history {
  margin-bottom: 1.5rem;
}

.track_order_tracking_id_lft img {
  max-width: 3.75rem;
  max-height: 3.75rem;
}

.track_order_content_history_tracing_id {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .5rem;
}

.track_order_tracking_id_lft span {
  font-weight: 600;
  margin-left: .5rem;
}

.track_order_tracking_id_rht p {
  font-size: 12px;
  font-weight: 500;
}

.track_order_tracking_id_rht span {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--global-blue-payment);
  display: inline-block;
  margin-right: .5rem;
}

.track_order_tracking_id_rht button {
  color: var(--global-blue-payment);
  background: transparent;
  border: none;
  scale: .95;
  transition: .3s all linear;
}

.track_order_tracking_id_rht button:hover {
  scale: 1;
}

.history_timeline_ul {
  list-style: none;
}

.history_timeline_li {
  /* min-height: 4rem; */
  margin: 1rem 0;
  display: flex;
  align-items: center;
  position: relative;
}

.history_timeline_li:last-child {
  height: auto;
}

.history_timeline_box {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.history_timeline_lft {
  text-align: right;
  flex: 0 0 auto;
  width: 6.25rem;
}

.history_timeline_lft p {
  font-weight: 600;
  line-height: 1;
  font-size: 0.875rem;
}

.history_timeline_lft span {
  font-weight: 400;
  line-height: 1;
  font-size: 0.75rem;
}

.history_timeline_rht p {
  font-size: 0.875rem;
  font-weight: 600;
}

.history_timeline_rht p span {
  font-weight: 400;
}

.history_timeline_mid {
  position: relative;
  padding: 1.5rem 0;
}

.history_timeline_dot {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background: var(--orange-orange-white);
  border: 0.3125rem solid var(--white-white-orange);
  position: relative;
  z-index: 2;
  outline: 0.25rem solid var(--bg-color);
}

.history_timeline_mid::after {
  content: "";
  width: 0.0625rem;
  height: 100%;
  position: absolute;
  bottom: -2rem;
  left: 0.5rem;
  transform: translate(-50%, 0%);
  background: var(--white-white-orange);
}

.history_timeline_li:last-child .history_timeline_mid::after {
  content: "";
  width: 0;
  height: 0;
}

.track_order_details_head,
.track_order_details_wrap {
  margin-bottom: 1rem;
}

.track_order_details_content {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.313rem;
  background: #F6F8FA;
  padding: 1rem;
}

.track_order_details_content ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

.track_order_details_content ul li {
  width: 48%;
}

.track_order_details_content ul li p {
  font-size: 0.875rem;
  color: var(--text-grey);
}

.track_order_details_content ul li span {
  font-weight: 500;
  color: var(--text-grey);
}

.track_order_tracking_link_wrap {
  margin-top: 1rem;
}

.track_order_items_wrap .track_order_details_head {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
  margin-bottom: 0;
}

.track_order_items_ul {
  list-style: none;
}

.track_order_items_li {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.track_order_items_li:last-child {
  border-bottom: 0;
}

.track_order_items_lft p {
  font-weight: 600;
}

.track_order_items_lft span {
  font-weight: 400;
  color: var(--nav-link);
}

.track_order_items_rht span {
  margin-left: .5rem;
}

.track_order_items_ul {
  max-height: 40vh;
  overflow-y: auto;
}

.track_order_live_tracking_map {
  margin-top: 2rem;
}

.track_order_live_head {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.track_order_live_tracking_map_wrap iframe {
  margin-bottom: -0.4375rem;
  width: 100%;
  height: 37.5rem;
}

.ship_order_btn {
  background: var(--global-orange);
  color: var(--global-white);
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.75rem;
  border-radius: .375rem;
}

.ship_order_btn:hover {
  color: var(--global-white);
}

.order_ship_bottom_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

.delete_modal .ship_order_btn i {
  color: var(--global-white);
  font-size: 2rem;
}

.ship_order_modal_header {
  padding-bottom: 0;
  border-bottom: 0;
}

.order_ship_modal_content h5 {
  margin-bottom: 2rem;
  font-weight: 400;
}

.delivery-brand,
.prefrred-shipping {
  margin-top: 0.5rem;
}

/* .delivery-brand img{
  object-fit: contain;
  border-radius: 0.4rem;
} */
.delivery-brand {
  padding: .5rem;
  background: rgba(255, 255, 255, .2);
  border-radius: .275rem;
}

.delivery-brand p {
  font-size: 0.875rem;
  margin-bottom: .5rem;
}

.delivery_brand_logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

.delivery_brand_logos img {
  max-height: 3rem;
}

.prefrred-shipping {
  background: #E7EEFA;
  padding: 0.5rem;
  border-radius: 0.4rem;
}

.prefrred-shipping {
  text-align: left;
}

.prefrred-shipping p,
.prefrred-shipping i {
  color: var(--text-grey);
  font-size: 1rem;
}

.prefrred-shipping i {
  margin: 0 0.3rem 0;
}

.modal-dialog.modal-md-cs {
  max-width: 39.25rem;
}

/* TRACK ORDER STATUS */
/* ADDD PROMOTION CAMPAIGN */
.dropdown-toggle-checkbox .dropdown-menu {
  width: 100%;
}

.dropdown.r-add-leads-main-reverse .dropdown-item.active,
.dropdown.r-add-leads-main-reverse .dropdown-item:active,
.dropdown.r-add-leads-main-reverse .dropdown-item:focus,
.dropdown.r-add-leads-main-reverse .dropdown-item:hover {
  color: var(--text-grey);
  text-decoration: none;
  background-color: transparent;
}

.dropdown-toggle-checkbox button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: var(--white-white-orange);
  border-radius: 0.375rem;
  background: transparent;
  border: 0.0625rem solid var(--global-input-border);
  padding: 00 0.475rem;
}

.dropdown-toggle-checkbox .dropdown-item {
  display: flex;
  white-space: inherit;
  flex: 1 auto;
}

.dropdown-toggle-checkbox .dropdown-item .form-check-label {
  padding-left: 0.5rem;
}

.details-button-btn {
  width: 2rem;
  height: 2rem;
  border: none;
  background: none;
  color: var(--text-two);
}

/* NEW INVOICE RIGHT SIDE PANEL START */
.new-invoices-offcanvas .offcanvas-header {
  padding: 1.5rem;
  border-bottom: 0.0625rem solid #E1E1E1;
}

.new-invoices-offcanvas .offcanvas-title,
.new-invoices-offcanvas .offcanvas-header .btn-close {
  font-size: 1.25rem;
}

.new-invoices-offcanvas .offcanvas-header .btn-close:focus {
  box-shadow: none;
}

.new-invoices-offcanvas-btm {
  margin-bottom: 4.5rem;
}

.new-invoices-offcanvas-body {
  padding: 0 0 4.5rem 0;
}

.new-invoices-offcanvas-top {
  padding: 1.5rem;
  border-bottom: 0.0625rem solid #E1E1E1;
}

.new-invoices-offcanvas-top p {
  font-size: 1rem;
}

.ni-top-box {
  padding: 0.75rem;
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 8px 0px rgba(17, 11, 51, 0.10);
}

.ni-top-box-lft {
  width: 3rem;
}

.ni-top-box-lft img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  object-position: center;
}

.ni-top-box-rht {
  width: calc(100% - 3rem);
}

.ni-top-box .fc-upload-item-rht-prog .progress {
  width: 100%;
}

.ni-accordion-wrap .people-table-accordian-wrap .accordion-item {
  border-radius: 0;
  margin: 0;
}

.ni-accordion-wrap .accordion-header {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  color: var(--text-grey);
  background: var(--global-white);
  border-bottom: 0.0625rem solid #E1E1E1;
}

.ni-accordion-wrap .accordion-header .form-check-input-wrap {
  width: 1.75rem;
  display: flex;
  align-items: center;
}

.ni-accordion-wrap .accordion-header .form-check-input-wrap input {
  border: 1px solid rgba(0, 0, 0, .3);
}

.ni-accordion-wrap .accordion-header .accordion-button {
  padding: 0;
  width: calc(100% - 1.75rem);
  color: var(--text-grey);
  gap: 0.75rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.ni-accordion-wrap .people-table-accordian-wrap .accordion-item .accordion-button.collapsed i {
  color: var(--text-grey);
}

.ni-accordion-wrap .people-table-accordian-wrap .accordion-item .accordion-body {
  padding: 1rem 1.5rem;
  border: 0;
  background: var(--global-white);
  border-bottom: 0.0625rem solid #E1E1E1;
}

.ni-ac-body .ni-ac-img-wrap {
  margin-bottom: 0.5rem;
}

.ni-ac-body .ni-ac-img-wrap img {
  width: 100%;
}

.ni-ac-body span,
.ni-ac-body h6 {
  margin-bottom: 0.5rem;
  color: var(--text-grey);
}

.ni-ac-body span {
  font-size: 0.8rem;
  margin-bottom: 1rem;
  line-height: 1.3;
  display: inline-block;
}

.ni-ac-body .form-check {
  display: flex;
  gap: 0.5rem;
}

.ni-ac-body .form-check input {
  border: 1px solid rgba(0, 0, 0, .3);
  flex: 0 0 auto;
}

.ni-ac-body .form-check label {
  color: var(--text-grey);
}

/* NEW INVOICE RIGHT SIDE PANEL END */
.add-lead-lft-wrap-update-class .r-add-people-lable-input-wrap:nth-child(2) {
  padding-top: 0.33rem;
}

/* New Analytics Style Changes Start */
.invitation_to_webinar_new_css .overview-content.gradiant-card {
  box-shadow: none;
  border: 0.0625rem solid var(--top-header-icons-border);
}

.invitation_to_webinar_new_css .key-item .key-danger {
  color: var(--text-grey);
}

/* New Analytics Style Changes End */
/* TRANSATION REPORT */
.transation-report-header {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-bottom: 1rem;
}

.totlacashcollect {
  margin-top: auto;
  margin-bottom: 1rem;
  text-align: right;
}

.totlacashcollect h4 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-two);
}

.total_cash_collected_enhance h4 {
  margin-bottom: 0.125rem;
}

.totlacashcollect h4 span {
  font-weight: 600;
}

.total_cash_collected_enhance {
  display: flex;
  align-items: end;
  justify-content: end;
  gap: .75rem;
}

.total_cash_collected_dowpdrown_btn {
  padding: 0;
  background: transparent;
  color: var(--white-white-orange);
  border: none;
  line-height: 1;
}

.total_cash_collected_dropdown_menu {
  padding: 0.75rem;
}

.total_cash_collected_dropdown_menu h5 {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.total_cash_collected_dropdown_menu table {
  width: 13.125rem;
  font-size: 0.75rem;
  margin-bottom: 0;
}

.total_cash_collected_table {
  border: 1px solid var(--global-border-color-w-bg);
  border-radius: .375rem;
}

.total_cash_collected_table table th:last-child,
.total_cash_collected_table table td:last-child {
  text-align: right;
}

.total_cash_collected_table table th,
.total_cash_collected_table table td {
  box-shadow: 0px 1px 0px 0px var(--global-border-color-w-bg);
}

.total_cash_collected_table th {
  background: #F6F8FA;
}

.total_cash_collected_table thead th:first-child {
  border-top-left-radius: .375rem;
}

.total_cash_collected_table thead th:last-child {
  border-top-right-radius: .375rem;
}

.total_cash_collected_table tfoot th:first-child {
  border-bottom-left-radius: .375rem;
}

.total_cash_collected_table tfoot th:last-child {
  border-bottom-right-radius: .375rem;
}

/* TRANSATION REPORT */
/* START SELECT DROPDOWN CUSTOM */
.titleoption {
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
}

.packagenameoption .titleoption {
  margin-bottom: 0.5rem;
}

.packagenameselect li p,
.packagenameoption li p {
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 400;
}

.packagenameselect li p i,
.packagenameoption li p i {
  color: var(--global-orange);
  padding-right: 0.5rem;
}

.packagenameselect_wrap .packagenameoption li:hover p i,
.packagenameselect_wrap .packagenameoption li:hover p,
.packagenameselect_wrap .packagenameoption li:hover .titleoption {
  color: var(--global-white);
}

.packagenameselected li p {
  display: none;
}

.packagenameselect_wrap {
  width: 100%;
  position: relative;
  user-select: none;
}

.packagenameselect_wrap .packagenameselected {
  border: 0.0625rem solid var(--global-input-w-bg);
  color: var(--text-grey);
  border-radius: 0.3125rem;
  position: relative;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1rem;
}

.packagenameselect_wrap .packagenameselected li,
.packagenameselect_wrap .packagenameoption li {
  padding: 0.375rem .75rem;
  cursor: pointer;
}

.packagenameselect_wrap .packagenameoption {
  position: absolute;
  width: 100%;
  max-height: 20rem;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  display: none;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
  z-index: 9999;
  list-style: none;
}

.packagenameselect_wrap .packagenameoption li {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.packagenameselect_wrap .packagenameoption li:hover {
  background: var(--global-orange);
  color: var(--global-white);
}

.packagenameselect_wrap.active .packagenameoption {
  display: block;
}

.droparrow i {
  transition: 0.5s;
}

.packagenameselect_wrap.active .packagenameselected .droparrow i {
  transform: rotate(-180deg);
}

.modalbody-custom-select {
  max-height: auto;
  overflow: inherit !important;
}

/* END SELECT DROPDOWN CUSTOM */
/* ORDER LIST CANCEL MODAL */
.order_summery_top_wrap {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}

.order_summery_table_wrap {
  width: 50%;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: .5rem;
  overflow: hidden;
}

.transaction_cancel_wrap .order_summery_table_wrap {
  width: 100%;
}

.order_summery_table_wrap a {
  color: var(--text-grey);
  text-decoration: underline;
}

.order_summery_table_wrap ul {
  list-style: none;
}

.order_summery_table_wrap ul li {
  display: flex;
}

.order_summery_table_lft,
.order_summery_table_rht {
  width: 50%;
  padding: .5rem 0.875rem;
}

.order_summery_table_lft {
  border-right: 0.0625rem solid var(--global-border-color-w-bg);
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
  background: #F6F8FA;
  font-weight: 500;
}

.order_summery_table_rht {
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.order_summery_table_wrap ul li:last-child .order_summery_table_lft,
.order_summery_table_wrap ul li:last-child .order_summery_table_rht {
  border-bottom: 0;
}

.cancel_order_transaction_wrap {
  margin-bottom: 1.5rem;
}

.cancel_order_transaction_wrap .card_info_table {
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: .5rem;
}

.cancel_order_transaction_wrap .people-table-main .dataTables_wrapper .dataTables_scrollHead table {
  margin-top: 0 !important;
}

.cancel_order_transaction_wrap .card_info_table table tbody td {
  border-bottom: 0;
}

.cancel_order_transaction_wrap .card_info_table table tbody td a {
  text-decoration: underline;
}

.cancel_order_transaction_wrap .card_info_table table thead th {
  background-color: #F6F8FA;
}

.order_summery_heading_wrap {
  margin-bottom: 1.5rem;
}

.order_summery_heading_wrap:last-child {
  margin-bottom: 0;
}

.order_summery_heading_wrap h4 {
  padding: .5rem 1rem;
  background: #F6F8FA;
  margin: 0 -1rem;
  margin-bottom: .5rem;
}

.order_summery_heading_wrap p {
  margin-bottom: .75rem;
}

.order_summery_heading_wrap p:last-child {
  margin-bottom: 0rem;
}

.order_canceled_modal_content span {
  font-size: 0.875rem;
  font-weight: 400;
}

.order_canceled_modal_content p {
  font-weight: 500;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.order_cancaled_modal_top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: 1rem;
}

.order_cancel_modal_w_content {
  width: 49%;
  flex: 0 0 auto;
}

.three-dot-list-wrap .dropdown-menu li a.disable_cancel_order {
  color: rgba(51, 51, 51, .30);
}

.three-dot-list-wrap .dropdown-menu li a:active,
.three-dot-list-wrap .dropdown-menu li a.disable_cancel_order:hover {
  background-color: var(--global-white);
}

tbody td:last-child:has(.fa-circle-info) span.dropdown_tooltip_wrap,
.dropdown_tooltip_wrap {
  color: var(--global-orange);
}

.table_info_icon_wrap {
  color: var(--global-orange);
  display: inline-block;
  margin-left: .5rem;
}

.table_negetive_mark {
  color: var(--white-orange-orange);
}


.modal-body .table_negetive_mark {
  color: var(--global-orange);
}

/* ORDER LIST CANCEL MODAL */
/* CALL SETTING */
.voicemail-wrap {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 0.0625rem solid var(--navbar-toggler-btn-bg);
  border-radius: 0.4rem;
}

.title-voicemail,
.title-greeting {
  margin-bottom: 1rem;
}

.title-voicemail h2,
.title-greeting h2 {
  font-size: 1.2rem;
  font-size: 500;
  margin-bottom: 0.5rem;
  color: var(--text-two);
}

.title-voicemail p,
.title-greeting p {
  font-size: 0.875rem;
  color: var(--text-two);
}

.emailcontent {
  border: 0.0625rem solid var(--navbar-toggler-btn-bg);
  display: inline-block;
  padding: 0.4rem 1rem;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}

.emailcontent span {
  font-size: 0.775rem;
}

.emailcontent p {
  font-size: 0.775rem;
}

.outoffice {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exitingvoicemail {
  display: flex;
  justify-content: start;
  align-items: center;
}

.voicemail-ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 1rem 0;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.voicemail-ul li {
  display: flex;
  font-size: 1rem;
  color: var(--text-two);
  padding: 0 1rem;
  border-right: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

.voicemail-ul li:last-child {
  border: none;
}

.voicemail-ul li a {
  color: var(--text-two);
}

.dividerbetween {
  display: inline-block;
  padding: 0 0.5rem;
}

.main-wrapper-calling.fixed-position {
  max-width: 19rem;
  min-width: 17rem;
  box-shadow: 0px 4px 15px 0px rgba(17, 11, 51, 0.10);
  position: fixed;
  right: 1.5rem;
  bottom: 0;
  z-index: 9999910;
  background-color: var(--global-white);
  padding: 1rem;
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100%);
  transition: 0.3s ease-in-out;
}

.fixed-position .calling-number-input {
  padding: 0 1rem;
}

.main-wrapper-calling.fixed-position.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.main-wrapper-calling.fixed-position .main-dialpad-wrappers {
  padding: 0;
}

.dialer .calling_nav_tabs {
  display: none;
}

.voicemail-store-wrap {
  border: 0.0625rem solid var(--navbar-toggler-btn-bg);
  border-radius: 0.4rem;
  padding: 1rem;
}

audio.audio {
  width: 100%;
  height: 3rem;
  padding: 0;
  border: none !important;
  box-shadow: none !important;
}

audio.audio::-webkit-media-controls-play-button {
  background-color: var(--orange-white-white);
  color: var(--white-orange-orange);
  border-radius: 100%;
}

audio.audio::-webkit-media-controls-panel {
  border: none !important;
  box-shadow: none !important;
}

.recordmessagecontent {
  margin-bottom: 2rem;
}

.recordmessagecontent p {
  font-size: 1rem;
  padding-top: 1rem;
}

.btn-main-top {
  text-align: right;
}

.closedropdown {
  border: none;
  background: transparent;
  margin: 0.5rem 0.5rem;
}

.new-btn-in {
  display: flex;
  align-items: start;
  gap: 1rem;
}

.new-btn-in .btn-export {
  flex: 0 0 auto;
}

.new-btn-in i {
  padding-right: 0.5rem;
}

.meeting-number-details-wrap {
  padding: 1rem;
}

.flterchckbox {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.serchtablenumber {
  max-width: 15rem;
  margin-left: auto;
}

.serchtablenumber input,
.serchtablenumber input:focus,
.serchtablenumber input:active {
  background: transparent;
}

.tablecallborder {
  border: 0.0625rem solid var(--navbar-toggler-btn-bg);
}

/* Bill History */
.current-payment-due-wrap,
.billing-info-wrap {
  padding: 1rem;
  height: auto;
  margin-bottom: 1rem;
}

.title-current-payment h2,
.billing-info-wrap h2 {
  font-size: 1.125rem;
  color: var(--text-two);
}

.title-current-payment h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--white-white-orange);
  padding: 0.5rem 0;
}

.title-current-payment p,
.bill-info-ul p {
  font-size: 0.875rem;
  color: var(--text-two);
}

.bill-info-ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}

.billing-his-table.nomodal table tbody th {
  padding: 0.5rem 0.625rem;
  font-weight: 500;
}

.billing-his-table.nomodal table tbody th a,
.billing-his-table.nomodal table tbody td a {
  color: var(--white-white-orange);
}

.billing-his-table {
  width: 100%;
  overflow: auto;
}

.billing-his-table table {
  min-width: 33.75rem;
}

.creditcardeditable {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.btn-edit-icon {
  border: none;
  background: transparent;
  color: var(--text-two);
}

/* End Bill History */
/* CALL SETTING */
/* ---------- IMPORT AND ADJUST STOCK MODAL START ---------- */
.stock-card-top-heading {
  font-weight: 400;
  margin-bottom: 1rem;
}

.stock-card-wrap {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
}

.stock-card {
  padding: 0.65rem 1rem;
  background: var(--global-orange);
  border-radius: 0.25rem;
  transition: all 0.7s;
}

.stock-card:hover {
  opacity: 0.7;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .stock-card {
  color: var(--global-white);
  position: relative;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .stock-card input {
  position: absolute;
  top: 0.5rem;
  left: 0.75rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .stock-card input[type=radio],
.r-add-leads-main-wrapper .r-add-leads-main-reverse .stock-card input[type=radio]:checked {
  border: 0.063rem solid var(--global-white) !important;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .stock-card {
  text-align: center;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .stock-card i {
  font-size: 2rem;
  color: var(--global-white);
  margin-bottom: 1rem;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .stock-card h5 {
  font-size: 1.25rem;
  max-width: 80%;
  margin: 0 auto 0.75rem auto;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse .stock-card p {
  font-size: 0.938rem;
  font-weight: 400;
}

/* ---------- IMPORT AND ADJUST STOCK MODAL END ---------- */
/* NEW INVOICES PRICING TOOLTIP START */
.new_inv_table_updates .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  overflow: initial !important;
}

.ni_info_tooltip {
  position: relative;
}

.new_inv_table_info {
  border: 0;
  padding: 0;
  color: var(--text-two);
  background: transparent;
}

.ni_info_tooltip_body {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  color: var(--text-grey);
  background: var(--global-white);
  z-index: 999;
  min-width: 22rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.ni_info_tooltip_box_heading {
  text-align: left;
  font-size: 1.25rem;
  font-weight: 600;
  padding-bottom: 1rem;
}

.ni_info_tooltip_box ul li {
  list-style: none;
}

.ni_info_tooltip_box .ni_info_tooltip_box_top_list li,
.ni_info_tooltip_box .ni_info_tooltip_box_btm_list li,
.tooltip .ni_info_tooltip_box_top_list li,
.tooltip .ni_info_tooltip_box_btm_list li {
  display: flex;
  align-items: center;
}

.ni_info_tooltip_box .ni_info_tooltip_box_top_list_lft,
.ni_info_tooltip_box .ni_info_tooltip_box_btm_list_lft,
.tooltip .ni_info_tooltip_box_top_list_lft,
.tooltip .ni_info_tooltip_box_btm_list_lft {
  width: 14rem;
  text-align: left;
  opacity: 0.75;
}

.ni_info_tooltip_box .ni_info_tooltip_box_btm_list_lft,
.tooltip .ni_info_tooltip_box_btm_list_lft {
  opacity: 1;
  font-weight: 600;
}

.ni_info_tooltip_box .ni_info_tooltip_box_top_list_rht,
.ni_info_tooltip_box .ni_info_tooltip_box_btm_list_rht,
.tooltip .ni_info_tooltip_box_top_list_rht,
.tooltip .ni_info_tooltip_box_btm_list_rht {
  width: calc(100% - 14rem);
  text-align: right;
  font-weight: 600;
}

.tooltip .ni_info_tooltip_box_btm_list {
  padding-bottom: 0.5rem;
}

.ni_info_tooltip_box_top_list li {
  margin-bottom: 1rem;
}

.ni_info_tooltip_box_top_list li:last-child {
  margin-bottom: 0;
}

.ni_info_tooltip_box_top_list li:first-child .ni_info_tooltip_box_top_list_rht {
  text-decoration: line-through;
}

/* Create Invoice - Inventory/Service Details - Info icon tooltip displays original price of the item with a strikethrough */
.virtual-primary-info-wrapper .ni_info_tooltip_box_top_list li:first-child .ni_info_tooltip_box_top_list_rht {
  text-decoration: none;
}

.usermontaddition .ni_info_tooltip_box_top_list li:first-child .ni_info_tooltip_box_top_list_rht {
  text-decoration: inherit;
}

.ni_info_tooltip_box_top_list li:last-child .ni_info_tooltip_box_top_list_rht {
  font-weight: 400;
}

.ni_info_tooltip_body hr {
  border-top: 2px dashed #E1E1E1;
}

.ni_info_tooltip.ni_info_tooltip_hide .ni_info_tooltip_body {
  display: none;
}

/* NEW INVOICES PRICING TOOLTIP END */
/* NEW ADD PAYMENT CATCHER UPDATES START */
.qut_pricing_new_styles .pricing-product {
  display: flex;
  align-items: center;
}

.qut_pricing_new_styles .pricing-product span {
  opacity: 0.5;
  padding: 0 0.35rem;
  text-decoration: line-through;
}

.qut_pricing_new_styles .pricing-product i {
  color: var(--global-orange);
}

.qut_pricing_new_styles .ni_info_tooltip_body {
  transform: initial;
}

.qut_pricing_new_styles .ni_info_tooltip_box_heading {
  font-size: 1rem;
}

.qut_pricing_new_styles .ni_info_tooltip_box_top_list li {
  margin-bottom: 0.5rem;
}

.qut_pricing_new_styles .ni_info_tooltip_box .ni_info_tooltip_box_top_list_lft,
.qut_pricing_new_styles .ni_info_tooltip_box .ni_info_tooltip_box_btm_list_lft,
.qut_pricing_new_styles .ni_info_tooltip_box .ni_info_tooltip_box_top_list_rht,
.qut_pricing_new_styles .ni_info_tooltip_box .ni_info_tooltip_box_btm_list_rht {
  font-size: 0.75rem;
}

.ni_info_tooltip_box_top_list li:last-child .ni_info_tooltip_box_top_list_rht {
  font-weight: 600;
}

.qut_pricing_new_styles .ni_info_tooltip_body hr.line_hr {
  border-top: 0.125rem solid #E1E1E1;
}

.qut_pricing_new_styles p.success {
  font-size: 0.75rem;
  font-weight: 500;
  color: #51DC6B;
}

.qut_pricing_new_styles.custom-price-qnty .form-group.qnty-input {
  width: auto;
}

.qut_pricing_new_styles .qty-pricing {
  margin-left: auto;
  margin-right: 1rem;
}

/* NEW ADD PAYMENT CATCHER UPDATES END */
/* UNIVERSEL TUTORIAL DASHBOARD START */
.title-universell-tutorial h2 {
  font-size: 1.4rem;
  color: var(--white-white-orange);
  margin-bottom: 1rem;
}

.theme-orange .title-universell-tutorial h2,
.theme-light .title-universell-tutorial h2 {
  color: var(--global-black);
}

.modules-tutorial-wrapper {
  padding: 1.5rem;
}

.title-module {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.5rem 0;
}

.title-module h4 {
  font-size: 1.4rem;
  color: var(--text-two);
  flex: 0 0 auto;
  margin-right: 1rem;
  font-weight: 600;
}

.modules-inner-main-wrap {
  display: grid;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
  grid-template-columns: repeat(3, 1fr);
}

.modules-items-list {
  position: relative;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.4rem;
}

.modules-item {
  padding: 1.5rem 1rem;
}

.modules-itme-title {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 1.5rem;
}

.items-icons-retting {
  color: var(--white-yellow-yellow);
  font-size: 1.2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.items-icons {
  width: 4rem;
  height: 4rem;
  flex: 0 0 auto;
  border-radius: 0.4rem;
  background: var(--bg-modules);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-orange-orange);
  font-size: 1.2rem;
}

.modules-itme-title .items-icons {
  font-size: 2.2rem;
}

.items-icons img {
  max-width: 3rem;
  max-height: 3rem;
  object-fit: contain;
}

.content-modules-items h4 {
  font-size: 1.125rem;
  color: var(--text-two);
  margin-bottom: 0.5rem;
}

.content-modules-items p {
  font-size: 0.875rem;
  color: var(--text-two);
  margin-bottom: 0.5rem;
}

.main-progress-bar .progressbar-modules p {
  font-size: 0.875rem;
  color: var(--text-two);
  margin-bottom: 0;
  line-height: 0;
}

.progressbar-modules .progressbr {
  width: 100%;
  height: 0.2rem;
  border-radius: 0.625rem;
  box-shadow: 0 0 3px -0.0625rem var(--global-white);
}

.progressbar-modules .progressbr::-webkit-progress-bar {
  background-color: #e9ecef;
  border-radius: 0.625rem;
}

.progressbar-modules .progressbr::-webkit-progress-value {
  background-color: var(--global-orange);
  border-radius: 0.625rem;
}

.progressbar-modules p {
  font-size: 0.975rem;
  color: var(--text-two);
}

.overlay-modules {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.iconbtn,
a.iconbtn {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
  border-radius: 0.4rem;
  background: var(--global-white);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-orange);
  font-size: 1.2rem;
  border: none;
}

.modules-items-list:hover .overlay-modules {
  opacity: 1;
  visibility: visible;
}

.main-progress-bar {
  width: 100%;
}

.main-progress-bar .progressbar-modules {
  width: 100%;
  text-align: right;
}

/* VIDEOS CSS */
.tutorial-dashboard-videos {
  width: 100%;
  margin-bottom: 1.5rem;
}

.thumbnails-videos {
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}

.title-tutorial-videos {
  width: 33.125rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 1rem;
}

.title-tutorial-videos h2 {
  font-size: 1.5rem;
  color: var(--text-two);
  padding-bottom: 0.5rem;
}

.title-tutorial-videos p {
  font-size: 1rem;
  color: var(--text-two);
}

.owl-carousel.videos-m {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
}

.videstab .owl-carousel.videos-m {
  justify-content: start;
}

.list-videos {
  padding: 1rem;
  background: var(--white_white_black-03);
  border-radius: 0.5rem;
}

.thumbnails-videos img {
  border-radius: 0.5rem;
}

.play-icon-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.play-icon-btn img {
  width: 4rem !important;
}

.caption-text h4 {
  color: var(--text-two);
  font-size: 1.125rem;
}

.videos-modal-body {
  padding: 0;
  max-height: initial;
  border-radius: 0.5rem;
}

.btn-close.videos {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 9;
  background-color: #fff;
  display: inline-block;
  opacity: 1;
  background-size: 0.9rem;
}

.videos-m .owl-nav button.owl-next,
.videos-m .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
}

.videos-m .owl-nav button.owl-prev {
  left: 2rem;
}

.videos-m .owl-nav button.owl-next {
  right: 2rem;
}

.videos-m .owl-nav button.owl-next,
.videos-m .owl-nav button.owl-prev {
  background: var(--white-white-black);
  color: var(--orange-orange-white);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.2rem;
}

.vides-list-main-wrap {
  margin-bottom: 1rem;
}

.vides-list-main-wrap .title-tutorial-videos {
  width: 100%;
  text-align: left;
}

/* UNIVERSEL TUTORIAL DASHBOARD END */
/* IMPORT INVENTORY NOTE START */
.import_inv_note_txt {
  position: relative;
}

.import_inv_note_txt p {
  position: absolute;
  bottom: 0;
  padding: 1rem;
  text-align: left;
  max-width: 32rem;
  color: var(--text-two);
}

/* IMPORT INVENTORY NOTE END */
.virtual-card-payment-rht-demo {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.incatespan {
  display: inline-block;
  padding: 0 0.6rem;
  background-color: var(--white-white-orange-light);
  border: 0.0625rem solid var(--white-white-orange-light-border);
  border-radius: 0.2rem;
  color: var(--white-white-orange);
}

/* Virtual Terminal Dropdown Issue Start */
.precard_select_fix .vt-assign-dropdown-menu .dropdown-item:hover p {
  color: var(--text-one);
}

/* Virtual Terminal Dropdown Issue End */
.rightPanel-properties .bootstrap-tagsinput .badge {
  word-break: break-all;
  white-space: normal;
  text-align: left;
}

.rightPanel-properties {
  background-color: #fff;
  width: 22.5rem;
  height: 100%;
  position: fixed;
  top: 6rem;
  right: -22.5rem;
  box-shadow: rgb(0, 0, 0, 0.12) 0 0.125rem 1.25rem 0;
  overflow-y: auto;
  transition: 0.5s;
  padding-bottom: 4.375rem;
  z-index: 1040;
  overflow-x: hidden;
}

.rightPanel-properties {
  z-index: 997 !important;
}

/* Eod Reports Taxes Tab Start */
.taxes-tab-wrap .gradiant-card {
  padding: 1rem;
}

.taxes-tab-wrap .lead_track_flex {
  gap: 0.5rem;
  justify-content: flex-end;
}

.taxes-tab-wrap .btn-export.btn-export-1 {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

.taxes-tab-wrap .btn-export.btn-export-2 {
  height: 2.25rem;
  padding: 0 0.65rem;
}

.tax-table-wrap {
  border: 0.0625rem solid var(--global-border-color-w-bg);
  border-radius: 0.5rem;
  overflow: hidden;
}

.taxes-tab-wrap .modifier-table {
  width: 100%;
  border: 0;
}

.taxes-tab-wrap .modifier-table th {
  padding: 0.7rem 1rem;
}

.taxes-tab-wrap .modifier-table td {
  padding: 0.5rem 1rem;
}

.taxes-tab-wrap .modifier-table tr {
  box-shadow: 0rem 0.0625rem 0rem 0.0625rem var(--card-highlight--bg-color);
}

.taxes-tab-wrap .modifier-table .m-tooltip {
  color: var(--text-two);
  padding-left: 0.5rem;
}

.taxes-tab-wrap .modifier-table .people-table-action-wrap {
  justify-content: flex-start;
}

.taxes-tab-wrap .modifier-table .pricing-row {
  background: var(--card-highlight--bg-color);
}

.taxes-tab-wrap .modifier-table .pricing-row td {
  font-weight: 600;
  border-bottom: 0;
}

.applicable-sales a {
  color: var(--global-orange);
}

.modal-content .people-table-main table thead th.applicable-sales a {
  color: var(--global-orange);
  margin: 0 0 0 0.5rem;
}

.star-padding {
  padding: 1.5rem 1.5rem 0 1.5rem;
}

/* Eod Reports Taxes Tab End */
/* EOD REPORTS DASHBOARD */
.eod-reports-main-dashboard-title {
  padding: 1rem;
  padding-bottom: 0;
}

.eod-reports-main-dashboard-title .columnright {
  gap: 0.5rem;
}

.eod-reports-main-overview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: start;
  /* align-items: start; */
  flex-wrap: wrap;
  gap: 1.5rem;
}

.eod-reports-main-dashboard .overview-content {
  width: 100%;
  background-color: rgba(141, 167, 197, 0.09);
  position: relative;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}

.btn--star-fill {
  background-color: transparent;
  border: none;
  margin: 0 2rem 0 0;
  padding: 0;
}

.btn--star-fill .fa-light {
  color: #D6D6D6;
}

.btn--star-fill .fa-solid {
  color: #FDC021;
}

.eod-reports-main-overview .tootltip-button {
  position: static;
}

.eod-reports-main-overview .btn--star-fill {
  margin: 0 .5rem 0 0;
}

.eod-reports-main-overview .flexiconmain {
  justify-content: space-between;
  margin-top: auto;
}

.bottom-flex-main {
  align-items: center;
  margin-bottom: 0;
}

.icon-btn-eod a,
.icon-btn-eod button {
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: var(--white-white-orange);
  color: var(--orange-orange-white);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.2rem;
}

.ordervaluetable-wrap .three-dot-list-wrap .dropdown-menu li a {
  color: var(--text-grey);
  text-decoration: none;
}

.ordervaluetable-wrap .three-dot-list-wrap .dropdown-menu li a:hover {
  background: var(--nav-user-icon-bg);
  color: var(--global-white);
}

.trophy-icon {
  color: gray;
  margin-right: 0.5rem !important;
  display: inline-block;
}

.trophy-icon.win {
  color: #FDC021;
}

.trophy-icon.win-dark {
  color: #F38E14;
}

.flex-eod-main-select {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.sorting-products .select2-selection {
  min-width: 12rem;
}

.outerpadding {
  padding: 1.5rem;
}

/* OVERVIEW TAB */
.eod-welcome-alert-wrap {
  padding: 1rem;
  height: auto;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.eod-welcome-alert-wrap .tootltip-button-plan {
  color: var(--white-white-orange);
}

.eod-welcome-alert-wrap p {
  font-size: 0.875rem;
  color: var(--text-two);
}

.title-inv-eod {
  margin-bottom: 1rem;
}

.title-inv-eod h4 {
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0;
  border: none;
}

.inner-lfex-title-eod,
.innner-column-check {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.title-inv-eod .tootltip-button-plan,
.taxes-tab-wrap .lead_track_flex .tootltip-button-plan {
  color: var(--white-white-orange);
  flex: 0 0 auto;
}

.overview-summery-table {
  padding: 1rem;
  height: auto;
  margin-bottom: 1rem;
}

.overview-summery-table table thead th:last-child,
.overview-summery-table table tbody td:last-child,
.overview-summery-table table tfoot td:last-child,
.overview-summery-table table tfoot th:last-child {
  text-align: right;
}

.card_info_table.nomodal table tfoot td,
.card_info_table.nomodal table tfoot th {
  color: var(--text-two);
  padding: 0.5rem 0.625rem;
  border-color: var(--card-highlight--bg-color);
}

.card_info_table.nomodal table tfoot th {
  background-color: var(--table-overlay-solid-color);
}

.analysis_pain_unpaid_recurring .people-table-main table tbody td a {
  text-transform: none;
}

/*CANVA CHART TABLE*/
.charTable {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 0.0625rem solid var(--global-input-w-bg);
}

.chartTable,
.charTable table {
  width: 100%;
  text-align: left;
}

.chartTable thead th,
.charTable table thead th {
  background: #F6F8FA;
}

.chartTable thead th,
.chartTable tbody td,
.charTable table thead th,
.charTable table tbody td {
  color: var(--text-grey);
  padding: 0.5rem 0.625rem;
  font-size: 1rem;
  font-weight: 400;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.charTable table tbody td:first-child a {
  text-decoration: underline;
  color: var(--text-grey);
  display: inline-block;
}

.charTable table tbody tr:last-child td {
  border: none;
}

/*END CANVA CHART TABLE*/
.flex-main-wrap-outer-head {
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.flex-main-wrap-outer-head,
.external-controls-table-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.analysis_pain_unpaid_recurring .people-table-main table {
  padding: 0;
}

.external-controls-table-filters .select2-container {
  width: 11rem !important;
}

.people-table-main .dt-container table tbody tr {
  box-shadow: 0rem 0.0325rem 0rem 0.0325rem var(--card-highlight--bg-color);
}

.people-table-main .dt-container table thead tr th {
  background: var(--table-overlay-solid-color);
  color: var(--text-two);
}

.people-table-main .dt-container table thead tr th,
.people-table-main .dt-container table tbody tr td,
.people-table-main .dt-container table tfoot tr td {
  font-size: 0.875rem;
  padding: 0.5rem 0.625rem;
}

.salesummery_table table tbody tr td:first-child {
  width: 14.5rem;
}

.salesummery_table table tbody tr td table tr td:first-child {
  padding-left: 1.5rem;
}

.salesummery_table table tbody tr th {
  color: var(--white-white-black);
  padding: 0.5rem 0.625rem;
  text-align: left;
  font-weight: 600;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.salesummery_table table tbody tr th a {
  color: var(--white-white-black);
  text-decoration: underline;
}

.salesummery_table table tbody tr th:last-child {
  text-align: right;
}

.border-radius-table-new {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-radius: 0.5rem;
  overflow: hidden;
}

.people-table-main .dt-container table tbody tr td:last-child .people-table-action-wrap {
  justify-content: flex-end;
}

.people-table-main .dt-container table tbody tr td:last-child .people-table-action-wrap button {
  margin-right: 0;
}

.people-table-main .dt-container table tbody tr td a {
  text-transform: none;
}

.people-table-main .dt-container table tbody td.dt-empty:last-child {
  text-align: center;
}

.people-table-main table.dataTable th.dt-type-numeric:not(:last-child),
.people-table-main table.dataTable th.dt-type-date:not(:last-child),
.people-table-main table.dataTable td.dt-type-numeric:not(:last-child),
.people-table-main table.dataTable td.dt-type-date:not(:last-child) {
  text-align: left;
}

div.dt-scroll-body {
  border-color: var(--card-highlight--bg-color);
}

nav .dt-paging-button {
  background-color: var(--white_white_black-n);
  border: 1px solid var(--white_white_black-n);
  color: var(--white-white-black);
  border-radius: 0;
  width: 2rem;
  height: 2rem;
}

nav .dt-paging-button.current {
  background-color: var(--white-orange-orange);
  border: 1px solid var(--white-orange-orange);
  color: var(--black-white-white);
}

.dt-info,
.dt-paging {
  padding: 1rem;
  font-size: 0.875rem;
}

div.dt-container div.dt-paging ul.pagination {
  margin: 2px 0;
  flex-wrap: wrap;
}

.analysis_pain_unpaid_recurring .people-table-action-wrap {
  gap: 0.6rem;
}

.dt-column-order {
  display: none;
}

/* SALE TAB */
.eod-reports-main-dashboard .saletabsummery {
  grid-template-columns: repeat(4, 1fr);
}

.chart-canvas.chart-height .chart-canvas {
  height: 450px !important;
  width: 450px !important;
  margin: auto;
}

.border-radius-data-table {
  border: 0.0625rem solid var(--card-highlight--bg-color);
  border-radius: 0.5rem;
}

.people-table-main.border-radius-data-table .dataTables_wrapper .dataTables_scrollHead table,
.people-table-main.border-radius-data-table table,
.analysis_pain_unpaid_recurring .people-table-main .dataTables_wrapper .dataTables_scrollHead table {
  margin-top: 0rem !important;
  padding-top: 0;
}

.people-table-main.performancetable .dataTables_wrapper .dataTables_scrollHead table,
.people-table-main.performancetable table {
  margin-top: 1rem !important;
  padding-top: 0;
}

.table-btm-border table tr:last-child td {
  border-bottom: 0;
}

.taxes-tab-wrap .modifier-table th:nth-child(3) {
  min-width: 15rem;
}

.action-eye-red .people-table-action-wrap a {
  color: var(--white-white-orange);
}

.tooltipiconred .tootltip-button.tootltip-button-po i {
  color: var(--global-orange);
}

.eod-send-reard-modal h4 {
  color: var(--text-grey);
  font-size: 1.2rem;
}

.eod-send-reard-modal h4 {
  color: #333;
  font-size: 0.875rem;
}

.send-gift-card p {
  word-break: break-all;
}

.send-gift-card .content_info {
  position: relative;
}

.send-gift-card .card_text .number,
.send-gift-card .card_text .price {
  position: absolute;
}

.send-gift-card .card_text .number {
  top: 1rem;
  left: 1rem;
  font-size: 1.5rem;
  color: var(--global-white);
}

.send-gift-card .card_text .price {
  bottom: 1rem;
  right: 1rem;
  font-size: 2rem;
  color: var(--global-white);
}

.modal-step .steper_main {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}

.modal-step .steper_main li {
  width: 100%;
}

.modal-step .steper_main li a {
  display: block;
  border: 0;
  color: var(--text-grey);
}

.modal-step .steper_main li a.step-active-btn {
  border: 0;
  background: var(--global-upload-background-w-bg);
}

.modal-step .steper_main li a p {
  padding: 0.75rem 0;
  color: var(--text-grey);
}

.modal-step .steper_main li a.step-active-btn p {
  border: 0;
  color: var(--global-orange);
}

.modal-step .setup-content {
  margin: 0;
}

.modal-step .modal-setup-content {
  padding: 1rem;
}

.modal-step .modal-footer .lead_form_bottom {
  justify-content: flex-end;
}

.modal-step .modal-footer .btn_previous_page button.prev-step {
  border: 0.0625rem solid var(--global-orange);
  color: var(--global-orange);
}

.modal-radio-wrap {
  display: flex;
  align-items: flex-start;
}

.modal-radio-wrap-lft {
  width: 3rem;
}

.eod_toggle_label_wrapper {
  width: calc(100% - 3rem);
}

.eod_toggle_label_wrapper label {
  padding-bottom: 0;
}

.eod_toggle_label_wrapper p {
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(51, 51, 51, .75);
}

.eod_settings_metric_wrap {
  margin-top: 1.5rem;
}

.eod_settings_metric_wrap h6 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.eod_settings_metric_wrap .form-group {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.75rem;
}

.eod_settings_metric_wrap .form-group:last-child {
  margin-bottom: 0rem;
}

.eod_settings_metric_wrap .form-group .form-check-input {
  margin-top: 0;
}

.eod_settings_metric_wrap .form-group label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.eod_settings_metric_wrap .btn-tooltip-icon {
  font-size: .875rem;
}

.eod_container_border {
  border: #ccc solid 1px;
}

.eod_modal_header {
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

.eod_modal_header_wrap {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.eod_modal_header_lft {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.eod_modal_header_lft img {
  max-height: 1.875rem;
  max-width: 7.5rem;
}

.eod_modal_header_lft h2 {
  font-size: 1.5rem;
  font-weight: 500;
}

.eod_modal_header_wrap p {
  font-size: 0.875rem;
  font-weight: 600;
}

.eod_modal_header_wrap span {
  font-size: 0.875rem;
  font-weight: 500;
}

.metrics_modal .merchant-table {
  border: 0;
}

/* Employee Tab Start */
.employee-tab-wrap .eod-reports-main-overview {
  grid-gap: 0.5rem;
  grid-template-columns: repeat(4, 1fr);
}

.employee-tab-wrap .eod-reports-main-overview .tootltip-button {
  right: 1rem;
}

.employee-tab-wrap .btn--star-fill {
  margin: 0 1.5rem 0 0;
}

.employee-tab-wrap .eod-reports-main-overview .content {
  width: calc(100% - 5rem);
  justify-content: space-between;
}

.employee-tab-wrap .eod-reports-main-overview .flexiconmain.bottom-flex-main .icon-btn-eod {
  width: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.employee-tab-wrap .eod-reports-main-overview .flexiconmain.bottom-flex-main .icon-btn-eod a {
  margin-left: auto;
}

.employee-tab-wrap .eod-reports-main-overview .content p {
  font-size: 0.875rem;
  width: calc(100% - 2.35rem);
}

.employee-tab-wrap .eod-reports-main-overview .content {
  display: flex;
  align-items: center;
}

.employee-tab-wrap .eod-reports-main-overview .content .icon-box {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: var(--card-highlight--bg-color);
}

.eod--tab-nav-wrap {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.eod--tab-nav-wrap .r-modal-btn.r-orange-btn {
  padding: 0.3125rem 0.625rem;
}

.send-email-modal .m-tooltip {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
}

.send-email-modal .m-tooltip i {
  color: var(--global-orange);
}

.dashboard_eod_rht {
  display: flex;
  gap: 1rem;
}

.dashboard_eod_rht .btn_new_message button {
  min-height: 2.625rem;
  min-width: 2.625rem;
}

.dashboard_eod_rht .btn_new_message button:last-child {
  margin-right: 0;
}

.dashboard_eod_rht .tab-inner-tab-wrap {
  display: none;
}

.dashborad-tab .dashboard_eod_rht .tab-inner-tab-wrap,
.overview-dasborad-tab .dashboard_eod_rht .tab-inner-tab-wrap,
.bookmark-dasboard .dashboard_eod_rht .tab-inner-tab-wrap {
  display: block;
}

.eod_tooltip .tooltip-inner {
  text-align: left;
  padding: 0.5rem 0.75rem;
}

.eod_tooltip .tooltip-inner h6 {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.375rem;
}

.eod_tooltip .tooltip-inner p {
  font-size: 0.75rem;
  font-weight: 500;
}

.metric_heading h5 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-grey);
  margin-bottom: 1.5rem;
}

.metrics_modal .table-border-w {
  max-height: 60vh;
  overflow: auto;
}

/* Employee Tab End */
/* END EOD REPORTS DASHBOARD */
/* New Employee Start */
.new-emp-wrap .r-modal-btn.r-outline-close {
  padding: 0.3125rem 1rem;
}

/* New Employee End */
/* Homepage Inhencement Start */
.dashboard_main_home_wrapper_top {
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.dashboard_main_home_wrapper_top h1,
.dashboard_main_home_wrapper_top h2 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.dashboard_main_home_wrapper_top p {
  margin-bottom: 1rem;
}

.homepage_item_wrap {
  display: grid;
  grid-gap: 0.5rem;
  text-align: center;
  grid-template-columns: repeat(4, 1fr);
}

.home_page_demo_main_top .homepage_item_wrap {
  grid-template-columns: repeat(3, 1fr);
}

.homepage_item {
  padding: 0.75rem 1rem;
  border: 0.0625rem solid var(--top-header-icons-border);
  border-radius: 0.25rem;
  background: var(--global-white);
  overflow: hidden;
}

.home_page_demo_main_top .homepage_item {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.homepage_item:hover {
  background: #FDE5DF;
  border: 0.063rem solid var(--white-orange-orange);
}

.homepage_item .homepage_item_icon_inner {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.5rem auto;
  background: var(--global-upload-border-color-w-bg);
  border-radius: 0.25rem;
}

.homepage_item:hover .homepage_item_icon_inner {
  background: var(--light-white-white-orange);
}

.homepage_item .homepage_item_icon_inner i {
  color: var(--global-orange);
}

/* .homepage_item:hover .homepage_item_icon_inner i {
  color: var(--white-orange-orange);
} */
/* .theme-orange .homepage_item:hover .homepage_item_icon_inner i {
  color: var(--text-grey);
} */
.homepage_item .homepage_item_txt h3 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-grey);
  margin-bottom: 0;
}

.homepage_item:hover .homepage_item_txt h3 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-grey);
  margin-bottom: 0;
}

.homepage_item .homepage_item_txt p {
  color: var(--text-grey);
  margin-bottom: 0;
}

/* .homepage_item:hover .homepage_item_txt p {
  color: var(--text-two);
} */
.n-bulb {
  border: 1px solid #FDC021;
  background: #FEF7EA;
}

.n-bulb i {
  color: #FDC021;
}

.dashboard_main_top_wrap {
  display: flex;
  gap: 1rem;
}

.dashboard_main_top_lft {
  width: 45%;
  display: flex;
  flex-direction: column;
}

.dashboard_main_top_rht {
  width: 55%;
}

.dashboard_home_video {
  width: 100%;
  height: 13.75rem;
}

.dashboard_main_top_bottom_wrap {
  text-align: center;
  margin-top: auto;
}


/* Homepage Inhencement End */
/* Pricing Modal Start */
.plan-box {
  padding: 0.625rem 1rem;
  background: #F2F2F5;
  border: 0.0625rem solid #E1E1E1;
  border-radius: 0.25rem;
}

.plan-box ul li {
  display: flex;
  margin-bottom: 0.625rem;
}

.plan-box ul li hr {
  margin: 0.625rem 0;
}

.plan-box ul li:last-child {
  margin-bottom: 0;
}

.plan-box ul li p {
  width: 50%;
  color: var(--global-black);
}

/* .plan-box ul li p.lft-p {
  opacity: 0.75;
} */

.plan-box ul li p.rht-p {
  text-align: right;
  font-weight: 500;
}

.plan-box ul li p span {
  font-weight: 600;
}

.plan-box-btm .rht-p {
  font-size: 1.25rem;
}

.org-txt {
  color: var(--global-orange);
}

.check_credit_switch_wrap {
  margin-top: 1.5rem;
}

.check_credit_switch_wrap p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.check_credit_switch_wrap span {
  color: #F04F29;
  cursor: pointer;
  text-decoration: underline;
}

.card_info_para,
.modal-body.card_active .checking_info_para,
.plan-box ul li.card_plan_list {
  display: none;
}

.modal-body.card_active .card_info_para {
  display: block;
}

.modal-body.card_active .card_plan_list {
  display: flex;
}

/* Pricing Modal End */
/* Pricing Module Start */
.select_module_header {
  display: flex;
  align-items: center;
  height: 3.625rem;
  position: fixed;
  z-index: 998;
  background: var(--bg-color);
  width: 100%;
}

.select_module_body {
  max-height: calc(100vh - 5.625rem);
  overflow-y: auto;
}

.select_module_header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.select_module_header_logo img {
  max-width: 200px;
  object-fit: contain;
  object-position: left;
}

.select_module_header_icon a {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  margin: 0 0.5rem 0 0.5rem;
  position: relative;
  background-color: transparent;
  border: 0.0625rem solid var(--top-header-icons-border);
  color: var(--top-header-icons-color);
  border-radius: 6.25rem;
  text-align: center;
}

.select_module_header_icon a i {
  font-size: 1.25rem;
}

.member-plan tr th {
  border-right: 0.0625rem solid var(--top-header-icons-border);
}

.new_plan_price_break_up {
  font-size: 1rem;
  font-weight: 400;
}

.new_plan_price_break_up i {
  font-size: .75rem;
  cursor: pointer;
}

.new_plan_price_break_up_ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
  gap: 5rem;
}

.new_plan_price_break_up_ul li h4 {
  font-size: 1rem;
  font-weight: 400;
}

.new_plan_price_break_up_ul li h4 strong {
  font-weight: 700;
  color: rgba(51, 51, 51, .75);
}

.new_plan_price_break_up_ul li p {
  font-size: 1rem;
  font-weight: 500;
}

.new_price_breakUP_tooltip {
  --bs-tooltip-max-width: 30rem;
}

.new_plan_price_break_up_ul .new_plan_price_break_up_price {
  font-size: 1.25rem;
}

.new_plan_price_break_up_ul hr {
  margin: .5rem 0;
}

.new_member_notification_wrap {
  padding: 0.75rem;
  background: #F6F8FA;
  border-radius: .5rem;
}

.new_member_notification_wrap p {
  font-size: 0.875rem;
  margin-right: .5rem;
}

.new_member_notification_wrap i {
  margin-right: .5rem;
  font-size: 1rem;
}

.limit_reach_modal .modal-body {
  padding: 3rem 2.5rem 2rem;
}

.limit_reach_modal .modal-body h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-grey);
}

.limit_reach_modal .modal-body p {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
}

.upgrade_plan_long_btn {
  padding: 0.75rem;
  background: var(--global-upload-background-w-bg);
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.25rem;
  border: 0.0625rem solid rgba(240, 79, 41, 0.1);
  color: var(--text-grey);
  font-size: 1rem;
  font-weight: 400;
}

.upgrade_plan_long_btn i {
  font-size: 1.5rem;
  margin: 0;
}

.upgrade_plan_long_btn:hover {
  color: var(--text-grey);
}

.limit_reach_modal_upgrade_btn_wrap {
  margin-bottom: 1.25rem;
}

.r-add-leads-main-reverse button.deal_action_btn i {
  color: var(--global-orange);
}

.member-plan-upgrade .main-wraper-member {
  padding-top: 5rem;
  padding-bottom: 3rem;
}

.member-plan-upgrade .plan-activated {
  top: -1.25rem;
  font-size: 1rem;
  width: max-content;
  padding: 0.35rem 1rem;
}

.member-plan-upgrade .member-plan-table-view table tr th {
  box-shadow: 0.0625rem 0rem 0rem 0rem var(--card-highlight--bg-color);
}

.member-plan-upgrade .member-plan-table-view table thead tr th h4 {
  margin-bottom: 0.5rem;
}

.member-plan-upgrade .member-plan-table-view input {
  max-width: 100px;
}

.member-plan-upgrade span.support {
  font-size: 1rem;
  font-weight: 500;
  max-width: 200px;
  display: inline-block;
  color: var(--white-orange-orange);
}


.member-plan-upgrade .member-plan-table-view table tr td:last-child {
  box-shadow: none;
}

.member-plan-upgrade .member-plan-table-view table thead.plans_top_member tr th {
  padding: 1rem;
  background: rgb(255, 255, 255, 0.2);
}

.member-plan-upgrade .member-plan-table-view table thead.plans_top_member tr th .text-cl-red {
  font-size: 0.875rem;
}

.member-plan-upgrade .member-plan-table-view table thead.p-top-head tr th {
  background: rgba(255, 255, 255, 0.15);
}

.member-plan-upgrade .member-plan-table-view table thead.p-inner-head tr th {
  background: rgba(255, 255, 255, 0.07);
}

.member-plan-upgrade .member-plan-table-view table thead.plans_top_member tr th:first-child,
.member-plan-upgrade .pricing-table th:first-child,
.member-plan-upgrade .pricing-table td:first-child {
  text-align: left;
}

.member-plan-upgrade .member-plan-table-view .new-pricing-table tbody tr th,
.member-plan-upgrade .member-plan-table-view .new-pricing-table tbody tr td {
  padding: 0.75rem;
  font-size: 1rem;
  color: var(--text-two);
}

.member-plan-upgrade .member-plan-table-view .new-pricing-table tbody tr th i {
  font-size: 0.875rem;
  color: var(--text-two);
}

.member-plan-upgrade .member-plan-table-view .new-pricing-table tbody tr .full-limited-access i {
  color: #A1EBAF;
}

.member-plan-upgrade .member-plan-table-view .new-pricing-table tbody tr .eyeclrone i {
  color: #FDDB85;
}

.member-plan-upgrade .member-plan-table-view .new-pricing-table tbody tr .not-access i {
  color: #FBA3A1;
}

.member-plan-upgrade .member-plan-table-view table tr th,
.member-plan-upgrade .member-plan-table-view table tr td {
  border-right: 0.063rem solid rgba(255, 255, 255, 0.25);
  box-shadow: none;
}

.member-plan-upgrade .member-plan-table-view table tr th:last-child,
.member-plan-upgrade .member-plan-table-view table tr td:last-child {
  border-right: 0;
}

.member-plan-upgrade .member-plan-table-view .new-pricing-table tbody tr td table tbody tr th:first-child,
.member-plan-upgrade .member-plan-table-view .new-pricing-table tbody tr td table tbody tr td:first-child {
  padding-left: 2.2rem;
}

.alerat-modal-confirm {
  padding: 0.625rem;
  border-radius: 0.25rem;
  background: rgba(240, 79, 41, 0.10);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: .5rem;
  border: 0.0625rem dashed var(--global-orange);
}

.alerat-modal-confirm p {
  font-size: 0.875rem;
  color: var(--global-black);
  font-weight: 500;
}

.alerat-modal-confirm a {
  text-decoration: underline;
}

.alerat-modal-confirm i {
  color: var(--global-orange);
}

/* Pricing Module End */
/* New Terms Page Start */
.new-terms-page {
  padding-top: 7.5rem;
}

.new-terms-page .terms-condition-main-wrapper {
  padding: 0;
  border-radius: 0.8rem;
  max-width: 100%;
}

.new-terms-page .terms-condition-main-wrapper .terms-content-txt {
  max-height: calc(100vh - 14rem);
  overflow-y: auto;
}

.new-terms-page .terms-top-heading {
  padding: 1.5rem 1rem;
}

.new-terms-page .terms-top-heading h6,
.new-terms-page .emaipolicy {
  width: 50%;
}

.new-terms-page .form-check label {
  padding: 0 0 0 0.2rem;
}

.new-terms-page .terms-content-txt p {
  margin-bottom: 0.8rem;
}

.new-terms-page .terms-content-txt p:last-child {
  margin-bottom: 0;
}

.new-terms-page .terms-content-txt p a {
  color: var(--global-orange);
  font-weight: 700;
  text-decoration: underline;
}

.new-terms-page .modal-footer {
  gap: 0.5rem;
  padding: 1rem;
}

/* New Terms Page End */
.modal-body.bootstrap-select-modal {
  overflow: initial !important;
}

/* New Coffee Loading Start */
.loader.coffee-loader {
  background: rgba(0, 0, 0, 0.8);
}

.coffee-loader-body {
  width: 100%;
  max-width: 45rem;
  border-radius: 1rem;
  padding: 2rem;
  background: var(--global-white);
  text-align: center;
}

.coffee-loader-body img {
  width: 4.7rem;
  height: 4.7rem;
  object-fit: contain;
  object-position: center;
}

.sps_loading_screen {
  display: flex;
  align-items: center;
  justify-content: center;
}

.coffee-loader-body h5 {
  font-weight: 500;
}

.sps_loding_screen_inner {
  width: 70%;
  height: auto;
  background: var(--global-white);
  border-radius: 1.875rem;
  padding: 2rem;
  text-align: center;
}

.sps_loading_screen {
  width: 100%;
  height: 100vh;
}

.sps_loading_slider_wrap .swiper {
  width: 100%;
  height: auto;
}

.sps_loading_slider_wrap .swiper-slide {
  background: transparent;
}

.sps_loading_slider_wrap .swiper-3d .swiper-slide-shadow {
  background: transparent;
}

.welcome_slider_inner {
  color: var(--global-white);
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  border-radius: 1rem;
  /* max-width: 70%; */
  margin: auto;
  box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, 0.2);

}

.sps_loading_slider_wrap .swiper-slide:nth-child(1n) .welcome_slider_inner {
  background-color: rgb(206, 17, 17);
}

.sps_loading_slider_wrap .swiper-slide:nth-child(2n) .welcome_slider_inner {
  background-color: rgb(0, 140, 255);
}

.sps_loading_slider_wrap .swiper-slide:nth-child(3n) .welcome_slider_inner {
  background-color: rgb(10, 184, 111);
}

.sps_loading_slider_wrap .swiper-slide:nth-child(4n) .welcome_slider_inner {
  background-color: rgb(211, 122, 7);
}

.sps_loading_progress_wrapper .progress {
  height: 1.5rem;
  border-radius: 2rem;
}

.sps_loading_img_wrap,
.sps_loading_slider_wrap {
  margin-bottom: 2.5rem;
}

.sps_loading_img_wrap img {
  animation: sps_logo_animation;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  animation-direction: reverse;
}

@keyframes sps_logo_animation {
  from {
    transform: rotateY(0deg);
    filter: drop-shadow(0px 0px 10px rgba(240, 79, 41, .8));
  }

  to {
    transform: rotateY(1800deg);
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, .6));
  }
}

/* New Coffee Loading End */
/* Pricing Modal New Start */
.upgradeModalNew .modal-body {
  max-height: 85vh;
}

.upgradeModalNew .plan_card {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}

.upgradeModalNew .plan_card.best_value {
  overflow: hidden;
}

.upgradeModalNew .plan_card:hover {
  transform: scale(1.02);
}

.upgradeModalNew .plancard_top_txt h3 {
  font-size: 2.5rem;
  font-weight: 500;
  color: var(--text-grey);
  margin-bottom: 1rem;
}

.upgradeModalNew .plancard_top_txt li {
  font-size: 1rem;
  list-style: none;
  margin-bottom: 0.75rem;
  display: flex;
  gap: 0.35rem;
}

.upgradeModalNew .plancard_top_txt li i {
  color: var(--global-orange);
  padding-top: 0.25rem;
}

.plancard_btm_btn_wrap {
  margin-top: auto;
  position: relative;
  z-index: 99;
}

.member-plan-modal .setup-content input,
.member-plan-modal .enter_amountbx {
  box-shadow: none;
}

.member-plan-modal .setup-content:has(input:focus),
.member-plan-modal .enter_amountbx:has(input:focus) {
  box-shadow: 0 0 0.3125rem 0 var(--global-border-color-w-bg);
}

.upgradeModalNew .plancard_btm ul li {
  font-size: .875rem;
  font-weight: 500;
}

.modal_blur {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
}

.upgrade_modal_heading_wrap {
  text-align: center;
  margin-bottom: 1rem;
}

.upgrade_modal_heading_wrap h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: .5rem;
}

.upgrade_modal_heading_wrap p {
  font-size: 1.125rem;
  font-weight: 400;
  opacity: .75;
  max-width: 45%;
  margin: 0 auto;
}

.plancard_top_txt.upgrade {
  margin: 1rem 0;
}

/* ANIMATIONS */
.best_value.animate::after {
  content: "";
  width: 350%;
  height: 350%;
  position: absolute;
  top: -700px;
  left: -600px;
  background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0000, rgb(0 0 0 / 30%)) no-repeat 0 0 / 150px;
  animation: sweep 4s ease-in-out infinite;
  /* z-index:-1;*/
  rotate: 45deg;
  filter: blur(40px);
  opacity: 0;
  visibility: hidden;
  /*animation-delay:2s;*/
}

@keyframes sweep {
  0% {
    opacity: 100%;
    visibility: visible;
    background-position: 0 0;
  }

  100% {
    opacity: 100%;
    background-position: 100% 100%;
    visibility: visible;
  }
}

/* ANIMATIONS */
/* Pricing Modal New End */
/* Preauth Sale Start */
.pre_btn_wrap {
  display: flex;
  gap: 0.75rem;
  align-items: flex-end;
  max-width: 30rem;
}

/* Preauth Sale End */
/* Member Plan New Updates Start */
.mp_new_changes {
  padding: 9rem 0 2.5rem 0;
}

.mp_new_changes .plan-activated {
  top: -1.8rem;
}

.mp_new_changes .member-plan-table-view table tr td:last-child {
  box-shadow: none;
}

.mp_new_changes .pricing_billing_main_wraper .authorisations_table_wrap tbody tr td:last-child,
.mp_new_changes .pricing_billing_main_wraper .authorisations_table_wrap thead tr th:last-child {
  box-shadow: none;
}

.mp_new_changes span.support {
  color: var(--global-orange);
}

/* Member Plan New Updates End */
/* ---------- Email Config New Design Start ---------- */
.ec_item {
  padding: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}

.ec_item:last-child {
  margin-bottom: 0;
}

.ec_item_lft {
  width: calc(100% - 14rem);
  display: flex;
  align-items: center;
}

.ec_item_lft_btn {
  width: 4rem;
}

.ec_item_lft_btn button {
  outline: none;
  border: none;
}

.ec_item_lft_btn button img {
  width: 2rem;
  height: 1.8rem;
  object-fit: contain;
}

.ec_item_lft_btn button:hover img,
.theme-light .ec_item_lft_btn button img {
  filter: invert(0) brightness(100);
}

.theme-light .ec_item_lft_btn button:hover img {
  filter: invert(0) brightness(0);
}

.ec_item_lft_txt h2 {
  font-size: 1.25rem;
  color: var(--text-two);
  margin-bottom: 0.25rem;
}

.ec_item_lft_txt p {
  margin-bottom: 0.5rem;
}

.ec_item_lft_txt p span {
  opacity: 0.75;
  color: var(--text-two);
}

.ec_item_lft_txt p a {
  color: #3087E9;
  text-decoration: underline;
}

.ec_item_lft_txt p a:hover {
  opacity: 0.75;
}

.ec_badge_wrap {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
  align-items: center;
}

.ec_badge {
  font-size: 0.9rem;
  padding: 0.25rem 0.7rem;
  border-radius: 30px;
}

.ec_badge_danger {
  color: var(--global-white);
  background: #FB5758;
  border: 0.063rem solid #FB5758;
}

.ec_badge_success {
  color: var(--global-white);
  background: #51DC6B;
  border: 0.063rem solid #51DC6B;
}

.ec_badge_light {
  background: var(--global-white);
  color: var(--text-grey);
  border: 0.063rem solid #E1E1E1;
}

.ec_item_rht {
  width: 14rem;
  text-align: right;
}

.ec_top_inp_wrap {
  margin-bottom: 1rem;
}

.ec_btm_wrap {
  padding-top: 1.5rem;
}

.ec_btm_wrap .gradiant-card {
  padding: 1rem;
}

.ec_top_inp_wrap h4 {
  margin-bottom: 1.5rem;
}

.ec_btm_btn_wrap {
  gap: 0.5rem;
}

.r-add-leads-main-wrapper .form-group.input-group.position-relative.input-group-rev input {
  padding-left: 0.75rem;
}

.r-add-leads-main-wrapper .form-group.input-group.position-relative.input-group-rev .icon-input {
  left: auto;
  right: 0.4375rem;
}

.smtp_img_wrap {
  margin-bottom: 0.5rem;
}

.smtp_img_btm_txt span,
.smtp_list_txt li {
  font-size: 0.875rem;
}

.smtp_list_txt {
  list-style-type: disc !important;
  padding-left: 20px;
}

.smtp_list_txt li {
  list-style-type: disc !important;
}

.ec_plan_wrap {
  padding-top: 1.5rem;
}

.ec_plan_top {
  margin-bottom: 1.5rem;
}

.ec_plan_top h4 {
  color: var(--black-white-black);
}

.ec_plan_top .modal-footer {
  gap: 0.5rem;
}

.ec_plan_btm .email_configuration_pricing_main {
  grid-template-columns: repeat(6, 1fr);
}

.ec_plan_btm .email_configuration_pricing {
  position: relative;
  z-index: 9;
  overflow: initial;
  transition: 0.7s all;
}

.ec_plan_btm .email_configuration_pricing:hover {
  opacity: 0.65;
}

.ec_plan_btm .cp_badge {
  position: absolute;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-grey);
  padding: 5px 10px;
  background: var(--global-white);
  border-radius: 0.25rem;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  display: none;
}

.cp_deals_rht_filter {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.cp_deals_rht_filter .cp_deals_active_status_cls {
  min-width: 10rem;
}



.cp_deals_deleted_table_view,
.cp-deals-body.show_deleted .cp_deals_active_table_view {
  display: none;
}

.cp-deals-body.show_deleted .cp_deals_deleted_table_view {
  display: block;
  margin-top: 5rem;
  border-top: 1px solid var(--card-highlight--bg-color);
}

.ec_plan_btm .checkedbx .cp_badge {
  display: block;
}

.email_configuration_pricing_inner {
  border-radius: 1.125rem;
  overflow: hidden;
}

.pe-select-plan-wrap .email_configuration_pricing .email_configuration_pricing_inner .title_pricings h4 {
  position: relative;
  line-height: 1.7rem;
}

.pe-select-plan-wrap .email_configuration_pricing .email_configuration_pricing_inner .title_pricings {
  padding: 0rem 0.625rem 5rem;
}

.conf_amt_wrap {
  border: 0.063rem solid #E1E1E1;
  border-radius: 0.25rem;
}

.conf_amt_wrap p {
  font-size: 1rem;
}

.conf_amt_top {
  padding: 0.5rem;
  border-bottom: 0.063rem solid #E1E1E1;
}

.preminum-email-services .conf_amt_top p {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.conf_amt_mid {
  padding: 0.5rem;
  border-bottom: 0.063rem solid #E1E1E1;
}

.preminum-email-services .conf_amt_mid p,
.preminum-email-services .conf_amt_btm p {
  margin-bottom: 0;
}

.conf_amt_btm {
  padding: 0.5rem;
  background: #F6F8FA;
}

.conf_txt_lft {
  width: calc(100% - 6.25rem);
}

.conf_amt_mid p.conf_txt_lft {
  font-weight: 400;
  opacity: 0.75;
}

.conf_txt_rht {
  width: 6.25rem;
  text-align: right;
}

.preminum-email-services .conf_amt_btm p {
  font-weight: 700;
}

.confirm_modal .pricing-item {
  pointer-events: none;
  border: 0.063rem solid rgba(240, 79, 41, 0.25);
}

.confirm_modal .pricing-card-primary {
  background: rgba(240, 79, 41, 0.65);
}

.c_email p {
  margin-bottom: 0;
}

.ec_info {
  color: var(--text-two);
}

.ec_info:hover {
  color: var(--text-two);
  opacity: 0.75;
}

.conf_box {
  background: #F6F8FA;
  padding: 1rem 1.5rem;
  border: 0.063rem solid #E1E1E1;
  border-radius: 0.25rem;
}

.conf_box ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.conf_box ul li {
  display: flex;
  padding: 0;
  margin: 0 0 1rem 0;
}

.conf_box ul li:last-child {
  margin: 0;
}

.conf_box ul li p {
  width: 50%;
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0;
  opacity: 0.75;
  word-break: break-all;
}

.conf_box ul li p.conf_box_p_rht {
  opacity: 1;
}

.e_config_alert {
  padding-top: 0.5rem;
}

.e_config_alert_inner {
  padding: 0.75rem;
  background: #F6F8FA;
  border-radius: 0.5rem;
}

.e_config_alert_inner h5 {
  display: flex;
  margin-bottom: 0.45rem;
  font-weight: 400;
}

.e_config_alert_success .e_config_alert_inner h5 {
  color: #51DC6B;
}

.e_config_alert_danger .e_config_alert_inner h5 {
  color: #FB5758;
}

.e_config_alert_inner h5 .e_config_alert_icon {
  width: 1.8rem;
}

.e_config_alert_inner h5 .e_config_alert_heading {
  width: calc(100% - 1.8rem);
}

.e_config_alert_inner p {
  font-size: 1rem;
  color: var(--text-grey);
  opacity: 0.75;
}

.email_unlink_modal h5 {
  max-width: 23rem;
  font-weight: 400;
  margin: 0 auto 2.5rem auto;
}

.email_config_slider {
  position: relative;
}

.email_config_slider .cs-enlarge-mail-info {
  position: absolute;
  z-index: 1;
  right: 1.25rem;
  top: 1.25rem;
  cursor: pointer;
}

.email_config_slider .cs-enlarge-mail-info i {
  color: var(--global-orange);
  font-size: 1.25rem;
  font-weight: 500;
}


.email_config_slider .carousel-inner {
  border-radius: 0;
}

.email_config_slider .carousel-caption {
  background: initial;
  padding: 1rem 0;
  position: relative;
  text-align: left;
  color: var(--text-two);
}

.email_config_slider .carousel-indicators {
  text-align: left;
  bottom: -2.75rem;
}

.email_config_slider.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: var(--white-orange-orange);
}

.email_config_slider .carousel-indicators .smtp_img_btm_txt {
  text-align: left;
}

.custom_email_box .ec_badge_light .ec_badge_icon {
  cursor: pointer;
}

/* ---------- Email Config New Design End ---------- */
.up-tocontinue .modal-body {
  max-height: 85vh;
}

.up-tocontinue .img_wrap {
  text-align: center;
}

.up-tocontinue img {
  max-height: 50vh;
}

.crm_template_background {
  background-color: var(--global-white);
  padding: 1rem;
  border-radius: 0.5rem;
}

/* PAST DUE PAYMENT */
.past-due-payment-main-wrapper {
  background: #F2F2F5;
  padding: 2rem 7.813rem;
}

.new_past_due_payment_wrapper.past-due-payment-main-wrapper {
  padding: 2.5rem 0;
}

.new_past_due_payment_wrapper.past-due-payment-main-wrapper .past-due-payment-inner {
  padding: 2rem;
}

.band-universell img {
  max-width: 30rem;
  height: 3rem;
  object-fit: contain;
}

.band-universell a {
  display: inline-block;
  margin-bottom: 2rem;
}

.title-main-due-payment h2 {
  color: var(--text-grey);
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.375rem;
  margin-bottom: 0.625rem;
}

.title-main-due-payment p {
  color: var(--text-grey);
  font-size: 1rem;
}

.past-due-payment-inner {
  width: 100%;
  background: var(--global-white);
  padding: 1rem;
  margin-top: 2rem;
  box-shadow: 0rem 0.25rem 0.938rem 0rem rgba(17, 11, 51, 0.10);
}

.title-pay-pro {
  margin: 1.5rem 0 0.563rem;
}

.title-pay-pro h4,
.pay_due_payment_method h4 {
  font-size: 1.5rem;
  color: var(--text-grey);
  margin-bottom: 1rem;
  font-weight: 600;
}

.title-pay-pro p {
  font-size: 1.1rem;
  color: var(--global-orange);
  margin-bottom: 1rem;
}

.buttom-main-sec {
  padding: 0 7.813rem 1rem;
}

.reloadicon.bg {
  background: rgba(51, 51, 51, 0.05);
  padding: 0.375rem 1rem;
  border-left: 0.0625rem solid var(--global-border-color-w-bg);
}

.r-add-leads-main-reverse button.reloadicon.bg i {
  color: var(--text-grey);
}

.footer-un {
  margin-top: auto;
  text-align: center;
}

.footer-un p {
  color: var(--global-orange);
  font-size: 1rem;
}

.past-due-payment-table {
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.past-due-payment-table .card_info_table table tbody td {
  color: var(--text-grey);
  padding: 0.5rem 0.625rem;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
  text-align: left;
}

.past-due-payment-table .card_info_table table tbody tr:last-child td {
  border: none;

}

.past-due-payment-table .card_info_table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
}

.past-due-payment-table .card_info_table tfoot {
  position: sticky;
  bottom: 0;
  z-index: 1;
  background: #fff;
}

.past-due-payment-table .card_info_table table thead th {
  background-color: #F6F8FA;
  text-align: left;
}

.past-due-payment-table .card_info_table table tfoot td {
  background: rgba(240, 79, 41, 0.10);
  padding: 0.625rem;
  font-weight: 600;
}

.past-due-payment-table .payment_transaction_details_table {
  max-height: 14rem;
}

.buttom-main-sec .tootltip-button.tootltip-button-po {
  color: var(--global-black);
}

.past-due-payment-back-to-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.past-due-payment-back-to-login .title-main-due-payment p {
  color: var(--global-orange);
  padding-bottom: 1rem;
}

#transaction_schedule_status_notification .select2-results__option {
  text-transform: capitalize;
}

.new_past_due_payment_wrapper.past-due-payment-main-wrapper .buttom-main-sec {
  margin-top: 1.625rem;
  padding: 0;
}

.pay_due_payment_method {
  margin-top: 2rem;
}

.pay_due_payment_method h4 {
  margin-bottom: 1rem;
}

.pay_due_payment_method .nav-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.pay_due_payment_method .nav-tabs .nav-item {
  width: 100%;
}

.pay_due_payment_method .nav-tabs .nav-link {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border: 0.0625rem solid #E1E1E1;
  border-radius: 0.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--text-gray);
}

.select_payment_toggle_icon img {
  width: 3.125rem;
  height: 3.125rem;
  object-fit: contain;
  filter: grayscale(1) brightness(0.5);
}

.pay_due_payment_method .nav-tabs .nav-link.active {
  border-color: var(--global-orange);
}

.pay_due_payment_method .nav-tabs .nav-link.active .select_payment_toggle_icon img {
  filter: grayscale(0) brightness(1);
}

.select_payment_toggle_txt {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.375rem;
}

.pay_due_payment_method .tab-content .mc-saved-cards {
  border-bottom: 1px solid #E1E1E1;
}

.pay_due_payment_method .mc-saved-card-wrap {
  margin: 0;
}

.pay_due_payment_method_accept_check_wrap {
  margin-top: 2rem;
}

.pay_due_payment_method .icon-input,
.pay_due_payment_method .mc-no-saved-pay-wrap h5,
.pay_due_payment_method .mc-no-saved-pay-wrap p {
  color: var(--text-gray) !important;
}

.pay_due_payment_method_accept_check_wrap label {
  text-transform: unset;
}

.pay_due_payment_method .mc-no-saved-pay-wrap i {
  color: var(--global-orange);
}

.pay_due_payment_method .pde_cc_card_wrap {
  width: 100%;
}

.payemnt_method_edit_wrap {
  margin-left: auto;
}

.payemnt_method_edit_wrap a.payemnt_method_edit_icon {
  color: #333;
}

.payment_method_edit_btn {
  background-color: transparent;
  border: 0;
  font-size: 1.25rem;
  color: var(--global-orange);
}

.payment_method_edit_btn:hover{
  color: var(--global-orange);
}

.no_saved_payment_button_wrap .r-modal-btn.r-orange-btn {
  background-color: transparent;
  color: var(--global-orange);
}

.confirm_ach_modal h4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 1rem;
}

.confirm_ach_modal p {
  margin-bottom: 1rem;
}

.confirm_ach_modal i {
  font-size: 3rem;
}

/* ANIMATED BLUB */
.r_blink_blub {
  background: transparent;
  border-color: var(--top-header-icons-border);
}

.r_blink_blub i {
  color: var(--top-header-icons-color);
}

.r_blink_blub.animated {
  animation-name: animateBulb;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-timing-function: ease-in-out;
}

.r_blink_blub.animated i {
  animation-name: animateBulb;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-timing-function: ease-in-out;
}

@keyframes animateBulb {
  from {
    color: var(--top-header-icons-color);
    border-color: var(--top-header-icons-border);
  }

  to {
    border-color: #FDC021;
    color: #FDC021;
  }
}

/* ANIMATED BLUB */

/* GRAPES BUGS CSS */

.theme-light .gjs-pn-btn {
  filter: invert(1) brightness(0);
}

.gjs-label,
.gjs-clm-header-label,
.gjs-traits-label,
.gjs-trt-header,
.gjs-layer-name,
.gjs-clm-label-sel,
.gjs-clm-sel,
.gjs-clm-sel-id,
.gjs-sm-sector-label,
.gjs-radio-item-label,
.gjs-two-color,
.gjs-four-color,
.gjs-four-color-h:hover,
.gjs-color-main,
.gjs-sm-stack #gjs-sm-add,
.gjs-off-prv {
  color: var(--white-white-black) !important;
}

.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title,
.gjs-sm-sector-title,
.gjs-sm-sector {
  font-weight: 500 !important;
}

.gjs-clm-sel-id {
  opacity: 1 !important;
}

.gjs-field-arrow-u {
  border-bottom-color: var(--white-white-black) !important;
}

.gjs-field-arrow-u,
.gjs-field-arrow-d {
  border-top-color: var(--white-white-black) !important;
}

.gjs-two-color .gjs-four-color-h:hover {
  color: var(--white-white-black) !important;
}

.gjs-pn-btn {
  font-size: 0.875rem !important;
}

.gjs-block {
  width: 28% !important;
  min-width: 1.75rem !important;
}

.gjs-pn-views-container {
  padding-top: 3.3rem !important;
}

.gjs-block {
  padding: .75em !important;
  margin: 8px 2% 2% 2% !important;
  min-height: auto !important;
}

.gjs-block__media {
  margin-bottom: 0 !important;
}

.gjs-block-label {
  white-space: nowrap !important;
}

.gjs-radio-item-label {
  padding-bottom: 5px !important;
}

.gjs-pn-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.gjs-radio-item-label {
  font-size: 0.75rem !important;
}

.gjs-pn-options {
  padding-bottom: 0 !important;
}

.trackcheckbox {
  margin-top: 2rem;
}

.drag-drop-main-wrap img {
  width: 100%;
}

.r-add-leads-main-wrapper #emailpolicyTitle .form-check-input {
  margin-top: 0.875rem;
}

.flex-parent.campaign-start-date {
  align-items: center;
}

.formShippmentOrder#SendSMSModel .btn_new_message button {
  padding: 0.3125rem 1rem;
}

.order_manage_agreement_main_wraper .r-add-leads-main-wrapper.r-input-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--global-white);
}

.order_manage_agreement_main_wraper .r-add-leads-main-wrapper .select2-selection {
  border-color: var(--global-white) !important;
  background-image: url(../images/arrow.png);
}

.order_manage_agreement_main_wraper .r-add-leads-main-wrapper.e-sign-second-select .select2-selection {
  border-color: rgba(51, 51, 51, 0.25) !important;
}

.e-signaggreement-global-input-label .r-add-leads-main-wrapper label,
.e-signaggreement-global-input-label .r-add-leads-main-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--global-white);
}

/* for solving Add agreement >>All the fields place holder's issue` */
.e-signaggreement-global-input-label .r-add-leads-main-wrapper input::placeholder,
.e-signaggreement-global-input-label .r-add-leads-main-wrapper input:focus,
.e-signaggreement-global-input-label .r-add-leads-main-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #b9e6ff;
}

.payment-catcther-preview-wrapper .input-qty,
.r-add-leads-main-wrapper input.input-qty {
  max-width: 3.25rem;
}

.payment-catcther-preview-wrapper .modal-body .parent-slider .donation-inner-wrap {
  padding: 0.5rem;
}

.payment-catcther-preview-wrapper .modal-body.r-add-leads-main-wrapper .add-payment-catcher-details-schedule {
  height: auto;
}

.payment-catcther-preview-wrapper .quantity-pricing {
  flex-wrap: wrap;
}

.schedule_transaction_btn_wrap {
  flex: 0 0 auto;
}

.btn-view-analyticks {
  text-align: right;
}

.btn-view-analyticks i {
  margin-right: 0.7rem;
}

#schedule_tab_pane .schedule_transaction_input_wrap {
  width: 100%;
}

#order-del-details-table tbody td:last-child:has(.fa-circle-info) {
  display: table-cell;
  text-align: center;
}

#orderDetailsinventorysold .dataTables_wrapper table.dataTable tbody td:first-child {
  white-space: nowrap;
}

.video-main-img img,
.demo_modal_video_wrap video {
  width: 100%;
}

.video-main-img img {
  border-radius: 0.4rem;
  max-height: 14rem;
  height: 100%;
  object-fit: cover;
}

.video-main-img {
  margin-top: 1rem;
}

.video-sign-up-exp-wrap,
.titlevideomain {
  text-align: center;
}

.video-sign-up-exp-wrap p {
  color: var(--text-two);
  font-size: 1.25rem;
}

.titlevideomain {
  padding: 1.5rem;
}

.titlevideomain h4 {
  color: var(--text-grey);
  font-size: 1.25rem;
  font-weight: 500;
  padding-bottom: 0.5rem;
}

.titlevideomain p {
  color: var(--text-grey);
  font-size: 0.85rem;
}

.demo_modal_video_wrap video {
  max-height: 25rem;
}

.modal-footer.demo_modal_bottom_btn_wrap {
  border: 0;
  padding: 0;
}

.r-add-people-rht-top .people-img:hover .overlayicon {
  display: flex;
}

.overlayicon {
  width: 100%;
  max-height: 5.75rem;
  height: 100%;
  display: none;
  background: var(--input-white-placeholder);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--global-white);
  font-size: 1.2rem;
}

.choose_template_coupon_cam_main_wraper .bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* BUGS CSS */
.r-add-leads-main-wrapper .campaigns-tab-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder,
.r-add-leads-main-wrapper .marketing_perf_table_tour .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--text-two);
}

#taxCollectionDetails .people-table-main thead th:last-child,
#taxCollectionDetails .people-table-main tbody td:last-child {
  text-align: left;
}

.emailverifications button.tootltip-button {
  padding: 0 0 0.625rem 0.5rem;
}

.edit-customer-left-accordian-wrap .no-info-edit-customer {
  background-color: var(--bg-color);
  border-radius: 0.625rem;
}

.edit-customer-left-accordian-wrap .no-info-edit-customer p,
.edit-customer-left-accordian-wrap .no-info-edit-customer span .fa-solid {
  color: var(--text-two);
}

/* Harshad bugs css */

.features_ui_main .number-all div h4:last-of-type {
  margin-top: 1rem;
  border-top: #e1e1e1 solid 1px;
  padding-top: 1rem
}

.new-inventory-product-data-details .accordion-item.without-accordion .products-img-inv-accordian .bg_doument {
  width: 32.1%;
}

.ticketinfo .dz-message {
  margin-top: -20px !important;
}

/* for datatable laoding text */
.dataTables_wrapper .dataTables_processing {
  background: var(--white-orange-orange);
  color: var(--orange-white-white);
  width: auto;
  height: auto;
  padding: 10px;
  z-index: 1;
  margin-left: -50px;
  margin-top: unset;
}

/* for datatable laoding text when open in modal window */
.theme-orange .modal .modal-body .dataTables_processing {
  background: #f04f29;
  color: #fff;
}

.dataTables_wrapper .dataTables_length label select {
  padding-left: 0.625rem !important;
  padding-right: 1.875rem !important;
}

.details-transaction-table .dataTables_wrapper .dataTables_length label select {
  padding-right: 2.5rem !important;
}

/* for fixing select coupon dropdown */
.bootstrap-select .dropdown-menu {
  width: 100%;
}

#preview_modal .modal-body .preview_html_btn {
  margin-bottom: 46px;
}

.preview_html_btn .carousel-control-next-icon,
.preview_html_btn .carousel-control-prev-icon {
  background-image: none;
}

.td-surcharge-width .select2-container .selection .select2-selection .select2-selection__rendered li {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.ep-templatepermission .modal-body {
  overflow: visible !important;
}

.ep-templatepermission .modal-body .r-user-wrapper .available {
  max-height: 300px;
  overflow-y: scroll;
}

/* End Harshad bugs css */
tbody td:last-child:has(.fa-circle-info) span {
  color: var(--white-white-black);
}

.modal-body tbody td:last-child:has(.fa-circle-info) span {
  color: var(--text-grey);
}

.btn-export.dropdown-toggle.error_el {
  color: var(--orange-orange-white) !important;
}

.crm_customer_top_rht {
  width: 33rem;
}

.new_inv_table_updates .deleteInventory {
  /* display: inline-block; */
  margin-top: 6px;
}

.tickets-main-wraper .new-white-input-select-two .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
  color: var(--black-white-black) !important;
}

.tickets-main-wraper .new-white-input-select-two .dropdown.bootstrap-select>.dropdown-toggle {
  border: 0.0625rem solid var(--black-white-black) !important;
}

.r-add-leads-main-wrapper.tickets-main-wraper .employee-logs-rht-wrap input {
  color: var(--black-white-black) !important;
  border-color: var(--black-white-black) !important;
}

.tickets_table_wrap_main .dropdown-toggle.bs-placeholder .filter-option-inner-inner,
.dropdown-toggle.bs-placeholder .filter-option-inner-inner {
  color: var(--white-white-black) !important;
}

.pricing-billing-wrap .pricing-item button {
  color: var(--white-white-black);
}

.pricing-billing-wrap .pricing-item button:hover {
  color: var(--white-white-black);
}

.r-add-people-rht-content a.btn {
  padding: 0;
}

.lead_flex_range_status.l_track_bx_wrap .input-group.search_int {
  width: 40% !important;
}

.snapfileaction {
  overflow: hidden;
}

.existingcoupons .r-add-people-lable-input-wrap.from-shipping-error .inner-group-field-with-icon input {
  border: none;
}

.existingcoupons .r-add-people-lable-input-wrap.from-shipping-error .inner-group-field-with-icon .form-select-unit {
  background-color: #f5f5f529;
}

.e_gift_market_wrapper .lead_track_flex {
  margin-bottom: 1rem;
}

.ui-state-active .vt-assign-dropdown-menu-rht h6,
.ui-state-active .vt-assign-dropdown-menu-rht p {
  color: var(--global-white);
}

#call_script_modal .cke_chrome {
  width: 100% !important;
}

.virtual_t_cardtype .vt-cardnumber,
.virtual_t_cardtype .cardtype,
.virtual_t_cardtype .vt-assincutomers {
  width: 32.7%;
  display: block;
}

.multipleFixed .table-inventory-services span.select2.select2-container {
  max-width: 26rem;
}

.vtfinalpaymodal button.cancelvtOrder {
  color: var(--global-black);
}

#quickEditInventory .error_el {
  white-space: normal;
}

#createnewtickets .dollar-input {
  width: 100%;
}

#confidentialInformationModal .error_el {
  white-space: normal;
}

/* #createnewtickets ul li:first-child{
  display: none;
} */
#AddCoupon .bootstrap-select.show-tick .dropdown-menu li a span.text,
#createnewtickets .bootstrap-select.show-tick .dropdown-menu li a span.text {
  white-space: normal;
}

#createnewtickets .bootstrap-select .dropdown-menu .inner {
  max-height: 20rem !important;
}

.invoice_sms_alm {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.invoice_sms_alm .btn_new_message {
  flex: 0 0 auto;
}

.invoice_sms_alm button.orange-btn,
.invoice_sms_alm .select-wrap .dropdown {
  margin: 0 !important;
}

.start_date_shep .r-tooltip-trigger {
  color: var(--global-white) !important;
}

.modules-tutorial-wrapper .analyticsdatepicker {
  padding-left: 0.5rem;
}

.book-app-codes .select2-container {
  width: 100% !important;
}

#employeeList .sticky-col .people-table-action-wrap {
  justify-content: center;
}

.e-signaggreement-global-input-label .form-check-input.reverse:checked[type=checkbox] {
  flex: 0 0 auto;
}

#appointment_list .note-edit.add_notes_btn_shep {
  display: block;
}

.order-list-tab-bottom .people-table-main table tbody td a {
  text-transform: capitalize;
  text-decoration: underline;
}

.order-list-tab-bottom .people-table-main table tbody td a.dropdown-item {
  text-decoration: none;
}

.order_list_delete_tab_table {
  display: none;
}

.table_remarks {
  white-space: nowrap;
  width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-transform: initial;
}

.theme-dark .items-icons img,
.theme-orange .items-icons img {
  filter: invert(1) brightness(100);
}

.r-add-leads-main-wrapper input[type="search"]::-webkit-search-decoration,
.r-add-leads-main-wrapper input[type="search"]::-webkit-search-cancel-button,
.r-add-leads-main-wrapper input[type="search"]::-webkit-search-results-button,
.r-add-leads-main-wrapper input[type="search"]::-webkit-search-results-decoration {
  filter: invert(1) brightness(100);
}

.theme-light .r-add-leads-main-wrapper input[type="search"]::-webkit-search-decoration,
.theme-light .r-add-leads-main-wrapper input[type="search"]::-webkit-search-cancel-button,
.theme-light .r-add-leads-main-wrapper input[type="search"]::-webkit-search-results-button,
.theme-light .r-add-leads-main-wrapper input[type="search"]::-webkit-search-results-decoration {
  filter: invert(0) brightness(0);
}

.carousel-item img {
  height: auto !important;
}

/* END BUGS CSS */
/* NOTIFICATION PAGE */
.notification-user-wrap {
  width: 100%;
  height: calc(100vh - 18vh);
  overflow: auto;
}

.notification-user-wrap .incomming-notification-content P,
.notification-user-wrap .incomming-notification-content time,
.notification-user-wrap .incomming-notification-content h5 {
  color: var(--text-two);
}

.notification-user-wrap ul li a {
  display: inline-block;
  padding: 1rem;
}

.notification-user-wrap ul li a.hightlight {
  background: var(--global-upload-background-w-bg);
}

.notification-user-wrap ul li {
  list-style: none;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
  display: inline-block;
}

.notification-user-wrap .incomming-notification-img i {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  color: var(--white-white-orange);
}

.header-notification {
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.noti-delete-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  overflow: inherit;
  padding: 1rem;
}

.btn-threedot-icon {
  color: var(--white-white-orange);
  font-size: 1.5rem;
}

.btn-threedot-icon:hover {
  color: var(--white-white-orange);
}

.notifi-nav-drop {
  width: 11.6875rem;
  background: var(--global-white);
  right: 0;
  top: 1rem;
  border-radius: 0.25rem;
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
  position: relative;
}

.notifi-nav-drop:after {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--global-white);
  right: 0;
  top: 0;
  transform: rotate(45deg) translateX(-50%);
  z-index: -1;
  box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
}

.notifi-nav-drop ul li {
  display: list-item;
  border: none;
}

.notifi-nav-drop ul li a {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-grey);
  width: 100%;
  border: 0;
  display: inline-block;
  padding: 0.5rem 1rem;
}

.notifi-nav-drop ul li a i {
  margin-right: 0.3125rem;
}

.notifi-nav-drop ul li a:hover,
.notifi-nav-drop ul li a.active {
  background: var(--global-upload-background-w-bg);
  color: var(--text-grey);
}

.content-notification-body {
  width: 100%;
  height: calc(100vh - 28vh);
  overflow: auto;
  padding: 1rem;
}

.content-notification-body p {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-grey);
  padding-bottom: 1rem;
}

.incomming-notification .notifi-nav-drop {
  width: auto;
  top: 0;
}

.notification-setting-views {
  padding: 0;
  overflow: hidden;
}

.notification-setting-views table tbody td {
  vertical-align: baseline;
}

.notification-setting-views table tbody td span {
  display: block;
  padding: 0.5rem 0;
}

.notification-setting-views table thead th:last-child,
.notification-setting-views table tbody td:last-child {
  text-align: left;
}

/* END NOTIFICATION PAGE */


/* 
.paymodal.modal {
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 90vh;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.paymodal .modal-content {
  background-color: #fefefe;
  margin: auto;
  max-width: 600px;
  width: 100%;
  padding: 0px;
  position: relative;
}

.paymodal .close {
  background: #fff;
  font-size: 20px;
  color: #000;
  font-weight: 700;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgb(0 0 0 / 0.8) 0 0 8px;
  position: absolute;
  top: -12px;
  right: -12px;
  float: right;
  opacity: 1;
  cursor: pointer;
}
.paymodal.close:hover, .paymodal.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#catcherloader {
  width: 50px;
  height: 50px;
  border: #f3f3f3 4px solid;
  border-radius: 50%;
  border-top: #3a7bff 4px solid;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.btn-appointment {
  background-color: #3A7BFF;
  font-size: 1rem;
  color: #fff;
  border-color: #3A7BFF;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  border: transparent 1px solid;
  padding: .375rem .75rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out;
  background-color: .15s ease-in-out;
  border-color: .15s ease-in-out;
  box-shadow: .15s ease-in-out;
}
.btn-appointment:hover {
  background-color: #0069D9;
  color: #fff;
  border-color: #0069D9;
}
.btn-appointment:focus {
  border-color: #0069D9;
  outline: none;
}
.paymodal .modal-content{
  width: 94% !important;
  height: 95vh;
  top: 50%;
  left: 0;
  transform: translate(0%,-50%);
}
.paymodal .modal-content iframe{
  height: 95vh;
  width: 100%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (max-width:767.98px) {
  .paymodal.modal {
    padding-top: 0px !important;
    height: 100vh !important;
  }
  .paymodal .modal-content{
    width: 94% !important;
    height: 95vh;
    top: 50%;
    left: 0;
    transform: translate(0%,-50%);
  }
  .paymodal .modal-content iframe{
    height: 95vh;
    width: 100%;
  }
} */


/* WHAT TYPE OF BUSINESS MODEL START */
.what_type_business_modal_inner {
  display: flex;
  gap: 1rem;
}

.what_type_business_input_wrap,
.what_type_business_modal_inner .what_type_business_label {
  width: 100%;
  margin: 0;
  padding: 0;
}

.what_type_label_chek {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
  border-radius: .75rem;
  border: 1px solid var(--global-border-color-w-bg);
  gap: 1rem;
  transition: .3s all linear;
}

.what_type_label_chek i {
  font-size: 2.25rem;
  transition: .3s all linear;
}

.what_type_business_txt {
  font-size: 1rem;
  font-weight: 600;
}

.what_type_business_label input:checked~.what_type_label_chek {
  background-color: var(--global-upload-background-w-bg);
  border-color: var(--global-orange);
}

.what_type_business_label input:checked~.what_type_label_chek i {
  color: var(--global-orange);
}

/* WHAT TYPE OF BUSINESS MODEL START */
/* GLOBAL SEARCH START */
.global_search_wrapper {
  position: relative;
  margin-right: 0.75rem;
}

.global_search_wrapper .main-search {
  margin-right: 0;
  width: 100%;
}

.global_search_results_wrap {
  position: absolute;
  width: 100%;
  top: 2.125rem;
  left: 0;
  opacity: 0;
  height: 0;
  visibility: collapse;
  background: var(--global-white);
  /* padding: .5rem .625rem; */
  border-radius: .375rem;
  box-shadow: 0rem 0rem .5rem 0rem rgba(0, 0, 0, .1);
  transition: .4s all ease-in-out;
  font-size: 0.875rem;
  overflow: auto;
  max-height: 50vh;
}

.active .global_search_results_wrap {
  opacity: 1;
  top: 3.125rem;
  visibility: visible;
  height: auto;
}

/* .active .main-search {
  width: 18.625rem;
} */

/* .global_search_results_inner_wrap{
  background: var(--global-white);
} */
.global_search_results_three_letters,
.global_search_results_name ul li a,
.global_search_results_no_results {
  padding: .375rem .625rem;
  width: 100%;
  display: inline-block;
}

.global_search_results_name ul li a {
  background: var(--global-white);
  color: var(--text-grey);
  position: relative;
  z-index: 2;
}

.global_search_results_name ul li a:hover {
  /* background: var(--global-orange); */
  color: var(--global-white);
}

.global_search_results_name ul li a::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.global_search_results_name ul li a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.global_search_results_name ul li a::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0 0 0 0;
  background: var(--global-orange);
  z-index: -1;
  transition: all .3s ease-in-out;
}

/* .global_search_results_name ul li a:visited{
  color: var(--global-upload-border-color-w-bg);
  background: rgba(0, 0, 0, .05);
  color: #ccc;
} */
/* .global_search_results_name ul li a:visited:hover{
  background: var(--global-orange);
  color: var(--global-white);
} */
.global_search_results_name ul {
  margin-left: 0;
}

.global_search_results_name ul li {
  list-style-type: none;
}

.global_search_results_three_letters,
.real_search .global_search_results_name,
.no_results .global_search_results_no_results {
  display: block;
}

.real_search .global_search_results_three_letters,
.global_search_results_name,
.global_search_results_no_results,
.no_results .global_search_results_name {
  display: none;
}

.global_search_term {
  font-weight: 600;
  font-style: italic;
}

/* GLOBAL SEARCH ENDS */
/* QB SYNC HISTORY START */
.qb_top_main_wrapper {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.qb_top_input_wrapper {
  width: 30%;
}

.qb_top_input_wrapper .dollar-input {
  width: 100%;
}

/* QB SYNC HISTORY ENDS */
/* POS NOT CONNECTED START */
.pos_not_top_img_wrap {
  background: #eaf5f8;
  text-align: center;
  margin-bottom: 1rem;
}

.pos_not_top_img_wrap img {
  height: 20rem;
  margin: 0 auto;
}

.pos_not_bottom_wrap {
  text-align: center;
}

.pos_not_bottom_wrap h4 {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: .5rem;
}

.pos_not_bottom_wrap p {
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
}

.pos_not_btn {
  padding: 0.5rem .75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: start;
  background: var(--global-upload-background-w-bg);
  border-radius: 0.25rem;
  color: var(--text-grey);
  border: 1px solid var(--global-upload-border-color-w-bg);
  margin-bottom: .5rem;
  font-size: 1rem;
}

.pos_not_btn:hover {
  color: var(--text-grey);
}

.pos_not_btn i {
  color: var(--global-orange);
}

.pos_not_btn:last-child {
  margin-bottom: 1.25rem;
}

.pos_not_continue_btn button {
  width: 100%;
}

/* POS NOT CONNECTED ENDS */
/* ADD AGREEMENT ENHANCEMENT */
.select-customer-title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.r-add-leads-main-wrapper .r-add-leads-main-reverse.primarydetails .select2-selection {
  border: 0.0625rem solid var(--global-input-w-bg) !important;
  background-image: url(../images/arrow-grey.png);
}

.bg-clr-td .r-add-leads-main-wrapper .r-add-leads-main-reverse .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--global-white);
}

.add-grement-preview-update .tablemain {
  min-width: 1366px;
  max-width: 1960px;
  width: 100%;
}


.esign_agreement_mobile_view {
  background-color: #f2f2f5;
  padding: 0 16px;
}

.esign_agreement_outer {
  max-width: 1440px;
  margin: 0 auto;
  background-color: #ffffff;
}

.esign_agreement_header {
  background: url('https://dev.mybmr.com/assets/admin_new/images/blue-overlay.png') no-repeat;
  background-size: cover;
  background-position: bottom;
}

.esign_agreement_header_inner {
  padding: 50px 0px 150px;
  display: flex;
  gap: 24px;
  color: #fff;
}

.esign_agreement_logo_wrap {
  flex: 0 0 auto;
}

.esign_agreement_content_wrap {
  width: 100%;
}

.esign_agreement_content_top_wrap {
  margin-bottom: 2rem;
}

.esign_agreement_content_bot_wrap ul {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
}

.esign_agreement_content_bot_wrap ul li {
  width: 33.33%;
}

.esign_agreement_content_bot_wrap ul li p {
  font-size: 14px;
}

.esign_agreemnt_top_content_title {
  font-weight: 600;
}

.esign_agreemnt_top_content_txt,
.esign_agreemnt_top_content_txt a {
  color: rgba(255, 255, 255, .75);
  word-break: break-all;
  overflow-wrap: break-word;
  white-space: normal;
}

.esign_agreement_content_wrap .esign_agreement_audit_trail_txt,
.esign_agreement_audit_trail_txt a {
  word-break: break-all;
  overflow-wrap: break-word;
  white-space: normal;
}

.esign_agreement_ticket_number_inner p {
  font-size: 14px;
}

.esign_agreement_container {
  padding: 0 50px;
  margin: 0 auto;
}

.esign_agreement_ticket_number_section {
  margin: 40px 0;
  text-align: right;
}

.esign_agreement_first_section {
  background-color: #008CC6;
  color: #fff;
  padding: 30px 0;
}

.esign_agreement_first_section h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}

.esign_agreement_first_section ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.esign_aggrement_list_title {
  font-size: 14px;
  font-weight: 600;
}

.esign_aggrement_list_txt {
  font-size: 14px;
  font-weight: 400;
}

.esign_aggrement_list_txt_ename {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.esign_agreement_description_section,
.esign_agreement_price_table_section {
  padding: 40px 0;
}

.esign_agreement_description_section h4,
.esign_agreement_description_section h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.esign_agreement_description_section h3 {
  font-size: 20px;
}

.esign_agreement_description_wrap {
  border: 1px solid rgba(51, 51, 51, .1);
  padding: 16px;
  border-radius: 8px;
}

.esign_agreement_description_wrap p {
  color: rgba(51, 51, 51, .75);
  font-size: 14px;
}

.esign_agreement_price_table_inner {
  max-width: 90%;
  margin: 0 auto;
}

.esign_agreement_price_table_inner table {
  border: 1px solid #BEDCEC;
  width: 100%;
}

.esign_agreement_price_table_inner table th,
.esign_agreement_price_table_inner table td {
  padding: 8px;
  background-color: rgba(39, 138, 193, 0.1);
  font-size: 16px;
}

.esign_agreement_price_table_inner table th {
  background-color: #278AC1;
  padding: 12px;
  color: #fff;
}

.esign_agreement_price_table_btn_wrap {
  margin-top: 40px;
  text-align: right;
}

.esign_agreement_table_btn {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  background: #278AC1;
  color: #FFF;
  padding: 8px 15px;
  border-radius: 6px;
  display: inline-block
}

.esign_agreement_table_btn:first-child {
  margin-right: 10px;
}

.esign_agreement_table_btn:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
  color: #fff;
}

.esign_agreemnent_expiry_date {
  text-align: right;
  margin-top: 16px;
}

.esign_agreemnent_expiry_date p {
  font-size: 14px;
  font-weight: 500;
  color: rgba(51, 51, 51, .75);
}

.esign_agreement_sign_ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.esign_agreement_sign_li {
  text-align: center;
}

.esign_agreement_sign_box {
  padding: 8px;
  border: 1px solid #B6DDEE;
  border-radius: 8px;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.esign_agreement_sign_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.esign_agreement_sign_li p {
  font-size: 18px;
  font-weight: 500;
}

.eign_agreement_submit_clear_btn_wrap {
  text-align: center;
  margin: 24px 0 0 0;
}

.esign_agreement_submit_btn {
  border: none;
  margin-right: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  background: #278AC1;
  color: #FFF;
  padding: 8px 15px;
  border-radius: 6px;
  display: inline-block;
  transition: .3s all linear;
  border: 1px solid transparent;
}

.esign_agreement_clear_btn {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  background: #333;
  color: #FFF;
  padding: 8px 15px;
  border-radius: 6px;
  display: inline-block;
  transition: .3s all linear;
  border: 1px solid transparent;
}

.esign_agreement_clear_btn:hover,
.esign_agreement_submit_btn:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
  color: #fff;
}

.esign_agreement_audit_trial_section {
  padding: 40px 0;
}

.esign_agreement_audit_trial_inner h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}

.esign_agreement_audit_trail_box {
  padding: 16px;
  border: 1px solid #008CC6;
  border-radius: 4px;
  margin-bottom: 20px;
}

.esign_agreement_audit_trail_box ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.esign_agreement_audit_trail_box ul li {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 4px;
}

.esign_agreement_audit_trail_box ul li img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-top: 1px;
}

.esign_agreement_audit_trail_box ul li p {
  font-size: 14px;
}

.esign_agreement_audit_trail_box ul li p a {
  color: #008CC6;
  text-decoration: underline;
}

.esign_agreement_footer {
  background-color: #008CC6;
  padding: 24px 0;
}

.esign_agreement_footer_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #fff;
}

.esign_agreement_footer_inner img {
  height: 24px;
}

.esign_agreement_footer_inner p {
  font-size: 12px;
}

/* WHITE TEMPLATE STYLES */

.white_template .esign_agreement_header {
  background: #ffffff;
}

.white_template .esign_agreement_header_inner {
  color: #333333;
  padding: 30px 0px;
}

.white_template .esign_agreemnt_top_content_txt,
.white_template .esign_agreemnt_top_content_txt a {
  color: rgba(51, 51, 51, .75);
}

.white_template .esign_agreement_content_wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 16px;
}

.white_template .esign_agreement_logo_wrap {
  display: none;
}

.white_template .esign_agreement_content_top_wrap,
.white_template .esign_agreement_content_bot_wrap {
  width: 50%;
}

.white_template .esign_agreement_content_top_wrap {
  text-align: right;
}

.white_template .esign_agreement_content_bot_wrap ul {
  flex-direction: column;
  gap: 8px;
}

.white_template .esign_agreement_ticket_number_section {
  margin: 30px 0;
}

.white_template .esign_agreement_first_section {
  background-color: #fff;
  color: #333333;
}

.white_template .esign_agreement_first_section ul {
  grid-template-columns: repeat(2, 1fr);
}

.white_template .esign_agreement_price_table_inner table th,
.white_template .esign_agreement_price_table_inner table td {
  background-color: #fff;
  border-color: #E1E1E1 !important;
}

.esign_agreement_price_table_inner table {
  border-color: #E1E1E1;
}

.white_template .esign_agreement_price_table_inner table th {
  background-color: #FBDBC9;
  color: #333333;
}

.white_template .esign_agreement_pdf_btn {
  background: #333;
  color: #FFF;
}

.white_template .esign_agreement_content_bot_wrap ul li {
  width: 100%;
}

.white_template .esign_agreement_pay_btn {
  background: #F04F29;
  color: #FFF;
}

.white_template .esign_agreement_sign_box {
  border-color: #F38D54;
}

.white_template .eign_agreement_submit_clear_btn_wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 10px;
}

.white_template .esign_agreement_submit_btn {
  background: #F04F29;
  border-color: #F04F29;
  color: #ffffff;
}

.white_template .esign_agreement_clear_btn {
  background-color: #fff;
  color: #F04F29;
  border-color: #F04F29;
}

.white_template .esign_agreement_audit_trail_box {
  border-color: rgba(240, 79, 41, 0.3);
}

.white_template .esign_agreement_audit_trail_box ul li p a {
  color: #333333;
}

.white_template .esign_agreement_footer {
  background-color: #F04F29;
}

.integrations_sample_data pre {
  color: var(--text-two);
}

/* WHITE TEMPLATE STYLES */

@media (max-width:991px) {
  .esign_agreement_price_table_inner {
    max-width: 98%;
  }
}

@media (max-width:767px) {
  .esign_agreement_header {
    margin-bottom: 30px;
  }

  .esign_agreement_header_inner {
    padding: 30px 0px 100px;
  }

  .esign_agreement_content_top_wrap h2 {
    font-size: 24px;
    font-weight: 500;
  }

  .esign_agreement_content_bot_wrap ul {
    display: flex;
    flex-direction: column;
  }

  .esign_agreement_content_bot_wrap ul li {
    width: 100%;
    display: flex;
    gap: 8px;
  }

  .esign_agreement_first_section ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .esign_agreement_container {
    padding: 0 20px;
  }

  .esign_agreement_description_section,
  .esign_agreement_price_table_section {
    padding: 20px 0;
  }

  .esign_agreement_sign_ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .esign_agreement_audit_trail_box ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 14px;
  }

  .esign_agreement_audit_trail_box ul li {
    gap: 6px;
  }

  .white_template .esign_agreement_first_section ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width:575px) {
  .esign_agreement_table_btn {
    font-size: 12px;
    padding: 6px 12px;
  }
}

/* ADD AGREEMENT ENHANCEMENT ENDS */
/* INVENTORY ENHANCEMENT START */
.select_modifier_alerts {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.select_modifier_alerts p {
  background-color: var(--bg-light-clr-orange);
  border: 0.0625rem dashed var(--global-orange);
  border-radius: 0.4rem;
  color: var(--global-orange);
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
}

.btn-add-midifier {
  border: none;
  background-color: transparent;
  color: var(--text-two);
  font-size: 0.875rem;
  padding: 0;
  text-decoration: underline;
}

.modifier-invoice-main {
  text-align: left;
}

.nav-invoice {
  width: 32%;
  height: 100%;
  padding: 1rem;
}

.nav-invoice .nav-link {
  color: var(--text-grey);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  text-align: left;
}

.nav-invoice .nav-link.active,
.nav-invoice .show>.nav-link {
  color: var(--global-white);
  background-color: var(--global-orange);
}

.modifier-tab-content {
  width: 68%;
  padding: 1rem;
  border-left: 0.0625rem solid var(--global-input-w-bg);
}

.title-modifier-modal h4 {
  font-size: 1.25rem;
  color: var(--text-grey);
  margin-bottom: 1rem;
}

.modifier-list-ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #F6F8FA;
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

.modifier-list-ul li p {
  font-weight: 500;
  font-size: 1rem;
  color: var(--text-grey);
  flex: 0 0 auto;
  padding-left: 1rem;
}

.form-flex-qty {
  width: 8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
}

.form-flex-qty input::-webkit-outer-spin-button,
.form-flex-qty input::-webkit-inner-spin-button,
input.appearenceshow::-webkit-outer-spin-button,
input.appearenceshow::-webkit-inner-spin-button {
  --webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  opacity: 1;
}

.list-aading-modifier,
.add-modifier-invoice-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.list-aading-modifier li {
  background: var(--white-white-black);
  color: var(--orange-orange-white);
  padding: 0.2rem 0.4rem 0.2rem 0.7rem;
  border-radius: 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cancel-btn {
  margin-left: 0.5rem;
  border: none;
  background: transparent;
  outline: none;
  flex: 0 0 auto;
}

.list-aading-modifier li .cancel-btn i {
  color: var(--orange-orange-white);
}

.title_modifier_inv {
  margin-bottom: 1rem;
}

.title_modifier_inv p {
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.title_modifier_inv p span {
  font-weight: 400;
}

.title_modifier_inv_create {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
}

.title_modifier_inv_create a {
  color: var(--global-orange);
  text-decoration: underline;
}

.table-modifier-main {
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.4rem;
  overflow: hidden;
}

.table-modifier-main table {
  width: 100%;
}

.table-modifier-main table th {
  background-color: #F6F8FA;
}

.table-modifier-main table th,
.table-modifier-main table td {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: var(--text-grey);
  border-right: 0.0625rem solid var(--global-input-w-bg);
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
}

.table-modifier-main table tr:last-child th,
.table-modifier-main table tr:last-child td {
  border-bottom: none;
}

.icon-modifiers {
  padding-left: 0.6rem;
  padding-right: 0.8rem;
  flex: 0 0 auto;
}

.icon-modifiers i {
  padding-right: 0.5rem;
}

.titles-modifier h5 {
  font-size: 1rem;
  color: var(--global-black);
  font-weight: 500;
}

.modifier-group-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: var(--global-orange);
  color: var(--global-white);
  font-size: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.4rem;
}

.btn-delete-edit {
  flex: 0 0 auto;
}

.btn-delete-edit button {
  background: transparent;
  border: none;
  color: var(--global-white);
}

.btn-delete-edit button i {
  color: var(--global-white);
}

.modifier-btn-flex {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.modifier-btn-flex .form-group {
  width: 50%;
}

.list-modifier,
.modifier-name-price-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modifier-name-price-flex {
  gap: 0.7rem;
}

.modifier-name-price-flex .r-add-people-lable-input-wrap {
  width: 100%;
}

.list-modifier p.price {
  flex: 0 0 auto;
}

.modifier-group-list p {
  color: var(--global-white);
  font-size: 0.875rem;
}

.titles-modifier {
  margin-bottom: 0.7rem;
}

.titles-modifier p {
  color: var(--global-black);
  font-size: 0.875rem;
}

.r-people-rht.bulk-btn {
  flex: 0 0 auto;
}

.modifier_info_wrap {
  padding: 0.75rem 1rem 0.75rem 0.75rem;
  border: 0.0625rem dashed var(--global-input-border);
  border-radius: 0.5rem;
  position: relative;
  background: var(--card-highlight--bg-color);
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
}

.modal-body .modifier_info_wrap {
  padding: 1rem 1.25rem 1rem 1rem;
  border: 0.0625rem dashed var(--global-orange);
  background: var(--global-upload-background-w-bg);
}

.modifier_info_icon {
  font-size: 1.75rem;
  margin-bottom: .5rem;
  opacity: .75;
}

.modifier_info_wrap span {
  position: absolute;
  top: 0.25rem;
  right: 0.5rem;
  color: var(--global-orange);
}

/* INVENTORY ENHANCEMENT ENDS */
/* APP & INTEGRATION START */
.app_intregation_main_title_wrap .main-search {
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, .1);
  border-radius: 0.25rem;
}

.app_intregation_main_title_wrap .searchinput {
  border-color: var(--white_white_black-03);
  border-radius: 0.25rem;
}

.app_intregation_filter_list_wrap {
  list-style: none;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.app_intregated_tag {
  background: var(--global-orange);
  color: var(--global-white);
  padding: .25rem .75rem;
  border-radius: 0.25rem;
  display: inline-block;
}

.app_intregation_close_btn {
  color: var(--global-white);
}

.app_intregated_tag button.r-icon-btn {
  padding: 0;
  line-height: 1;
  margin-left: .125rem;
  font-size: .875rem;
}

.app_intregation_card_wrap {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.app_intregation_card {
  background: var(--global-white);
  padding: 1rem 1.5rem;
  border-radius: .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 49%;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, .1);
  transition: .35s all linear;
}

.app_intregation_card:hover {
  box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, .2);
}

.app_intregation_lft {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.app_intregation_rht {
  width: 10%;
  text-align: right;
}

.app_intregation_icon {
  width: 3.125rem;
  cursor: pointer;
}

.app_intregation_icon i {
  font-size: 1.5rem;
  color: var(--global-orange);
}

.app_intregation_content {
  width: 100%;
}

.app_intregation_content h4 {
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}

.app_intregation_content h4 a {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: #51DC6B;
  color: var(--global-white);
  font-size: 0.75rem;
  margin-left: .125rem;
  border-radius: 3.75rem;
  float: right;
}

.app_intregation_content p {
  margin-bottom: 0.75rem;
}

.app_intregation_card_tags_wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: .5rem;
}

.app_intregation_card_tags {
  font-size: 0.75rem;
  background: var(--global-upload-background-w-bg);
  color: var(--global-orange);
  border-radius: 1rem;
  padding: 0.0625rem .375rem;
}

.app_intregation_download_btn {
  border: 1px solid var(--global-orange);
  padding: .375rem;
  border-radius: .125rem;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--global-orange);
  transition: .3s all linear;
  margin-left: auto;
}

.app_intregation_download_btn:hover {
  background: var(--global-orange);
  color: var(--global-white);
}

.modal-title-flex {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 0.5rem;
}

.comment-icon {
  font-size: 2rem;
  color: #F04F29;
}

.integration_nav_tabs {
  width: auto;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  background-color: rgba(51, 51, 51, 0.26);
  padding: 0.25rem;
  border-radius: 2.5rem;
  box-shadow: 0rem 0rem 0.1875rem 0rem var(--global-input-w-bg);
}

.integration_nav_tabs .nav-link {
  background-color: transparent;
  color: var(--text-grey);
  font-size: 1rem;
  padding: 0.3125rem 0.9375rem;
  border-radius: 2.5rem;
  border: none;
  margin: 0;
}

.integration_nav_tabs .nav-item.show .nav-link,
.integration_nav_tabs .nav-link.active {
  background-color: var(--global-orange);
  color: var(--global-white);
}

.integrate-content p {
  color: var(--text-grey);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.app_intregation_action_wrap {
  margin-top: 1rem;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: .5rem;
}

.app_intregation_btn {
  width: 1.875rem;
  height: 1.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background: var(--global-orange);
  color: var(--global-white);
}

.app_intregation_btn img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}

/* APP & INTEGRATION ENDS */
/* APP & INTREGATION MODAL START */
.app_intregation_main_title_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 1rem;
}

.app_intregation_main_title_wrap h2 {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--text-one);
}

.app_intregation_filter_search_wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
}

.app_intregation_filter_search_wrap button.r-icon-btn {
  color: var(--orange-white-orange);
}

.modal-content .accordian-integration .accordion-item {
  background: var(--global-white);
}

.modal-content .accordian-integration .accordion-item .accordion-button {
  color: var(--global-orange);
  font-size: 1rem;
  padding: 1rem 0;
}

.accordian-integration .accordion-item .accordion-body p {
  color: var(--text-grey);
  font-size: 0.875rem;
  padding: 0 0 1rem;
}

.accordian-integration .accordion-item .accordion-body {
  border: none !important;
}

.accordian-integration .accordion {
  border-bottom: 0.0625rem solid var(--global-input-w-bg);
  margin-bottom: 1rem;
}

.screenshort-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.screenshort-main img {
  width: 15.4rem;
  height: 10rem;
  object-fit: cover;
  border-radius: 0.4rem;
}

/* APP & INTREGATION MODAL ENDS */
/* FAST SHOP ENHANCEMENT START */
.fastshop-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.fastshop-nav-column {
  width: 17rem;
  flex: 0 0 auto;
}

.fastshop-content-column {
  width: 100%;
}

.fastshop-nav-column .gradiant-card.r-fast-shop-nav {
  padding: 0;
  margin-bottom: 0.5rem;
}

.fastshop-nav-column .r-fast-shop-nav ul li .r-fast-nav-item {
  display: flex;
  align-items: center;
  border-radius: 0;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.fastshop-nav-column .r-fast-shop-nav ul li .r-fast-nav-item span,
.fastshop-nav-column .r-fast-shop-nav ul li .r-fast-nav-item i {
  flex: 0 0 auto;
}

.fastshop-nav-column .r-fast-shop-nav ul li:first-child .r-fast-nav-item {
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}

.fastshop-nav-column .r-fast-shop-nav ul li:last-child .r-fast-nav-item {
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  border: none;
}

.fastshop-nav-column .opentab {
  margin-left: auto;
}

.fastshop-nav-column .r-fast-nav-item .opentab i {
  margin: 0 0 0 1.5rem;
}

.custom-form-settings-modal-body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  width: auto;
}

/* FAST SHOP ENHANCEMENT END */
/* FAST SHOP NEW CODE START */
/* FAST SHOP ENHANCEMENT START */
/*HEADER CSS*/
.e-commerce-live-responsive {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--global-white);
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  padding: 0.5rem;
  box-shadow: 0 0 0.625rem 0.25rem rgba(0, 0, 0, .2);
  position: relative;
  z-index: 997;
}

.e-commerce-live-responsive .content {
  width: 100%;
  text-align: center;
}

.e-commerce-live-responsive p {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--global-black);
}

.e-commerce-live-responsive a {
  color: var(--global-orange);
  text-decoration: underline;
  font-weight: 600;
}

.responsive-tab {
  margin-left: auto;
  flex: 0 0 auto;
}

.responsive-tab span {
  width: 2rem;
  height: 2rem;
  background-color: var(--global-white);
  color: var(--text-grey);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  cursor: pointer;
}

.responsive-tab span.active {
  background-color: var(--global-upload-background-w-bg);
  color: var(--global-orange);
}

.fast-shop-main-wrap .r-fast-main-layout-wrap .fast-shop-header {
  width: 100%;
  /* position: fixed; */
  top: 0;
  left: 0;
  right: 0;
  z-index: 1051;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

.fast-shop-main-wrap .r-fast-main-layout-wrap .fast-shop-header .navbar-brand {
  max-height: 30px;
}

.fast-shop-main-wrap .logo-main {
  border-right: 0.0625rem solid rgba(0, 0, 0, .2);
  margin-right: 0.625rem;
}

.fast-shop-main-wrap .logo-main .navbar-brand {
  margin-right: 8px;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 3.125rem;
}

.fast-shop-main-wrap .logo-main .nav-logo {
  width: 3.75rem;
  max-height: 40px;
  object-fit: contain;
}

.fast-shop-main-wrap .nav-right-fast-flex {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
}

.fast-shop-main-wrap .fast-nav-main .navbar-nav .nav-item {
  padding: 0 0.9375rem;
}

.fast-shop-main-wrap .fast-nav-main .navbar-nav .nav-link {
  padding: 0.625rem 0;
}

.fast-shop-main-wrap .fast-nav-main .navbar-nav .nav-link.active,
.fast-shop-main-wrap .fast-nav-main .navbar-nav .show>.nav-link,
.fast-shop-main-wrap .fast-nav-main .navbar-nav .nav-link:hover {
  color: var(--color-primary) !important;
  border-bottom: 0.0625rem solid var(--color-primary);
}

.fast-shop-main-wrap .search-fast-shop {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
  border: 1px solid rgba(0, 0, 0, .2);
  padding: 0;
  border-radius: 3.2px;
}

.fast-shop-main-wrap .search-fast-shop input {
  border: none;
  padding: 0.375rem 0.625rem;
  font-size: 1rem;
}

.fast-shop-main-wrap .search-fast-shop input:focus {
  box-shadow: 0 0 0 transparent;
}

.fast-shop-main-wrap .f_search_results_no_results p,
.fast-shop-main-wrap .f_search_results_three_letters p {
  margin: 0;
  padding: 0.625rem;
}

.fast-shop-main-wrap .f_search_term {
  font-weight: 600;
  font-style: italic;
}

.fast-shop-main-wrap .icon-serch-shop {
  padding-left: 8px;
}

.fast-shop-main-wrap .go-btn-search {
  font-size: 1rem;
  color: var(--global-white);
  padding: 0.4375rem 0.75rem;
  border: none;
  background-color: var(--global-orange);
}

.fast-shop-main-wrap .dropdown-toggle::after {
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: center right 0;
  width: 20px;
  height: 34px;
  border: none !important;
}

.fast-shop-main-wrap .ul-fillter-items i {
  padding-right: 0.625rem;
}

/* cart icon css */
.fast-shop-main-wrap .btn-cart-fast-shop {
  color: var(--global-orange);
  font-size: 2.125rem;
  position: relative;
}

.fast-shop-main-wrap .btn-cart-fast-shop span.cart-count {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--global-orange);
  border: 0.125rem solid #fff;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: 0;
  right: -0.625rem;
}

.fast-shop-main-wrap .btn-cart-fast-shop span.cart-count sup {
  position: absolute;
  top: 0.3125rem;
  right: 0.1875rem;
}

.fast-shop-main-wrap input.go-btn {
  background-color: var(--global-orange);
}

.fast-shop-main-wrap .input-group-text.search-icon {
  color: #333;
}

.fast-shop-main-wrap .btn-cart-fast-shop:hover {
  color: var(--global-orange);
}

.fast-shop-main-wrap .nav-right-fast-flex.mobile-right {
  display: none;
}

/* CATEGORI NAVBAR*/
.fast-shop-main-wrap .f-nabvar-category {
  padding: 0;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, .2);
}

.fast-shop-main-wrap .f-nabvar-category .dropdown-menu {
  padding: 0;
  border: none;
  box-shadow: 0 0rem 1.25rem -0.0625rem rgba(18, 11, 53, 0.1);
  border-radius: 0;
}

.fast-shop-main-wrap .f-nabvar-category .dropdown-menu li {
  position: relative;
}

.fast-shop-main-wrap .f-nabvar-category .navbar-nav li a.nav-link {
  padding: 0.625rem 1.25rem;
  font-weight: 400;
}

.fast-shop-main-wrap .f-nabvar-category .navbar-nav li ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4375rem 0.625rem;
}

.fast-shop-main-wrap .f-nabvar-category .navbar-nav li ul li a i {
  flex: 0 0 auto;
  padding-left: 0.625rem;
}

.fast-shop-main-wrap .f-nabvar-category .nav-item .submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}

.fast-shop-main-wrap .f-nabvar-category .nav-item .submenu-left {
  right: 100%;
  left: auto;
}

.fast-shop-main-wrap .f-nabvar-category .dropdown-menu>li:hover>.submenu {
  display: block;
}

.fast-shop-main-wrap .f-nabvar-category .nav-link {
  display: flex;
  align-items: center;
  padding: 0;
  color: #333;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 0px;
}

.fast-shop-main-wrap .f-nabvar-category .dropdown-toggle.show,
.fast-shop-main-wrap .f-nabvar-category .nav-link:focus,
.fast-shop-main-wrap .f-nabvar-category .nav-link:hover,
.fast-shop-main-wrap .f-nabvar-category ul li.active .nav-link {
  background-color: rgba(240, 79, 41, 0.3);
  color: var(--color-primary) !important;
}

.fast-shop-main-wrap .f-nabvar-category .dropdown-item.active,
.fast-shop-main-wrap .f-nabvar-category .dropdown-item:hover {
  background-color: rgba(240, 79, 41, 0.3);
  color: var(--color-primary);
}

.fast-shop-main-wrap .f-nabvar-category .dropdown-toggle::after {
  filter: invert(1);
}

.fast-shop-main-wrap .navbar-nav-more {
  margin-left: auto;
  border-left: 0.0625rem solid rgba(0, 0, 0, .2);
}

.fast-shop-main-wrap .navbar-nav-more .dropdown-item {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, .2);
}

.fast-shop-main-wrap .f-btn-loging {
  color: var(--global-white);
  background-color: var(--global-orange);
  font-size: 1rem;
  padding: 0.4375rem 1.25rem;
  border: none;
  border-radius: 0.25rem;
}

.fast-shop-main-wrap .f-filter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0;
}

.fast-shop-main-wrap .btn-filter-fast {
  display: flex;
  align-items: center;
  border: none;
  background-color: var(--global-orange);
  color: var(--global-white);
  border-radius: 0.25rem;
  padding: 0.125rem 0.5rem;
}

.fast-shop-main-wrap .btn-filter-fast span {
  max-width: 7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
  color: var(--global-white);
}

.fast-shop-main-wrap .ul-fillter-items {
  margin: 0.6875rem 0 0 !important;
  padding: 0;
  border: none;
  background-color: #fff;
  filter: drop-shadow(0rem 0rem 0.625rem rgba(0, 0, 0, .2));

}

.fast-shop-main-wrap .ul-fillter-items::after {
  content: "";
  width: 2.0625rem;
  height: 2rem;
  background-image: url(../images/fast-shop-img/arrow-up.png);
  background-repeat: no-repeat;
  background-size: 2.5rem;
  position: absolute;
  top: -0.625rem;
  right: 0;
  z-index: -1;
}

.fast-shop-main-wrap .ul-fillter-items li a {
  border-bottom: 0.0625rem solid #E1E1E1;
}

.fast-shop-main-wrap .ul-fillter-items li:first-child a {
  border-top-right-radius: 6.4px;
  border-top-left-radius: 6.4px;
}

.fast-shop-main-wrap .ul-fillter-items li:last-child a {
  border-bottom-right-radius: 6.4px;
  border-bottom-left-radius: 6.4px;
}

.fast-shop-main-wrap .ul-fillter-items .dropdown-item:focus,
.fast-shop-main-wrap .ul-fillter-items .dropdown-item:hover {
  color: #fff !important;
  background-color: var(--color-primary);
}

.fast-shop-main-wrap .f-layout-banner-sec {
  width: 100%;
  min-height: 274px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 0;
  position: relative;
  z-index: 9;
  color: #fff;
}

.fast-shop-main-wrap .f-layout-banner-sec:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  z-index: -1;
  opacity: .6;
}

/*PRODUCTS CSS*/

.fast-shop-main-wrap .fast-products-list-flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2.5rem;
}

.fast-shop-main-wrap .produts-items-img {
  position: relative;
  margin-bottom: 0.3125rem;
}

.fast-shop-main-wrap .produts-items-img img {
  width: 100%;
  height: 14.625rem;
  object-fit: cover;
}

.fast-shop-main-wrap .out-of-stock {
  display: inline-block;
  background-color: var(--global-orange);
  color: #fff;
  font-size: 0.875rem;
  padding: 0.125rem 0.5rem;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 500;
}

.fast-shop-main-wrap .products-items {
  width: 32.333%;
  border-radius: 0.25rem;
  border: 0.0625rem solid rgba(0, 0, 0, .2);
}

.fast-shop-main-wrap .products-items-list {
  padding: 1rem;
}

.fast-shop-main-wrap .products-content a {
  color: #333;
  font-size: 1rem;
  text-decoration: underline;
  margin-bottom: 1rem;
  display: block;
}

.fast-shop-main-wrap .pricing-qty-f,
.fast-shop-main-wrap .qty-pricing {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fast-shop-main-wrap .qty-pricing {
  justify-content: center;
}

.fast-shop-main-wrap .btn-pricing-value {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 0.875rem;
  border: none;
  background: var(--global-orange);
  color: var(--global-white);
  border-radius: 0.125rem;
}

.fast-shop-main-wrap .input-qty-f {
  border: none;
  width: auto;
  max-width: 3rem;
  width: auto;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  color: #333;
  padding: 0;
  box-shadow: none;
  pointer-events: none;
}

.fast-shop-main-wrap .input-qty-f:focus {
  border: none;
  outline: none;
}

.fast-shop-main-wrap .btn-shop-card {
  text-align: center;
  border-top: 0.0625rem solid rgba(0, 0, 0, .2);
}

.fast-shop-main-wrap .btn-add-card {
  font-size: 1rem;
  color: #5E0587;
  padding: 0.625rem;
  font-weight: 600;
  border: none;
  background: transparent;
  text-transform: uppercase;
}

.fast-shop-main-wrap .btn-add-card i {
  color: var(--global-orange);
  padding-right: 0.625rem;
}

/* PAGINATION */
.fast-shop-main-wrap .uniersal-pagination-wrap {
  padding: 0 0 1.5rem;
}

.fast-shop-main-wrap .f-universal_pagination {
  margin: 0;
  justify-content: center;
}

.fast-shop-main-wrap .f-universal_pagination .page-link {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333;
  border-color: #D9D9D9;
  padding: 0.5rem 1rem;
}

.fast-shop-main-wrap .f-universal_pagination .active>.page-link,
.fast-shop-main-wrap .f-universal_pagination .page-link.active,
.fast-shop-main-wrap .f-universal_pagination .page-link:focus,
.fast-shop-main-wrap .f-universal_pagination .page-link:hover {
  color: var(--global-white);
  background-color: var(--global-orange);
  box-shadow: 0 0 0 transparent;
}

.fast-shop-main-wrap .custom_pagination.f-universal_pagination a {
  color: var(--global-black);
}

.fast-shop-main-wrap .custom_pagination.f-universal_pagination a:hover,
.fast-shop-main-wrap .custom_pagination.f-universal_pagination strong {
  background-color: var(--global-orange);
  color: var(--global-white) !important;
}

/* CATEGORI NAVBAR*/
/* FAST SHOP NEW CODE START */
/* DIALER COUNRTY CODE CSS */
input.country-code-select {
  padding: 0.5rem 0.5rem 0.5rem 2.5rem !important;
  border: 0.0625rem solid var(--global-input-w-bg) !important;
  height: 2.25rem;
  background-color: transparent;
}

.intelinputmodal .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

/* NOTIFICATION ENHANCEMNET CSS */
.n_inner_main_row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}

.n_nav_pill_wrap {
  width: 14.375rem;
  flex: 0 0 auto;
}

.n-tab-content {
  height: calc(100vh - 20vh);
  overflow: hidden;
}

.titile_n_pill {
  font-size: 1.125rem;
  color: var(--text-two);
  padding: 1rem;
  font-weight: 500;
  border-bottom: 0.0625rem solid var(--white_white_black-03);
}

.n-buttons-nav-pills {
  flex-direction: column;
  padding: 0;
  height: calc(100vh - 26vh);
  overflow: auto;
}

.n-buttons-nav-pills .nav-link {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  color: var(--text-two);
  font-weight: 400;
  text-align: left;
  padding: 1rem;
  border-radius: 0;
  border-bottom: 0.0625rem solid var(--white_white_black-03);
}

.n-buttons-nav-pills .nav-link i {
  margin-right: 0.5rem;
  color: var(--white-white-orange);
}

.n_nav_count {
  display: inline-block;
  padding: 0.2rem 0.4rem;
  background-color: var(--white_white_orange-l);
  color: var(--white-white-orange);
  border-radius: 0.2rem;
  font-weight: 600;
  font-size: 0.875rem;
}

.n-buttons-nav-pills .nav-link.active,
.n-buttons-nav-pills .show>.nav-link {
  background-color: var(--white_white_orange-l);
  color: var(--white-white-black);
}

.n-tab-content,
.n_user_inner_wrap li a {
  width: 100%;
}

.title_n_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--white_white_black-03);
}

.title_n_header h4 {
  border: none;
  padding: 0;
}

.notification_inner_content_wrap {
  width: 100%;
  gap: 1rem;
  padding: 1rem;
}

.notification_inner_content_wrap .n_drop_down {
  /* display: none; */
}

.n_outer_wrap {
  overflow: auto;
  max-height: calc(100vh - 28vh);
}

.n_user_inner_wrap li {
  list-style: none;
  border-bottom: 0.0625rem solid var(--white_white_black-03);
}

.n_user_inner_wrap li.unread {
  background-color: var(--white_white_orange-l);
  color: var(--white-white-black);
}

.incomming_n {
  width: 100%;
}

.incomming_n,
.incomming_n_img,
.notification_inner_content_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.incomming_n_img {
  padding: 0;
  justify-content: center;
  align-items: center;
  position: relative;
}

.incomming_n_img,
.incomming_n_img img {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 100%;
  flex: 0 0 auto;
  object-fit: contain;
  background-color: var(--white_white_orange-l);
  color: var(--white-white-orange);
  font-size: 1.125rem;
}

.n_drop_down_unread_toggle {
  background: transparent;
  border: none;
  padding: 0;
  color: var(--white-white-orange);
  font-size: 1.2rem;
}

.n_drop_down_unread_toggle::after {
  display: none;
}

.dropdown_n_unread {
  width: 1.125rem !important;
  height: 1.125rem;
  background-color: #FCDDD6;
  border: 0.11rem solid var(--white-white-orange);
  border-radius: 100%;
  position: absolute;
  bottom: -3px;
  right: -3px;
  z-index: 2;
  padding: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.dropdown_n_unread span {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background-color: var(--global-upload-border-color-w-bg);
  flex: 0 0 auto;
}

.dropdown_n_unread ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.dropdown_n_unread ul::after {
  left: -2px;
}

.dropdown_n_unread ul li a {
  font-size: 0.875rem;
  color: var(--text-grey);
  padding: 0.5rem;
  border-radius: 0.4rem;
}

.incomming_n_content {
  padding-left: 0.5rem;
}

.incomming_n_content h5 {
  color: var(--text-two);
  font-size: 1rem;
  margin-bottom: 0.3rem;
  font-weight: 500;
  word-break: break-word;
}

.incomming_n_content p,
.incomming_n_content time {
  color: var(--text-two);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  word-break: break-word;
}

.incomming_n_content time {
  margin: 0;
  opacity: 0.5;
}

.n_drop_down {
  position: relative;
}

.n_drop_down_toggle {
  background: transparent;
  border: none;
  padding: 1rem 1rem 0;
  color: var(--white-white-orange);
  font-size: 1.2rem;
}

.n_drop_down_toggle.dropdown-toggle::after {
  display: none;
}

.n_drop_down ul,
.dropdown_n_unread ul {
  margin: 0.6875rem 0 0 !important;
  padding: 0;
  border: none;
  background-color: #fff;
  filter: drop-shadow(0rem 0rem 0.625rem rgba(0, 0, 0, .2));
}

.n_drop_down ul li a {
  padding: 0.5rem;
}

.n_drop_down ul::after,
.dropdown_n_unread ul::after {
  content: "";
  width: 2.0625rem;
  height: 2rem;
  background-image: url(../images/fast-shop-img/arrow-up.png);
  background-repeat: no-repeat;
  background-size: 2.5rem;
  position: absolute;
  top: -0.625rem;
  right: 0;
  z-index: -1;
}

.n_drop_down .dropdown-item:focus,
.dropdown_n_unread .dropdown-item:focus,
.dropdown_n_unread .dropdown-item:hover,
.n_drop_down .dropdown-item:hover {
  background-color: var(--bg-light-clr-orange);
  color: var(--global-orange);
}

.notification_last_months {
  text-align: center;
  padding: 3rem 1rem;
}

.notification_last_months i {
  color: var(--white-white-orange);
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.notification_last_months p {
  color: var(--text-two);
  font-size: 0.875rem;
}

.n_alert {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--white_white_orange-l);
  color: var(--black-white-black);
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}

.n_alert i {
  color: var(--orange-white-orange);
  margin-right: 0.5rem;
}

.notification-setting-tables {
  padding: 0;
  overflow: auto;
  height: auto;
}

.notification_table_wrap {
  width: 100%;
  min-width: 1200px;
}

.n-check-tool {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.n-check-tool .iconbtn {
  font-size: 0.875rem;
  width: auto;
  height: auto;
  padding: 0;
  background-color: transparent;
}

.notification_table_wrap thead th,
.notification_table_wrap tbody td {
  font-size: 0.875rem;
  padding: 1rem;
  color: var(--text-two);
  font-weight: 400;
}

.notification_table_wrap thead th {
  font-weight: 600;
  background-color: var(--bg-color);
  position: sticky;
  top: 0;
  z-index: 9;
}

.notification_table_wrap table thead th {
  position: inherit;
}

.notification_table_wrap tr {
  border-bottom: 0.0625rem solid var(--white_white_black-03);
}

.notification_table_wrap table tr {
  border: none;
}

.notification_table_wrap thead th:first-child,
.notification_table_wrap tbody td:first-child {
  width: 60%;
}

.notification_table_wrap table tbody tr:nth-child(odd) {
  background-color: var(--white_white_black-n);
}

.notification_table_wrap table tbody td:first-child {
  padding-left: 2.5rem;
}

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

.theme-light .notification_table_wrap .form-check-input.reverse:checked[type=checkbox] {
  border-color: var(--global-orange) !important;
  background: var(--global-orange) !important;
}

.theme-light .notification_table_wrap .form-check-input.reverse:checked::after {
  color: var(--global-white);
}

.btn-bootom-table {
  width: 100%;
  margin: 1rem 0;
  text-align: right;
  display: inline-block;
}

/* RESPONSIVE MOBILE VERSION ON DESTOPK VIEW */
.responsive-version .responsive-body {
  height: 100vh;
}

.responsive-body iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.responsive-version.mobile-version-f {
  padding: 2rem 0;
}

.mobile-version-f .bg-mobile-v {
  width: 410px;
  height: 822px;
  overflow: hidden;
  margin: auto;
  position: relative;
}

.mobile-v {
  display: none;
}

.mobile-v img {
  height: 100%;
}

.mobile-version-f .mobile-v {
  display: block;
  width: 100%;
  height: 816px;
  position: absolute;
  z-index: 9;
  pointer-events: none;
}

.mobile-version-f .responsive-body {
  position: absolute;
  width: 92%;
  height: 92%;
  overflow: auto;
  border-radius: 55px;
  margin: 43px auto 0 auto;
  left: -6px;
  right: 0;
}

.iframe {
  width: 100%;
}

.mobile-version-f iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.responsive-version .navbar-collapse {
  height: auto;
}

.mobile-version-f .navbar-expand-lg .collapse:not(.show),
.mobile-version-f .nav-right-fast-flex.desktop-right {
  display: none !important;
}

.mobile-version-f .navbar-expand-lg .navbar-toggler {
  display: block;
  border: none;
}

.mobile-version-f .mobile-navbar {
  display: block;
}

.responsive-version.mobile-version-f .nav-right-fast-flex.mobile-right {
  display: flex;
  justify-content: end;
  margin-left: auto;
}

.mobile-version-f .navbar-expand-lg .navbar-nav {
  flex-direction: column;
  width: 100%;
}

.mobile-version-f .navbar-collapse {
  min-width: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: -106px;
  height: 83vh;
  background: var(--color-white);
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .2);
  display: flex;
  flex-direction: column;
  align-items: self-start;
  transition: 0.2s ease-in-out;
  overflow: auto;
}

.mobile-version-f .collapse.show {
  min-width: 16.875rem;
  right: 0;
  z-index: 10;
}

.mobile-version-f .title-nav-res {
  display: flex;
}

.mobile-version-f .r-layout-banner-inner h1 {
  font-size: 1.125rem;
}

.mobile-version-f .r-layout-banner-inner ul li {
  font-size: 0.875rem;
}

.mobile-version-f .dropdown-modal-main {
  transform: translate(15%, 20%);
}

.mobile-version-f .modal-with-dropdown {
  max-width: 16rem;
}

.responsive-version.mobile-version-f .products-items {
  width: 100%;
}

.responsive-version.mobile-version-f .btn-cart-fast-shop span.cart-count {
  top: -12px;
}

.responsive-version.mobile-version-f .btn-cart-fast-shop {
  font-size: 1.5rem;
}

/* FAST SHOP ENHANCEMENT NEW */
.upload_file_document_wrap {
  background: var(--global-upload-background-w-bg);
  border: 0.0625rem dashed var(--global-upload-border-color-w-bg);
  border-radius: 0.25rem;
  position: relative;
  margin-bottom: 0.5rem;
}

.label_file {
  width: 100%;
  text-align: center;
  padding: 1.7rem 0rem !important;
  margin-bottom: 0;
}

.label_file i {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.r-add-leads-main-reverse label.label_file {
  color: var(--global-orange);
}

.file_upload_zise p {
  color: var(--global-black);
  font-size: 0.875rem;
}

.uploded_logo_wrap {
  width: 100%;
  padding: 1.7rem 0;
  background-color: #F6F8FA;
  border-radius: 0.25rem;
  position: relative;
  text-align: center;
}

.uploded_logo_wrap img {
  max-width: 11.625rem;
  height: 2rem;
  object-fit: contain;
}

.uploded_banner_wrap img {
  max-width: 100%;
  height: 14rem;
  object-fit: contain;
  border-radius: 0.4rem;
}

.category_selected_wrap,
.reorder_area_position {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.reorder_area_position p {
  color: var(--text-two);
  font-size: 0.775rem;
}

.category_slect_w {
  width: 15rem;
}

.product_category_ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.product_category_ul li {
  margin-bottom: 0.5rem;
  cursor: auto;
}

.product_category_main_wrap {
  border-radius: 0.3rem;
}

.product_category_main_wrap,
.content_inner_flex,
.products_category_content_wrap .form-check,
.product_category_img_drag,
.sub_category_add_select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.product_category_img_drag {
  flex: 0 0 auto;
}

.products_category_content_wrap {
  width: 100%;
  padding: 0 0 0 0.5rem;
}

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

.products_category_content_wrap .form-check {
  justify-content: flex-end;
}

.product_category_img_drag .sm_pic_m_c {
  margin-right: 0;
}

.products_category_content_wrap .form-check label {
  padding-right: 2.1rem;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
}

.drag_mouse {
  padding: 2rem 0.5rem;
  color: var(--text-two);
  background: var(--card-highlight--bg-color);
  border: none;
  margin-right: 0.5rem;
  cursor: move;
}

.drag_mouse:hover {
  color: var(--text-two);
}

.drag_alert p {
  font-size: 0.875rem;
  text-align: center;
}

.sub_category_add_select {
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.sub_category_add_select .btn_new_message {
  flex: 0 0 auto;
}

.Subcategories_title {
  font-size: 1rem;
  color: var(--text-grey);
  margin-bottom: 1rem;
}

.products_category_content_wrap .form-check-input.reverse:checked::after {
  color: var(--orange-orange-white);
  background-color: var(--white-white-orange);
  top: 0;
}

.feature_cooming {
  text-align: center;
}

.feature_cooming img {
  width: 100%;
  margin-bottom: 1rem;
}

.feature_cooming h5 {
  font-size: 1.125rem;
  color: var(--global-orange);
  margin-bottom: 0.5rem;
}

.feature_cooming p {
  font-size: 0.875rem;
  color: var(--text-grey);
  margin-bottom: 1rem;
}

.onboarding_complete i,
.titles_modal_body i {
  font-size: 2rem;
  color: var(--global-orange);
  margin-bottom: 1rem;
}

.onboarding_complete h5,
.titles_modal_body h4 {
  font-size: 1.5rem;
  color: var(--global-orange);
  margin-bottom: 1rem;
}

.onboarding_complete p {
  font-size: 1.125rem;
  color: var(--global-black);
  margin-bottom: 1rem;
}

.emails_premium li {
  background-color: rgba(48, 135, 233, 0.10);
  border: 0.0625rem dashed #3087E9;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  list-style: none;
}

.onboarding_complete .btn_box {
  width: 96%;
  gap: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

.onboarding_complete .btn_box button {
  margin: 0;
  font-size: 1rem;
  border-radius: 0.4375rem;
}

.onboarding_complete .btn_box .prev-step:hover {
  border: none;
}

.web_disconnected_body p {
  font-size: 1rem;
  color: var(--global-black);
  margin-bottom: 1rem;
}

.web_disconnected_body .un_pass {
  font-size: 0.875rem;
  color: var(--text-grey);
  padding-top: 0.5rem;
}

.domen_conencted {
  background-color: rgba(242, 242, 245, 0.65);
  padding: 1rem;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}

.domen_conencted ol li {
  margin-bottom: 5px;
}

.domain_area .domain-content input {
  font-size: 14px;
}

.ds-purchase-domain .form-check {
  margin-bottom: 12px;
}

.ds-use-one-page-container .domen_unlink_field {
  background-color: #eaecef;
}

.domain_area .form-check label {
  text-transform: none;
}

.ds-use-one-page-container .input-actions input {
  text-decoration: underline;
  color: var(--global-orange);
}

.ds-use-one-page-container .input-actions .btn_cpy_link .fa-copy {
  font-size: 16px;
  margin-top: 2px;
}

.domain_area .form-check .form-check-label {
  margin-left: 5px;
}

.domain_area .form-check .scales {
  font-weight: 400;
  font-size: 0.9375rem;
}

.domen_unlink_field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0.0625rem solid var(--global-input-w-bg);
  border-radius: 0.4rem;
  padding: 0.2rem;
  margin-bottom: 0.5rem;
}

.domen_unlink_field .border_n_input {
  border: none !important;
}

.domen_unlink_field .border_n_input:focus {
  border: none;
  box-shadow: 0 0 0rem 0rem;
}

.btn_unlink {
  flex: 0 0 auto;
}

/* SELECT BUSINESS */
.business_select_wrapper {
  width: 100%;
  height: calc(100vh - 43vh);
  overflow: auto;
}

.business_select_wrapper .merchantcheck {
  margin: 0 0 1rem 0;
}

.fav_icon_brand {
  margin-right: 0.75rem;
  flex: 0 0 auto;
}

.fav_icon_brand img {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

.business_select_list h5 {
  color: var(--text-two);
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

.business_select_list p {
  color: var(--text-two);
  font-size: 0.875rem;
  opacity: 0.5;
}

.user_header_business {
  margin-bottom: 2rem;
}

.user_header_business h2 {
  color: var(--text-two);
  font-size: 2rem;
  font-weight: 600;
}

.business_select_lable {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  background-color: #1F2638;
}

.merchantcheck .form-check-input:checked+.form-check-label {
  background-color: #1F2638;
  border: 0.0625rem solid var(--global-input-w-bg);
}

/* ONBOADING SELECT PLAN */
.onboading_page_wrap {
  padding: 7rem 0;
}

.select_plan_onb {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0.0625rem solid #E1E1E1;
  background: #F6F8FA;
  padding: 1.5rem;
  border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
}

.plan_title_onb {
  display: flex;
  flex-wrap: wrap;
}

.icon_onb_paln img {
  margin-right: 1rem;
}

.content_onb_plan h2 {
  color: var(--text-grey);
  font-size: 1.125rem;
  font-weight: 400;
}

.content_onb_plan h3 {
  font-size: 1.125rem;
  color: #959697;
}

.content_onb_plan span {
  font-size: 2rem;
  color: var(--text-grey);
  font-weight: 600;
}

.btn_plan_onb {
  width: 100%;
  text-align: center;
  margin: 1.5rem auto 0.5rem;
}

.btn_plan_onb:hover {
  background-color: var(--global-orange);
  color: var(--global-white);
}

.plan_onb_wrap {
  border-top: 0.0625rem solid #E1E1E1;
  width: 100%;
  overflow: hidden;
  margin-top: 1rem;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
}

.onb_plan_ul_bottom {
  margin-top: auto;
}

.plan_onb_wrap ul li {
  font-size: 1rem;
  color: var(--text-grey);
  padding: 0.3rem 0.5rem 0.3rem 2.7rem;
  position: relative;
  border-radius: 2rem;
  display: flex;
  align-items: center;
}

.plan_onb_wrap ul li:hover {
  background-color: #FCDCD4;
}

.cell_onb_icon {
  width: 60px;
  height: 32px;
  border: 3px solid;
  border-radius: 18px;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  gap: 2px;
  padding: 3px;
  scale: 0.5;
  position: absolute;
  left: -6px;
}

.cell_onb_icon span {
  width: 15px;
  height: 100%;
  display: inline-block;
}

.green_cell {
  border-color: #51DC6B;
}

.green_cell span {
  background-color: #51DC6B;
}

.yellow_cell {
  border-color: #FDC021;
}

.yellow_cell span {
  background-color: #FDC021;
}

.red_cell {
  border-color: #f04f29;
}

.red_cell span {
  background-color: #f04f29;
}

.cell_onb_icon span:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.cell_onb_icon span:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tootltip-button-plan {
  position: initial;
  margin-left: auto;
  height: auto;
}

.select_plan_table_wrapper {
  overflow: auto;
  margin-top: 2rem;
  height: auto;
}

.select_plan_table_wrap {
  width: 100%;
  min-width: 1200px;
}

.n-check-tool {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.n-check-tool .iconbtn {
  font-size: 0.875rem;
  width: auto;
  height: auto;
  padding: 0;
  background-color: transparent;
}

.select_plan_table_wrap thead th,
.select_plan_table_wrap tbody td,
.select_plan_table_wrap tbody th {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  color: var(--text-two);
  font-weight: 400;
  position: relative;
}

.select_plan_table_wrap thead th {
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 9;
}

.select_plan_table_wrap tr td table,
.select_plan_table_wrap tr td table tr {
  border-bottom: 0.0625rem solid var(--white_white_black-03);
}

.select_plan_table_wrap tr td table.n-table-vissible tr {
  border: none;
}

.select_plan_table_wrap thead tr:first-child {
  background-color: var(--oragne-white-grey);
}

.select_plan_table_wrap tr table tr td tbody th {
  background-color: var(--white_white_black-n);
}

.select_plan_table_wrap tbody td table thead tr:first-child {
  background-color: var(--white_white_black-n);
}

.select_plan_table_wrap tbody table thead th {
  background-color: rgba(240, 79, 41, 0.10);

}

.select_plan_table_wrap tbody td table tbody tr:last-child {
  border: none;
}

.select_plan_table_wrap tbody td table tbody tr td:first-child::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: var(--text-two);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2.8rem;
  margin: auto;
  border-radius: 100%;
}

.select_plan_table_wrap thead th:not(:first-child),
.select_plan_table_wrap tbody th:not(:first-child),
.select_plan_table_wrap tbody td:not(:first-child) {
  text-align: center;
}

.select_plan_table_wrap tbody th:has(.fa-circle-check),
.select_plan_table_wrap tbody td:has(.fa-circle-check) {
  color: #51DC6B;
}

.select_plan_table_wrap tbody td:has(.fa-eye),
.select_plan_table_wrap tbody th:has(.fa-eye) {
  color: #FDC021;
}

.select_plan_table_wrap tbody th:has(.fa-circle-xmark),
.select_plan_table_wrap tbody td:has(.fa-circle-xmark) {
  color: #FB5758;
}

.select_plan_table_wrap thead th span {
  color: var(--global-orange);
  display: block;
}

.select_plan_table_wrap table thead th {
  position: inherit;
  background-color: var(--bg-color);
}

.select_plan_table_wrap thead th:first-child,
.select_plan_table_wrap tbody td:first-child {
  width: 40%;
}

.select_plan_table_wrap thead th,
.select_plan_table_wrap tbody td {
  width: 20%;
}

.select_plan-table.n-table-vissible i {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.select_plan-table.n-table-vissible .fa-chevron-down::before {
  content: "\f078";
}

.select_plan-table .fa-chevron-down::before {
  content: "\f077";
}

.confirm_email_content .modal-body {
  padding: 2.5rem;
  text-align: center;
}

.confirm_email_top_wrap {
  margin-bottom: 2.5rem;
}

.confirm_email_top_wrap img {
  height: 15rem;
  margin: 0 auto;
  margin-bottom: 2.5rem;
}

.confirm_email_top_wrap h5 {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.confirm_email_content p {
  font-size: 1rem;
  font-weight: 400;
  color: #333;
}

.confirm_email_content a {
  font-weight: 500;
  color: var(--global-orange);
  text-decoration: none;
}

.confirm_email_bottom_wrap a {
  text-decoration: underline;
}

.confirm_email_form_wrap {
  margin-bottom: 2.5rem;
}

.confirm_email_form_wrap .error_el {
  color: var(--error-color);
  text-align: left;
  font-size: 12px;
}

.confirm_email_form_wrap .primary_btn {
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.confirm_email_content .modal-body {
  max-height: unset;
  text-align: center;
}

.select_plan_table_wrap table tbody th:first-child {
  padding-left: 2.5rem;
}

.select_plan_table_wrap table tbody td:first-child {
  padding-left: 3.5rem;
}

.select_plan_table_wrap table tbody td {
  list-style: disc;
}

/*ENHANCEMENT*/
.webshippingenable {
  background-color: var(--white_white_orange-l);
  border: 0.0625rem dashed var(--white-white-orange);
  padding: 1rem;
  border-radius: 0.4rem;
}

.web-shipping-img {
  width: 70%;
  margin: auto;
}

.web-shipping-img,
.webshippingenable {
  margin-bottom: 1.5rem;
}

.web-shipping-img img {
  border-radius: 1.5rem;
}

.web_content_orders h2 {
  font-size: 1.5rem;
  color: var(--text-two);
  text-align: center;
  font-weight: 700;
  margin-bottom: 1rem;
}

.item_accordian_s.accordion-item {
  background-color: transparent;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.4rem !important;
  overflow: hidden;
}

.item_accordian_s .accordion-button {
  background-color: var(--white_white_black-n);
  color: var(--text-two);
  font-size: 1.2rem;
  font-weight: 500;
  box-shadow: 0 0 0;
}

.item_accordian_s .accordion-button:focus {
  border: none;
  box-shadow: 0 0 0;
}

.item_accordian_s .accordion-button::after {
  filter: brightness(0) invert(1);
}

.theme-light .item_accordian_s .accordion-button::after {
  filter: brightness(100) invert(1);
}

.confi_dev {
  background-color: var(--white_white_black-n);
  color: var(--text-two);
  font-size: 0.875rem;
  padding: 1rem;
  border-radius: 0.4rem;
  border: 0.0625rem solid var(--white_white_black-03);
  margin-bottom: 1rem;
}

.delivery_tax_con {
  font-size: 1rem;
  color: var(--text-two);
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}

.order-equal {
  font-size: 0.875rem;
  color: var(--text-two);
}

.new_input_fl_sl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 0.2rem;
}

.new_input_fl_sl.width_in {
  width: 5rem;
}

.new_input_fl_sl i {
  color: var(--text-two);
  padding: 0.4rem 0.6rem;
  border-right: 0.0625rem solid var(--global-input-border);
}

.new_input_fl_sl .form-control {
  border: none !important;
  min-height: 0;
  padding: 0.3rem 0.6rem;
}

.theme-bg-checkbox .form-check-input.reverse:checked::after {
  color: var(--orange-orange-white);
  background-color: var(--white-white-orange);
  top: 0;
}

.flex-content {
  margin: 1rem 0;
  padding-top: 1rem;
  border-top: 0.0625rem solid var(--global-input-border);
}

.flex-content,
.bottom-section,
.shipping-flex-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.select_width_days {
  width: 8.5rem;
}

.max-widthinput,
.fixwidth {
  max-width: 13rem;
  align-items: center;
  gap: 1rem;
}

.body_delivery_ac h3 {
  font-size: 1rem;
  margin-bottom: 1rem;
  color: var(--text-two);
}

.body_delivery_ac p {
  font-size: 0.875rem;
  color: var(--text-two);
}

.bottom-section {
  justify-content: space-between;
  margin-top: 1rem;
}

.support_carrier p {
  color: var(--text-two);
  font-size: 0.875rem;
  display: inline;
}

.support_carrier img {
  max-width: 8rem;
  height: 3rem;
  object-fit: contain;
}

.accordion-button.ponter-event {
  pointer-events: none;
}

.shipping-flex-wrap {
  gap: 2rem;
  flex-wrap: wrap;
}

.delivery_option_wrap,
.item_accordian_s {
  margin-bottom: 1rem;
}

.item_accordian_s .tootltip-button-plan {
  color: var(--text-two);
}

.delivery_option_wrap .accordion-button::after {
  display: none;
}

.btn_delete_bx_padding button {
  padding-left: 1.8125rem;
  padding-right: 1.8125rem;
  margin: 0;
}

.archiveddeletemodal .delete_modal h5 {
  margin-bottom: 1rem;
}

.btn_cpy_link {
  color: var(--global-orange);
  font-size: 0.875rem;
  background-color: transparent;
  border: none;
  padding-right: 0.5rem;
}

/* Fast SHop Sell Online */
.fast-shop-sell-online-wrap .fast-shop-sell-online ul {
  padding-left: 15px;
}

.fast-shop-sell-online-wrap .fast-shop-sell-online ul li {
  color: var(--text-two);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  list-style-type: disc;
}

.fast-shop-sell-online-wrap .fast-shop-sell-online ul li:last-of-type {
  margin-bottom: 0;
}

.fast-shop-detail-tut {
  background-color: var(--bg-color);
  border-radius: 0.4375rem;
  margin-bottom: 1.25rem;
  box-shadow: 0rem 0.125rem 0.3125rem var(--global-input-w-bg);
  padding: 12px;
  position: relative;
}

#fast-shop-close-detail-wrap i {
  color: var(--text-two);
  font-size: 16px;
  position: absolute;
  right: 7px;
  top: 6px;
}

.fast-shop-detail-tut p {
  color: var(--text-two);
  margin-bottom: 12px;
}

.fast-shop-detail-tut p .fast-shop-tut-link {
  font-weight: bold;
  color: var(--text-two);
  text-decoration: underline;
}

.fast-shop-detail-tut label {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: var(--text-two);
  cursor: pointer;
}

.fast-shop-detail-tut .fast-shop-tut-rhs .chk-toggle {
  padding-left: 0;
}

.fast-shop-detail-tut .fast-shop-tut-rhs .chk-toggle>span {
  margin-left: -20px;
  padding-right: 4px;
}

.fast-shop-detail-tut .fast-shop-tut-rhs .chk-toggle label {
  cursor: default;
}

/* Fast SHop Sell Online */
/* SCHEDULE MAINTAINCE MODAL */
.schedule_maintainance_modal_body {
  padding: 2rem 2.5rem;
}

.schedule_top_header {
  text-align: center;
  margin-bottom: 1.5rem;
}

.schedule_top_img_wrap {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.schedule_top_header h5 {
  font-size: 1.5rem;
  color: var(--global-orange);
  margin-bottom: .5rem;
}

.schedule_top_header p {
  font-size: 1rem;
  line-height: 1.4375rem;
}

.schedule_expected_up {
  background: #F6F8FA;
  border: 0.0625rem dashed rgba(48, 135, 233, .35);
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0.75rem;
  margin-bottom: 1.5rem;
}

.schedule_expected_up p {
  font-size: 1rem;
  font-weight: 500;
}

.schedule_expected_up p.schedule_expected_hours {
  color: var(--global-orange);
  font-weight: 600;
  font-size: 1.5rem;
  transition: all 0.3s ease-in-out;
}

.schedule_what_can_we h6,
.schedule_need_help h6 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: .5rem;
}

.schedule_what_can_we ul {
  list-style-type: disc;
  padding-left: 1.25rem;
  color: var(--global-orange);
}

.schedule_what_can_we ul span {
  color: var(--text-grey);
}

.schedule_what_can_we,
.schedule_need_help {
  margin-bottom: 1.5rem;
}

.schedule_need_help_contact_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-top: 1rem;
}

.schedule_maintainance_modal .modal-dialog {
  max-width: 33.125rem;
}

.schedule_need_help_contact_wrap a {
  width: 100%;
  background: #F6F8FA;
  border: 0.0625rem dashed rgba(48, 135, 233, .35);
  border-radius: 0.375rem;
  padding: 0.75rem;
  display: flex;
  gap: .5rem;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-grey);
  transition: .3s all linear;
}

.schedule_need_help_contact_wrap a:hover {
  border: 0.0625rem solid rgba(48, 135, 233, .35);
  box-shadow: 0 0 .125rem 0 rgba(48, 135, 233, .35);
}

.schedule_need_help_contact_wrap a i {
  margin-top: 0.25rem;
  color: var(--global-orange);
}

.schedule_footer_wrap {
  text-align: center;
}

.schedule_footer_wrap p {
  margin-bottom: 2.5rem;
}

.schedule_footer_wrap .r-modal-btn {
  width: 100%;
  font-weight: 400;
}

.schedule_maintainance_modal_body.modal-body {
  max-height: 85vh;
}

.verifying_email_table {
  border: 1px solid var(--global-input-w-bg);
  border-radius: 0.625rem;
  overflow: hidden;
  margin-top: 1rem;
}

.verifying_email_table table {
  margin-bottom: 0;
}

.verifying_email_table table th:first-child,
.verifying_email_table table td:first-child {
  text-align: left;
}

.verifying_email_table table th {
  font-size: 1.125rem;
  font-weight: 500;
}

.verifying_email_table table td,
.verifying_email_table table td i {
  font-size: 1rem;
}

.verifying_email_table table td i {
  margin-right: .5rem;
  margin-bottom: 0;
}

.table_verify_green td,
.table_verify_green td i {
  color: #4BAE4F;
}

.table_verify_red td,
.table_verify_red td i {
  color: #F01A15;
}

.table_verify_orange td,
.table_verify_orange td i {
  color: #F04F29;
}

.verifying_email_table table th:first-child {
  border-top-left-radius: 10px;
}

.verifying_email_table table th:last-child {
  border-top-right-radius: 10px;
}

.verifying_email_table table td:first-child {
  border-bottom-left-radius: 10px;
}

.verifying_email_table table td:last-child {
  border-bottom-right-radius: 10px;
}

.verifying_email_table .loading-bar {
  position: relative;
  width: 100%;
  /* Full width of the container */
  height: 4px;
  /* Bar height */
  background-color: #e0e0e0;
  /* Background color of the bar */
  overflow: hidden;
}

.verifying_email_table .loading-bar::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 30%;
  /* Width of the animated segment */
  background: linear-gradient(to right,
      rgba(0, 123, 255, 0),
      rgba(0, 123, 255, 1),
      rgba(0, 212, 255, 1),
      rgba(0, 212, 255, 0));
  /* Gradient with transparency for blur effect */
  animation: loading-animation 1.5s infinite ease-in-out;
  filter: blur(4px);
  /* Adds blur effect to the element */
}

/* Keyframes for the loading animation */
@keyframes loading-animation {
  0% {
    left: -30%;
    /* Start off-screen */
  }

  50% {
    left: 50%;
    /* Move to the center */
    width: 50%;
    /* Expand */
  }

  100% {
    left: 100%;
    /* Exit the screen */
    width: 30%;
    /* Shrink back to initial size */
  }
}

.verfiy_modal_download_report_wrap {
  text-align: left;
  margin-top: .5rem;
}

.verfiy_modal_download_report_btn {
  display: inline-block;
  color: var(--global-orange);
  font-size: 0.875rem;
  transition: .3s all linear;
}

.verfiy_modal_download_report_btn:hover {
  scale: 1.01;
  color: var(--global-orange);
}

.verfiy_modal_download_report_btn span {
  text-decoration: underline;
}

.verfiy_modal_download_report_btn i {
  font-size: 0.875rem;
}

/* SCHEDULE MAINTAINCE MODAL */
/* TRASACTION DETAILS STYLE STARTS */
.transaction_details_wrap {
  display: flex;
  gap: 1rem;
}

.transaction_details_lft {
  width: 65%;
  flex: 0 0 auto;
}

.transaction_details_rht {
  width: 35%;
}

.trasaction_details_lft_top {
  height: auto;
  padding: 1rem;
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
}

.transaction_details_price_wrap {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.trasaction_details_lft_check_wrap {
  width: 3.125rem;
  height: 3.125rem;
  flex: 0 0 auto;
  border-radius: 0.25rem;
  background: #34C759;
  color: var(--global-white);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  margin-right: 0.875rem;
}

.trasaction_details_lft_check_wrap img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.transaction_details_lft_check_paid {
  background-color: #34C759;
}

.transaction_details_lft_check_void {
  border: 0.0625rem solid var(--global-input-border);
  background-color: #FF3B30;
}

.transaction_details_lft_check_refund {
  background-color: #FF9500;
}

.transaction_details_lft_check_refund_partial {
  background-color: #FFCC00;
}

.transaction_details_lft_check_declined {
  border: 0.0625rem solid var(--global-input-border);
  background-color: #FF3B30;
}

.transaction_details_lft_content_wrap h4 {
  font-size: 1.875rem;
  font-weight: 700;
}

.transaction_details_lft_content_wrap p {
  font-size: 0.875rem;
}

.transaction_details_status {
  font-size: 0.75rem;
  font-weight: 500;
  padding: .25rem .625rem;
  background: #D9F7DF;
  border-radius: 2.5rem;
  line-height: 1;
  color: var(--text-grey);
}

.transaction_details_status_void {
  background-color: #D1E4F9;
}

.transaction_details_status_refund {
  background-color: #FEF1CE;
}

.transaction_details_status_refund_partial {
  background-color: #FBDBC9;
}

.transaction_details_status_declined {
  background-color: #FDDAD9;
}

.transaction_details_lft_actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.r_square_btn {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.r-modal-btn.r-outline-close.r_square_btn {
  border: 0.0625rem solid var(--white-white-orange);
  color: var(--white-white-orange);
}

.r-modal-btn.r-outline-close.r_square_btn:hover {
  border: 0.0625rem solid var(--global-white);
  color: var(--global-orange);
}

.r_square_btn.r-modal-btn.r-outline-close i {
  margin: 0;
}

.transaction_details_lft_mid_header {
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.transaction_details_lft_mid {
  height: auto;
}

.transaction_details_lft_mid_header h4 {
  font-size: 1.25rem;
  font-weight: 600;
}

.transaction_details_lft_mid_content {
  padding: .5rem 1rem;
}

.transaction_detials_lft_mid_content_li {
  display: grid;
  grid-template-columns: .4fr 1.6fr;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.transaction_detials_lft_mid_content_li:last-child {
  border-bottom: 0;
}

.transaction_detials_lft_mid_content_li h6 {
  font-size: 1rem;
  font-weight: 500;
}

.transaction_detials_lft_mid_content_li h6 a {
  color: var(--text-two);
  text-decoration: underline;
}

.transaction_detials_lft_mid_content_li p {
  font-size: 1rem;
  font-weight: 400;
}

.transaction_detials_lft_mid_content_rht_btm {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.transaction_detials_lft_mid_content_rht_btm span {
  font-size: 0.875rem;
  font-weight: 400;
}

.transaction_detials_lft_mid_content_rht_btm span a {
  color: var(--text-two);
  text-decoration: underline;
}

.transaction_detials_lft_mid_content_rht_btm span .fa-brands {
  font-size: 1.75rem;
  line-height: 1.5em;
  color: var(--text-two);
}

.add_notes_wrapper {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
}

.transaction_details_lft_add_note_btn {
  flex: 0 0 auto;
  color: var(--global-orange);
}

.transaction_details_lft_add_note_btn:hover {
  color: var(--global-orange);
}

.transaction_details_timeline_wrap {
  margin-bottom: 1rem;
}

.add_notes_wrapper h6 {
  text-decoration: underline;
  cursor: pointer;
}

.transaction_details_timeline_wrap .history_timeline_dot {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #51DC6B;
  border: none;
  font-size: 1rem;
  color: var(--global-white);
  outline: 0.375rem solid var(--bg-color);
  border: 0.0625rem solid transparent;
}

.transaction_details_timeline_wrap .transaction_timeline_status_cross {
  background: #F01A15;
  border: 0.0625rem solid var(--global-input-border);
}

.transaction_details_timeline_wrap .history_timeline_mid::after {
  height: 100%;
  bottom: -1.875rem;
  left: 1rem;
  background: var(--global-input-border);
}

.transaction_details_timeline_wrap .history_timeline_box {
  align-items: start;
}

.transaction_details_timeline_wrap .history_timeline_rht h6 {
  font-weight: 600;
  font-size: 1.125rem;
  margin-top: .25rem;
}

.transaction_details_timeline_wrap .history_timeline_rht p {
  font-size: 1rem;
  font-weight: 400;
}

.transaction_details_timeline_wrap .history_timeline_rht p a {
  color: var(--text-two);
  text-decoration: underline;
}

.transaction_details_timeline_wrap .history_timeline_rht p:first-child {
  margin-top: 0.5rem;
}

.transaction_details_timeline_wrap .history_timeline_li {
  margin: 1.25rem 0;
}

.transaction_details_rht_refund_wrap {
  display: flex;
  gap: 1rem;
  padding: .5rem 0;
}

.transaction_details_rht_refund_content p {
  font-weight: 500;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.transaction_details_rht_refund_icon_wrap img {
  filter: invert(1);
}

.theme-light .transaction_details_rht_refund_icon_wrap img {
  filter: invert(0);
}

.icon-clr-transaction i {
  color: var(--orange-white-orange);
}

/* .transaction_details_lft_mid_content{
  min-height: 15rem;
} */
.payment-type-show h6,
.payment-type-show .transaction_detials_lft_mid_content_rht_btm {
  display: none;
}

.payment-type-show.creaditcard .creaditcard,
.payment-type-show.cheque .cheque,
.payment-type-show.giftcard .giftcard,
.payment-type-show.crypto .crypto,
.payment-type-show.cash .cash {
  display: block;
}

/* TRASACTION DETAILS STYLE ENDS */
/*ADD CAMPAIGN ENHANCEMENT*/
.campaignpicks {
  margin-bottom: 1rem;
}

.campaignpicks p,
.text-customise-temp p {
  font-size: 0.875rem;
  color: var(--text-two);
}

.text-customise-temp {
  margin-bottom: 1rem;
}

.campaign-temp-h {
  max-height: 600px;
  overflow: hidden;
  cursor: pointer;
}

/*ADD CAMPAIGN ENHANCEMENT*/
.filter-products {
  min-width: 5rem;
}

/*CRM MODAL ENAHNCEMENT*/
.main-modal-tabs {
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--global-border-color-w-bg);
}

.r-deal-tab {
  padding: 0.25rem;
  background: #f6f8fa;
  display: flex;
  flex-wrap: nowrap;
  box-shadow: 0rem 0.25rem 0.9375rem var(--card-box-shadow);
  border-radius: 0.2rem;
  border: 0.0625rem solid var(--global-border-color-w-bg);
  margin-bottom: 1rem;
}

.r-deal-tab li {
  width: 100%;
}

.r-deal-tab .nav-item:last-child .nav-link {
  margin: 0;
}

.r-deal-tab .nav-link {
  width: 100%;
  padding: 0.3125rem 0.9375rem;
  border-radius: 0.2rem;
  margin-right: 0.4375rem;
  color: var(--text-grey);
}

.r-deal-tab .nav-link.active {
  background: var(--global-orange);
  color: var(--global-white);
}

/* */
.package-item-steps-tabs {
  visibility: hidden;
  opacity: 0;
  display: none !important;
}

.modal-setup-content-main p {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.filebrowseinput::file-selector-button {
  display: none;
}

.filebrowseinput {
  color: transparent;
  border-radius: 5px !important;
}

.filebrowseinput::-webkit-file-upload-button {
  visibility: hidden;
}

.filebrowseinput::before {
  content: 'Attachment Title';
  color: #333333;
  font-weight: 400;
  display: inline-block;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  opacity: 0.5;
}

.filebrowseinput:focus {
  border-color: #E0E0E0;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0.0);
}




/* CSS IPAD DESIGN */

.dummy-css-ipad-frame .ipad {
  display: block;
  margin: 0px auto 0;
  max-width: 468px;
  border-radius: 26px;
  background-color: black;
  padding: 1px;
}

.dummy-css-ipad-frame .shadow {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.50);
}

.dummy-css-ipad-frame .frame {
  border: 1px solid #b7b7b7;
  padding: 3%;
  border-radius: 25px;
}

.dummy-css-ipad-frame video.video {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  border-radius: 10px;
  margin-top: -43px;
}

.dummy-css-ipad-frame .frame {
  position: relative;
  display: inline-block;
}

.dummy-css-ipad-frame .frame:hover .play-pause-btn {
  display: block;
}

.dummy-css-ipad-frame .video {
  width: 100%;
  height: auto;
  display: block;
}

.play-pause-btn {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--global-orange);
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3sease;
  width: 50px;
  height: 50px;
}

.play-pause-btn:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

/* CSS IPAD DESIGN */

.link_qbo_one_way_sync .fa-circle-info {
  color: var(--global-orange);
}

.set_template_filter .dropdown.bootstrap-select>.dropdown-toggle {
  background: var(--top-header-bg) !important;
  box-shadow: 0rem 0rem 0.1875rem 0rem var(--global-input-w-bg);
  margin-top: 1rem;
  padding: 5px 16px !important;
  border-radius: 0.5rem;
}

.theme-orange .set_template_filter .dropdown.bootstrap-select>.dropdown-toggle::after {
  background-image: url(../images/arrow-grey.png);
}

.set_template_filter .show .dropdown-toggle::after {
  transform: rotate(180deg);
  margin-right: -4px;
  position: relative;
  top: -1px;
}

.set_template_filter .dropdown.bootstrap-select>.dropdown-toggle {
  color: var(--text-one) !important;
}

.set_template_filter .bootstrap-select .dropdown-toggle .filter-option {
  width: 95%;
}

/* New QBO style */

.gs-qbo-new {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.qbo-left-section-new {
  width: 50% !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content.gs-qbo-content-items ul li {
  display: flex;
  align-items: baseline;
  font-weight: 400;
  font-size: 1rem;
  line-height: 20px;
  color: var(--text-two);
  margin-bottom: 1rem;
  width: 100%
}


.gs-linkqbo-xero .gs-qbo-new01 .gs-qbo-content.gs-qbo-content-items ul li {
  margin-bottom: 0.5rem !important;
}

.gs-linkqbo-xero .gs-qbo-new01 .gs-qbo-content h2 {
  margin-bottom: 1rem;
}

.yr-accu_record {
  margin-bottom: 6rem !important;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content.gs-qbo-step-2 {
  /* margin-bottom:3rem; */
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content.gs-qbo-content-items ul li strong {
  font-weight: 600;
  font-size: 1rem;
  line-height: 20px;
  color: var(--text-two);
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content.gs-qbo-content-items ul {
  flex-direction: column;
}


.gs-qbo-content-items h2 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 20px;
  color: var(--text-two);
}

.gs-qbo-content .qbo-para {
  font-weight: 400;
  font-size: 1rem;
  line-height: 20px;
  color: var(--text-two);
}

.gs-qbo-content .qbo-para strong {
  font-weight: 700;
  font-size: 1rem;
  line-height: 20px;
  color: var(--text-two);
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content.gs-qbo-content-items ul {
  margin-bottom: 2rem;
}

.gs-linkqbo-xero .gs-qbo-new01 .gs-qbo-row .gs-qbo-content.gs-qbo-content-items ul {
  margin-bottom: unset;
}

.gs-linkqbo-xero .merchant-table:hover {
  background-color: var(--card-highlight--bg-color) !important;
}

.gs-linkqbo-xero .gs-qbo-new01 .merchant-table:hover {
  background-color: transparent !important;
}

.for-disabling:disabled {
  opacity: 0.5;
  /* 50% opacity */
  cursor: not-allowed;
  /* Change cursor to indicate the button is disabled */
}

.gs-n-qbo-text {
  display: flex;
  justify-content: space-between;
  margin-top: 0.75rem;
}

.gs-qbo-new .gs-change-text-04 {
  column-gap: 1rem !important;
}

.gs-linkqbo-xero .gs-qbo-row .gs-qbo-content .link-qb-step-box-item-img {
  margin: 0;
  zoom: 60%;
}

.gs-linkqbo-xero .gs-qbo-new .gs-qbo-row .gs-qbo-content ul li {
  width: auto;
}

.qbo_two_way_sync_modal .qbo_one_way_sync_list01,
.qbo_one_way_sync_modal .qbo_one_way_sync_list01 {
  list-style-type: disc;
  padding-left: 1rem;
}

.qbo_one_way_sync_modal .qbo_one_way_sync_list li {
  margin-bottom: 0.75rem
}

.sync_universell_data_with_qbo label {
  white-space: nowrap;
}

.qbo-crtl label {
  width: 130px;
}

.qbo-anchor,
.qbo-anchor:hover {
  color: var(--global-orange);
  text-decoration: underline;
}

.qbo-crtl .qbo-select {
  width: 200px;
}

.qbo-crtl .icon_refresh {
  color: #333;
  padding-right: 0.438rem;
}

.us-configuration-process-accordion .accordion-button.us-active-checked::before {
  content: "";
  background: url(../images/qbo-icon-check.svg) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 12px;
}

.us-configuration-process-accordion .accordion-button.us-unchecked::before {
  content: "";
  background: url(../images/obq-icon-circle.svg) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 12px;
}

.us-configuration-process-accordion h2.accordion-header button {
  font-weight: 500;
  font-size: 1.025rem;
  line-height: 24px;
  color: #333;
}


.us-cust-progress {
  height: 8px;
  margin-top: 16px;
}

.us-cust-progress .progress-bar {
  background-color: #F04F29;
  border-radius: 100px;
}

.us-configuration-process-accordion .accordion-button:focus {
  box-shadow: none;
}



.sync-status-tab {
  margin-top: 20px;
}

.sync-status-tab .row .col-md-5 {
  padding-right: 0;
}

.sync-status-tab .row .col-md-3 {
  padding-left: 0;
}

.us-universell-sync-cards {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin-top: 0;
  background-color: #fff;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #dee2e6;
}

.us-universell-sync-cards.no-style {
  border: none;
  background-color: transparent;
  padding: 0;
  display: unset;
}

.us-universell-sync-cards .us-table-fix-head {
  z-index: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
}

.us-universell-sync-cards .us-table {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.us-universell-sync-cards .us-table table {
  margin-bottom: 0;
}

.us-universell-sync-cards .us-table,
.us-universell-sync-cards .us-table-fix-head {
  width: 100%;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  overflow-y: scroll;
  max-height: 357px;
}

.us-universell-sync-cards .us-table table,
.us-universell-sync-cards .us-table-fix-head table {
  margin-bottom: 0;
}

.us-universell-sync-cards .us-table table thead,
.us-universell-sync-cards .us-table-fix-head table thead {
  background: #F6F8FA;
}

.us-universell-sync-cards .us-table table thead tr th,
.us-universell-sync-cards .us-table-fix-head table thead tr th {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
}

.us-universell-sync-cards .us-table table thead tr th:first-of-type,
.us-universell-sync-cards .us-table-fix-head table thead tr th:first-of-type {
  padding-left: 24px;
}

.us-universell-sync-cards .us-table table thead tr th:last-of-type,
.us-universell-sync-cards .us-table-fix-head table thead tr th:last-of-type {
  padding-right: 24px;
}

.us-universell-sync-cards .us-table table tbody tr td,
.us-universell-sync-cards .us-table-fix-head table tbody tr td {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  text-wrap: wrap;
}

.us-universell-sync-cards .us-table table tbody tr td {
  border-bottom: 1px solid #dee2e6;
  padding: 0.8rem 0.5rem;
}

.us-universell-sync-cards .us-table table tbody tr:last-of-type td {
  border-bottom: 0;
}

.us-universell-sync-cards .us-table table tbody tr td:first-of-type,
.us-universell-sync-cards .us-table-fix-head table tbody tr td:first-of-type {
  padding-left: 24px;
}

.us-universell-sync-cards .us-table table tbody tr td:last-of-type,
.us-universell-sync-cards .us-table-fix-head table tbody tr td:last-of-type {
  padding-right: 24px;
}

.us-universell-sync-cards .us-table table tr:last-of-type td,
.us-universell-sync-cards .us-table-fix-head table tr:last-of-type td {
  border-bottom: none;
}

.us-universell-sync-cards .us-view-history {
  padding-top: 16px;
}

.us-table-top-spacing-21 {
  margin-top: -21px;
}

.us-universell-sync-cards .us-table table thead {
  visibility: collapse;
  padding: 0;
  height: 0;
}

.us-universell-sync-cards .us-table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.us-universell-sync-cards .us-table-fix-head .link-qb-step-box-item-img {
  width: 2rem;
  height: 2rem;
  margin: 0;
}

.us-universell-sync-cards .us-table-fix-head .link-qb-step-box-item-img img {
  width: 1rem;
  height: 1rem;
}

.us-universell-sync-cards .us-table-fix-head .link-qb-step-box-item-img.link-xero-img img {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: -2px;
  margin-top: -1px;
}

.qbo-crtl input {
  box-shadow: none !important;
}

.qbo-crtl .iam-inv-acc-map {
  width: 33%;
}

/* New QBO style */

/* Web Shipping */

.pt-pack-details input[type="number"]::-webkit-inner-spin-button,
.pt-pack-details input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
  appearance: auto;
}

/* Show number input arrows in Firefox */
.pt-pack-details input[type="number"] {
  -moz-appearance: textfield;
}

.web-shipping-wrap p.error_el {
  margin-top: 5px;
  margin-bottom: 5px;
}

.pull-from-contact .dial-add-new-con {
  font-size: 0.875rem;
  margin: 0;
}

.ot-track-order-wrapper .track_order_top_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ot-track-order-wrapper .reloadicon i {
  color: var(--white-white-orange);
}

.ot_track_order_history_timeline_wrap .history_timeline_ul {
  position: relative;
}

.ot_track_order_history_timeline_wrap .history_timeline_li {
  margin: 0;
}

/* .ot_track_order_history_timeline_wrap .history_timeline_li::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 50%;
  left: 5.2rem;
  border-left: var(--white-white-orange) solid 1px;
} */

.ot_track_order_history_timeline_wrap .history_timeline_li:last-of-type::after {
  border: none;
}

/* .ot-track-order-wrapper .history_timeline_mid::after {
  content: unset;
} */

.create-shipping-label-wrapper .main_gift_btns01,
.create-shipping-label-wrapper .lead_track_flex01 {
  justify-content: flex-start;
}

.create-shipping-label-wrapper .main_gift_btns01 h4,
.create-shipping-label-wrapper .main_gift_btns01 span {
  color: var(--text-one);
}

.create-shipping-label-wrapper .order-list-content-top-top-item {
  width: 32.3%;
}

.track-shipping-wrapper .order-list-content-top-bottom-left {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  gap: 1rem;
}

.track-shipping-wrapper .order-list-content-top-bottom-right,
.track-shipping-wrapper .order-list-content-top-bottom-left-item {
  width: 100%;
}

.create_shipping_label_modal h2 {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 24px;
  text-align: center;
  margin-bottom: 2.5rem;
}

.create_shipping_label_modal .shipping_label_list {
  text-align: center;
}

.create_shipping_label_modal .shipping_label_list li {
  margin-bottom: 1.625rem;
}

.create_shipping_label_modal .shipping_label_list a {
  background-color: var(--global-orange);
  padding: 14px 40px;
  width: 100%;
  display: block;
  border-radius: 0.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 20px;
  color: white;
  border: var(--global-orange) solid 1px;
}

.create_shipping_label_modal .shipping_label_list a:hover {
  background-color: #f16e4f;
}

.pull-contact-details label,
.pull-contact-details a {
  /* font-weight: 600; */
  /* font-size: 1rem !important; */
  line-height: 24px;
}

.ws-view-address-list-wrap .ws-view-address-list {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.ws-view-address-list-wrap .ws-view-address-list li {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E1E1E1;
  border-radius: 0.625rem;
  padding: 1.5rem 1rem;
  position: relative;
  cursor: pointer;
}

.ws-view-address-list-wrap .ws-view-address-list li .ws-addr-left {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  justify-content: flex-start;
}

.ws-view-address-list-wrap .ws-view-address-list li .ws-action-btton {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.ws-view-address-list-wrap .ws-view-address-list li .ws-action-btton button {
  padding: 0;
}

.ws-view-address-list-wrap .ws-view-address-list li .ws-action-btton i {
  color: var(--global-orange)
}

.ws-view-address-list-wrap .ws-view-address-list li .ws-set-default {
  background-color: var(--global-orange);
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 14px;
  border-top-left-radius: 0.625rem;
  padding: 0.313rem 0.625rem;
}

.ws-view-address-list-wrap .ws-view-address-list li .ws-addr-right .ws-set-default {
  position: absolute;
  bottom: 0;
  right: 0;
}

.ts-track-shipment .r-tooltip {
  max-width: 11.5rem;
}

.ws_print_on_sel.select2-container--default .select2-results>.select2-results__options {
  max-height: 220px;
}

.ws_print_on_sel .select2-results__option--selectable:last-of-type {
  border-top: #EBEBEB solid 1px;
}

.ws_print_on_sel .select2-results__option--selectable:last-of-type a {
  color: var(--global-orange);
}

.ws_print_on_sel .select2-results__option--selectable:last-of-type:hover a {
  text-decoration: underline;
}

.ws_print_on_sel.select2-container--default .select2-results__option--highlighted[aria-selected]:last-of-type {
  background-color: transparent !important;
}

.en-modifier .accordion-button {
  padding-left: 2.5rem;
}

.floating-chk {
  position: absolute;
  top: 0.80rem;
  z-index: 5;
}

.gmail-email-account-pass .text-grp a {
  color: var(--global-orange);
  font-size: 0.875rem;
  text-decoration: underline;
}

.carouselGoogleAppPass {
  margin: auto 1.875rem;
}

.carouselGoogleAppPass .carousel-control-prev-icon {
  left: -36px;
  position: absolute;
  top: calc(50% - 0px);
  background: url(../images/email_config/prev-icon.svg) no-repeat;
  filter: unset;
  width: 30px;
  height: 30px;
  zoom: 80%;
}

.carouselGoogleAppPass .carousel-control-next-icon {
  right: -36px;
  position: absolute;
  top: calc(50% - 0px);
  background: url(../images/email_config/next-icon.svg) no-repeat;
  filter: unset;
  width: 30px;
  height: 30px;
  zoom: 80%;
}

.cs_get_your_google_app_password .modal-body {
  padding-bottom: 3.125rem;
}

.cs-config-and-setup-email .r-modal-btn.r-outline-close {
  border: var(--global-input-border) solid 1px;
  color: var(--text-two);
}

.cs-config-and-setup-email .btn_previous_page button.prev-step {
  color: var(--white-white-orange);
}

.theme-orange .gmail-email-account-pass .text-grp a {
  color: #fff;
}

.cs_get_your_google_app_password .smtp_img_btm_txt span {
  color: #333;
}

.ws-right-icon-input {
  position: absolute;
  top: 0.25rem;
  right: 10px;
  width: 1.3125rem;
  color: var(--text-two);
  z-index: 1;
}

.rs-r-icon-w-field {
  padding-right: 2.5rem !important;
}

.set-assoc-module .fa-circle-info {
  color: var(--global-orange);
}

.set-assoc-module label {
  color: var(--text-one) !important;
}

.cce-carousel .btn-step-disble:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  background-color: #ccc !important;
  border-color: #aaa !important;
}

.cs-config-and-setup-email .modifier_info_wrap p,
.cs-config-and-setup-email .modifier_info_wrap i {
  color: var(--text-two);
}

.info-alert-bar {
  background: #FBDBC9;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: var(--global-orange);
  padding: 0.625rem;
}

.info-alert-bar a {
  color: var(--global-orange);
}

.wom-default-discount-div .select2-search.select2-search--inline {
  display: none;
}

.salepricing input:focus {
  box-shadow: none;
}

.bpe-transaction-datep a.icon_refresh {
  color: var(--text-two);
  padding-right: 0.438rem;
}

.transaction-table-overdue {
  display: inline-block;
  font-size: 0.975rem;
  background: var(--global-orange);
  color: var(--global-white) !important;
  border: 0.0625rem solid var(--text-two);
  padding: 0.2rem 0.5rem;
  margin-left: 0.5rem;
}

.apply-disc-coupon .ctrl-select2-width {
  width: 14rem;
}

.user-last-login {
  display: inline-block;
  width: 17rem;
}

.plan_upgrade_modal h5 {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 24px;
  text-align: center;
}

/* Plan Css */

.as-pub-plan-wrap {
  display: flex;
  gap: 1rem;
  justify-content: center;
  gap: 1rem;
  overflow-x: auto;
}

.as-pub-plan-wrap:has(.as-pub-plan-col:nth-child(4)) {
  justify-content: flex-start;
}

.as-pub-plan-wrap .as-pub-plan-col {
  border: #F04F29 solid 1px;
  padding: 2rem 1.125rem 1.125rem 1.125rem;
  background: #F2F2F5;
  border-radius: 0.5rem;
  width: 32.3%;
  position: relative;
  flex: 0 0 auto;
}

.active-current-plan .as-current-plan {
  text-align: center
}

.active-current-plan .as-current-plan>span {
  position: absolute;
  background: #A1EBAF;
  color: #07A324;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1rem;
  padding: 2px 10px;
  top: 0;
  right: calc(50% - 3rem);
}

.as-pub-plan-wrap .as-pub-plan-col .btn-primary,
.btn-orange .btn-primary {
  background-color: #F04F29;
  border: #F04F29 solid 1px !important;
}

.btn-view-more-plans {
  color: #fff;
  text-decoration: none;
}


.as-pub-plan-wrap .as-pub-plan-col:hover {
  background: #FBDBC9;
  transition: background-color 0.3s ease-in-out;
}

.as-pub-plan-wrap .as-pub-plan-col h2 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #333333;
  margin-bottom: 0.625rem;
}

.as-pub-plan-wrap .tag-label {
  margin-bottom: 1rem;
}

.as-pub-plan-wrap .tag-label span {
  background: #FBDBC9;
  color: #F04F29;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.313rem 0.625rem;
  border-radius: 0.25;
}

.as-pub-plan-wrap .as-pub-plan-col:hover .tag-label span {
  background-color: #fff;
  transition: background-color 0.3s ease-in-out;
}

.as-pub-plan-wrap .as-pub-plan-col h3 {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
}

.as-pub-plan-wrap .as-pub-plan-col .plan-pricing {
  margin-bottom: 1rem
}

.as-pub-plan-wrap .as-pub-plan-col .plan-pricing h3 {
  margin-bottom: 0.25rem;
}

.as-pub-no-of-usrs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.as-pub-no-of-usrs input {
  background-color: #fff;
  width: 9.375rem;
}

.as-pub-no-of-usrs input:focus {
  background-color: #fff;
}

.as-pub-no-of-usrs input[type="number"] {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: number-input;
  padding-right: .5em;
}

.as-pub-no-of-usrs input[type="number"]::-webkit-inner-spin-button,
.as-pub-no-of-usrs input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  display: inline;
  opacity: 1;
  margin: 0;
}

.as-pub-no-of-usrs input[type="number"] {
  -moz-appearance: number-input;
}

.as-pub-plan-wrap .as-pub-plan-col .plan-pricing h4 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 0.25rem
}

.as-pub-add-mon {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}

.active-current-plan label {
  background: #51DC6B;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
  padding: 0.3125rem 1.5rem;
  color: #fff !important;
  border-radius: 0.4375rem;
  width: 100%;
  min-height: 2.25rem;
  text-align: center;
  cursor: default;
}

.cpu-plan-wrap {
  background: #F2F2F5;
  border: 1px solid #E1E1E1;
  border-radius: 0.25rem;
  padding: 0.625rem 1rem;
}

.cpu-plan-wrap table {
  width: 100%
}

.cpu-plan-wrap table tr td:last-of-type {
  text-align: right;
}

.cpu-plan-wrap table tr td strong {
  font-weight: 600;
}

.cpu-plan-wrap table tbody tr:last-of-type td {
  padding-bottom: 0.625rem;
}


.cpu-plan-wrap table tbody tr td {
  margin-bottom: 0.625rem;
}

.cpu-plan-wrap table tfoot tr td {
  font-size: 1.125rem;
  padding-top: 0.625rem;
  border-top: 1px solid #E1E1E1;
}

.cpu-plan-wrap ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}

.cpu-plan-wrap ul li span {
  font-size: 1rem;
  font-weight: 500;
}

.cpu-plan-wrap ul li span strong {
  font-weight: 600;
}

.as-pub-plan-wrap .as-pub-plan-col h3 span {
  color: #929294;
  font-size: 1rem;
  font-weight: 300;
  line-height: 0;
}

.as-pub-handle-height {
  overflow: hidden;
}

.as-pub-plan-wrap .as-pub-plan-col .as-pub-handle-height {
  height: 100%;
}

.as-pub-plan-wrap .as-pub-plan-col button,
.as-pub-plan-wrap .as-pub-plan-col a.r-orange-btn {
  width: 100%;
  margin-bottom: 1rem;
}

.as-pub-plan-wrap .as-pub-plan-col .as-feature-list {
  background-color: #fff;
  padding: 1rem;
  height: calc(100% - 11.563rem);
  border-radius: 0.25rem;
}

.as-pub-plan-wrap .as-pub-plan-col .as-feature-list ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.as-pub-plan-wrap .as-pub-plan-col .as-feature-list ul i {
  color: #F04F29;
  font-size: 0.88rem;
}

.as-pub-plan-wrap .as-pub-plan-col .as-feature-list p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 0.875rem;
  margin-bottom: 1rem;
}

.as-pub-plan-wrap .as-pub-plan-col .as-feature-list ul li {
  font-size: 0.875rem;
  margin-bottom: 5px;
}

.as-pub-plan-wrap .as-pub-plan-col .as-feature-list ul li:last-of-type {
  margin-bottom: 0;
}

.as-pub-plan-wrap .as-pub-plan-col .as-feature-list ul li {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
}

.as-info-wrap ul li {
  margin-bottom: 0.313rem;
}

.as_free_trail input[type="number"] {
  padding-right: 3.438rem;
  position: relative;
}

.as_free_trail .right-icon-input::after {
  content: "";
  position: absolute;
  border-left: #dee2e6 solid 1px;
  width: 1px;
  height: 34px;
  display: block;
  top: 11px;
  right: 30px;
  transform: translateY(-50%);
}

.as_free_trail .right-icon-input {
  right: 1.438rem !important;
}

.ai-desc-wrap span a {
  color: var(--text-two);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.modal-grap-info-bar {
  background-color: #F2F2F7;
  display: flex;
  align-items: flex-start;
  border-radius: 0.625rem;
  padding: 0.625rem 1rem;
}

.modal-grap-info-bar i {
  color: #8E8E93;
}

.generate_with_ai_modal textarea {
  height: auto;
}

.s2-enable-clear-button .select2-container .select2-selection__clear {
  display: block !important;
  margin-right: 0 !important;
  z-index: 9;
  position: relative;
}

.s2-enable-clear-button .select2-container .select2-selection__clear span {
  position: relative;
  right: 0.625rem;
  color: var(--text-two);
  font-size: 1.5rem;
  font-weight: 300;
  top: -0.125rem;
}

.chk_click {
  margin-right: 0.6rem;
}

.s2-enable-clear-button .has-selection .select2-selection {
  background: transparent;
}

.purchase_phone_number_modal h2 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.purchase_phone_number_modal p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}

.purchase_phone_number_modal h3 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
}

.purchase-phone-wrap {
  background: #F6F8FA;
  border: 1px solid #E1E1E1;
  padding: 1rem;
  border-radius: 0.5rem;
}

.purchase-phone-wrap ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}

.com-assign-phone-number .dataTables_wrapper .dataTables_length>label {
  display: none;
}

.phone-number-active-modal .bg_clr_form_st {
  background: transparent;
}

.phone-number-active-modal .steper_main p {
  color: #333;
}

.phone-number-active-modal .sc-step-wizard .steper_main .steper_number {
  background: var(--global-orange);
  color: #fff;
}

.phone-number-active-modal .steper_main li {
  width: 50%;
}

.phone-number-active-modal .steper_main li::after {
  background: #f04f2970;
}

.phone-number-active-modal .sc-step-wizard .steper_main li a.step-active-btn {
  border-bottom: 0.125rem solid var(--global-orange);
  padding-bottom: 0.2rem;
}

.phone-number-active-modal .sc-step-wizard .steper_main li a.step-active-btn p {
  font-weight: 600;
}

.phone-number-active-modal .btn-close-wrap {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.phone-number-active-modal .steper_main {
  width: unset;
}

.dlc10-form-wrap h2 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: var(--text-two);
  margin-bottom: 1rem;
}

.dlc10-form-wrap>ul {
  list-style-type: disc;
  color: var(--text-two);
  padding-left: 1.5rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}

.dlc10-form-wrap>ul li {
  margin-bottom: 1rem;
}

.dlc10-form-group h3 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: var(--text-two);
}

.dlc10-form-wrap .fast_shop_cn .iti--allow-dropdown .iti__country-container {
  background: transparent;
}

.dlc10-form-wrap .fast_shop_cn .iti--allow-dropdown .iti__selected-country .iti__selected-dial-code {
  color: var(--text-two);
}

.dlc10-form-wrap .fast_shop_cn .iti--allow-dropdown .iti__selected-country .iti__selected-country-primary:hover {
  background: transparent !important;
}

.dlc10-form-wrap .fast_shop_cn .iti--allow-dropdown .iti__dropdown-content .iti__search-input {
  color: #333;
}

.dlc10-form-wrap .fast_shop_cn .iti--allow-dropdown .iti__country-container .iti__selected-country .iti__selected-country-primary .iti__arrow {
  border-top-color: var(--text-two);
  border-bottom-color: var(--text-two);
}

.dlc10-form-wrap .error_el {
  display: none;
}

.purchase_phone_number_modal .markinfobarwrap {
  padding: 0.5rem;
}

.w30p {
  width: 30px
}

.fw-600 {
  font-weight: 600;
}

.qbo_xero_two_way_real_time_sync_modal .parg {
  margin-bottom: 1rem;
}

.qbo_xero_two_way_real_time_sync_modal ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

.link_xero_two_way_sync .modal-lg {
  max-width: 35rem !important;
}

.link_xero_two_way_sync .xero-sync-historical-data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}

.link_xero_two_way_sync .xero-sync-historical-data a {
  color: var(--global-orange);
}

.link_xero_two_way_sync .link-qb-step-box {
  margin: auto 4rem 1.5rem 4rem;
}

.xero-info-icon {
  margin: 0.75rem;
}

.com-assign-phone-number table tbody td a {
  text-transform: none;
}

.toll-free-no-wrap input[type="radio"] {
  visibility: hidden;
  height: 0;
  width: 0;
}

.toll-free-no-wrap label {
  padding: 0.375rem 0.75rem;
  border: #E1E1E1 solid 0.125rem;
  background: #F2F2F5;
  transition: color --transition-fast ease-out, background-color --transition-fast ease-in;
  user-select: none;
  margin-right: 0.5;
}

.toll-free-no-wrap label:last-of-type {
  margin-right: 0;
}

.toll-free-no-wrap input[type="radio"]:checked+label {
  border: var(--global-orange) solid 0.125rem;
}

.toll-free-no-wrap input[type="radio"]:hover:not(:checked)+label {
  border: var(--global-orange) solid 0.125rem;
}

.purchase-memo-number p.error_el {
  display: none;
}

.purchase-memo-number .features_ui_main {
  padding-left: 0;
  padding-right: 0;
}

.sel-phon-num {
  margin-top: 0.5rem;
  color: #e02b1d !important;
}

.button-financialor.btn-export {
  background: transparent;
  border: none;
  color: var(--text-two);
  box-shadow: none;
  cursor: default;
}

.button-financialor.btn-export:hover {
  box-shadow: none;
  cursor: default;
  color: var(--text-two);
}

.add-ship-addr {
  margin-bottom: 1rem;
  text-align: right;
}

.addr-btn-style {
  top: 0;
}

.form-submitted-success .form-success-msg {
  font-weight: 500;
}

.phone-is-now-active-wrap h5 {
  font-weight: 400;
  line-height: 1.6rem;
}

.purchase-memo-number .pmn-title {
  margin-bottom: 1rem;
  font-weight: 500;
}

.bi-i-dont-know {
  text-transform: none !important;
}

.xero_dataflowchartsecondModal .payment_transaction_details_table {
  padding: 2rem 2rem 0 2rem;
}

.xero_dataflowchartsecondModal .xero-q {
  padding: 1rem 2rem 1rem 2rem;
}

.cp-deal-val input[type=number]::-webkit-inner-spin-button,
.cp-deal-val input[type=number]::-webkit-outer-spin-button {
  opacity: 1 !important;
  -webkit-appearance: inner-spin-button !important;
  margin: 0;
}

.cp-deal-val input[type=number] {
  -moz-appearance: textfield !important;
}

.ssp-sendSMSPopup select {
  width: 35%;
}

.ssp-sendSMSPopup input {
  width: 65%;
}

.ssp-sendSMSPopup .form-control:disabled {
  background-color: transparent;
}

.ai-sku-auto-gen {
  display: flex;
  justify-content: space-between;
}

.ai-sku-auto-gen .form-check .form-check-input {
  margin-top: 0.313rem;
}

.authorizetour-connect {
  position: absolute;
  color: #24bc41;
  right: 0.625rem;
  top: 0.313rem;
  z-index: 1;
}

.prime-gateway-connect {
  position: absolute;
  color: #F04F29;
  font-size: 0.75rem;
  right: 0;
  top: 0;
  z-index: 1;
  background: #FBDBC9;
  padding: 0.25rem 8px;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.prime-gateway-preferred {
  position: absolute;
  color: #ffffff;
  font-size: 0.75rem;
  right: 0;
  top: 0;
  z-index: 1;
  background: #51DC6B;
  padding: 0.25rem 8px;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.prime-gateway-label label {
  font-size: 1rem;
}

.setup_prime_gateway_modal .modal-header {
  border: 0;
  padding-bottom: 0;
}

.setup_prime_gateway_modal .psl-logo img {
  width: 12.5rem
}

.setup_prime_gateway_modal .psl-logo {
  text-align: center;
  margin-bottom: 1rem;
}

.setup_prime_gateway_modal .pls-wrap h3 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.setup_prime_gateway_modal .pls-wrap .markinfoBar .markinfobarTxt {
  text-align: center;
}

.epsk-label {
  display: flex;
  justify-content: space-between;
}

.epsk-label .epsk-locate {
  color: var(--global-orange);
  text-decoration: underline;
}

.prime_connected_success_modal .title-authorize h4 {
  font-size: 1.25rem;
}

.prime_connected_success_modal .title-authorize h3 {
  font-size: 1.50rem;
  color: var(--global-orange);
  text-align: center;
  margin-bottom: 0.50rem;
}

.prime_connected_success_modal .modal-footer {
  justify-content: center;
}

.prime_connected_success_modal .psl-logo {
  margin-botton: 1.50rem;
  padding-top: 1.50rem;

}

.ws-zipcode-wrap {
  position: relative;
}

.ws-zipcode-wrap button {
  position: absolute;
  top: 0.2px;
  right: 0;
  border-radius: 0.3125rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding-right: .5rem;
  padding-left: .5rem;
}

.ws-recom-addr .sa-sel-cust-info {
  margin-left: 0;
  margin-right: 0;
}

.ws-recom-addr .checkbox {
  margin-top: 10px;
}

.ws-web-shipping-heading {
  background: var(--bg-color);
  margin-bottom: 10px;
  border-radius: 0.625rem;
  padding: 1rem 1.543rem;
}

.ws-web-shipping-heading h2 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  color: var(--text-two);
  margin-bottom: 0.5rem;
}

.ws-web-shipping-heading p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--text-two);
}

.p-assign-extension .modal-footer {
  display: flex;
  justify-content: space-between;
}

.p-call-forwarding .extNumber,
.p-call-forwarding .intNumber {
  margin-top: 0 !important;
}

.com-assign-phone-number-d2 .dataTables_length {
  padding-left: 10px;
}

.mng-phone-num .modifier_info_wrap p,
.mng-phone-num .modifier_info_wrap i {
  font-size: 1rem;
}

.ws-int-mobile-num .iti--allow-dropdown .iti__country-container .iti__dropdown-content .iti__search-input {
  color: #333;
}

.purchase-memo-local-number {
  margin-bottom: 1.5rem;
}

.purchase-memo-local-number,
.purchase-memo-toll-number {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  gap: 8px;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}

.purchase-memo-local-number .buttonpop,
.purchase-memo-toll-number .buttonpop {
  white-space: nowrap;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  text-align: center;
  margin: 0;
  padding: 5px 5px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
}

.purchase-memo-number .purchase-note {
  margin-bottom: 1rem;
}

.purchase-memo-local-number .buttonpop:hover,
.purchase-memo-toll-number .buttonpop:hover {
  background-color: var(--global-orange);
  color: var(--global-white);
}


.purchase-memo-local-number .selectednumber,
.purchase-memo-toll-number .selectednumber {
  background-color: var(--global-orange);
  color: var(--global-white);
}


input[type=number].crm-plan-inp-counter::-webkit-inner-spin-button,
input[type=number].crm-plan-inp-counter::-webkit-outer-spin-button {
  -webkit-appearance: auto !important;
  opacity: 1 !important;
  margin: 0;
  position: relative;
  right: 0;
}

input[type=number].crm-plan-inp-counter {
  -moz-appearance: number-input !important;
}

input[type=number].crm-plan-inp-counter::-webkit-outer-spin-button {
  -webkit-appearance: auto !important;
}

.table-responsive table .fa-form-ans-rating .fa-star.checked {
  color: #ffcd56;
}

.table-responsive table .fa-form-ans-rating .fa-star {
  color: #ccc;
}

.pur_a_memo_no .dataTables_wrapper .dataTables_length>label {
  display: none;
}

.pur_a_memo_no .dataTables_length {
  padding: 0 0 0rem 1.5rem;
}

.pur_a_memo_no .dataTables_wrapper .dataTables_length .table-filter-wrap div .form-check:first-of-type {
  padding-left: 0;
}

.gpg-prime-gateway {
  padding: 1.50rem 2.5rem;
}


.gpg-prime-gateway .hw-list li {
  position: relative;
}

.gpg-prime-gateway .hw-list li::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 2.38rem;
  left: 1.25rem;
  border-left: #E1E1E1 solid 1px;
}

.gpg-prime-gateway .hw-list li:last-child::after {
  content: "";
  border: none;
  height: 0;
  width: 0;
}

.gpg-prime-gateway .hw-list li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.13rem;
  margin-bottom: 2.3rem;
  cursor: pointer;
}

.gpg-prime-gateway .hw-list li.gpg-steps-active .hw-circle {
  border: var(--global-orange) solid 1px;
}

.gpg-prime-gateway .hw-list li.gpg-steps-active .hw-circle i,
.gpg-prime-gateway .hw-list li.gpg-steps-active .hw-circle .num-txt {
  color: var(--global-orange);
}

.gpg-prime-gateway .hw-list li.gpg-steps-active::after {
  border-left: var(--global-orange) solid 1px;
}

.icon-copy-private-key {
  background: url(../images/prime-gateway-instruction/icon-5.svg) no-repeat;
  width: 24px;
  height: 24px;
}

.gpg-steps-active .icon-copy-private-key {
  background: url(../images/prime-gateway-instruction/act-icon-5.svg) no-repeat;
}

.icon-copy-public-key {
  background: url(../images/prime-gateway-instruction/icon-6.svg) no-repeat;
  width: 24px;
  height: 24px;
}

.gpg-steps-active .icon-copy-public-key {
  background: url(../images/prime-gateway-instruction/act-icon-6.svg) no-repeat;
}

.gpg-prime-gateway-instruction .smtp_img_btm_txt span a {
  color: #333;
  text-decoration: underline;
}

.gpg-bg {
  background: #F6F8FA;
  border-radius: 0.50rem;
}

.gpg-prime-gateway-instruction {
  padding: 16px 15px 40px 15px;
}

.gpg-prime-gateway-instruction .carousel-inner .carousel-item img {
  width: 76% !important;
}

.gpg-prime-gateway-instruction .carousel-inner .carousel-item.ach-pg-img img {
  width: 85% !important;
}

.gpg-prime-gateway-instruction .carousel-control-prev .carousel-control-prev-icon {
  left: 30px
}

.gpg-prime-gateway-instruction .carousel-control-next .carousel-control-next-icon {
  right: 30px
}

.gpg-prime-gateway-instruction .smtp_img_btm_txt span {
  color: #333;
  font-size: 1rem;
}

.gpg-prime-gateway .hw-list li:last-of-type {
  margin-bottom: 0;
}

.gpg-prime-gateway .lhs_col {
  /* display: flex; */
  justify-content: center;
  align-items: center;
}

.gpg-prime-gateway .hw-list li .hw-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.50rem;
  height: 2.50rem;
  font-weight: 600;
  font-size: 1.13rem;
  line-height: 1.38rem;
  color: #fff;
  flex-shrink: 0;
  border: #E1E1E1 solid 1px;
  border-radius: 0.25rem;
  background: #fff;
}

.gpg-prime-gateway .hw-list li .hw-circle i,
.gpg-prime-gateway .hw-list li .hw-circle .num-txt {
  color: #333;
  font-size: 1.5rem;
}

.gpg-prime-gateway-instruction .carousel-control-next,
.gpg-prime-gateway-instruction .carousel-control-prev {
  width: 0%;
}

.gpg-prime-gateway-instruction .carousel-control-prev-icon {
  left: -36px;
  position: absolute;
  top: calc(50% - 0px);
  background: url(../images/prime-gateway-instruction/left-icon.png) no-repeat;
  filter: unset;
  width: 134px;
  height: 134px;
  zoom: 20%;
}

.gpg-prime-gateway-instruction .carousel-control-next-icon {
  right: -36px;
  position: absolute;
  top: calc(50% - 0px);
  background: url(../images/prime-gateway-instruction/right-icon.png) no-repeat;
  filter: unset;
  width: 134px;
  height: 134px;
  zoom: 20%;
}

.gpg-prime-gateway-instruction .btn-step-disble:disabled {
  display: none;
}

.prime-gateway-label a {
  color: var(--text-two);
  text-decoration: underline;
}

.nh-phone-sty {
  color: var(--global-orange);
}

.automation-no-records-found .auto-img-no-records {
  margin-bottom: 1rem;
}

.automation-no-records-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 2rem;
  margin: 0 auto;
  width: 53rem;
}

.automation-no-records-found .btn_previous_page {
  margin-top: 1.5rem;
}

.automation-no-records-found .auto-img-no-records {
  margin-bottom: 3.75rem;
  margin-top: 3.75rem;
}

.automation-no-records-found .automation-txt-details p {
  margin-bottom: 0.5rem;
  color: var(--text-two);
}

.auto-img-no-records img {
  max-width: 100%;
  height: auto;
}

.automation-no-records-found h2 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--text-one);
  margin-bottom: 1rem;
}

.automation-no-records-found .automation-txt-details p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.autom-radio-box {
  position: relative;
}

.autom-radio-box .autom-radio-input {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 1;
  margin: 0 !important;
}

.autom-radio-input-wrap {
  position: relative;
  padding: 0.625rem;
  width: 100%;
  background: #F6F8FA;
  border-radius: 0.5rem;
}

.autom-radio-box .autom-radio-input-wrap .autom-radio-input-label-inner img {
  width: 9.375rem;
  height: 9.375rem;
  margin-bottom: 1.875rem;
}

.autom-radio-box .autom-radio-input-wrap .autom-radio-input-label-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1.5rem;
  text-align: center;
}

.autom-radio-box .autom-radio-input-wrap .autom-radio-input-label-inner h2 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 0.375rem;
}

.autom-disabled {
  position: relative;
}

.autom-disabled .autom-radio-input-wrap .autom-radio-input-label-inner img,
.autom-disabled .autom-radio-input-wrap .autom-radio-input-label-inner h2,
.autom-disabled .autom-radio-input-wrap .autom-radio-input-label-inner p {
  opacity: 0.4;
}

.autom-disabled .autom-radio-input-label-inner {
  cursor: default;
}

.autom-cs {
  display: none;
}

.autom-disabled .autom-cs {
  display: inline-block;
  font-weight: 400;
  font-size: 0.875rem;
  background: var(--global-orange);
  color: #fff;
  border-top-right-radius: 0.563rem;
  border-bottom-left-radius: 0.563rem;
  padding: 0.188rem;
  position: absolute;
  z-index: 1;
  right: 0;
}

.autom-tbl-status {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  padding: 0.5rem 0.625rem;
  border-radius: 100px;
}

.autom-tbl-status .autom-stat-txt {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #333;
}

.autom-stat-active {
  background: #F1F9F4;
}

.autom-stat-active .fa-circle {
  color: #51DC6B
}

.autom-stat-draft {
  background: #FEF1CE;
}

.autom-stat-draft .fa-circle {
  color: #FDC021
}

.autom-stat-test-mode {
  background: #E7EEFA;
}

.autom-stat-test-mode .fa-circle {
  color: #3087E9
}

.autom-stat-pause {
  background: #FDDAD9;
}

.autom-stat-pause .fa-circle {
  color: #FB5758;
}

.autom-camp-filters {
  display: flex;
  gap: 1rem;
  padding: 1.5rem 0 0 1.5rem;
}

.autom-new-campaign-wrapper .people-all-table-wrap {
  padding: 1rem 1.5rem;
}

.autom-new-campaign-wrapper .autom-nc-breadcrumb ul {
  display: flex;
  gap: 1rem;
}

.autom-new-campaign-wrapper .autom-nc-breadcrumb li.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.autom-new-campaign-wrapper .autom-nc-breadcrumb ul li {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--text-two);
  opacity: 0.7;
  cursor: pointer;
}

.autom-new-campaign-wrapper .autom-nc-breadcrumb ul li::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f054";
  margin-left: 0.625rem;
  color: #D6D6D6;
}

.autom-new-campaign-wrapper .autom-nc-breadcrumb ul li:last-of-type::after {
  content: "";
}

.autom-new-campaign-wrapper .autom-nc-breadcrumb ul li.autom-stp-active {
  font-weight: 600;
  opacity: 1;
}

.autom-form-wrap h2 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--text-two);
  margin-bottom: 1.5rem;
}

.autom-form-wrap label {
  text-transform: none;
}

.autom-form-grp {
  margin-bottom: 1rem;
}

.autom-form-grp label,
.autom-grp-ctrl label {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.autom-grp-ctrl label {
  font-size: 1rem;
  margin-bottom: 0;
}

.autom-form-grp textarea {
  height: auto;
}

.autom-form-grp .autom-flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  justify-content: space-between;
}

.autom-flex-wrap label {
  margin-bottom: 0;
}

.autom-flex-wrap p.autom-label-sub-text {
  color: var(--text-two);
  opacity: 0.7;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.autom-new-campaign-wrapper .btn_next_page {
  text-align: right;
}

.autom-new-campaign-wrapper .btn_next_page .autom-btn-step2-next {
  margin-right: 5.5rem;
}

.autom-new-campaign-wrapper .autom-nc-footer {
  margin-right: 5.5rem;
}

.autom-grp-ctrl h3 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: var(--text-two);
  margin-bottom: 1rem;
}

.autom-ctrl-items {
  margin-bottom: 2rem;
}

.autom-ctrl-items .modifier_info_wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.autom-test-campaign .autom-ctrl-items {
  margin-bottom: 0;
}

.autom-ctrl-items .modifier_info_wrap p,
.autom-ctrl-items .modifier_info_wrap i {
  color: var(--text-two);
}

.autom-mb-6 {
  margin-bottom: 0.75rem !important;
}

.autom-grp-ctrl .autom-ctrl-items .form-check {
  padding-left: 1rem;
  margin-right: 0;
}

.autom-grp-ctrl .autom-ctrl-items .autom-start-on-specific {
  display: flex;
  align-items: center;
  /* margin-top: 0.75rem; */
  gap: 1rem;
  height: 40px;
}

.autom-grp-ctrl .autom-ctrl-items .autom-start-on-specific .form-autom-days {
  width: 4.375rem;
}

.autom-nc-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

.autom-new-campaign-wrapper .autom-nc-breadcrumb ul li.orange-color {
  color: var(--white-orange-orange) !important;
  opacity: 1;
}

.autom-img-orange {
  display: none;
}

.autom-btn-build .prev-step {
  color: var(--text-two) !important;
}

.theme-orange .autom-img-orange {
  display: block !important;
}

.theme-orange .autom-img-defalut {
  display: none;
}

.pg-view-stps {
  color: var(--text-grey);
  text-decoration: underline;
}

.pg-view-stps:hover {
  color: var(--text-grey);
}

.content-flex .pg-view-stps {
  text-decoration: none;
}

.disable-confirm-btn {
  opacity: 0.5;
  background: gray !important;
  border-color: gray;
  cursor: default !important;
}

.disable-confirm-btn:hover {
  background: gray !important;
  opacity: 0.5 !important;
  box-shadow: none;
  border-color: gray !important;
}

.ysp-text,
.ysp-text:hover {
  color: var(--global-orange);
}

.uce_sending_limits_modal .uce-head-txt {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #333;
  margin-bottom: 1.5rem;
}

.uce-group {
  margin-bottom: 1.5rem;
}

.uce-group h2 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

.uce-group .uce-sub-txt {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #7B7F8A;
  margin-top: 1rem;
}

.uce-group ul {
  padding-left: 1rem;
}

.uce-group li {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #7B7F8A;
  list-style-type: disc;
  margin-bottom: 0.3rem;

}

.uce-group li strong {
  color: #000;
}

.uce-group .uce-foot-txt {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.active .icon-cs-style {
  filter: invert(1);
}

.cs-button-icon-wrap {
  display: flex;
  align-items: center;
}

.icon-ce-email {
  background: url(../images/email_config/cs-email.svg) no-repeat;
}

.icon-ce-sms {
  background: url(../images/email_config/cs-sms.svg) no-repeat;
}

.icon-ce-p-number {
  background: url(../images/email_config/cs-phone.svg) no-repeat;
}

.theme-dark .cs-comm-settings .cs-button-icon-wrap i {
  filter: invert(1);
}

.theme-orange .cs-comm-settings .nav-link .cs-button-icon-wrap i {
  filter: invert(1);
}

.theme-orange .cs-comm-settings .nav-link.active .cs-button-icon-wrap i {
  filter: brightness(0) saturate(100%) invert(16%) sepia(98%) saturate(7495%) hue-rotate(359deg) brightness(98%) contrast(119%);

}


.theme-dark .cs-comm-settings .nav-pills button:hover .icon-cs-style {
  filter: invert(1);
}

.icon-cs-style {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.cs-comm-settings .nav-pills button:hover .icon-cs-style {
  filter: invert(0);
}

.ws-unit-icon-wrap {
  display: flex;
  align-items: center;
  margin-right: 24px;
  gap: 0.4rem;
  margin-top: 2px;
}

.uce-common-provider-wrap .dataTables_scrollBody .uce-common-provider {
  border-top: 0 !important;
}

.uce-common-provider-wrap .uce-common-provider th {
  font-weight: 500;
}

.uce-common-provider-wrap .dataTables_scrollBody .uce-common-provider td {
  border-bottom: 1px solid #E1E1E1 !important;
}

.uce-common-provider-wrap .dataTables_scrollBody .uce-common-provider tr:last-child td {
  border-bottom: 0 !important;
}

.uce-common-provider thead tr .sorting {
  border-bottom: 0;
}

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

.mp-social-link {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
}

.mp-linked-email-id span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.mp-linked-email-id i {
  color: #00BA00;
  font-size: 1.8rem;
}

.social-btn-linked {
  width: auto;
  background: #505461;
  border: #575c6a solid 1px;
  color: #FFFFFF;
  border-radius: 0.4375rem;
  padding: 0.3125rem 2.1rem;
  font-size: 1rem;
  font-weight: 600;
  transition: 0.1s all linear;
  display: inline-block;
  cursor: pointer;
  min-height: 2.25rem;
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
  transition: .3s all linear;
}


.social-btn-linked:hover {
  box-shadow: 0px 0px 5px 0px var(--btn-hover);
}

.social-btn-link-pd {
  padding: 0.3125rem 2.1rem;
}

.theme-light .mp-social-link .mp-mode .mp-logo-wrap {
  background: #fff;
  border: var(--global-orange) solid 1px;
}

.mp-social-link .mp-mode .mp-logo-wrap {
  background: var(--white-white-orange);
  border-radius: 100px;
  padding: 0.813rem;
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;

}

.set-pass-info {
  font-weight: 400;
  font-size: 0.90rem;
  line-height: 20px;
}

.set-password-wrap .error_el {
  display: none;
}

.a-add-email-template .select2-selection .select2-search__field {
  margin-left: 2rem;
}

.th-date-range-wrap {
  display: flex;
  justify-content: flex-end;
}

.th-date-range-wrap .th-date-field-group {
  display: flex;
  gap: 1rem;
}

.th-date-range-wrap .th-date-field-group .dollar-input-input {
  width: 14rem;
}

.th-ticket-history-tbl .th-ticket-history-container {
  background: #F6F8FA;
  border: 1px solid #E1E1E1;
  border-radius: 0.75rem;
  padding: 1rem;
}

.th-list-history {
  margin-top: 1rem;
  ;
}

.th-list-history .dataTables_wrapper table.dataTable tbody td {
  padding-left: 0 !important;
}

.th-ticket-history-tbl .th-ticket-history-container .th-ticket-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.th-ticket-history-tbl .th-ticket-history-container .th-ticket-row h2 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #333;
}

.th-ticket-history-tbl .th-ticket-history-container .th-ticket-row span {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
}

.th-ticket-history-tbl .th-ticket-history-container .th-ticket-content {
  display: flex;
  gap: 0.25rem;
}

.th-ticket-history-tbl .th-ticket-history-container .th-ticket-content .th-status {
  color: var(--global-orange);
}

.th-ticket-history-tbl .th-ticket-history-container .th-ticket-content .r-tooltip {
  max-width: 45.5rem;
}

.th-list-history .dataTables_info,
.th-list-history .dataTables_paginate {
  padding: 2.125rem 0rem 1.5rem 1.5rem;
}

.th-list-history .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.th-list-history .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--global-orange) !important;
  color: #fff !important;
  border: transparent solid 1px;
}

.th-list-history .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #F6F8FA;
  border: transparent solid 1px;

}

/* FLOWCHAT CSS */

.flowchart-sidebar {
  padding: 0;
  width: 21.813rem;
}

.flowchart-head {
  background: #FBDBC9;
  color: var(--global-orange);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 1.125rem;
}

.flowchart-sidebar .accordion-item {
  border-radius: 0;
}

.flowchart-sidebar .accordion-header button {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--text-two);
  position: relative;
  background: var(--bg-color);
  border-radius: 0 !important;
}

.flowchart-sidebar .accordion-header button.collapsed i {
  transform: rotate(180deg);
  color: var(--text-two);
}

.flowchart-sidebar .accordion-header button i {
  position: absolute;
  right: 13px;
  font-size: 1.4rem;
  color: var(--text-two);
}

.flowchart-sidebar .accordion-header button.accordion-button:focus {
  box-shadow: none;
}

.flowchart-sidebar .accordion-header button::after {
  background-image: none;
}

.flowchat-sidepanel-info {
  /* margin-bottom: 0.75rem; */
}

.flowchat-sidepanel-info p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
  background: #E9E9E9;
  padding: 0.75rem 1.25rem;
  display: flex;
  gap: 0.5rem;
}

.flowchat-sidepanel-info i,
.flowchart-sidepanel-foot-info i {
  color: var(--global-orange);
  margin-top: 0.125rem;
}

.flowchart-sidepanel-foot-info i {
  margin-top: 0.188rem;
  color: var(--text-two);
}

.flowchart-sidebar .accordion-collapse .accordion-body {
  padding: 0;
  background: var(--bg-color);
}

.flowchart-sidepanel-info01 p {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--text-two);
  padding: 0 1.25rem 0.75rem 1.25rem;
}

.flowchart-list-items {
  padding: 0rem 1.25rem;
}

.flowchart-list-items li {
  /* margin-bottom: 0.75rem; */
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  cursor: pointer;
  color: var(--text-two);
  padding: 0.875rem 0;
}

.flowchart-list-items li .fa-circle-info {
  color: var(--global-orange);
  font-size: 1rem;
}

.flowchart-list-items li:last-of-type {
  padding-bottom: 0.875rem;
}

.flowchart-list-items li:hover span {
  text-decoration: underline;
}

.flowchart-list-items li i {
  color: var(--text-two);
  font-size: 1.6rem;
  color: #D6D6D6;
}

.flowchart-sidepanel-foot-info {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  color: var(--text-two);
  opacity: 0.5;
}

.flowchart-y-scroll {
  height: calc(100vh);
  overflow-y: scroll;

}

.flowchat-canvas {
  flex: 1;
  position: relative;
  background: #ffffff;
  overflow: visible;
}

.flowchart-type {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #3087E9;
}

.flowchart-editPanel {
  position: fixed;
  top: 0;
  right: -25rem;
  width: 25rem;
  height: 100%;
  background: #fff;
  /* border-left: 1px solid #ccc; */
  box-shadow: -2px 0 6px rgba(0, 0, 0, 0.1);
  /* padding: 1.5rem; */
  transition: right 0.3s ease;
  z-index: 999;
}

.flowchart-editPanel .flowchart-rhs-head {
  background: var(--global-orange);
}

.flowchart-editPanel .flowchart-rhs-head h3 {
  color: #fff;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1.313rem;
}

.flowchart-rhs-body {
  padding: 0;
}

.flowchart-rhs-body label {
  padding-bottom: 0.625rem;
}

.rhs-panel-padding {
  padding: 0 1.25rem 1.5rem 1.25rem;
}

.rhs-form-grp .flowchat-sidepanel-info {
  margin-bottom: 1.5rem;
}

.rhs-form-grp .flowchat-sidepanel-info p.flowchat-sidepanel-info-text {
  display: flex;
}

.rhs-form-grp .flowchat-sidepanel-info p.flowchat-sidepanel-info-text strong {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.563rem;
  color: #333333;
  display: inline-block;
  margin-bottom: 0.5rem;
}

.rhs-form-grp .flowchat-sidepanel-info p.flowchat-sidepanel-info-text span {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125;
  color: #7B7F8A;
}


.flowchart-radio-wrap {
  margin-left: 1rem;
}

.flowchart-rhs-footer {
  padding: 0 1.25rem 1.5rem 1.25rem;
  display: flex;
  justify-content: space-between;
}

.flowchart-table-wrap {
  background: #fff !important;
  padding: 0 !important;
}


.arrow-label {
  padding: 2px 6px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.arrow-label {
  padding: 2px 6px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #000;
  pointer-events: none;
}

.start-plus-endpoint {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  width: 24px;
  height: 24px;
  background: #f04f29;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
}

.plus-endpoint {
  position: relative;
}

.plus-endpoint::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 18px;
  background: #E1E1E1;
  top: -18px;
  left: 8px;
}

.leads-from-a-specific-region {
  display: grid;
  grid-template-columns: 15.5% 15.5% 15.5%;
  gap: 1rem;
}

.product-specific-abandonment {
  display: grid;
  grid-template-columns: 15.5% 15.5% 68%;
  gap: 1rem;
}

.product-specific-abandonment .autom-pro-sku .select2-selection__rendered {
  padding: 0 !important;
}

.leads-with-specific-birth-date {
  display: grid;
  grid-template-columns: 15.5% 15.5%;
  gap: 1rem;
}

.flowchart-window,
.window {
  width: 21rem;
  padding: 0.625rem;
  background: white;
  border: 1px solid #F04F29;
  border-radius: 6px;
  position: absolute;
  text-align: center;
  box-shadow: 0px 4px 15px 0px #110B331A;
}


.flochart-start {
  box-shadow: 0px 4px 15px 0px #110B331A;
  border: none;
  width: 21rem;
  padding: 0.625rem;
  background: white;
  border-radius: 6px;
  position: absolute;
  text-align: center;
}

/* 
.action-select {
  margin-top: 0.625rem;
  width: 100%;
} */

.flowchart-flow-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flow-chart-flow-label {
  display: flex;
  align-items: center;
  gap: 0.313rem;
  font-size: 0.75rem;
}

.flow-chart-flow-icon {
  font-size: 1rem;
  color: #999;
}

.flowchart-flow-controls a i {
  text-decoration: none;
  font-size: 1rem;
  color: #F04F29;
}

.flow-chart-flow-body {
  text-align: left;
  margin-top: 0.75rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}

.flow-chart-flow-icon-main {
  background: #F1F9F4;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  padding: 24px;
}

.flow-chart-flow-icon-main i {
  font-size: 20px;
  color: #51DC6B;
}

.flow-chart-flow-title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0.313rem;
}

.flowchart-flow-subtext {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.15rem;
  color: #FB5758;
}

.flowchat-prev-wrap .flowchat-canvas {
  height: 75vh;
}

.viewAutomationModal .modal-body {
  max-height: unset;
}

/* .viewAutomationModal .flowchat-canvas .flochart-start,
.viewAutomationModal .flowchat-canvas .jtk-managed {
    margin: 0 auto;
    left: unset !important;
    position: relative;
} */

/* END FLOWCHAT CSS */

/* Grey Info Bar for modals */
.modal-grey-info-wrap {
  padding: 0.75rem 1rem 0.75rem 0.75rem;
  border: 1px dashed rgba(0, 0, 0, .3);
  border-radius: 0.5rem;
  position: relative;
  background: rgba(51, 51, 51, 0.1);
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
  gap: 0.5rem;
}

.modal-grey-info-wrap .fa-circle-info {
  font-size: 1.2rem;
  margin-top: 0.125rem;
}

.modal-grey-info-wrap .markinfobarTxt {
  font-size: 1rem;
}

/* Grey Info Bar for modals */

.cust-modal-dialer-pad .contact-dialer-wrap .phone-number {
  font-size: 1rem !important;
}

.mpc-pending-filters {
  display: flex;
  gap: 0.75rem;
  margin-right: 0.5rem;
}

.mpc-pending-filters .custom-multiselect button {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
  color: var(--text-two);
  border: var(--global-input-border) solid 0.0625rem;
  font-size: 0.875rem;
  justify-content: space-between;
  width: 13rem !important;
  overflow: hidden;
}


.inventory-list-table-wrapper .dataTables_filter {
  display: grid;
  gap: 0rem;
  /* margin-bottom: 1rem; */
  align-items: flex-end;
}

.inventory-list-table-wrapper .dataTables_filter>label {
  grid-column-end: 2;
  grid-column-start: 2;
  grid-row-end: 1;
  grid-row-start: 1;
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.inventory-list-table-wrapper .dataTables_filter .custom-multiselect label {
  color: #333;
  display: flex;
}

.inventory-list-table-wrapper .dataTables_filter .custom-multiselect li {
  padding: 0.3rem 0;
}


.inventory-list-table-wrapper .dataTables_filter .custom-multiselect .form-check-input:checked[type="checkbox"] {
  background-color: #FB5758 !important;
  border: 0.0625rem solid #FB5758;
}

.inventory-list-table-wrapper .dataTables_filter .custom-multiselect .form-check-input {
  border: 1px solid rgba(0, 0, 0, .25);
  padding: 0 !important;
  margin-left: 0;
}

.inventory-list-table-wrapper .dataTables_filter .mpc-fil-button {
  grid-column-end: 5;
  grid-column-start: 5;
  grid-row-end: 1;
  grid-row-start: 1;
  display: flex;
  align-items: flex-end;
  position: relative;
  top: -3px;
}

.mpc-pending-filters .mpc-fil-label {
  width: 100%;
  text-align: left;
  padding-bottom: 0.2rem;
}

.inventory-list-table-wrapper.dataTables_filter input[type="search"] {
  background: url(../images/dark-search-icon.svg) 0.375rem 50% no-repeat;
  padding-left: 1.7rem;
}

/*  multi-select dropdown */

.custom-multiselect .dropdown-menu li.selected {
  background-color: var(--global-orange) !important;
  color: white;
}

.custom-multiselect .dropdown-menu li:hover {
  background-color: #333;
  color: white;
}

.custom-multiselect .dropdown-menu li {
  padding: 0.313rem 0.25rem !important;
  cursor: pointer;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #333;
}

.custom-multiselect .dropdown-menu li:last-of-type {
  margin-bottom: 0;
}

/*  multi-select dropdown */

/* comm setting - callgrp*/
.cs-new-call-group .modal-grey-info-wrap {
  margin-bottom: 0.35rem;
}

.cs-new-call-group .call-forward-section,
.cs-new-call-group .r-add-leads-main-reverse {
  margin-bottom: 0 !important;
}

.cs-new-call-group .form-group {
  margin-bottom: 0.4375rem;
}

/* comm setting - callgrp*/

/* custom modal table */
.tbl-custom-modal-table .dataTables_filter {
  display: flex;
}

.tbl-custom-modal-table .dataTables_wrapper .dataTables_length>label {
  display: block !important;
}

.tbl-custom-modal-table table thead th {
  background: #f5f5f5;
}

.tbl-custom-modal-table .dataTables_wrapper table tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0.0625rem rgba(51, 51, 51, 0.1)
}

.tbl-custom-modal-table table.dataTable thead th {
  border-bottom: none;
}

.tbl-custom-modal-table .r-icon-btn i {
  color: var(--global-orange);
}

.tbl-custom-modal-table .dataTables_filter {
  margin-bottom: 1rem;
  padding-right: 1.5rem;
}

.tbl-custom-modal-table .modal-body {
  padding-left: 0;
  padding-right: 0;
}

.tbl-custom-modal-table .dataTables_info {
  padding-left: 1.5rem;
}

.tbl-custom-modal-table .dataTables_paginate {
  padding-right: 1.5rem;
}

/*END custom modal table */

/* Call recorder */
.call-recorder-wrapper {
  background: #fff;
  border: 1px solid #E1E1E1;
  border-radius: 0.25rem;
  padding: 0.75rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  /* box-shadow: 0 2px 5px rgba(0,0,0,0.05); */
}

#waveform {
  width: 100%;
  /* height: 60px; */
}

.call-rec-timer {
  margin-left: 0.938rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
}

.call-rec-stop {
  display: flex;
}

.call-rec-stop i {
  color: #F04F29;
  font-size: 1.5rem;
}

.call-rec-stop .square {
  width: 14px;
  height: 14px;
  background: #f44336;
}

.call-prevent-click {
  opacity: 0.5;
  cursor: default !important;
}

/* END Call recorder */

/* start New Call comm */
.small-window-header {
  text-align: right;
  position: relative;
  right: 1rem;
  margin-top: 0.5rem;
}

.small-window-header i {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
}

.incoming-call-green-highlight {
  background: #51DC6B !important;
  cursor: pointer;
}

.incoming-call-green-highlight span i,
.incoming-call-green-highlight span a,
.incoming-call-green-highlight span {
  color: #fff !important;
}

.incoming-call-green-highlight .call-box-col-two {
  text-align: right !important;
}

.c-dialled-tabs .nav-tabs .nav-link.active {
  background: var(--global-orange);
  color: #fff !important;
  border-radius: 0.5rem;
}

.c-dialled-tabs .nav-tabs .nav-link:hover {
  border: var(--global-orange) solid 1px;
  border-radius: 0.5rem;
  color: var(--global-orange);
}

.c-dialled-tabs .nav-tabs .nav-link {
  width: 33%;
  color: #333;
}

.c-dialled-tabs nav {
  border: 1px solid #3333331A;
  border-radius: 0.5rem;
  padding: 0.188rem;
  background: #F6F8FA;
  margin-bottom: 1rem;
}

.compose-box.new-ongoing-call-box .small-window-wrap {
  width: 27rem;
}

.compose-box.new-ongoing-call-box .employee-rht-btm ul {
  max-height: 23rem;
  overflow-y: scroll;
  margin-bottom: 0.5rem;
}

.x-float-phone-number-d3 {
  justify-content: space-between;
}

.nav-dialer .callNumber-areas {
  width: 17rem;
  margin: 2rem auto 0 auto;
}

.nav-dialer .callBtn-area {
  text-align: center;
}

.nav-contacts .user-calling-list-ul-modal .user-calling-list-li {
  margin-bottom: 0;
  border-bottom: #E1E1E1 solid 1px;
}

.nav-contacts .user-calling-list-ul-modal {
  padding: 0 1rem;
}

.new-ongoing-call-box .small-window-btm-wrap .employee-rht-btm .employee-chat-top {
  padding: 1rem;
}

.r-add-leads-main-wrapper.new-ongoing-call-box .r-add-leads-main-reverse .calling-number-input input {
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  padding-bottom: 0.563rem;
}

.r-add-leads-main-wrapper.new-ongoing-call-box .r-add-leads-main-reverse .calling-number-input .iti {
  width: auto;
}

.save-number-modal h5 {
  font-weight: 400;
}

.save-number-modal .modal-body .email-resend-wrapper {
  padding: 0 2.5625rem 0 2.5625rem;
}

.save-number-modal .email-resend-popup-body .r-modal-btn,
.save-number-modal .email-resend-popup-body .r-orange-btn {
  padding: 0.5rem 1rem;
}

.save-number-modal .modal-footer {
  justify-content: center;
  border: none;
}

.save-number-modal .modal-footer .two-action-btn {
  display: flex;
  gap: 0.8rem;
  margin-bottom: 1rem;
}

.two-action-btn .r-modal-btn {
  margin-right: 0;
}

.two-action-btn .r-orange-btn {
  margin-left: 0;
}

.choose-contact-modal .modal-body .user-calling-list-ul-modal li {
  cursor: pointer;
}

.c-add-to-contact .modal-body .uer-calling-title {
  gap: 1rem;
}

.c-add-to-contact .modal-body .uer-calling-title h4 {
  color: #333;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

.c-add-to-contact .modal-body .uer-calling-title span {
  color: var(--global-orange);
  background: #F04F291A;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.125rem 0.5rem;
  border-radius: 50px
}

.c-add-to-contact .modal-body .user-calling-img,
.c-add-to-contact .modal-body .user-calling-img img {
  width: 5rem;
  height: 5rem;
}

.c-add-to-contact .modal-body .dialer-user-head {
  padding: 0;
  margin-bottom: 1.25rem;
}

.c-add-to-contact .modal-body .c-choose-numbers p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #333;
  margin-bottom: 1rem;
}

.incoming-call-green-highlight .call-box-col-one i:after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: #fff;
  border-radius: 50%;
  top: calc(50% - 3px);
  left: 8px;
}

.incoming-call-green-highlight {
  /* background: #51DC6B33 !important; */
  position: relative !important;
}

.incoming-call-green-highlight .call-box-col-one {
  padding-left: 0.625rem !important;
}

.top-select-wrap.com-right-panel {
  margin: 0 0 0 auto;
}

.com-hist-right-tab {
  gap: 1rem;
}

.c-recorded-audio-player {
  display: grid;
  grid-template-columns: calc(100%);
  border-top: #e1e1e1 solid 1px;
  padding-top: 8px;
  margin-top: 8px;
}

.c-recorded-audio-player .controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.c-recorded-audio-player .controls .play-btn i {
  color: var(--global-orange);
  font-size: 1.125rem;
}

.c-recorded-audio-player .controls .time {
  color: var(--text-grey);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
}

.c-recorded-audio-player .controls .seek-bar {
  width: 100%;
  box-shadow: none;
  zoom: 70%;
}

.c-recorder-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.c-recorder-info span:first-of-type {
  font-weight: 500;
  font-size: 1.125rem;
  color: #333;
  max-width: 15.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-recorder-info span:last-of-type {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
}

.c-action-links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.c-action-links button {
  border: none;
  background: transparent;
}

.c-action-links button i {
  color: var(--global-orange);
  font-size: 1.3rem;
}

.c-send-by-email textarea {
  height: auto;
}

.c-send-by-email .form-control.is-invalid {
  border-color: #dc3545 !important;
}

.call_recording_limit_reached h5 {
  font-weight: 400;
}

/* end New Call comm */

.ed-dot-line {
  border: 0.0625rem solid var(--card-highlight--bg-color);
}

.cse-ellipsis .dropdown .btn .filter-option .filter-option-inner .filter-option-inner-inner {
  max-width: 20rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*########### Wordpress Integrated Site #############*/

.wis-main-header {
  margin-bottom: 1.5rem;
}

.wis-main-header h2 {
  color: var(--text-one);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}

.wis-main-header p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--text-one);
}

.wis-main-header p a {
  color: var(--text-one);
}

.wis-card-wrapper .wis-card-item {
  display: flex;
  flex-direction: column;
  padding: 2rem 1.5rem 2.5rem 1.5rem;
  ;
  position: relative;
}

.wis-card-wrapper .wis-card-item .wis-card-heading {
  text-align: center;
  margin-bottom: 0.5rem;
}

.wis-card-wrapper .wis-card-item .wis-card-heading h3 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--text-two);
}

.wis-card-item .wis-img-wrap {
  margin-bottom: 0.5rem;
}

.wis-card-item .wis-img-wrap img {
  width: 100%;
  height: auto;
}

.wis-card-item .wis-card-list {
  margin-bottom: 1rem;
}

.wis-card-item .wis-card-list ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

.wis-card-item .wis-card-list ul li {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 2rem;
}

.wis-card-item .wis-card-connected {
  position: absolute;
  top: 0;
  left: 0;
  background: #51DC6B;
  color: #fff;
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
}

.wis-action-btns {
  text-align: center;
  margin-top: auto;
}

.wis-tbl-head-universell-logo {
  width: 1rem;
  height: auto
}

.wis-tbl-head-wp-logo {
  width: 1.375rem;
  height: auto
}

/*########### Wordpress Integrated Site #############*/

.mc-add-save-card-wrap .bg-nav-tabs {
  background-color: #F6F8FA;
  display: inline-block;
  border: 1px solid #3333331A;
  border-radius: 0.375rem;
  padding: 0.125rem 0.125rem 0.188rem 0.125rem;
}

.mc-add-save-card-wrap .bg-nav-tabs .nav-link {
  border-radius: 0.375rem;
  border: none;
  color: #333;
  padding: 0.063rem 0.5rem;
}

.mc-add-save-card-wrap .bg-nav-tabs .nav-link.active {
  background: var(--global-orange);
  color: #fff;
}

.mc-add-save-card-wrap .bg-nav-tabs {
  /* margin-bottom: 1.5rem; */
}

.cc-img-wrap img {
  width: 2.8125rem;
  height: 2.8125rem;
  object-fit: contain;
  margin-right: 0.5rem;
}

.cc-img-wrap i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
  opacity: 0.8;
}

.mc-cc-details {
  display: flex;
  flex-direction: column;
  /* align-items: center;
  justify-content: flex-start; */
}

.mc-saved-card-wrap {
  margin-bottom: 1rem;
  margin-top: 0.8rem;
}

.cp-saved-card-wrap .mc-saved-cards:first-of-type {
  border-top: 0.0625rem solid var(--global-input-border);
  margin-top: 1.5rem;
}

.mc-saved-card-wrap .mc-saved-cards {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 0.0625rem solid var(--global-input-border);
}

.save_payment_method_modal .mc-saved-card-wrap .mc-saved-cards {
  border-bottom: 0.0625rem solid #dee2e6;
}

.save_payment_method_modal .mc-saved-card-wrap .mc-saved-cards:last-of-type {
  border-bottom: none;
}

.mc-saved-card-wrap .mc-saved-cards .form-check {
  margin: 0;
  margin-right: 1rem;
}

.spm-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

.spm-footer a {
  color: var(--global-orange);
  text-decoration: underline;
}

.mc-cc-details h6 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
  text-transform: none;
}

.mc-cc-details .cc-txt-exp {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  opacity: 0.8;
}

.mc-no-save-button-wrap .prev-step {
  color: var(--text-two) !important;
}

.mc-no-saved-pay-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.mc-no-saved-pay-wrap .fa-triangle-exclamation {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

.mc-no-saved-pay-wrap h5 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: var(--text-two) !important;
  margin-bottom: 1.5rem;
}

.mc-no-saved-pay-wrap p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--text-two) !important;
  margin-bottom: 1.5rem;
}

.ach-readonly-field {
  opacity: 0.6;
}

.mc-txt-area-height {
  min-height: 5rem !important;
}

.pde-icons .icon-input-fontawesom i {
  z-index: 6;
  position: relative;
  color: #333;
}

.pde-icons input {
  padding-left: 1.9rem;
}

.pde-wrap {
  margin-bottom: 0.80rem;
}

.chk_save_cust_pro,
.chk_save_cust_pro:focus {
  border: #69696980 solid 1px;

}

.en-sec-tbl.second-table>table tbody tr td:last-of-type {
  border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}

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

.epd-paymentModel .gradiant-card {
  background: #fff;
}

.epd-paymentModel .mc-saved-card-wrap .mc-saved-cards {
  border-bottom: #00000014 solid 1px;
}

.check_input_cls .mce-yes,
.hide_memo_from_ach .mce-yes {
  width: 100% !important;
}

.check_input_cls .mce-fields-display-none,
.hide_memo_from_ach .ach-fields-display-none {
  display: none !important;
}

.virtual_t_cardpayment .show-for-card-payment {
  display: block;
  width: 100%;
}

.virtual_t_giftcardpayment .show-for-card-payment,
.virtual_t_cashpayment .show-for-card-payment,
.virtual_t_checkpayment .show-for-card-payment,
.virtual_t_cryppayment .show-for-card-payment {
  display: none;
}

.virtual_t_cardpayment.cp-card-selected .not-for-cp {
  display: none;
}

.virtual_t_cardpayment.cp-card-selected .show-for-card-payment {
  display: none !important;
}


.virtual_t_cardpayment.cp-card-selected .cp-list-of-cards,
.virtual_t_cardpayment.cp-card-selected .cp-apply-coupon,
.virtual_t_cardpayment .show-for-card-payment {
  display: block !important;
}

.cp-apply-coupon {
  width: 66%;
  text-align: right;
}

.cp-apply-coupon a i {
  margin-right: 0.5rem;
}

.cp-apply-coupon a,
.cp-apply-coupon i {
  color: var(--text-two)
}

.virtual_t_cardpayment.cp-card-selected .vt-assincutomers {
  width: 32.7%;
}

.ach_save_card .mc-saved-card-wrap .mc-saved-cards:last-of-type {
  border: none;
}

.p-txt-trans {
  text-transform: capitalize;
}

.ach_notice_h5 h5 {
  color: var(--text-two);
}

.spm-choose-acc-wrap {
  display: flex;
  justify-content: end;
  padding-top: 1rem;
}


/***** NEW PRICING PLAN CHANGES STARTS ****/
.pricing_plan_nav_tab_wrap {
  text-align: center;
}

.pricing_plan_tab_wrapper .nav-tabs {
  justify-content: center;
  margin-bottom: 1rem;
  border: 0px;
  display: inline-flex;
  background-color: #fff;
  /* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1); */
  padding: 0.25rem;
  border-radius: 2.5rem;
  box-shadow: 0px 4px 15px 0px rgba(17, 11, 51, 0.1);

}

.annual_save_more_badge {
  position: absolute;
  top: -0.1875rem;
  left: 50%;
  background: #3033E9;
  color: #ffffff;
  padding: 0.1875rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 10px;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-weight: 600;
  display: inline-block;
}

.annual_up_to_off {
  background-color: #FBDBC9;
  color: #F04F29;
  font-size: 10px;
  font-weight: 600;
  padding: 0.1875rem 0.5rem;
  border-radius: 6.25rem;
  text-transform: uppercase;
  position: relative;
  top: 0.25rem;
  margin-left: 0.25rem;
  overflow: hidden;
  display: inline-block;
}


.annual_up_to_off::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 45%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.9) 55%,
      rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  filter: blur(6px);
  animation: newSweep 2s infinite;
  pointer-events: none;
}

@keyframes newSweep {
  0% {
    left: -50%;
  }

  100% {
    left: 150%;
  }
}

.nav-link[aria-controls="yearly-tab-pane"] {
  position: relative;
}

.pricing_plan_tab_wrapper .nav-tabs .nav-link {
  border: 0;
  border-radius: 2.5rem;
  color: #333333;
  padding: .5rem 1.5rem;
}

.pricing_plan_tab_wrapper .nav-tabs .nav-link.active {
  background-color: #F04F29;
  color: #fff;
}

.pricing_plan_title_wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: .5rem;
  /* margin-bottom: 1rem; */
}

.iframe_btn_wrap {
  display: flex;
  gap: .5rem;
  margin-bottom: 1.5rem;
}

.iframe_socail_btn {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  background: #fff;
  border-radius: 0.625rem;
  border: 0.0625rem solid #F04F29;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transition: .3s all linear;
}

.iframe_socail_btn img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  transition: .3s all linear;
}

.iframe_socail_btn:hover {
  scale: .95;
  box-shadow: 0px 0px 0.25rem 0px rgba(0, 0, 0, .3);
}

.iframe_socail_btn:hover img {
  scale: 1.2;
}

.sign_up_with_txt {
  margin-bottom: 0.5rem;
  margin-top: .5rem;
}

.pricing_plan_nav_tab_content_wrap .pricing_plan_title_wrap h3,
.pricing_plan_nav_tab_content_wrap .pricing_plan_title_wrap p {
  margin-bottom: 0;
  line-height: 1.2;
}

.pricing_plan_nav_tab_content_wrap .pricing_plan_title_wrap h3 {
  font-size: 2rem;
  font-weight: 500;
}

.pricing_plan_nav_tab_content_wrap .pricing_plan_title_wrap p {
  font-size: 1.25rem;
  font-weight: 400;
  color: rgba(51, 51, 51, .5);
  font-weight: 500;
}

.pricing_plan_top_info {
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #FB5758;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  white-space: nowrap;
}

.pricing_plan_top_info p {
  margin-bottom: 0;
  color: #fff;
}

.pricing_plan_nav_tab_content_wrap .swiper-wrapper {
  padding: 1.5rem 0;
}

.mpc_preview_create_account .mpc-preview-thank-you-msg {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 90px 0 60px 0;
}

.mpc_preview_create_account .mpc-preview-thank-you-msg p {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

/***** NEW PRICING PLAN CHANGES ENDS ****/

.new_crm_tab_btn {
  position: relative;
}


.annual_save_more_badge {
  position: absolute;
  top: -0.1875rem;
  left: 50%;
  background: #3033E9;
  color: #ffffff;
  padding: 0.1875rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 10px;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-weight: 600;
  display: inline-block;
}

.annual_up_to_off {
  background-color: #FBDBC9;
  color: #F04F29;
  font-size: 10px;
  font-weight: 600;
  padding: 0.1875rem 0.5rem;
  border-radius: 6.25rem;
  text-transform: uppercase;
  position: relative;
  top: 0.25rem;
  margin-left: 0.25rem;
  overflow: hidden;
  display: inline-block;
}


.annual_up_to_off::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 45%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.9) 55%,
      rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  filter: blur(6px);
  animation: newSweep 2s infinite;
  pointer-events: none;
}

@keyframes newSweep {
  0% {
    left: -50%;
  }

  100% {
    left: 150%;
  }
}

.nav-link[aria-controls="yearly-tab-pane"] {
  position: relative;
}

.en-member-wrapper .save_big_wrap_outer {
  margin-bottom: 2rem !important;
}

.en-member-wrapper .nav-pills .nav-item {
  display: flex;
}

.en-member-wrapper .annual_tab_title {
  position: relative;
  top: -2px;
}

.en-member-wrapper .offer_ends_info {
  background-color: #F04F29;
}

.en-member-wrapper .member-plan-table-view table thead tr th .mp-plan-title {
  font-size: 1.5rem;
  margin-bottom: 0.625rem;
}

.en-member-wrapper .member-plan-table-view table thead tr th h4 {
  font-size: 1.75rem;
}

.en-member-wrapper .member-plan-table-view table thead tr th h4 .mp-month {
  opacity: 0.5;
  font-size: 1.125rem;
  font-weight: 400;
}

.en-member-wrapper .member-plan-table-view table thead tr th h4 .mp-bill-ann {
  font-size: 1rem;
  font-weight: 400;
}

/* ========== */

.ach-payment-gateway .pm-head-txt .strong {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
  display: block;
}

.ach-payment-gateway .pm-head-txt {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125;
}

.ach-payment-gateway .new-radio-input-wrap {
  background: transparent;
  border: 0.0625rem solid var(--white-white-orange);
}

.ach-globe-set-payment-gateway {
  /* border: 0.0625rem solid var(--white-white-orange); */
}

.ach-globe-set-payment-gateway .merchant-table {
  border: none;
}

.ach-payment-gateway .pm-head-txt {
  margin-bottom: 1.5rem;
}

.ach-payment-gateway .new-setting-radio-input:checked+.new-radio-input-wrap {
  background: var(--navbar-toggler-btn-bg);
}

.ach-payment-gateway .new-radio-input-label-inner span {
  color: var(--text-two) !important;
}

/* .ach-payment-gateway .new-radio-input-label-inner img { global-set-color
  filter: none !important;
} */

.ach-payment-gateway .prime-gateway-style {
  position: absolute;
  font-size: 0.75rem;
  right: 0.063rem;
  top: 0.063rem;
  z-index: 1;
  padding: 0.25rem 8px;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.25rem;
}

.ach-pg-connected .prime-gateway-status {
  color: #fff;
  background: #51DC6B !important;
}

.ach-pg-connected .prime-gateway-status:after {
  content: "connected";
}

.ach-pg-preferred .prime-gateway-status {
  color: #ffffff;
  background: var(--global-orange) !important;
}

.theme-orange .ach-pg-preferred .prime-gateway-status {
  border: #f17e63 solid 0.063rem;
  border-top: none;
  border-right: none;
}


.ach-pg-preferred .prime-gateway-status:after {
  content: "Preferred";
}

/* .ach-payment-gateway .ach-pg-preferred label.new-radio-input-wrap {
  background: transparent !important;
} */

.ach-payment-gateway .ach-pg-connected label.new-radio-input-wrap {
  /* background:inherit !important; */
}

.ach-choose-acc-txt,
.ach-choose-acc-txt:hover {
  color: var(--white-orange-orange);
}

.ach-choose-acc-txt {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-decoration: underline;
}

.ach-save-customer-profile-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

/* .pms_payment_method_setting .dataTables_length,
.pms_payment_method_setting .dataTables_filter,
.pms_payment_method_setting .dataTables_info,
.pms_payment_method_setting .dataTables_paginate{
  display:none;
} */

.pms_payment_method_setting .dataTables_length {
  padding-bottom: 1.5rem;
}

.people-table-main .pms_payment_method_setting .dataTables_wrapper .dataTables_scrollHead table {
  margin-top: 0 !important;
}

.people-table-main .pms_payment_method_setting tbody td:last-child {
  text-align: left;
}

.pms_payment_method_setting label {
  font-size: 1rem;
  font-weight: 400;
}

.pms_payment_method_setting .form-check.form-switch {
  display: flex;
  align-items: center;
  gap: 0.563rem;
}

.pms_payment_method_setting .form-check.form-switch>label {
  margin-top: 0;
}

.pms_payment_method_setting .form-check.form-switch .slider {
  background: #EFEFEF;
}

.pms_payment_method_not_connected .pms-disable td {
  color: #C4C4C4 !important;
}

.pms_payment_method_not_connected .pms-disable-txt {
  color: #C4C4C4 !important;
}

.card_ach_alert_modal .modal-body {
  padding: 2.5rem 2.5rem 0rem 2.5rem;
}

.card_ach_alert_modal .card-ach-alert-grp {
  margin-bottom: 1.5rem;
}

.card_ach_alert_modal .modal-body h5 {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0.5rem;
}

.card_ach_alert_modal .modal-body .card-ach-alert-grp ul {
  list-style-type: disc;
  margin-top: 0.5rem;
  padding-left: 1rem;
}

.card_ach_alert_modal .modal-body .card-ach-alert-grp ul li {
  font-size: 1rem;
  font-weight: 400;
}

.card_ach_alert_modal .modal-footer {
  border: none;
}

.card_ach_alert_modal .modal-footer {
  justify-content: center;
}

.card_ach_alert_modal .modal-footer .authorizeaton-getway-main button:first-of-type {
  padding: 0.6rem 5rem;
}

.car-ach-lm a {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.75rem;
  color: var(--global-orange);
  text-decoration: underline;
}

.ach-modal-body .mc-no-saved-pay-wrap .fa-triangle-exclamation,
.ach-modal-body .mc-no-saved-pay-wrap h5,
.ach-modal-body .mc-no-saved-pay-wrap p {
  color: #333 !important;
}

.ach-modal-body .mc-no-save-button-wrap button {
  color: var(--global-orange) !important;
}

.spm-connected-pg .select2-search__field {
  display: none;
}


/* =========================  loading animated circle in the button =============================== */

/* Unique class */
.download-statement-btn.loading {
  pointer-events: none;
  /* prevent click */
  opacity: 0.7;
  /* faded look */
  position: relative;
}

.download-statement-btn.loading .btn-txt {
  visibility: hidden;
  /* hide text */
}

.download-statement-btn.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* =========================END loading animated circle in the button =============================== */

.emp-update-btn {
  position: absolute;
  bottom: 0;
  right: 2rem;
}

.emp-authorizations-table {
  max-height: 43vh;
}

.c-floating-call-icon {
  right: 2rem;
  bottom: 6.2rem !important;
}

.script-assign-role .select2-selection__rendered {
  padding-left: 2rem !important;
}

.script-assign-role .select2-selection__rendered .fa-magnifying-glass {
  left: 0.5rem;
}

.autom-specific-fields,
.autom-specific-fields01 {
  gap: 1rem
}

.autom-flex-col {
  display: inline-flex;
  flex-direction: column;
}

.autom-flex-col .form-check {
  display: inline-flex;
  gap: 0.5rem;
}

/* .create_segment_modal .error_el {
  display: none;
} */

.create_segment_modal .char-count-wrap {
  font-size: 0.875rem;
  color: var(--text-grey);
  margin-top: 0.25rem;
}

.create_segment_modal .us-universell-sync-cards .us-table-fix-head table thead tr th:last-of-type {
  padding-right: 34px;
}

.segment-filter-section {
  padding: 1.125rem;
  background: var(--table-overlay-solid-color);
  border-radius: 0.5rem;
}

.segment-filter-section .segment-top-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.segment-filter-section .segment-top-section h2 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 24px;
}

.segment-bottom-section .segment-condition-filter {
  display: grid;
  grid-template-columns: 95% 5%;
  margin-bottom: 1rem;
}

.segment-bottom-section .segment-condition-filter:last-of-type {
  margin-bottom: 0;
}

.segment-bottom-section .segment-condition-filter .segment-filter-fileds {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.segment-condition-add-btn .fa-circle-plus,
.segment-condition-add-btn .fa-circle-minus {
  font-size: 2.5rem;
  color: var(--global-orange);
  cursor: pointer;
}

.segment-condition-add-btn {
  display: flex;
  justify-content: center;
  align-items: end;
}

.segment-condition-add-btn .disabled {
  pointer-events: auto !important;
  cursor: not-allowed;
  opacity: 0.5;
}

.segment-audience-customer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 5rem 0;
}

.segment-audience-customer h3 {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.segment-audience-customer p {
  text-align: center;
}

.bnp-outstanding-balance {
  text-align: center;
}

.bnp-outstanding-balance h3 {
  margin-bottom: 0.75rem;
}

.bnp-outstanding-balance p a {
  color: var(--text-two);
  text-decoration: underline;
}

.bnp-get-in-touch .nh-phone-sty {
  text-decoration: underline;
  color: #333;
}

.bnp-emplyee-outstanding-bal {
  text-align: center;
  margin-top: 3.813rem;
}

.bnp-emplyee-outstanding-bal .bnp-lock-img img {
  max-width: 6.875rem;
  margin-bottom: 1.875rem
}

.bnp-emplyee-outstanding-bal h2 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 0.625rem;
}

.bnp-semi-fnt {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
  display: block;
}

.bnp-emplyee-outstanding-bal .bnp-uni-logo {
  margin-bottom: 5rem;
}

.outstanding_balance_due_modal .pay_due_payment_method .nav .nav-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.outstanding_balance_due_modal .past-due-payment-table,
.outstanding_balance_due_modal .card_info_table {
  border-radius: 0.5rem;
}

.outstanding_balance_due_modal .pay_due_payment_method .nav-tabs .nav-link.active .select_payment_toggle_txt {
  color: var(--global-orange)
}

.outstanding_balance_due_modal .pay_due_payment_method .tab-content .pay_due_payment_method_accept_check_wrap .form-check label {
  word-break: break-word;
  text-transform: none;
}

.segment-audience-table .email-status-color {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-right: 0.25rem;
  display: inline-block;
}

.people-table-main.seg-people-table-main .dataTables_filter {
  padding-right: 0;
}

.email-status-red {
  background: #F01A15;
}

.email-status-blue {
  background: #3087E9;
}

.email-status-green {
  background: #51DC6B;
}

.email-status-yellow {
  background: #FDC021;
}

.segment-number-records {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.three-dot-list-wrap .dropdown-menu li a .icon-segment-verify-email {
  background: url('../images/seg-verify-email.png') no-repeat center;
  background-size: contain !important;
  width: 1.1rem;
  margin-right: 0.5rem;
  display: inline-block;
  height: 1rem;
}

.three-dot-list-wrap .dropdown-menu li a:hover .icon-segment-verify-email {
  background: url('../images/seg-verify-email-h.png') no-repeat center;
}

/* ################# For Chat Bot ############### */
iframe.is-zpopup {
  right: 8px !important
}

/* ################# For Chat Bot ############### */


/* ################# Campaign Free Email Trial ############### */

.pep-premium-email-plan {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.pep-premium-email-plan .pep-premium-plan-box {
  position: relative;
  box-shadow: 0px 4px 15px 0px #110B331A;
  border-radius: 0.5rem;
  overflow: hidden;
  border: transparent solid 1px;
  transition: border-color 0.3s ease, transform 0.3s ease;
}

.pep-premium-plan-label {
  display: flex;
  gap: 0.75rem;
  padding-bottom: 0 !important;
}

.pep-premium-email-plan .pep-premium-plan-box .pep-radio-input {
  position: absolute;
  top: 0;
  right: 0;
}

.pep-premium-email-plan .pep-l-part {
  padding: 1.625rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 11rem;
}

.pep-premium-email-plan .pep-l-part h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.25rem;
}

.pep-premium-email-plan .pep-l-part p {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.375rem;
}

.pep-premium-email-plan .pep-r-part {
  padding: 1.313rem 0.75rem;
  width: calc(100% - 11rem);
}

.pep-premium-email-plan .pep-r-part h2 {
  font-weight: 600;
  font-size: 1.875rem;
  margin-bottom: 0.5rem;
}

.pep-premium-email-plan .pep-r-part h2 span {
  font-weight: 600;
  font-size: 0.875rem;
}

.pep-premium-email-plan .pep-r-part p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.pep-premium-email-plan .purple-plan-box .pep-apply-plan {
  background: #8078D4;
}

.pep-premium-email-plan .purple-plan-box:hover,
.pep-premium-email-plan .purple-plan-box.pep-active {
  border: #8078D4 solid 1px !important;
}

.pep-premium-email-plan .purple-plan-box .pep-apply-plan-txt h2 {
  color: #8078D4;
}

.pep-premium-email-plan .purple-plan-box .form-check-input:checked {
  border-color: #8078D4 !important;
  background-color: #8078D4 !important;
}

.pep-premium-email-plan .pink-plan-box .pep-apply-plan {
  background: #F46E9F;
}

.pep-premium-email-plan .pink-plan-box:hover,
.pep-premium-email-plan .pink-plan-box.pep-active {
  border: #F46E9F solid 1px !important;
}

.pep-premium-email-plan .pink-plan-box .pep-apply-plan-txt h2 {
  color: #F46E9F;
}

.pep-premium-email-plan .pink-plan-box .form-check-input:checked {
  border-color: #F46E9F !important;
  background-color: #F46E9F !important;
}

.pep-premium-email-plan .green-plan-box .pep-apply-plan {
  background: #4EC2BC;
}

.pep-premium-email-plan .green-plan-box:hover,
.pep-premium-email-plan .green-plan-box.pep-active {
  border: #4EC2BC solid 1px !important;
}

.pep-premium-email-plan .green-plan-box .pep-apply-plan-txt h2 {
  color: #4EC2BC;
}

.pep-premium-email-plan .green-plan-box .form-check-input:checked {
  border-color: #4EC2BC !important;
  background-color: #4EC2BC !important;
}

.pep-premium-email-plan .celery-plan-box .pep-apply-plan {
  background: #C5C359;
}

.pep-premium-email-plan .celery-plan-box:hover,
.pep-premium-email-plan .celery-plan-box.pep-active {
  border: #C5C359 solid 1px !important;
}

.pep-premium-email-plan .celery-plan-box .pep-apply-plan-txt h2 {
  color: #C5C359;
}

.pep-premium-email-plan .celery-plan-box .form-check-input:checked {
  border-color: #C5C359 !important;
  background-color: #C5C359 !important;
}

.pep-premium-email-plan .blue-plan-box .pep-apply-plan {
  background: #4B9AFB;
}

.pep-premium-email-plan .blue-plan-box:hover,
.pep-premium-email-plan .blue-plan-box.pep-active {
  border: #4B9AFB solid 1px !important;
}

.pep-premium-email-plan .blue-plan-box .pep-apply-plan-txt h2 {
  color: #4B9AFB;
}

.pep-premium-email-plan .blue-plan-box .form-check-input:checked {
  border-color: #4B9AFB !important;
  background-color: #4B9AFB !important;
}

.pep-premium-email-plan .orange-plan-box .pep-apply-plan {
  background: #F5A776;
}

.pep-premium-email-plan .orange-plan-box:hover,
.pep-premium-email-plan .orange-plan-box.pep-active {
  border: #F5A776 solid 1px;
}

.pep-premium-email-plan .orange-plan-box .pep-apply-plan-txt h2 {
  color: #F5A776;
}

.pep-premium-email-plan .orange-plan-box .form-check-input:checked {
  border-color: #F5A776 !important;
  background-color: #F5A776 !important;
}

.ape-activate-premium-plan h2 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
}

.ape-activate-premium-plan .ape-txt-blk {
  background: #F6F8FA;
  padding: 1rem;
  margin-bottom: 1rem;
}

.ape-activate-premium-plan .ape-txt-blk ul {
  padding-left: 1rem;
}

.ape-activate-premium-plan .ape-txt-blk ul li {
  list-style-type: disc;
}

.ape-activate-premium-plan .ape-txt-blk p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 0.75rem
}

/* ################# END Campaign Free Email Trial ############### */

/* Modal table styleX */
.bp-txt-orange {
  color: var(--global-orange);
}

.h-tbl-modal table thead th {
  background: #F6F8FA;
  border-bottom: none;
}

table.dataTable thead th.price-alignment,
table.dataTable tbody td.price-alignment {
  text-align: right !important;
  padding-right: 26px !important;
}

.tbl-head-txt h2 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}

.h-tbl-modal .dataTables_wrapper .dataTables_length {
  margin-bottom: 1rem;
}

.h-tbl-modal .table-clickable {
  text-decoration: underline;
  text-transform: capitalize;
  color: #333;
}

.h-tbl-modal .tbl-np-wrap {
  white-space: nowrap;
}

.h-tbl-modal .dataTables_filter input[type="search"] {
  background: url(../images/icons/dark-search-icon.svg) 0.375rem 50% no-repeat;
  padding: 0.25rem 0.625rem 0.25rem 2rem;
}

.h-tbl-modal .dataTables_filter input[type="search"]:focus {
  box-shadow: none;
}

.h-tbl-modal .dataTables_wrapper table tbody tr {
  box-shadow: 0rem 0.0625rem 0rem 0.0625rem rgba(51, 51, 51, 0.1);
}

.h-tbl-modal table.dataTable tbody td {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

/* Modal table styleX */

.autom-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.spm-vt-disable {
  border: 0.0625rem solid var(--global-input-border);
  padding: 1.25rem;
}

.fcd-border {
  border: 0.0625rem solid var(--global-input-border);
  padding: 1.25rem;
  border-radius: 0.5rem;
}

.spm-vt-disable .fa-triangle-exclamation {
  color: var(--text-two)
}

.agreement-pay-order .icon-input {
  left: 0.8rem;
}

.agreement-pay-order .apo-coupon-section {
  margin-bottom: 1.4rem;
}

.agreement-pay-order .fa-triangle-exclamation {
  color: var(--global-orange);
}

.coupon-not-valid {
  color: #FF3B30;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.agreement-pay-order .apo-payment-details {
  text-align: center;
  border: 1px solid #E1E1E1;
  padding: 1.25rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}

.agreement-pay-order .apo-txt-block {
  margin-bottom: 1.5rem;
}

.agreement-pay-order .apo-txt-block h5 {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.agreement-pay-order .apo-txt-block ul {
  padding-left: 1rem;
}

.agreement-pay-order .apo-txt-block ul li {
  list-style-type: disc;
}

.apo-action-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.agreement-pay-order .virtual-card-payment .form-group {
  margin-bottom: 0.5rem;
}

.agreement-pay-order .ach-choose-acc-txt {
  color: var(--global-orange)
}

.agreement-pay-order .ach-save-customer-profile-wrap {
  margin-bottom: 1rem;
}

.agreement-pay-order .cc-i-b-col .fa-building-columns,
.agreement-pay-order .pde_cc_card_link,
.agreement-pay-order .pde_cc_card_link .fa-link-slash {
  color: var(--global-orange)
}

.agreement-pay-order .cp-saved-card-wrap .mc-saved-cards:first-of-type {
  padding-top: 0;
}

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

.setup-content .sc-select-campaign-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.setup-content .sc-select-campaign-cards .sc-select-campaign-items {
  border: 0.063rem solid var(--text-two);
  border-radius: 1rem;
  position: relative;
  padding: 2.25rem 2rem 0.938rem 2rem;
  display: flex;
  flex-direction: column;
}

.sc-select-campaign-items .sc-radio-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.sc-select-campaign-body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}

.sc-select-campaign-body .sc-img {
  /* width: 35%; */
}

.sc-select-campaign-body .sc-img img {
  width: 100%;
  height: auto;
}

.sc-select-campaign-body .cs-content-txt {
  /* width: 65%; */
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.sc-for-ss-announcement {
  padding: 0 3.125rem;
}

.sc-select-campaign-body .cs-content-txt h5 {
  color: var(--text-two);
  margin-bottom: 1rem;
}

.sc-select-campaign-body .cs-content-txt ul {
  padding-left: 1rem;
  padding-right: 1rem;
}

.sc-select-campaign-body .cs-content-txt ul li {
  list-style-type: disc;
  color: var(--text-two);
  margin-bottom: 0.5rem;
}

.setup-content .sc-p-txt {
  color: var(--text-two);
  margin-bottom: 1rem;
}

.sc-select-campaign-foot {
  text-align: right;
  margin-top: auto;
}

.sc-select-campaign-foot i {
  font-size: 1.25rem;
  color: var(--white-white-orange)
}

.sc-select-campaign-items.sc-active,
.sc-select-campaign-items:hover {
  background: var(--navbar-toggler-btn-bg)
}

.theme-light .sc-select-campaign-items.sc-active,
.theme-light .sc-select-campaign-items:hover {
  border: var(--global-orange) solid 0.063rem;
}

.sc-select-campaign-body .sc-img img {
  transition: transform 0.2s linear;
  will-change: transform;
  display: block;
}

.sc-select-campaign-body .sc-img {
  /* height: 15.5rem;
    overflow: hidden; */
  position: relative;
  border-radius: 0.5rem;
}

.i-inv-log .fa-calendar {
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
}

.scih-heading {
  padding-bottom: 1rem !important;
}

.scih-heading h2 {
  margin-bottom: 0;
}

.scih-heading .btn_next_page {
  padding-right: 1.875rem;
}

.tbl_ds_deal_stagehistory .dataTables_filter {
  display: flex;
  gap: 0.5rem;
  flex-direction: row-reverse;
}

.tbl_ds_deal_stagehistory .dataTables_filter>label {
  font-size: 0;
  padding-bottom: 0;
}

.tbl_ds_deal_stagehistory .ddr-pending-filters {
  display: flex;
  gap: 0.5rem;
}

.tbl_ds_deal_stagehistory .ddr-pending-filters .btn_next_page {
  display: flex;
  gap: 0.5rem;
}

/*  */

.mc-add-save-card-wrap .main-fs-tabs .bg-nav-tabs {
  background: transparent;
  border: none;
}

.mc-add-save-card-wrap .main-fs-tabs .bg-nav-tabs .nav-link {
  border-radius: 100px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  box-shadow: 0px 2px 8px 0px #110B331A;
}

.mc-add-save-card-wrap .main-fs-tabs .bg-nav-tabs .nav-tabs {
  border-bottom: none;
  gap: 0.8rem;
}

.pc-payment-catcher .form-group {
  margin-bottom: 0.8rem;
}

.pc-preview h2 {
  margin-bottom: 0rem;
}

.pc-paymentCatcher .policytrems p {
  margin-bottom: 0.5rem;
}

.auth-pay-details label {
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  display: inline;
}

tr.tbl-collapse,
tbody.tbl-collapse,
tr.tbl-collapse02,
tbody.tbl-collapse02 {
  display: none;
}

table.pricing-table.pricing-table-vissible {
  /* visible state styles if needed */
}

tbody.collapsetable {
  display: table-row-group;
}

.plan-global-toggle,
.annual-plan-global-toggle {
  cursor: pointer;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

table.n-table-vissible .collapsetable01,
table.n-table-vissible .collapsetable02 {
  visibility: collapse;
}

/* Cusotmer Import */

.ci-select-campaign-body .cs-content-txt {
  width: 100%;
}

.ci_import_modal .ci-instruction-txt ul {
  padding-left: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ci_import_modal .ci-instruction-txt ul li {
  list-style-type: disc;
}

.ci_import_modal .ci-action-links a {
  color: var(--global-orange);
  text-decoration: underline;
}

.ci_import_modal .ci-action-links span {
  color: var(--global-orange);
}

.ci_import_modal .upload_file_document_wrap {
  border: 1px dashed var(--global-upload-border-color-w-bg);
}

.ci_import_modal .upload_file_document_wrap i,
.ci_import_modal .upload_file_document_wrap label {
  color: var(--global-orange);
}

.ci-progress-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.ci-progress-bar-wrap {
  padding: 1rem;
}

.ci-progress-bar-wrap .pct {
  width: 34px;
  text-align: center;
  font-weight: 700;
  display: inline-block
}

.ci-progress-bar-wrap .bar-wrap {
  flex: 1
}

.ci-progress-bar-wrap .bar {
  background: rgb(222, 222, 222);
  height: 0.5rem;
  border-radius: 999px;
  position: relative;
  overflow: hidden
}

.ci-progress-bar-wrap .ci-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: #d95733;
  border-radius: 999px;
  transition: width .18s linear
}

.ci-progress-bar-wrap .ci-name {
  font-size: 13px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ci_import_modal .ci-done {
  padding: 0 1rem 1rem 1rem;
}

.ci_import_modal .ci-success-check,
.ci_import_modal .ci-success-info {
  text-align: center;
  margin-bottom: 2rem;
}

.ci_import_modal .ci-success-err-report {
  text-align: center;
  margin-bottom: 1rem;
}

.ci_import_modal .ci-success-check i {
  font-size: 4rem;
  color: #00BA00;
}


.ci_import_modal .ci-success-info h2 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.ci-success-err-report .ci-report-style::before {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  border-radius: 50px;
  margin-right: 0.5rem;
}

.ci-success-err-report .ci-error::before {
  background: #FB5758;
}

.ci-success-err-report .ci-success::before {
  background: #51DC6B;
}

.ci_import_modal .ci-success-err-report ul {
  width: 9rem;
  margin: auto;
}

.ci_import_modal .ci-success-err-report ul li {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.ci_import_modal .ci-success-err-report ul li:first-of-type {
  margin-bottom: 0.3rem;
}

.ci-download-report {
  text-align: center;
  margin-bottom: 1rem;
}

/* End Cusotmer Import */

/* custom field */
.gs-custom-fields-wrap .gs-custom-fields-section .gs-custom-fields-header h2 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: var(--text-two);
  margin-bottom: 0.5rem;
}

.gs-custom-fields-wrap .gs-custom-fields-section .gs-custom-fields-header p {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}

.other-info-custom-field .gs-event-click {
  color: var(--text-two);
  text-decoration: underline;
}

.other-info-custom-field .gs-custom-fields-header,
.other-info-custom-field .sa-sel-cust-info {
  margin-bottom: 1.5rem;
}

/* end custom field */

.fs-dashboard-payment-setting {
  background: #FBDBC9;
}

.fs-dashboard-payment-setting p {
  color: #333;
}

.fs-click-event {
  color: var(--global-orange);
  text-decoration: underline;
}

.fs-click-event:hover {
  color: var(--global-orange);
  text-decoration: underline;
}

.fs-dashboard-payment-setting .fa-circle-exclamation {
  color: var(--global-orange);
}

.rs-next-one-btn {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
}

.rs-repeat-frequency {
  display: flex;
  gap: 0.5rem;
}

.rs-repeat-frequency .rs-every {
  width: 4.125rem;
}

.rs-repeat-frequency .rs-every-val {
  width: calc(100% - 4.125rem);
}

.rs-select-interval {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.rs-select-interval .rs-prev-btn {
  position: unset;
  right: unset;
  display: block;
}

.rs-select-interval .rs-prev-btn button {
  position: unset;
  color: var(--text-two);
}

.rs-action-btn {
  display: flex;
  justify-content: space-between;
}

.rs-action-btn button {
  white-space: nowrap;
}

.import-employee-wrap p {
  text-align: left;
}

.import-employee-wrap ul {
  list-style-type: decimal;
  padding-left: 1rem;
  margin-bottom: 1.5rem;
}

.import-employee-wrap ul.ach-pg-lists {
  list-style-type: disc;
}

.import-employee-wrap ul li {
  margin-bottom: 0.8rem;
}

.import-employee-wrap h6 {
  font-size: 1rem;
  font-weight: 600;
}

.import-employee-wrap h5 {
  font-weight: 700;
}

.rpi-module-entry-select-wrap {
  justify-content: space-between;
  align-items: center !important;
}

.rpi-module-entry-select-wrap .rpi-module-entry-select {
  width: calc(100% - 11rem);
  display: inline-block;
}

.rpi-module-entry-select-wrap .toggle-switch {
  width: 9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem
}

.rpi-module-entry-select-wrap .toggle-switch label {
  padding-bottom: 0;
}

.icon-cancel-subsc {
  background: url('../images/icon-cancel-subsc.svg') no-repeat;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
}

.rpi-three-dot .dropdown-menu li a:hover .icon-cancel-subsc {
  filter: brightness(0) invert(1);
}

.rpi-cancel-subscription {
  display: flex;
  align-items: center;
}

.rpi-pay-txt {
  opacity: 0.6;
  font-size: 0.875rem;
}

.people-table-main .rpi_recurring_payment_list .dataTables_filter,
.tbl_view_recurring_payment .dataTables_filter {
  flex-direction: row-reverse;
  gap: 0.5rem;
}

.people-table-main .rpi_recurring_payment_list .dataTables_filter>label,
.tbl_view_recurring_payment .dataTables_filter>label {
  font-size: 0;
  padding-bottom: 0;
}

.people-table-main .rpi_recurring_payment_list .dataTables_filter .table-filter-wrap {
  gap: 1rem;
  display: flex;
}

.tbl_view_recurring_payment input[type="search"] {
  background: url(../images/icons/dark-search-icon.svg) 0.375rem 50% no-repeat !important;
  padding: 0.25rem 0.625rem 0.25rem 2rem;
}

.tbl_view_recurring_payment input[type="search"]:focus {
  box-shadow: none;
}

.tbl_view_recurring_payment .dataTables_filter .table-filter-wrap input {
  padding-left: 0.5rem !important;
}

.people-table-main tbody td:last-child,
.people-table-main thead th:last-child {
  text-align: left;
}

.people-table-main tbody td.num-txt-right,
.people-table-main thead th.num-txt-right {
  text-align: right;
}

.people-table-main tbody td.num-txt-right {
  padding-right: 26px !important;
}

/* text color */
.transaction_details_status_void_txt {
  color: #fd7e14;
}

.transaction_details_status_refund_txt {
  color: #007bff;
}

.transaction_details_status_approved_txt {
  color: #28a745;
}

.transaction_details_status_declined_txt {
  color: #dc3545;
}

/* text color */

.edit-recurring-payment-list .form-label {
  margin-bottom: 0;
}
 
.bg-tbl-gross-amount {
  background: #F04F2926;
}

.bpe-act-disable-btn .r-modal-btn:disabled {
  background: #ccc;
  /* or your disabled color */
  color: #666;
  cursor: not-allowed;
  border-color: #ccc !important;
}

.dataTables_empty >div {
  text-align: center !important;
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem;
}

.cp-v-email .card-ellipsis {
  display: block;
}

.outstanding_balance_due_modal .select2-search__field {
  padding-left: 2rem !important;
}

/* New Custom Form */
 .cf-custom-form-wrap {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }

 .cf-custom-form-wrap .desktop-preview {
   border-radius: 0.5rem;
   border: 0.03rem solid rgb(218, 220, 224);
   width: 640px;
 }

 .cf-custom-form-wrap .desktop-preview.no-bg {
  background-color: transparent;
  border: none;
 }

 .cf-top-border {
   background-color: var(--global-orange);
   height: 0.5rem;
   display: block;
 }

 .cf-custom-form-body {
   padding: 24px;
   /* padding:16px 24px 16px 24px; */
   /* padding:1.375rem 1.5rem 1rem 1.5rem; */
 }

 .cf-custom-form-body h1 {
   font-size: 2rem;
   font-weight: 600;
   color: rgb(32, 33, 36);
   line-height: 135%;
   max-width: 100%;
 }

 .cf-custom-form-wrap hr {
   margin: 0;
   border-top: 0.03rem solid rgb(124 124 124);
 }

 .cf-custom-form-wrap .cf-error {
   color: rgb(217, 48, 37)
 }

 .cf-custom-form-body .form-card {
   overflow: hidden;
 }

 .cf-custom-form-body .input-container {
   position: relative;
   width: 100%;
   display: flex;
 }

 .cf-custom-form-body label .required {
    color: #d93025;
    /* margin-left: 1px; */
    font-weight: 700;
  }

  .cf-custom-form-body input::placeholder { color: #9aa0a6; }

 .cf-custom-form-body label {
  font-size: 1rem;
  font-weight: 600;
 }

  .cf-custom-form-wrap .desktop-preview.error {
    border-color: #d93025;
  }

 .cf-custom-form-body .form-card .input-container input {
   width: 100%;
   border: none;
   outline: none;
   padding: 10px 0;
   font-size: 16px;
   border-bottom: 1px solid #ccc;
   background: transparent;
   box-shadow: none;
   border-top: 0px;
   border-left: 0;
   border-right: 0;
   border-radius: 0 !important;
   font-size: 1rem;
 }

 /* animated underline */
 .cf-custom-form-body .underline {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #4285f4;
    transform: translateX(-50%);
    opacity: 0;
    transition:
      width 0.28s ease,
      left 0.28s ease,
      transform 0.28s ease,
      background 0.2s ease,
      opacity 0.2s ease;
  }

  .cf-custom-form-body input:focus ~ .underline,
  .cf-custom-form-body textarea:focus ~ .underline {
    width: 100%;
    left: 0;
    transform: translateX(0);
    opacity: 1;
    background: #4285f4;
  }

  .cf-custom-form-body .form-card.error .underline {
    background: #d93025;
  }

  .cf-custom-form-body .form-card.error input,
  .cf-custom-form-body .form-card.error textarea {
    border-bottom-color: #d93025 !important;
  }

  .cf-custom-form-body .error-message {
    display: none;
    margin-top: 14px;
    font-size: 12px;
    color: #d93025;
    align-items: center;
    gap: 10px;
  }

  .cf-custom-form-body .form-card.error .error-message {
    display: flex;
  }

  .cf-custom-form-body .error-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #d93025;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }

  .r-add-leads-main-wrapper .r-add-leads-main-reverse .cf-custom-form-body textarea {
  width: 100%;
  border: none;
  outline: none;
  padding: 10px 0;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  background: transparent;
  box-shadow: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0 !important;
  resize: none;   /* user cannot drag manually */
  overflow: hidden; /* no scrollbar */
  min-height: 24px; /* height for 1 row */
  line-height: 1.5;
}

.cf-custom-form-body .multichoice-group {
  display: flex;
  flex-direction: column;
}

.cf-custom-form-body .multichoice-group label {
  display: flex;
    gap: 0.8rem;
}

.cf-custom-form-body .multichoice-group label input {
  flex-shrink: 0;
  box-shadow: none;
  padding: 0;
}

.cf-custom-form-body .multichoice-group .input-container input {
  padding: 0;
}

.cf-radio-inp-grp {
  display: flex;
  align-items: center;
  gap:0.5rem;
}

.cf-radio-inp-grp .input-container {
  margin-top: -7px;
}

.cf-custom-form-body select {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: transparent;
  outline: none;
  font-size: 16px;
  padding: 10px 12px;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
  cursor: pointer;
  color: #202124;
}

.cf-custom-form-body select:invalid {
  color: #9aa0a6;
}


.cf-custom-form-body .rating-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}

.cf-custom-form-body .rating-scale {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.cf-custom-form-body .rating-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease;
}

.cf-custom-form-body .rating-item .number {
  font-size: 0.9rem;
  color: #3c4043;
  margin-bottom: 4px;
}

.cf-custom-form-body .rating-item .star {
  font-size: 32px;
  color: #9aa0a6;
  transition: color 0.2s ease;
}

/* Highlighted (selected or hovered) stars */
.cf-custom-form-body .rating-item.active .star,
.cf-custom-form-body .rating-item.hovered .star {
  color: #fbbc04;
}

/* Clear button */
.cf-custom-form-body .clear-rating {
  font-size: 0.9rem;
  color: #5f6368;
  background: none;
  border: none;
  cursor: pointer;
  margin-top: 4px;
  align-self: flex-end;
}

.cf-custom-form-body .clear-rating:hover {
  text-decoration: underline;
}

/* Error state */
.cf-custom-form-body .form-card.error .rating-item .star {
  color: #d93025;
}
.cf-custom-form-body .form-card.error .rating-item.active .star {
  color: #d93025;
}

.cf-custom-form-body input[type="date"],
.cf-custom-form-body input[type="time"] {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 10px 0;
  background: transparent;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  color: #202124;
  font-family: inherit;
}

.cf-custom-form-body input[type="date"]:focus,
.cf-custom-form-body input[type="time"]:focus {
  border-bottom-color: transparent; /* use underline animation instead */
}

/* Subtle placeholder (when browser supports it) */
.cf-custom-form-body input[type="date"]::placeholder,
.cf-custom-form-body input[type="time"]::placeholder {
  color: #9aa0a6;
}

.cf-custom-form-body input[type="time"] {
  width: 160px;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 10px 0;
  background: transparent;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  color: #202124;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
}

/* Hide default spinner/arrows on time input */
.cf-custom-form-body input[type="time"]::-webkit-inner-spin-button,
.cf-custom-form-body input[type="time"]::-webkit-clear-button {
  display: none;
}

.cf-custom-form-body input[type="time"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
}

.cf-custom-form-body input[type="time"]:focus::-webkit-calendar-picker-indicator {
  opacity: 1;
}


.cf-custom-form-body input[type="date"] {
  width: 160px;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 10px 0;
  background: transparent;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  color: #202124;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
}

/* ---- Placeholder-like effect ---- */
.cf-custom-form-body input[type="date"]:not(:focus):invalid::before {
  content: attr(placeholder);
  color: #9aa0a6;
  position: absolute;
  left: 0;
}

/* ---- Hide actual placeholder text ---- */
.cf-custom-form-body input[type="date"]:focus::before,
.cf-custom-form-body input[type="date"]:valid::before {
  content: '';
}

/* ---- Date picker icon ---- */
.cf-custom-form-body input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
  margin-left: 4px;
}
.cf-custom-form-body input[type="date"]:focus::-webkit-calendar-picker-indicator {
  opacity: 1;
}

.cf-multi-steps-form {
  display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.cf-action-btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cf-btn-submit,
.cf-btn-next {
  padding:0.3125rem 1.5rem;
}

.vt-field-main-wrap .form-control:disabled {
  background-color: #e9ecef17;
  opacity: unset;
}

.vt-field-main-wrap .vt-intervals,
.vt-field-main-wrap .occ-num-of-occurrences {
  position:relative;
}


.vt-field-main-wrap .vt-intervals .vt-sel-date {
  width:calc(100% - 20px);
}

.vt-field-main-wrap .vt-intervals a,
.vt-field-main-wrap .occ-num-of-occurrences a {
  width:20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color:var(--text-two);
  position: absolute;
  right: 0.4rem;
  top: 0.6rem;
}

 /* New Custom Form */

 .new_add_payement_method_cls .select2-container .select2-selection--single {
      height: 30px !important;
 }

 .ei-import-employees-modal .modal-body.p-4 {
    padding-top: 0.5rem !important;
 }

 .bnp-credit-debit-card {
  zoom:87%;
 }

 .is-icon-support {
  font-size: 4.375rem;
  color: var(--global-orange);
 }

 .tbl_trans_hist .dataTables_wrapper .dataTables_length,
 .tbl_trans_hist .dataTables_wrapper .dataTables_filter {
  padding: 0;
    margin: 0;
 }

 .cs-import-information .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
  box-shadow:inset 0 0 0 9999px rgb(255 255 255 / 5%) !important;
 }

 .cs-import-information table.dataTable.display tbody td {
  border-top:unset
 }

 .cs-import-information table input:focus{
  box-shadow: none;
 }

 .tbl_ci_validated_data .dataTables_filter {
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
 }

 .tbl_ci_validated_data .err-txt {
  color:#DE0909;
 }

/* Force fixed column widths */
.tbl_ci_validated_data table.dataTable th,
.tbl_ci_validated_data table.dataTable td {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
}

.tbl_ci_validated_data .invalid-field {
    border-color: #dc3545 !important;
    background-color: #ffeaea !important;
}

.ci_import_modal .r-people-lft-tab.nav-pills,
.new_add_payement_method_cls .r-people-lft-tab.nav-pills{
  background: #fff;
}

.ci_import_modal  .nav-link,
.new_add_payement_method_cls  .nav-link {
  color:#333;
}

.ach-contact-support {
  display: flex;
  align-items: center;
  gap: 0.5rem;

}

.ach-contact-support a {
  color:#333;
}

.ach-contact-support a:hover {
  text-decoration: underline;
}

.ach-contact-support i {
  font-size:1.2rem
}

.rw_import_reward_points .autom-radio-input-wrap {
  background:var(--global-orange);
}

.rw_import_reward_points.r-add-leads-main-wrapper .r-add-leads-main-reverse input[type=radio] {
    min-height: auto;
    border-color: #fff !important;
}

.rw_import_reward_points .autom-radio-box label {
  padding-top:0.625rem !important;
  padding-bottom:0.625rem !important;
  color:#fff;
}

.rw_import_reward_points .autom-radio-box .autom-radio-input-wrap .autom-radio-input-label-inner h2 {
  font-size:1.125rem;
  line-height: 1.375rem;
  margin-bottom:1rem
}

.rw_import_reward_points .autom-radio-box label i {
  font-size:2.5rem;
  margin-bottom:0.5rem
}