@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);
}

:root {
  /*--color-primary: #ff6600;*/
  --color-primary: #F04F29;
  --color-black: #212529;
  --color-grey: #8d8d8d;
  --color-white: #ffffff;
  --color-white2: #d5d5d5;
  --color-offwhite: #f2f4f9;
  --color-red: #ff1313;
  --border-color: #E1E1E1;
}


/************************************** 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);
  height: -webkit-fill-available;
}

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);
}

/* ============== 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);
}

.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;
}

.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;
}


.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;
}

.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 .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 .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;
}

/* ============== 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 {
  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);
}

/* 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;
}

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

.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 {
  border: none;
}

.page-item:not(:first-child) .page-link {
  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 {
  border-left: 0;
}

.universal_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 {
  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;
}

.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;
}

.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;
}


/* 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);
}


/* 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);
}

.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 */
/* NEW NAVIGATION STYLES STARTS */
/* .side-bar-nav-btn-one:hover .side-bar-ul-two {
      display: block;
      margin-top: 0;
  } */

.db_left {
  background: var(--bg-color);
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  box-shadow: 0rem 0.125rem 0.625rem var(--card-box-shadow);
  border-right: 0.0625rem solid var(--global-border-color-w-bg);
  overflow: initial;
  z-index: 1050;
  width: 6.5625rem;
  transition: 0.5s;
}

.side-open .db_left {
  width: 15.625rem;
}

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

.side-open .db_right {
  padding: 0 0 0 15.625rem;
}

.side-bar-logo-wrap {
  height: 5.625rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.25rem;
}

.side-bar-logo-wrap a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.side-bar-logo-wrap img {
  height: 100%;
  width: 95%;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
  max-height: 3.125rem;
}

.theme-orange .side-bar-logo-wrap img {
  filter: brightness(0) invert(1);
}

.side-bar-full-logo {
  display: none;
}

.side-open .side-bar-full-logo {
  display: block;
}

.side-open .side-bar-benchmark-logo {
  display: none;
}

.side-bar-benchmark-logo,
.side-bar-full-logo {
  height: 100%;
}

.side-bar-toggler {
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translate(0%, -50%);
}

.side-bar-toggler button {
  width: 1.875rem;
  height: 1.875rem;
  border: 0.0625rem solid var(--global-orange);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--global-white);
  border-radius: 100%;
  font-size: 0.9375rem;
}

.side-bar-toggler button i {
  transform: rotate(00deg) scaleX(-1);
  transition: .1s all linear;
}

.side-open .side-bar-toggler button i {
  transform: rotate(180deg) scaleX(-1);
}

.side-bar-toggler button:hover {
  border: 0.0625rem solid var(--global-orange);
  background: var(--global-orange);
  color: var(--global-white);
}

.side-bar-toggle-btn,
.side-bar-search-btn {
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
  color: var(--text-two);
}

.side-bar-toggle-btn {
  flex-direction: column;
  gap: .5rem;
}

.side-open .side-bar-toggle-btn {
  flex-direction: initial;
}

.side-bar-toggle-btn img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}

.theme-light .side-bar-toggle-btn .nav-link-icon-wrap img {
  filter: invert(1);
}

.side-open .side-bar-toggle-btn .nav-link-icon-wrap {
  display: none;
}

.side-bar-navigation .side-bar-li {
  border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.side-bar-navigation .side-bar-li:last-child {
  border-bottom: 0.0625rem solid transparent;
}

.nav_settings_dropdown_menu .nav-grid-wrap {
  width: 18rem;
}

.nav_settings_dropdown_menu .nav-quick-wrap-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
}

.nav_settings_dropdown_menu .nav-quick-wrap-top .nav-quick-wrap-top-item {
  width: 31%;
}

.quick_links_new_li a.quick_links_new_link {
  padding: 0.75rem;
}

.quick_links_new_li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav_make_a_sale,
.nav_make_a_sale form {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.nav_make_a_sale form {
  gap: .25rem;
}

.nav_make_a_sale {
  background: var(--page-bg);
  padding: 0.25rem .25rem .25rem .75rem;
  border-radius: 0.25rem;
}

.nav_make_a_sale .main-search {
  width: 7rem;
  border-radius: 0.25rem;
  margin-right: 0;
}

.nav_make_a_sale .main-search .searchinput {
  height: 1.875rem;
  border: none;
  background: var(--global-white);
  padding: 0 .25rem 0 1.5rem;
  font-size: 0.875rem;
  color: var(--text-grey);
}

.nav_make_a_sale .searchsubmit {
  height: 1.75rem;
  width: 1.75rem;
  font-size: 1rem;
  pointer-events: none;
  top: 0.0938rem;
  color: var(--text-grey);
}

.nav_make_a_sale_txt {
  font-weight: 700;
  color: var(--text-one);
}

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

.nav_make_sale_btn {
  background: var(--global-orange);
  border: 1px solid var(--global-orange);
  color: var(--global-white);
  border-radius: 0.25rem;
  height: 1.875rem;
  font-size: 0.875rem;
  transition: .2s all linear;
}

.nav_make_sale_btn:hover {
  scale: 1.05;
}

.side-bar-wrap {
  color: var(--text-two);
}

.side-bar-wrap .btn-group {
  width: 100%;
}

.side-bar-user-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.25rem;
}

.side-open .side-bar-user-wrap {
  justify-content: start;
}

.side-bar-user-img-wrap {
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0;
}

.side-bar-user-img-wrap img {
  width: 3.125rem;
  height: 3.125rem;
  object-fit: cover;
  border-radius: 100%;
}

.side-open .side-bar-user-img-wrap {
  margin-right: 0.625rem;
  flex: 0 0 auto;
}

.side-bar-user-name-id-wrap,
.side-bar-user-arrow-wrap {
  text-align: left;
}

/* .side-bar-user-arrow-wrap {
  display: none;
}

.side-open .side-bar-user-arrow-wrap {
  display: block;
} */

.side-bar-user-name-id-wrap h4 {
  font-size: 1.125rem;
  font-weight: 500;
}

.side-bar-user-name-id-wrap p {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--nav-link);
}

.side-bar-user-name-id-wrap h4,
.side-bar-user-name-id-wrap p {
  width: 7.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-bar-user-arrow-wrap {
  margin-left: auto;
}

.side-bar-wrap .dropdown-menu {
  min-width: 15rem;
  padding: 0;
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 0 0.375rem 0 var(--btn-hover);
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.side-bar-wrap .dropdown-menu li:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.side-bar-wrap .dropdown-menu li:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.side-bar-wrap .dropdown-menu.user_profile_nav li:first-child,
.side-bar-wrap .dropdown-menu.user_profile_nav li:last-child,
.side-bar-wrap .dropdown-menu .side_bar_new_links_box_links_ul li:first-child,
.side-bar-wrap .dropdown-menu .side_bar_new_links_box_links_ul li:last-child {
  border-radius: 0;
}

.side-bar-wrap .dropdown-menu li,
.side-bar-wrap .dropdown-menu .side-bar-toggle-btn {
  color: var(--global-black);
  justify-content: space-between;
  padding: 0;
  display: flex;
  align-items: center;
}

.side-bar-wrap .side-bar-ul .side-bar-li .side-bar-nav-box .side-bar-li-two .side-bar-toggle-btn.show,
.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li:hover {
  background: var(--global-upload-background-w-bg);
}

.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li:focus,
.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li.active {
  background: var(--global-upload-border-color-w-bg);
}

.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li.active {
  border-left: 0.1875rem solid var(--global-orange);
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}


.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
.starchange {
  padding: 0.3125rem 0.625rem;
  font-size: 0.9375rem;
  background-color: transparent;
}

.side-bar-wrap .dropdown-menu li a,
.side-bar-wrap .user_profile_nav li ul li {
  width: 100%;
  color: var(--global-black);
  padding: 0.3125rem 0.625rem;
  font-size: 0.875rem;
}

.side-bar-wrap .user_profile_nav li ul {
  width: 100%;
}

.side-bar-wrap .dropdown-menu.user_profile_nav li a {
  padding: 0;
}

.side-bar-wrap .user_profile_nav li ul li {
  display: block;
  border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.side-bar-wrap .user_profile_nav li h4 {
  font-size: 1.125rem;
  font-weight: 600;
}

.useridtext {
  display: block;
  font-size: 0.875rem;
}

.side-bar-wrap .user_profile_nav li a.logout-button-sidebar {
  color: var(--global-orange);
}

.removeicon i.fa-light::before {
  content: "\f005";
}

.side-bar-search-wrap {
  padding: 0.75rem 1.25rem;
  text-align: center;
}

.side-bar-search-wrap:hover {
  background: var(--card-highlight--bg-color);
}

.side-open .side-bar-search-wrap:hover {
  background: transparent;
}

.side-bar-search-wrap .main-search {
  display: none;
}

.side-bar-search-wrap .main-search {
  width: 100%;
}

.side-open .side-bar-search-wrap .main-search {
  display: block;
}

.side-open .side-bar-search-wrap .side-bar-toggler-btn {
  display: none;
}

.side-bar-navigation {
  padding: 0rem 0 0.625rem;
  border-top: 0.0625rem solid var(--card-highlight--bg-color);
}


.side-bar-nav-box .side-bar-toggle-btn {
  padding: 0.375rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: left;
  font-weight: 500;
  font-size: 0.75rem;
  white-space: nowrap;
}

.side-open .side-bar-nav-box .side-bar-toggle-btn {
  font-size: 1rem;
  padding: 0.75rem 1.25rem;
}

.nav-link-icon-wrap {
  margin-right: 0;
}

.side-open .nav-link-icon-wrap {
  margin-right: 0.625rem;
}

.side-bar-li:hover .side-bar-toggle-btn {
  background: var(--card-highlight--bg-color);
}

.side-bar-nav-box .side-bar-toggle-btn:focus {
  outline: none;
}

.side-bar-toggle-btn.show,
.side-bar-toggle-btn.active {
  background: var(--card-highlight--bg-color);
}

.side-bar-toggle-btn.active {
  border-left: 0.25rem solid var(--text-two);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.nav-link-text,
.nav-link-text:hover {
  color: var(--text-two);
  /* animation: hideAni 0s ease-in-out, widthHeight 0s ease-in-out, disNone 0s ease;
  animation-fill-mode: forwards; */
}

.side-open .nav-link-text {
  animation: showAni 0s ease .4s, showWithHeight 0s ease .3s;
  animation-fill-mode: backwards;
}

.side-bar-user-name-id-wrap,
.side-bar-user-arrow-wrap {
  animation: hideAni 0s ease-in-out, widthHeight 0s ease-in-out 0s, disNone .5s ease;
  animation-fill-mode: forwards;
}

.side-open .side-bar-user-name-id-wrap,
.side-open .side-bar-user-arrow-wrap {
  animation: showAni 0s ease .4s, showWithHeight 0s ease .3s, disBlock .2s ease;
  animation-fill-mode: backwards;
}

.side_bar_cta_wrap {
  border-top: 0.0625rem solid var(--card-highlight--bg-color);
}

.side_bar_cta_icon_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
}

.side_bar_cta_btn {
  display: inline-flex;
  width: 2.125rem;
  height: 2.125rem;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid var(--global-input-border);
  border-radius: 100%;
  color: var(--white-white-orange);
  padding-top: 0.125rem;
  transition: .3s all linear;
  position: relative;
}

.side_bar_cta_btn:hover {
  background: var(--white-orange-orange);
  color: var(--orange-white-white);
  border-color: var(--white-orange-orange);
}

.side_bar_cta_btn:hover .fa-light,
.side_bar_cta_btn .fa-solid,
.side-open .side_bar_cta_close_wrap,
.side_bar_cta_open_wrap {
  display: none;
}

.side_bar_cta_btn:hover .fa-solid,
.side_bar_cta_btn .fa-light,
.side_bar_cta_close_wrap,
.side-open .side_bar_cta_open_wrap {
  display: block;
}

.side_bar_cta_mini_icon_wrap {
  background: var(--bg-color);
  box-shadow: 0 0 0.375rem 0 var(--global-top-circle-shadow);
}

.side_bar_cta_close_wrap .side-bar-toggle-btn {
  padding: 0.75rem 0rem;
}

.side_bar_new_links_wrap {
  display: flex;
}

.side_bar_new_links_col {
  width: 20rem;
}

.side_bar_new_links_box {
  /* padding: 1rem; */
  color: var(--text-grey);
  border-bottom: 0.0625rem solid #E1E1E1;
}

.side_bar_new_links_box:last-child {
  border-color: transparent;
}

.side_bar_new_links_box h6 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.side_bar_new_links_col:last-child {
  border-left: 0.0625rem solid #E1E1E1;
}

.side_bar_new_links_col:first-child {
  border-left: none;
}

.side_bar_new_link img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  padding-bottom: 0.25rem;
  margin-right: .5rem;
}

.side_bar_new_links_box_links_li {
  transition: .3s all linear;
}

.side_bar_new_links_col .side_bar_new_links_box .side_bar_new_links_box_links ul.side_bar_new_links_box_links_ul li.side_bar_new_links_box_links_li:hover,
.side_bar_new_links_col .side_bar_new_links_box .side_bar_new_links_box_links ul.side_bar_new_links_box_links_ul li.side_bar_new_links_box_links_li.active {
  background: rgba(240, 79, 41, 0.1);
}


/* .side_bar_new_links_col{
  display: none;
}
.side_bar_new_links_col.parentHasActiveSearch{
  display: block;
} */
.side_bar_title_wrap {
  padding: .75rem 1rem;
  border-bottom: 1px solid #E1E1E1;
}

.side_bar_title_wrap h4 {
  font-size: 1.25rem;
  font-weight: 500;
}

.side_bar_new_links_box .accordion .accordion-body {
  padding: .75rem 1rem;
}

.side_bar_new_links_box .accordion-button:focus {
  box-shadow: none;
  color: var(--text-grey);
}

.side_bar_new_links_box .accordion-button {
  border-bottom: 0.0625rem solid #e1e1e1;
  font-weight: 500;
  pointer-events: none;
  padding: .75rem 1rem;
}

.side_bar_new_links_box .accordion-button::after {
  display: none;
}

.side_bar_new_links_box .accordion-button[aria-expanded="true"] {
  background: var(--global-upload-background-w-bg);
}

.side_bar_new_links_box .accordion-button.collapsed {
  border-bottom: 0.0625rem solid transparent;
}

.side-bar-navigation .accordion-button:not(.collapsed) {
  color: var(--text-grey);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/arrow_black_.svg);
}

.customDropdown .dropdown-menu {
  transform: translateX(6.56rem) !important;
}

.side-open .customDropdown .dropdown-menu {
  transform: translateX(15.7rem) !important;
}

@keyframes widthHeight {
  from {
      width: 100%;
      height: auto;
      position: initial;
  }

  to {
      width: 0%;
      height: 0;
      position: absolute;
  }
}

@keyframes hideAni {
  from {
      opacity: 1;
  }

  to {
      opacity: 0;
  }
}

@keyframes showAni {
  from {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}

@keyframes showWithHeight {
  from {
      width: 0;
      height: 0;
      position: absolute;
  }

  to {
      width: 100%;
      height: auto;
      position: initial;
  }
}

@keyframes disNone {
  from {
      visibility: visible;
  }

  to {
      visibility: hidden;
  }
}

@keyframes disBlock {
  from {
      visibility: hidden;
  }

  to {
      visibility: visible;
  }
}



.side-bar-wrap span.nav-link-icon-wrap {
  transition: none;
}

.side-open .nav-link-text {
  width: 100%;
  display: block;
  text-align: left;
  color: var(--text-two);
  visibility: visible;
  /* animation-name: showUp;
    animation-duration: .6s;
    animation-timing-function: linear;
    animation-delay: .6s;
    animation-direction: alternate; */
}

/* @keyframes showUp {
    0%   {opacity: 0; display: none;}
    100% {opacity: 1; display: inline;}
  } */
.starchange {
  cursor: pointer;
}

.starchange .fa-solid {
  color: var(--global-orange);
}

.mob-hamburger {
  color: var(--text-one);
}

.side-bar-search-input {
  padding-right: 1.5625rem;
}

.searchclear,
.searchclearbtn {
  position: absolute;
  top: -0.125rem;
  right: 0rem;
  z-index: 1;
  border: none;
  background: none;
  font-size: 1rem;
  color: var(--top-header-search-icon-color);
  height: 2.8125rem;
  width: 1.875rem;
  display: none;
  align-items: center;
  justify-content: center;
}

.side-open .side-bar-user-toggle-wrap .db_right_toggle-wrapper {
  display: none;
}

/* UPDATE LOGIN */
.user_login_main_wraper {
  width: 100%;
  max-width: 42rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  margin: auto;
}

.summery-login {
  background: #1F2638;
  padding: 1.5rem;
  border-radius: 0.4rem;
  color: var(--text-two);
  font-size: 1rem;
  margin-bottom: 2.5rem;
}

.user_header_login h4 {
  font-size: 1rem;
  text-align: left;
  color: var(--text-two);
  font-weight: 600;
  margin-bottom: 1rem;
}

.paymentbarnd img {
  width: 4.5rem;
  margin: 0.5rem;
}

@media (max-width:1536px) and (max-height:780px) {
  /* .side-bar-nav-box .side-bar-toggle-btn {
      padding: 0.625rem 1.4375rem;
      font-size: 0.9375rem;
  } */

  .side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
  .starchange {
      padding: 0.3125rem 0.625rem;
  }
}

@media (max-width: 1199.9808px) {
  /* .db_left {
      position: absolute;
      z-index: 10;
      left: -25rem;
      box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(0, 0, 0, 0.6);
  }

  .side-open .db_left {
      left: 0rem;
      width: 12.5rem;
  }

  .side-open .db_right {
      padding: 0 0 0 12.5rem;
  }

  .side-bar-toggler {
      display: none;
  }

  .side-bar-user-name-id-wrap h4 {
      font-size: 0.875rem;
  }

  .side-bar-user-name-id-wrap p {
      font-size: 0.75rem;
  }

  .side-bar-user-name-id-wrap h4,
  .side-bar-user-name-id-wrap p {
      width: 5.625rem;
  }

  .side-bar-user-img-wrap {
      width: 2.25rem;
      height: 2.25rem;
  }

  .side-bar-logo-wrap,
  .side-bar-user-wrap,
  .side-bar-search-wrap,
  .side-bar-nav-box .side-bar-toggle-btn {
      padding: 0.625rem 1rem;
  }

  .side-bar-wrap .user_profile_nav li h4 {
      font-size: 1rem;
  }

  .useridtext {
      font-size: 0.75rem;
  }

  .side-bar-wrap .dropdown-menu {
      min-width: 12.5rem;
  }

  .side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
  .starchange {
      font-size: 0.75rem;
  }

  .side-bar-wrap .dropdown-menu li a,
  .side-bar-wrap .user_profile_nav li {
      font-size: 0.75rem;
  }

  .side-open .nav-link-icon-wrap {
      margin-right: 0.375rem;
  }

  .side-bar-nav-box .side-bar-toggle-btn {
      font-size: 0.875rem;
  }

  .side-open .db_right_toggle-wrapper {
      opacity: 0;
  }

  .db_right.db_left-expanded {
      padding: 0 !important;
  }

  .db_right_toggle-wrapper {
      display: block;
      font-size: 21px;
  }

  .side-open .side-bar-user-toggle-wrap .db_right_toggle-wrapper {
      position: absolute;
      top: 1rem;
      left: 194px;
      opacity: 1;
      display: block;
  }

  .side-open .db_right {
      padding: 0;
  }

  .db_right_header {
      z-index: 9;
  }

  .db_right_header-rightarea .r-modal-btn {
      min-height: auto;
      margin-right: 0.625rem;
  }

  .searchclear,
  .searchclearbtn {
      height: 2.1875rem;
  } */
}

@media(max-width:575.9808px) {
  .side-open .db_left {
      left: 0rem;
      width: 10rem;
  }

  .side-bar-logo-wrap {
      height: 4rem;
  }

  .side-bar-user-name-id-wrap h4,
  .side-bar-user-name-id-wrap p {
      width: 4.375rem;
  }

  .side-bar-user-name-id-wrap h4 {
      font-size: 0.75rem;
  }

  .side-bar-user-name-id-wrap p {
      font-size: 0.625rem;
  }

  /* .side-bar-user-img-wrap {
      width: 1.75rem;
      height: 1.75rem;
  } */

  .side-bar-user-img-wrap img {
      width: 26px;
      height: 26px;
      object-fit: contain;
  }

  .side-bar-search-input {
      font-size: 0.75rem;
  }

  .side-bar-wrap .searchsubmit {
      font-size: 0.75rem;
  }

  .side-bar-nav-box .side-bar-toggle-btn {
      font-size: 0.75rem;
  }

  .side-bar-logo-wrap,
  .side-bar-user-wrap,
  .side-bar-search-wrap,
  .side-bar-nav-box .side-bar-toggle-btn {
      padding: 0.5rem 0.5rem;
  }

  .side-bar-wrap .dropdown-menu {
      min-width: 9.375rem;
  }

  .side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
  .starchange {
      font-size: 0.625rem;
      padding: 0.25rem 0.5rem;
  }

  .side-bar-wrap .dropdown-menu li a,
  .side-bar-wrap .user_profile_nav li {
      font-size: 0.625rem;
      padding: 0.25rem 0.5rem;
  }

  .side-bar-wrap .user_profile_nav li h4 {
      font-size: 0.8125rem;
  }

  .useridtext {
      font-size: 0.625rem;
  }

  .side-open .side-bar-user-toggle-wrap .db_right_toggle-wrapper {
      left: 9.5rem;
  }
}

/* NEW NAVIGATION STYLES  ENDS */
/* 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  */
/* --------------------sidemenu end------------------------ */

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

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


/* .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);
}

.searchinput:focus {
  outline: none;
}

.searchsubmit,
.marketing-searchsubmit {
  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;
}

.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;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 2.25rem;
}

.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-light .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 .select2-container--default .select2-selection--single .select2-selection__arrow::after,
.theme-dark .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);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  background: url(../../images/icons/icon-search-select2.svg) 6px 50% no-repeat;
  padding-left: 26px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow::after,
.select2-container--open .select2-dropdown--below .select2-selection__arrow::after {
  transform: rotate(180deg);
}

.select2-container .select2-selection--single {
  font-size: 0.875rem;
  background-image: none;
}

.select2-container .select2-selection--single {
  font-size: 0.875rem;
  background-image: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container {
  width: 100% !important;
}

.error_el {
  display: none;
}

.change-password-items {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.change-password-items >div {
  gap: 1rem;
}

.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;
}

  /* LOGIN & SIGNUP START */
.fastshop_login_inner {
    margin-top: 9.375rem;
}

.fastshop_login_wrapper {
    width: 60%;
    max-width: 37.5rem;
    margin: 0 auto;
}

.fastshop_login_header {
    text-align: center;
    margin-bottom: 2rem;
}

.fastshop_login_header h4 {
    font-size: 2.5rem;
    font-weight: 500;
    color: #333;
}

.reseller_right_column .fastshop_login_header h4 {
  color: #fff;
}

label {
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.fastshop_login_form_wrap .form-group {
    margin-bottom: 1.25rem;
}

.password_form_group .input-group {
    border: 0.0625rem solid #ced4da;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-right: 0.5rem;
    gap: 0.5rem;
}

.password_form_group .input-group i {
    cursor: pointer;
}

.password_form_group .input-group input {
    border: none;
}

.fastshop_remember_password {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.fastshop_remember_password .form-check .form-check-input {
    border: 1px solid rgba(0,0,0,.25) !important;
}

.fastshop_remember_password label {
    margin: 0;
}

.password_form_group .eyetoggle {
    color: #333;
}

.password_form_group .teyetoggle {
  color: #fff;
}

.fastshop_main_btn_wrap {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.fastshop_main_btn_wrap .fastshop_main_btn {
    width: 100%;
}

.fastshop_main_btn,
.fastshop_outline_btn {
    display: inline-block;
    background: #F04F29;
    border: 0.0625rem solid #F04F29;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 1.125rem;
    transition: .35s all linear;
}

.fastshop_main_btn:hover,
.fastshop_outline_btn {
    background: #fff;
    color: #F04F29;
}

.fastshop_outline_btn:hover {
    background: #F04F29;
    color: #fff;
}

.fastshop_or_wrapper {
    position: relative;
    width: 100%;
    text-align: center;
    color: rgba(0, 0, 0, .5);
}

.fastshop_or_wrapper::after,
.fastshop_or_wrapper::before {
    content: "";
    width: 45%;
    height: 0.0625rem;
    background: #ccc;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}

.fastshop_or_wrapper::before {
    left: auto;
    right: 0;
}

.google_btn {
    width: 100%;
    display: flex;
    text-align: center;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    background: #F2F2F5;
    border-radius: 0.25rem;
    text-decoration: none;
    font-size: 1.125rem;
    color: #333;
    border: 0.0625rem solid #F2F2F5;
    transition: .3s all linear;
}

.google_btn:hover {
    scale: 1.01;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
}

.google_btn img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}

.fastshop_footer_link {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
}

.fastshop_footer_link a {
    color: var(--color-primary);
    font-weight: 600;
}

.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(--color-primary);
    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: #cc0202;
    text-align: left;
    font-size: 12px;
}

.confirm_email_form_wrap .primary_btn {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

.celebration_img_wrap img {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.celebration_modal_content h5 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.celebration_modal_content p {
    font-weight: 400;
    color: rgba(51, 51, 51, .75);
    margin-bottom: 2.5rem;
}


.primary_btn,
.outline_btn {
    background-color: var(--color-primary);
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--color-primary);
    scale: 1;
    transition: .3s all linear;
    box-shadow: none;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.primary_btn:hover,
a.primary_btn:hover,
a.outline_btn:hover,
.outline_btn:hover {
    scale: 1.02;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    color: #fff !important;
    background-color: var(--color-primary) !important;
}

.outline_btn {
    background-color: transparent;
    color: var(--color-primary);
}

.outline_btn:hover {
    color: var(--color-primary);
}

.primary_min_width_btn {
    min-width: 140px;
}

.form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/* LOGIN & SIGNUP END */

/* Remove arrows in Chrome, Safari, Edge, and other WebKit-based browsers */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.error_el {
    color: #cc0202 !important;
    font-size: 12px;
    margin-top: 4px;
}

.tickets_table_details .dataTables_filter, 
.tickets_table_details .dataTables_length { 
    display: none;
}

.filter-items-wraps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
}

.filter-items-wraps input {
    width: 100%;
}

.tickets-main-wraper .error_el {
    display: none;
}

.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);
}



/* ===================================== 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;
}

.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(--text-two);
  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;
}

.people-table-main table tbody td a {
  max-width: 9.375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.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;
}
.people-table-main table tbody td .dropdown-menu a {
  max-width: 100%;
}
/* .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;
}

.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;
}

.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 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;
}

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;
}

.r-add-leads-main-wrapper input[type=text],
.r-add-leads-main-wrapper input[type=textarea],
.r-add-leads-main-wrapper input[type=email],
.r-add-leads-main-wrapper input[type=number],
.r-add-leads-main-wrapper input[type=password],
.r-add-leads-main-wrapper textarea:focus,
.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 !important;
  /* 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 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-wrapper input[type=password], .r-add-leads-main-wrapper .userpassword{
  border: none !important;
} */



/* ===================================== PEOPLE SPRINTS ========================================== */

.side-bar-toggle-btn i {
  font-size: 1.25rem;
}
/* ===================================== DASHBOARD DESIGN ========================================== */
.reseller_dashboard_top_box{
  padding: 24px;
  background: rgba(141, 167, 197, 0.09);
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.reseller_dashboard_top_box h6{
  font-size: 20px;
  font-weight: 600;
  word-break: break-word;
  width: 150px;
}
.reseller_dashboard_top_box p{
  font-size: 24px;
  font-weight: 400;
  color: #6E6E6E;
}
.people-main-leads-wrapper {
  padding: 1rem;
  margin-bottom: 1rem;
}
.main_flex_lead_form {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.crm_new_table_wrapper {
  margin: 0rem -1rem -1rem;
}
/* ===================================== DASHBOARD DESIGN ========================================== */


/* ===================================== Nav Pills  ================================================ */
/* 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);
}

.form-check {
  margin-right: 0.9375rem;
}

.icon-input {
  position: absolute;
  top: 0.3125rem;
  left: 0.7375rem;
  width: 1.3125rem;
  color: var(--text-two);
}
.r-add-leads-main-wrapper .form-group.input-group.position-relative input {
  padding-left: 2.2rem;
}


/*============== 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);
}

/*==== 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-tooltip {
  max-width: 5.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.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;
}


.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;
}

.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;
}

.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);
}

.uploadcategoryimg .upload_file_img {
  background: var(--global-upload-background-w-bg);
  border: 0.0625rem dashed var(--global-upload-border-color-w-bg);
}

.uploadcategoryimg .upload_file_img  .dz-message {
  margin-top: 0 !important;
}

/*============ 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  ====================*/

.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;
}

.productnotecontent p {
  font-size: 0.875rem;
  font-weight: 400;
}

.productnotecontent-bottom p {
  width: 50%;
}

.productnotecontent h5 {
  font-size: 1rem;
  font-weight: 500;
}

.productnotecontent h6 {
  font-size: 1rem;
  font-weight: 400;
}


.gift_card_price {
  align-items: center;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--global-input-border);
  min-height: 2.25rem;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.rs-note-truncated-txt {
  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;
}

.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);
}

.rs-manage-reseller .dataTables_filter label {
  padding: 0;
  margin: 0;
  margin-right: 0.5rem;
}


.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;
}



/*=========================================
            LOG IN & SIGN UP
==========================================*/
.reseller_login {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    background-color: #0E1529;
}


.reseller_main_wraper {
    width: 100%;
    height: 100%;
    display: grid;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    grid-template-columns: 1.2fr .8fr;
}

.reseller_main_wraper form {
    width: 100%;
}

.reseller_right_column,
.reseller_left_column {
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}

.reseller_left_column {
    background: url(../../images/loginbg.jpg) no-repeat left center;
    background-size: cover;
    animation-name: backgroundAnimation;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes backgroundAnimation {
    0% {
        background-size: 100% 100%;
    }

    100% {
        background-size: 150% 120%;
    }
}


.reseller_right_column form,
.reseller_right_column .inner_container_wrap_r,
.inner_container_wrap_r .reseller_main_log_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.fieldform {
    padding: 0;
}

.inner_container_wrap_r .reseller_main_log_wrap,
.inner_container_wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.reseller_right_column .reseller_main_log_wrap {
  justify-content: space-between;
}

.logo_universal {
  margin-bottom: 2.5rem;
}

.dashboard_main_login .logo_universal img {
  width: 23rem;
}

.user_header h2,
.user_header_login h2 {
    color: var(--text-two);
    font-size: 1.5rem;
    font-weight: 600;
}

.user_header p,
.user_header_login p,
.signupurl,
.user_header ul li {
    color: var(--text-two);
    font-size: 1rem;
    font-weight: 400;
    padding: 0.9375rem 3.25rem;
}

.dashboard_main_login .logo_universal img {
  width: 23rem;
}

.user_main_pic img {
  width: calc(38vw - 9.375rem);
  object-fit: contain;
  object-position: top;
  text-align: center;
  margin: auto;
  filter: drop-shadow(0.3125rem 0.3125rem 15rem rgba(0, 0, 0, 0.5));
}

.login-user-tab-wrapper {
  width: 100%;
  margin: auto 0;
}

.user_header_login h2 {
  font-size: 2rem;
}

.user_header_login p {
  padding: 0.9375rem 8.4375rem;
}

.reseller_main_log_wrap .tab-content {
    width: 85%;
    margin: 0 auto;
}

.signupurl a, .remember_forgot a {
  color: var(--global-orange);
  text-decoration: underline;
}

.tickets_retails_details,
.tickets-main-wraper .r-add-people-rht {
  margin-bottom: 1.5rem;
}

.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;
}

.edit-inventory-top-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

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

/* 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);
}

.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);
}

.inbox_user_main.reverse .date_post_user {
  color: var(--text-grey);
}

.inbox_user_main.reverse .champaign_title_user .date_post_user {
  color: var(--nav-user-icon-bg);
}

.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);
}

.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;
}

.financials_merchant_wrap .edit-agreement-top-table td {
  width: 33%;
}

.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;
}

.flex-parent {
  display: flex;
  align-items: stretch;
}

.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);
}

.inventory-product-main-wrap .dropzone.dz-clickable {
  margin-bottom: 0;
}

.inventory-product-main-wrap .dropzone .dz-message {
  margin: 0;
}

.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;
}

.new-inventory-product-main-wrap {
  padding: 1rem;
}

.add-form-wrap .people-table-accordian-wrap {
  padding-top: 0.625rem;
}

.accordion-cust-style .accordion-collapse {
  margin-top: 1rem;
}

.new-inventory-product-data-details .accordion-item.without-accordion .products-img-inv-accordian .bg_doument {
  width: 32.1%;
}

.accordion-catcher-custom.people-table-accordian-wrap .accordion-item .accordion-body.products-img-inv-accordian {
  padding: 1.5rem;
}

.products-img-inv-accordian .printalbeimg-main .printalbeimg {
  width: auto;
}

.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;
}

.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%;
}

.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;
}

.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;
}

.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-document-inv li .content-document-products img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.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 .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;
}

.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;
}

.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;
}

.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);
}

.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;
}

.date_post_user button {
  background: transparent;
  border: 0rem;
  color: var(--text-two);
}

.order-list-input-fix .dollar-input-input {
    padding: 0rem 0.75rem;
}

.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;
}