:root {
  --blue: #33aafc;
  --cbGrey: #f3f3f3;
  --darkGrey: #818181;
  --medGrey: #979797;
  --red: #d93b3b;
}

body *,
body *::before,
body *::after {
  box-sizing: content-box;
}

html body {
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 0.85em;
  /* height: 100vh; */
  /* margin: 0px; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* added here */
  height: 100%;
  position: relative;
  overflow: hidden;
  font-family: Poppins, sans-serif;
  font-variant: tabular-nums;
  line-height: 1.575;
  font-feature-settings: "tnum", "tnum", "tnum";
}

span {
  font-family: Poppins, sans-serif;
}

button {
  font-family: Poppins, sans-serif;
}

textarea,
input {
  font-family: Poppins, sans-serif;
}

textarea::placeholder,
input::placeholder {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  color: #818181;
}

input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button {
  /* chromes and blink button */
  cursor: pointer;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

html {
  height: 100vh;
  width: 100vw;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

legend {
  padding: 0;
}

body p {
  margin-top: 1em;
}

body input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: auto;
}

.react-datepicker .react-datepicker__navigation {
  height: 0px;
  width: 0px;
  top: 12px;
}

body ol,
body ul,
body dl {
  margin: 16px 0;
}

body button,
body button::before,
body button::after {
  box-sizing: border-box;
}

body .fa-1x {
  font-size: 1.2em;
}

.notification-rate .ant5-rate-star{-webkit-margin-end:2px !important;margin-inline-end:2px !important}
.nav2Container {
  height: 57px;
  background-color: #231f20;
  /* top: 50px; */
  left: 0px;
}

.navDashboardText {
  height: 17px;
  margin: 20px 0px 8px 0px;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #dedddd;
}
.navDashboardText:hover {
  color: #fff;
}

.navDropDown {
  height: 17px;
  margin: 20px 0px 8px 0px;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #dedddd;
  cursor: pointer;
}

.navDropDown .ant-badge,
.SPlink .ant-badge {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #dedddd;
  cursor: pointer;
}

.navDropDown .ant-badge-dot {
  left: -12px;
  top: 9px;
  box-shadow: none;
}

.SPlink .ant-badge-dot {
  left: -16px;
  top: 9px;
  box-shadow: none;
}

.navDropDown:hover {
  color: #fff;
}
.angleHover {
  color: #dedddd;
}
.angleHover:hover {
  color: #ffffff;
  border-bottom: solid 2px #33aafc;
}

.angleHover_active {
  color: #ffffff;
}

.dropDown-nav {
  width: 169px;
  height: auto;
  padding: 0 0 0px;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
  background-color: #353535;
  position: absolute;
  top: 57px;
  display: block;
  left: -20px;
}

.dropDown-nav ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.dropDown-nav .mobile-scroll {
  margin-top: 0;
}

.dropDown-nav-item {
  color: #dedddd;
}
.dropDown-nav-item:hover {
  color: #ffffff;
}
.dropDown-nav-active {
  color: #ffffff !important;
}

.dropDown-nav li {
  font-size: 12px;
  font-weight: 500;
  opacity: 1;
  text-align: left;
  line-height: 4;
  list-style: none;
  /* padding: 0px 0px 3px 25px; */
  margin-left: -40px;
  height: 37px;
  width: calc(100% + 15px);
  width: 168px;
  color: #fff;
  margin-right: 0px;
  position: relative;
}

/* drop down styles for profile image dropdown */
.profileDropDown_nav {
  width: 169px;
  height: auto;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
  background-color: #353535;
  position: absolute;
  top: 50px;
  display: block;
  right: 0px;
}

.profileDropDown_nav ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.profileDropDown_nav li {
  font-size: 12px;
  font-weight: 500;
  opacity: 1;
  text-align: left;
  line-height: 4;
  list-style: none;
  padding: 0px 0px 3px 25px;
  margin-left: -40px;
  height: 37px;
  width: calc(100% + 15px);
  color: #fff;
  position: relative;
}

.nav-background {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
  /* background-color: hsla(0, 0%, 100%, 0.16); */
  z-index: 10;
}

.SPlink {
  width: 100px;
}

.SPlink:hover {
  background-color: #616161;
}

.userProfileSmallScreen {
  display: none;
}

/* multi nav */

.multiNavHeader_div {
  width: 131px;
  font-size: 13px;
  opacity: 1;
  font-weight: 500;
  text-align: left;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  list-style: none;
  margin-bottom: 10px;
}
.multiNavHeader_div ul {
  list-style-type: none;
}

.multiNavHeader_p {
  display: inline-block;
  width: 145px;
  color: #495155;
  font-size: 11px;
  opacity: 1;
  font-weight: 600;
  text-align: left;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  list-style: none;
  margin: 3px 30px 5px 10px;
  padding: 5px 0px 5px 5px;
}

.MN_Header_Active {
  color: #ffffff !important;
  height: 20px;
  border-radius: 3px;
  background-color: #616161;
}

/* overhead (MAIN) title */

.overhead_title {
  display: inline-block;
  width: 145px;
  color: #000000;
  font-size: 12px;
  opacity: 1;
  font-weight: 600;
  text-align: left;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  list-style: none;
  margin: 15px 30px 5px 10px;
  padding: 5px 0px 5px 5px;
}

/* PAYMENTS BANNER */

.paymentOn {
  top: 50px;
}
.paymentOff {
  top: 0px;
}

@media only screen and (max-width: 800px) {
  .profileDropDown_nav {
    display: none;
  }

  .userProfileSmallScreen {
    display: block;
  }
}

/* PAYMENTS BANNER */
.paymentBanner {
  height: 50px;
  background-color: #33aafc;
  top: 0px;
  left: 0px;
  position: fixed;
}

.pendingPaymentBanner {
  height: 50px;
  background-color: #1769af;
  top: 0px;
  left: 0px;
  position: fixed;
}

.bannerDisplayNone {
  display: block;
}

.bannerText {
  align-items: center;
  width: 100vw;
  position: absolute;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 25px;
  color: #ffffff;
}

@keyframes example {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(1.5px);
  }

  100% {
    transform: translateX(3px);
  }
}

.bannerArrowAnimation {
  margin-left: 8px;
  animation: example 0.2s linear 2s 6 alternate;
}

.cb-edison-ai-client-details{font-weight:500;font-size:14px;padding:16px 32px;width:480px;max-width:480px;text-align:left}.cb-edison-ai-client-details__hr{background-color:#d9d9d9;height:1px;border:0}.cb-edison-ai-client-details__title{font-weight:600;font-size:16px;padding-bottom:12px}.cb-edison-ai-client-details__grey-text{font-weight:400;font-size:12px;color:#737373}.cb-edison-ai-client-details__chat-message-container{display:flex;flex-direction:column;width:-webkit-fit-content;width:fit-content;max-width:80%}.cb-edison-ai-client-details__chat-message-inbound{display:flex;justify-content:left}.cb-edison-ai-client-details__chat-message-inbound .cb-edison-ai-client-details__chat-message-container{align-items:flex-start}.cb-edison-ai-client-details__chat-message-inbound .cb-edison-ai-client-details__chat-message-body{background-color:#e8e8e8;border-radius:8px;padding:8px;font-weight:400;font-size:12px;color:#000;width:-webkit-fit-content;width:fit-content}.cb-edison-ai-client-details__chat-message-outbound{display:flex;justify-content:right;text-align:right}.cb-edison-ai-client-details__chat-message-outbound .cb-edison-ai-client-details__chat-message-container{align-items:flex-end}.cb-edison-ai-client-details__chat-message-outbound .cb-edison-ai-client-details__chat-message-body{background-color:#e0f2ff;border-radius:8px;padding:8px;font-weight:400;font-size:12px;color:#000;width:-webkit-fit-content;width:fit-content}.cb-edison-ai-client-details__chat-message-header{font-weight:400;font-size:10px;color:#737373;display:flex;justify-content:space-between;gap:12px}
.cb-vendor-recommendations-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:5px;cursor:pointer}.cb-vendor-recommendations-card:hover{background-color:#e6f4ff}.cb-vendor-recommendations-card__image{height:40px;width:40px}.cb-vendor-recommendations-card__image .ant5-image{border:1px solid #d9d9d9;border-radius:4px;width:100%;height:100%}.cb-vendor-recommendations-card__image .ant5-image>img{border-radius:4px;width:100% !important;height:100% !important;object-fit:cover !important}.cb-vendor-recommendations-card__body{flex:1 1;display:flex;flex-direction:column}.cb-vendor-recommendations-card__name{font-size:14px}.cb-vendor-recommendations-card__mpn{font-size:12px;color:#737373}
.cb-vendor-recommendations{margin-top:16px;text-align:left}.cb-vendor-recommendations__header-title{font-weight:600;font-size:16px;margin:0}.cb-vendor-recommendations__header-logo{width:auto;height:100%;max-height:34px;max-width:160px}.cb-vendor-recommendations__header-subtitle{font-weight:400;font-size:12px;color:#737373}
.edisonAssistantBtn{
    width: 124px;
    background-color: #33aafc;
    border-radius: 20px;
    height: 32px;
    margin-top: 12px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: absolute;
    left: 37%; */
}

.edisonAssistantBtn .ant5-badge-dot {
  box-shadow: none;
}
.edisonAssistantAvatar{
    width: 22px;
    height: 22px;
    border: 3px solid #bdbdbd;
}

.edisonAssistantAvataLarge{
    width: 80px;
    height: 80px;
    border: 3px solid #bdbdbd;
}

.introEdisonToolTipOuterDiv{
    width: 340px ;
    height: 381px ;
    top: 55px ;
    border-radius: 10px;
    background-color: white;
    right: -100px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.edisonToolTipOuterDiv{
    width: 280px;
    height: 20px;
    max-height: 40px;
    top: 66px;
    left: -87px;
    border-radius: 8px;
    background-color: black;
    padding: 16px;
}

.backgroundDarkDiv{
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 5;
}

.edisonAITextArea {
    width: 418px;
    height: 100px;
    border-radius: 3px;
    border: 1px solid #bdbdbd;
}

/* edison popup styles */

.leadOuterCompDiv{
    width: 100%;
    max-width: 540px;
    /* height: 500px ; */
    border-radius: 10px;
    background-color: white;
    z-index: 202;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
}

.leadOuterCompDiv-separator {
    display: flex;
    width: 1px;
    background-color: #e6e6e6;
    margin: 20px 0;
}

.notif-cont { /* Safari prior 6.1 */
  transition: top 0.5s;
  z-index: 10000;
  overflow-y: hidden;
  padding-left: 15px;
  height: 45px;
  left: calc(50vw - 150px);
  width: 300px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}

.notif-close {
  outline: none;
  height: 20px;
  right: 10px;
  background-color: rgba(255, 255, 255, 0);
  border: none;
}

.satisfaction_container {
  z-index: 120;
  border: #979797;
  border-radius: 8px;
  background-color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -131px;
  margin-left: -201px;
}

.smileyDiv {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  left: 80px;
  top: 123px;
}

.satisfactionText {
  right: 65px;
  top: 64px;
  position: absolute;
}

.face {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.sadFace {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/face-sad.svg");
  background-color: #ff7c7c;
  background-repeat: no-repeat;
  background-position: 14px 14px;
}
.mehFace {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/face-meh.svg");
  background-color: #ffca00;
  background-repeat: no-repeat;
  background-position: 14px 14px;
}
.happyFace {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/face-happy.svg");
  background-color: #75d6a1;
  background-repeat: no-repeat;
  background-position: 11px 13px;
}
.sadFace:hover {
  background-color: #ff4d4d;
}
.mehFace:hover {
  background-color: #dfb100;
}
.happyFace:hover {
  background-color: #39bf76;
}

.greenDiv {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  left: 175px;
  top: 135px;
}

button.cb-button,
button.cb-button:focus {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 16px 24px;
  border-radius: 4px;
  cursor: pointer;
  color: #1769af;
  border: 2px solid #1769af;
}

button.cb-button span {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  line-height: 20px;
  font-weight: 600;
  font-size: 13px;
}

button.cb-button span.anticon {
  font-size: 16px;
}

button.cb-button.ant-btn-primary,
button.cb-button.ant-btn-primary:focus {
  background-color: #1769af;
  color: #fff;
  border: none;
}

button.cb-button:hover {
  border: 2px solid #1769af;
  background: #1769af;
  color: #fff;
}

button.cb-button.ant-btn-primary:hover {
  background: #398bcf;
  color: #fff;
  border: none;
}

button.cb-button > svg + span {
  margin-left: 8px;
}

button.cb-button.ant-btn-link,
button.cb-button.ant-btn-link:focus {
  background-color: transparent;
  color: #231f20;
  border: none;
}

button.cb-button.ant-btn-link:hover {
  background-color: transparent;
  color: #398bcf;
  border: none;
}

button.cb-button[disabled],
button.cb-button[disabled]:hover,
button.cb-button[disabled]:focus,
button.cb-button[disabled]:active {
  background: #f5f5f5;
  cursor: not-allowed;
  color: #00000040;
  text-shadow: none;
  box-shadow: none;
  border: none;
}

.layout-main {
  padding: 17px 30px 39px 36px;
  height: 100vh;
  width: 100vw;
}
.layout-main-w-payment-banner {
  padding: 125px 30px 39px 36px;
  overflow-y: scroll;
  height: 100vh;
  width: 100vw;
}

.standard-width-with-sidebar {
  padding-left: 230px;
}

.standard-width-wo-sidebar {
  /* padding-left: 110px; */
  padding-left: 30px;
}

.layout-header {
  height: auto;
  width: 100%;
}

.layout-header-description {
  height: auto;
  width: auto;
}

.layoutTitle {
  /* display: inline-block; */
  /* word-break: break-all !important; */
  /* word-wrap: break-word !important; */
  text-align: left;
  /* overflow-wrap: break-word !important; */
  min-width: 50px;
  /* white-space: pre-line;  */
  /* word-wrap: ; */
  /* height: 39px; */
  height: auto;
  font-family: Poppins;
  font-size: 28px;
  font-weight: bold;
  color: #353538;
  position: relative;
  left: 0px;
  top: -7px;
  width: auto;
}

.bread-crumb-arrows {
  margin-right: 15px;
  margin-left: 15px;
  letter-spacing: normal;
  font-weight: 500;
}

.completed-bread-crumb {
  color: #7fbd31;
  font-size: 10px;
  font-weight: 600;
  border-radius: 3px;
  background-color: #ecf8dd;
}

.current-bread-crumb {
  color: black;
  font-weight: 500;
}

.layoutBreadcrumb {
  left: 0px;
  top: 40px;
  color: #bdbdbd;
  font-size: 12px;
  text-align: left;
}

.layoutDesc {
  font-size: 14px;
  color: #818181;
  margin-top: 40px;
  text-align: left;
  margin-bottom: 2px;
}

.layoutMenus {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: flex-start;
  width: 320px;
  height: 44px;
}

.store-menu-input {
  vertical-align: middle;
  margin-right: 20px;
  display: inline-block;
  position: relative;
}

.store-menu-input input {
  width: 164;
  color: #a5a5a5;
  font-size: 14px;
  padding-left: 15px;
  font-family: Poppins;
  padding-right: 30px;
  outline: none;
}

.store-menu-input img {
  position: absolute;
  right: 20px;
  top: 18px;
  outline: none;
}
.rotateImg {
  transform: rotate(180deg);
}

.userMenuPic {
  display: inline-block;
  width: 46px;
  height: 50px;
  vertical-align: middle;
  outline: none;
}

.userMenuList {
  width: 169px;
  height: 100px;
  margin-top: 22px;
  background-color: #343434;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
  float: right;
  position: relative;
  list-style-type: none;
  -webkit-padding-start: 0;
  z-index: 5;
}
.userMenuList li {
  color: #ffffff;
  height: 50%;
  line-height: 50px;
  vertical-align: middle;
}

.userMenuList li:hover {
  background-color: var(--blue);
  border-radius: 3px;
  cursor: pointer;
}
.userMenuList img {
  position: absolute;
  top: -12px;
  right: 12px;
}

.hamburger-menu-icon {
  display: none;
}

.smallScreenMenu {
  display: none;
}

.smallScreenMenu li {
  list-style: none;
}

.storeSelectMobile {
  background-color: #343434;
  border-radius: 3px;
  width: 100vw;
  -webkit-padding-start: 0;
  z-index: 2 !important;
  margin: 0px;
}

.storeSelectMobile li {
  text-align: center;
  text-indent: 22px;
  color: #ffffff;
  font-size: 14px;
  height: 45px;
  padding-top: 10px;
  line-height: 42px;
  vertical-align: middle;
  cursor: pointer;
  z-index: 2 !important;
  border-bottom: 1px solid #979797;
}

.storeSelectMobile li:hover {
  background-color: var(--blue);
  border-radius: 3px;
}

.mobileInput {
  width: 200px;
  height: 30px;
  background-color: transparent;
  outline: none;
  border: none;
  float: left;
  margin-left: 35px;
  font-size: 14px;
  color: #ffffff;
}

.highlightPhoto {
  background-color: transparent;
  padding-top: 1px;
}
.highlightPhoto:hover {
  background-color: #e8f6ff;
  padding-top: 1px;
}

.standard-layout__back-btn {
  margin-right: 16px;
  color: #353538;
  cursor: pointer;
}

.standard-layout__title-image {
  max-width: 48px;
  max-height: 48px;
  margin-right: 16px;
}

.standard-layout__title-image-lg {
  max-width: 120px;
  max-height: 120px;
  margin-right: 16px;
}

.standard-layout__title-image-xl {
  max-width: 152px;
  max-height: 152px;
  width: 152px;
  margin-right: 16px;
}

@media only screen and (max-width: 1350px) {
  .layout-main {
    width: 100vw;
  }
}

@media only screen and (max-width: 1200px) {
  .layout-header-description {
    width: auto;
  }

  .layoutBreadcrumb {
    margin-top: 5px;
  }

  .userMenuPic {
    right: 0px;
    width: 46px;
    height: 50px;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 800px) {
  .layoutTitle {
    margin-right: 75px;
  }

  .layoutBreadcrumb {
    display: none;
  }

  .layout-header-description {
    width: auto;
  }

  .layoutDesc {
    margin-left: 7px;
    width: 100%;
    height: auto;
  }

  .layout-header {
    margin-bottom: 25px;
  }

  .layoutMenus {
    width: 40px;
    height: 44px;
  }

  .layout-main {
    padding: 22px 19px 23px 22px;
  }
  .layout-main-w-payment-banner {
    padding: 60px 30px 39px 36px;
  }

  .store-menu-input input {
    margin-right: 20px;
  }

  .store-menu-input img {
    position: absolute;
    right: 20px;
    top: 18px;
    outline: none;
  }

  .standard-width-with-sidebar {
    padding-left: 22px !important;
    width: 100vw !important;
  }
  .standard-width-wo-sidebar {
    padding-left: 22px !important;
    width: 100vw !important;
  }
  .hamburger-menu-icon {
    display: inline-block;
    margin-right: 26px;
  }
  .store-menu-input {
    display: none;
  }

  .smallScreenMenu {
    background-color: #343434;
    border-radius: 3px;
    width: 100vw;
    max-height: 75vh;
    overflow-y: hidden;
    -webkit-padding-start: 0;
    margin-top: 25px;
    margin-left: -22px;
    position: absolute;
    z-index: 2 !important;
    display: block;
    overflow-x: hidden;
  }
  .userMenuList {
    display: none;
  }

  .standard-layout__back-btn,
  .standard-layout__title-image {
    display: none;
  }
}

.layout-actions {
  display: flex;
  gap: 8px;
}

/**** General Layout Component CSS ****/

#textBlock {
  display: none;
}

#textBlock_active {
  display: block;
}

.divider {
  width: 866px;
  height: 1px;
  border-top: solid 0.5px #979797;
  margin-bottom: 40px;
}

.w-100-P-divider {
  width: 100%;
  height: 1px;
  border-bottom: solid 1px #979797;
}
.inputHeight {
  height: 50px;
}

.boxShadow {
  box-shadow: 1px 2px 9px rgba(0, 0, 0, 0.107252);
}

.no-input-arrows::-webkit-outer-spin-button,
.no-input-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.no-input-arrows[type='number'] {
  -moz-appearance: textfield;
}

.tags-checkmark {
  width: 36px;
  height: 24px;
  padding-left: 30px;
}

.darkBlueButton:disabled {
  background-color: #818181;
  cursor: not-allowed;
}

.common_inputStyle:disabled {
  color: black;
  background-color: #f3f3f3;
  border: none;
}

.common_dropdownStyle {
  outline: none;
  border-radius: 3px;
  border: solid 1px #818181;
}
.common_dropdownStyle:focus {
  outline: 2px solid #33aafc;
}

.common_inputStyle:focus {
  outline: 2px solid #33aafc;
}

.focus-input-outline-blue:focus {
  outline: 2px solid #33aafc;
}
.focus-input-outline-blue-without-border:focus {
  border: 0;
}

.border-missing-data-state {
  border: 1px solid #ff7a7a !important;
}

.missing-data-state {
  outline: 1px solid #ff7a7a;
  background-color: #f9e0e0;
}

.common_inputStyle {
  padding-left: 18px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #818181;
  outline: none;
  /* I added these so that the width doesn't expand when we use that padding-left there */ /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.searchInput {
  border-radius: 3px;
  font-size: 16px;
  border: none;
  width: 330px;
  height: 60px;
  padding-top: 2px;
  padding-left: 60px;
  background-image: url('https://dashboard-v2-images.s3.amazonaws.com/ic-search.svg');
  background-repeat: no-repeat;
  background-position: 20px 18px;
  outline: none;
}
.searchInput::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: Poppins, sans-serif;
  font-size: 13px;
  color: #818181;
  opacity: 1; /* Firefox */
}

.ff-poppins {
  font-family: Poppins, sans-serif;
}

.searchInput:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9c9c9c;
  font-size: 13px;
}

.searchInput::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #9c9c9c;
  font-size: 13px;
}
/* BASIC POSITIONING */

.input-image-style {
  background-repeat: no-repeat;
  background-position: 15px 17px;
  outline: none;
  border: 1px solid rgb(129, 129, 129);
  height: 56px;
  border-radius: 3px;
  padding-top: 2px;
  padding-left: 45px;
}

.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.pos-fixed {
  position: fixed;
}

.pos-sticky {
  position: -webkit-sticky;
  position: sticky;
}

.right-0 {
  right: 0;
}

.right-8 {
  right: 8px;
}

.left-0 {
  left: 0;
}
.bottom-0 {
  bottom: 0;
}
.bottom-12 {
  bottom: 12px;
}

.top-0 {
  top: 0;
}
.align-vert-middle {
  display: table-cell;
  vertical-align: middle;
}
.align-text-left {
  text-align: left;
}
.align-left {
  text-align: left;
  align-content: left;
}
.align-center {
  text-align: center !important;
  align-content: center;
}
.align-right {
  text-align: right !important;
  align-content: right;
}
.align-bottom {
  bottom: 0;
}
.align-top {
  top: 0;
}
.float-top {
  float: top;
}

/* COMMON MARGINS */
.margin-0 {
  margin: 0;
}
.m-btm-0 {
  margin-bottom: 0px;
}
.m-btm-5 {
  margin-bottom: 5px;
}
.m-btm-6 {
  margin-bottom: 6px;
}
.m-btm-8 {
  margin-bottom: 8px;
}
.m-btm-10 {
  margin-bottom: 10px;
}
.m-btm-11 {
  margin-bottom: 11px;
}
.m-btm-12 {
  margin-bottom: 12px;
}
.m-btm-15 {
  margin-bottom: 15px;
}
.m-btm-16 {
  margin-bottom: 16px;
}
.m-btm-20 {
  margin-bottom: 20px;
}
.m-btm-24 {
  margin-bottom: 24px;
}
.m-btm-25 {
  margin-bottom: 25px;
}
.m-btm-28 {
  margin-bottom: 28px;
}
.m-btm-35 {
  margin-bottom: 35px;
}
.m-btm-41 {
  margin-bottom: 41px;
}
.m-btm-56 {
  margin-bottom: 56px;
}
.m-top--15 {
  margin-top: -15px;
}
.m-top-0 {
  margin-top: 0;
}
.m-top-4 {
  margin-top: 4px;
}
.m-top-3 {
  margin-top: 3px;
}
.m-top-5 {
  margin-top: 5px;
}
.m-top-6 {
  margin-top: 5px;
}
.m-top-7 {
  margin-top: 7px;
}
.m-top-8 {
  margin-top: 8px;
}
.m-top-10 {
  margin-top: 10px;
}
.m-top-11 {
  margin-top: 11px;
}
.m-top-12 {
  margin-top: 12px;
}
.m-top-13 {
  margin-top: 13px;
}
.m-top-15 {
  margin-top: 15px;
}
.m-top-16 {
  margin-top: 16px;
}
.m-top-18 {
  margin-top: 18px;
}
.m-top-20 {
  margin-top: 20px;
}
.m-top-24 {
  margin-top: 24px;
}
.m-top-25 {
  margin-top: 25px;
}
.m-top-28 {
  margin-top: 28px;
}
.m-top-30 {
  margin-top: 30px;
}
.m-top-35 {
  margin-top: 35px;
}
.m-top-37 {
  margin-top: 37px;
}
.m-top-40 {
  margin-top: 40px;
}
.m-top-44 {
  margin-top: 44px;
}
.m-top-45 {
  margin-top: 45px;
}
.m-top-50 {
  margin-top: 50px;
}
.m-top-60 {
  margin-top: 60px;
}
.m-top-75 {
  margin-top: 75px;
}

.m-x-15 {
  margin: 0 15px;
}

.m-x-12 {
  margin: 0 12px;
}

.m-right-0 {
  margin-right: 0;
}

.m-right-4 {
  margin-right: 4px;
}
.m-right-5 {
  margin-right: 5px;
}
.m-right-6 {
  margin-right: 6px;
}
.m-right-7 {
  margin-right: 7px;
}
.m-right-8 {
  margin-right: 8px;
}
.m-right-9 {
  margin-right: 9px;
}
.m-right-10 {
  margin-right: 10px;
}
.m-right-11 {
  margin-right: 11px;
}
.m-right-12 {
  margin-right: 12px;
}
.m-right-13 {
  margin-right: 13px;
}
.m-right-14 {
  margin-right: 14px;
}
.m-right-15 {
  margin-right: 15px;
}
.m-right-18 {
  margin-right: 18px;
}
.m-right-20 {
  margin-right: 20px;
}
.m-right-25 {
  margin-right: 25px;
}
.m-right-24 {
  margin-right: 24px;
}
.m-right-30 {
  margin-right: 30px;
}
.m-right-35 {
  margin-right: 35px;
}
.m-right-60 {
  margin-right: 60px;
}
.m-left-29 {
  margin-left: 29px;
}
.m-left-4 {
  margin-left: 4px;
}
.m-left-0 {
  margin-left: 0px;
}
.m-left-7 {
  margin-left: 7px;
}
.m-left-8 {
  margin-left: 8px;
}
.m-left-10 {
  margin-left: 10px;
}
.m-left-12 {
  margin-left: 12px;
}
.m-left-13 {
  margin-left: 13px;
}
.m-left-15 {
  margin-left: 15px;
}
.m-left-17 {
  margin-left: 17px;
}
.m-left-18 {
  margin-left: 18px;
}
.m-left-21 {
  margin-left: 21px;
}
.m-left-23 {
  margin-left: 23px;
}
.m-left-2em {
  margin-left: 2em;
}
.m-left-5vw {
  margin-left: 5vw !important;
}
.padding-0 {
  padding: 0;
}
.p-4 {
  padding: 4px;
}
.padding-20 {
  padding: 20px;
}
.p-10 {
  padding: 10px;
}
.p-16 {
  padding: 16px;
}
.p-12 {
  padding: 12px;
}
.p-16 {
  padding: 16px;
}
.p-25 {
  padding: 25px;
}
.p-42 {
  padding: 42px;
}
.p-50 {
  padding: 50px;
}
.p-60 {
  padding: 60px;
}
.p-right-0 {
  padding-right: 0;
}
.p-right-6 {
  padding-right: 6px;
}
.p-right-8 {
  padding-right: 8px;
}
.p-right-10 {
  padding-right: 10px;
}
.p-right-15 {
  padding-right: 15px;
}
.p-right-21 {
  padding-right: 21px;
}
.p-right-25 {
  padding-right: 25px;
}
.p-right-30 {
  padding-right: 30px;
}
.p-left-0 {
  padding-left: 0px;
}
.p-left-6 {
  padding-left: 6px;
}
.p-left-8 {
  padding-left: 8px;
}
.p-left-10 {
  padding-left: 10px;
}

.p-left-15 {
  padding-left: 15px;
}
.p-left-16 {
  padding-left: 16px;
}
.p-left-17 {
  padding-left: 17px;
}
.p-left-18 {
  padding-left: 18px;
}
.p-left-20 {
  padding-left: 20px;
}
.p-left-21 {
  padding-left: 21px;
}
.p-left-24 {
  padding-left: 24px;
}
.p-left-26 {
  padding-left: 26px;
}
.p-left-30 {
  padding-left: 30px;
}
.p-left-30-imp {
  padding-left: 30px !important;
}
.p-left-40 {
  padding-left: 40px;
}
.p-left-41 {
  padding-left: 41px;
}
.p-left-44 {
  padding-left: 44px;
}
.p-left-60 {
  padding-left: 60px;
}
.p-left-200 {
  padding-left: 200px;
}
.p-right-33 {
  padding-right: 33px;
}
.p-right-26 {
  padding-right: 26px;
}
.p-right-40 {
  padding-right: 40px;
}
.p-right-41 {
  padding-right: 41px;
}
.p-right-44 {
  padding-right: 44px;
}
.p-right-50 {
  padding-right: 50px;
}
.p-btm-3 {
  padding-bottom: 3px;
}
.p-btm-4 {
  padding-bottom: 4px;
  padding-bottom: 4px;
}
.p-btm-6 {
  padding-bottom: 6px !important;
}
.p-btm-7 {
  padding-bottom: 7px;
}
.p-btm-10 {
  padding-bottom: 10px;
}
.p-btm-11 {
  padding-bottom: 11px;
}
.p-btm-13 {
  padding-bottom: 13px;
}
.p-btm-15 {
  padding-bottom: 15px;
}
.p-btm-16 {
  padding-bottom: 16px;
}
.p-btm-20 {
  padding-bottom: 20px;
}
.p-btm-26 {
  padding-bottom: 26px;
}
.p-btm-48 {
  padding-bottom: 48px;
}


.p-top-3 {
  padding-top: 3px;
}
.p-top-4 {
  padding-top: 4px;
}
.p-top-6 {
  padding-top: 6px;
}
.p-top-7 {
  padding-top: 7px;
}
.p-top-8 {
  padding-top: 8px;
}
.p-top-10 {
  padding-top: 10px;
}
.p-top-11 {
  padding-top: 11px;
}
.p-top-12 {
  padding-top: 12px;
}
.p-top-14 {
  padding-top: 14px;
}
.p-top-15 {
  padding-top: 15px;
}
.p-top-16 {
  padding-top: 16px;
}
.p-top-20 {
  padding-top: 20px;
}
.p-top-26 {
  padding-top: 26px;
}
.p-top-36 {
  padding-top: 36px;
}
.p-top-60 {
  padding-top: 60px;
}
.p-top-125 {
  padding-top: 125px;
}

.p-x-24 {
  padding: 0 24px;
}
.chatBubblePadding {
  padding: 12px 24px 12px 24px;
}
.ul-no-style {
  padding: 0px;
  list-style: none;
  margin: 0px;
}
/* COMMON HEIGHT */

.h-100-P {
  height: 100%;
}
.h-50-P {
  height: 50%;
}

.h-95-P {
  height: 95%;
}

.height-auto {
  height: auto !important;
}
.input-height {
  height: 50px;
}
.h-1 {
  height: 1px;
}
.h-4 {
  height: 4px;
}
.h-10 {
  height: 10px;
}
.h-12 {
  height: 12px;
}
.h-20 {
  height: 20px;
}
.h-22 {
  height: 22px;
}
.h-23 {
  height: 23px;
}
.h-24 {
  height: 24px;
}
.h-25 {
  height: 25px;
}
.h-26 {
  height: 26px;
}
.h-28 {
  height: 28px;
}
.h-29 {
  height: 29px;
}
.h-33 {
  height: 33px;
}
.h-36{
  height: 36px;
}

.h-35 {
  height: 35px;
}
.h-38 {
  height: 38px;
}
.h-40 {
  height: 40px;
}
.h-45 {
  height: 45px;
}
.h-46 {
  height: 46px;
}
.h-47 {
  height: 47px;
}
.h-48 {
  height: 48px;
}
.h-50 {
  height: 50px;
}
.h-54 {
  height: 54px;
}
.h-57 {
  height: 57px;
}
.h-64 {
  height: 64px;
}
.h-67 {
  height: 67px;
}
.h-80 {
  height: 80px;
}
.h-83 {
  height: 83px;
}
.h-108 {
  height: 108px;
}
.h-167 {
  height: 167px;
}
.h-173 {
  height: 173px;
}
.h-174 {
  height: 174px;
}
.h-194 {
  height: 194px;
}
.h-200 {
  height: 200px;
}
.h-218 {
  height: 218px;
}
.h-247 {
  height: 247px;
}
.h-263 {
  height: 263px;
}
.h-292 {
  height: 292px;
}
.h-377 {
  height: 377px;
}
.h-402 {
  height: 402px;
}
.h-460 {
  height: 460px;
}
.h-546 {
  height: 546px;
}
.h-565 {
  height: 565px;
}
.h-665 {
  height: 665px;
}
.max-h-195 {
  max-height: 195px;
}
.max-h-603 {
  max-height: 603px;
}
.max-h-893 {
  max-height: 893px;
}
.max-h-100vh {
  max-height: 100vh;
}
.h-100-vh {
  height: 100vh;
}
/* COMMON WIDTHS */

.w-20-vw {
  width: 20vw;
}

.w-50-vw {
  width: 20vw;
}

.w-100-vw {
  width: 100vw;
}

.w-48-P {
  width: 48%;
}

.w-50-P {
  width: 50%;
}

.w-30-P {
  width: 30%;
}

.w-90-P {
  width: 90%;
}

.w-95-P {
  width: 95%;
}

.w-100-P {
  width: 100%;
}

.width-auto {
  width: auto;
}
.width-fit {
  width: -webkit-fit-content;
  width: fit-content;
}

/* COMMON INPUT WIDTHS - but not limited to Inputs */
.resize-none {
  resize: none;
}
.w-50vw-175px-to-100-P {
  width: calc(50vw - 175px);
}
.w-100-P-250px {
  width: calc(100% - 350px) !important;
}
.mih-218 {
  min-height: 218px;
}
.miw-100 {
  min-width: 100px;
}
.mw-150 {
  min-width: 150px;
}
.miw-250 {
  min-width: 250px;
}
.w-1 {
  width: 1px;
}
.w-8 {
  width: 8px;
}
.w-10 {
  width: 10px;
}
.w-12 {
  width: 12px;
}
.w-20 {
  width: 20px;
}
.w-26 {
  width: 26px;
}
.w-29 {
  width: 29px;
}
.w-33 {
  width: 33px;
}
.w-35 {
  width: 35px;
}
.w-38 {
  width: 38px;
}
.w-40 {
  width: 40px;
}
.w-41 {
  width: 41px;
}
.w-46 {
  width: 46px;
}
.w-48 {
  width: 48px;
}
.w-50 {
  width: 50px;
}
.w-67 {
  width: 67px;
}
.w-72 {
  width: 72px;
}
.w-82 {
  width: 82px;
}
.w-100 {
  width: 100px;
}
.w-100-important {
  width: 100px !important;
}
.w-108 {
  width: 108px;
}
.w-140 {
  width: 140px;
}
.w-142 {
  width: 142px;
}
.w-150 {
  width: 150px;
}
.w-150-important {
  width: 150px !important;
}
.w-160 {
  width: 160px;
}
.w-167 {
  width: 167px;
}
.w-174 {
  width: 174px;
}
.w-187 {
  width: 187px;
}
.w-194 {
  width: 194px;
}
.w-200 {
  width: 200px;
}
.w-222 {
  width: 222px;
}
.w-230 {
  width: 230px;
}
.miw-240 {
  min-width: 240px;
}
.w-267 {
  width: 267px;
}
.mw-267 {
  min-width: 267px;
}
.w-282 {
  width: 282px;
}
.w-289 {
  width: 289px;
}
.w-290 {
  width: 290px;
}
.w-295 {
  width: 295px;
}
.w-296 {
  width: 296px;
}
.w-280-to-100-P {
  width: 280px;
}
.mw-280 {
  min-width: 280px;
}
.w-300 {
  width: 300px;
}
.w-320 {
  width: 320px;
}
.w-333 {
  width: 333px;
}
.mw-350 {
  min-width: 350px;
}
.w-356 {
  width: 356px;
}

.w-359 {
  width: 359px;
}

.w-365 {
  width: 365px;
}
.w-368 {
  width: 368px;
}
.w-394 {
  width: 394px;
}

.w-402 {
  width: 402px;
}

/* width of input in custom actions, probably tags and other configurations  */
.w-440 {
  width: 440px;
}
.w-486 {
  width: 486px;
}
.w-500 {
  width: 500px;
}

.w-510 {
  width: 510px;
}

.w-554 {
  width: 554px;
}

.w-590 {
  width: 590px;
}

.w-600 {
  width: 600px;
}

.max-w-249 {
  max-width: 249px;
}
.max-w-404 {
  max-width: 404px;
}
.max-w-438 {
  max-width: 438px;
}
.max-w-554 {
  max-width: 554px;
}
.max-w-560 {
  max-width: 560px;
}
.max-w-600 {
  max-width: 600px;
}

.max-w-684 {
  max-width: 684px;
}
.max-w-800 {
  max-width: 800px;
}
.w-864 {
  width: 864px;
}
.w-866 {
  width: 866px;
}
.w-990 {
  width: 990px;
}
.maw-50 {
  max-width: 50px;
}
.maw-235 {
  max-width: 235px;
}
.maw-247 {
  max-width: 247px;
}
.maw-340 {
  max-width: 340px;
}
.maw-365 {
  max-width: 365px;
}
.maw-554 {
  max-width: 554px;
}
.maw-590 {
  max-width: 590px;
}
.maw-600 {
  max-width: 600px;
}
.maw-735 {
  max-width: 735px;
}
.maw-866 {
  max-width: 866px;
}
.maw-965 {
  max-width: 965px;
}
.maw-1100 {
  max-width: 1100px;
}
.maw-1200 {
  max-width: 1200px;
}
.maw-50-P {
  max-width: 50%;
}
.maw-96-P {
  max-width: 96%;
}
.maw-98-P {
  max-width: 98%;
}
.maw-100-P {
  max-width: 100%;
}

/* COMMON BUTTON WIDTHS */

.w-212 {
  width: 212px;
}
.w-227 {
  width: 227px;
}

/* COMMON SPAN FONT SIZE*/
.fs-8 {
  font-size: 8px;
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-16-to-14 {
  font-size: 16px;
}
.fs-14-to-12 {
  font-size: 14px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
.fs-20 {
  font-size: 20px;
}
.fs-24 {
  font-size: 24px;
}
.fs-26 {
  font-size: 26px;
}
.fs-28 {
  font-size: 28px;
}

.fs-33 {
  font-size: 33px;
}

.fs-42 {
  font-size: 42px;
}
.fs-46 {
  font-size: 46px;
}
.fs-48 {
  font-size: 48px;
}
.fs-56 {
  font-size: 56px;
}
.fs-80 {
  font-size: 80px;
}
.fs-100 {
  font-size: 100px;
}

.italic {
  font-style: italic;
}

.text-clickable {
  cursor: pointer;
  text-decoration: underline;
  color: #1677FF;
  font-size: 14px;
}

.text-clickable-disable {
  cursor: not-allowed;
  text-decoration: underline;
  color: #7C7C7C;
  font-size: 14px;
}

.pointer {
  cursor: pointer;
}
.default-cursor {
  cursor: default;
}

.highlight-selected {
  background-color: #e8f6ff;
}
.not-allowed {
  cursor: not-allowed !important;
}

/* PHOTO QUALITY*/
.photoFit {
  object-fit: cover;
}

/* FONT / TEXT PROPERTIES */
.black {
  color: black;
}
.darkest-gray {
  color: #353538;
}
.matterhorn-gray {
  color: #565656;
}
.dark-gray {
  color: #7d7d7d;
}
.green {
  color: #7fbd31;
}
.gray {
  color: #818181;
}
.first-child-gray:nth-child(1):nth-child(2) {
  /* color: #818181 !important; */
}
.mid-gray {
  color: #9d9d9d;
}
.color-bdbdbd {
  color: #bdbdbd;
}
.light-gray {
  color: #d9d9d9;
}
.blue {
  color: var(--blue);
}
.blue-link {
  color: #007bd0;
}
.CBdarkBlue {
  color: #1769af;
}
.red {
  color: var(--red);
}
.missing-data-red {
  color: #ff7a7a;
}
.white {
  color: white;
}
.white-faded {
  color: rgba(255, 255, 255, 0.711);
}
.text-light-gray {
  color: #bdbdbd;
}
.transparent {
  background-color: transparent;
}
.transparent-important {
  background-color: transparent !important;
}
.bg-black-faded {
  background-color: rgba(0, 0, 0, 0.16);
}
.bg-red {
  background-color: var(--red);
}
.bg-white {
  background-color: white;
}
.bg-offwhite {
  background-color: #f4f4f4;
}
.bg-ultra-light-blue {
  background-color: #e8f4ff;
}
.bg-lightgray {
  background-color: #d9d9d9;
}
.bg-medgray {
  background-color: #d8d8d8;
}
.bg-gray {
  background-color: #cccbcb;
}
.bg-lightblue {
  background-color: var(--blue);
}
.bg-hover-lightblue:hover {
  background-color: var(--blue);
}
.bg-hover-e8f6ff:hover {
  background-color: #e8f6ff;
}
.bg-darkgray {
  background-color: #353538;
}
.bg-black {
  background-color: black;
}
.bg-orange {
  background-color: #f7b500;
}
.bg-green {
  background-color: #7fbd31;
}
.bg-red {
  background-color: #ff7a7a;
}
.bg-arrowGray {
  background-color: #bec8cc;
}
.bg-blur {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.first-child-fw-500:nth-child(1):nth-child(2) {
  /* font-weight: 500 !important; */
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.no-decoration {
  text-decoration: none;
}
.no-text-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.quote::after {
  content: '"';
}

.quote::before {
  content: '"';
}

/* COMMON DISPLAY  */

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.d-none {
  display: none;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
.d-table-cell {
  display: table-cell;
}
.d-grid {
  display: grid;
}

.two-column-parent-grid {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  /* max-height: calc(100vh - 125px); */
}

.three-column-parent-grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-height: calc(100vh - 60px);
  overflow-y: hidden;
  overflow-x: hidden;
}

/* .three-column-parent-grid::-webkit-scrollbar {
  display: none;
}
.three-column-parent-grid {
  -ms-overflow-style: none;
  scrollbar-width: none;
} */
.three-column-parent-2 {
  grid-template-columns: 300px auto;
}
.three-column-parent-3 {
  grid-template-columns: 300px 1fr auto;
}
.three-column-parent-3-client {
  grid-template-columns: 315px 1fr auto;
}

.react-datepicker__time-container--with-today-button {
  right: -87px !important;
  top: -1px !important;
}

.d-grid-stack {
  grid-column: 1;
  grid-row: 1;
}
.outline-none {
  outline: none;
}
.no-wrap {
  white-space: nowrap !important;
}
.break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.underline {
  text-decoration: underline;
}
/* COMMON DISPLAY FLEX */

.test {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.gap-32 {
  gap: 32px;
}

.flex-col-start {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
}

.flex-col-left {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
  align-content: stretch;
}

.flex-col-left-center {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  align-content: stretch;
}
.flex-col-center {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
.flex-col-right {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: stretch;
}
.flex-col-center-start {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}

.ant-tag-clientbook {
  background-color: #EAF4FE;
  color: #1769AF;
  border-radius: 4px;
  padding: 1px 6px;
  font-weight: 500;
}

.ant-segmented-item-label {
  padding: 0 !important;
}

.textarea-w-actions:empty:not(:focus):before{
  content:attr(data-ph);
  color: #BDBDBD;
}

.flex-row-rev-left {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
  align-content: stretch;
}
.flex-row-rev-center {
  display: flex;
  flex-flow: row-reverse nowrap;
  align-content: stretch;
}
.flex-row-rev-right {
  display: flex;
  flex-flow: row-reverse nowrap;
  align-content: stretch;
  align-items: flex-end;
  justify-content: flex-start;
}

.flex-row-spacebetween-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-around;
}

.flex-row-nospacebetween-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: space-around;
}
.flex-row-nospacebetween-nowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: space-around;
}

.flex-row-spacebetween-nowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  gap: 12px;
}

.flex-row-spacearound-nowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  align-content: space-around;
}

.flex-row-spaceevenly-nowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: stretch;
  align-content: space-evenly;
}

.flex-row-spaceevenly-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  align-content: space-evenly;
}

.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.flex-row-baseline-center {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
}
.flex-row-start-center {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}

.flex-row-center-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.flex-row-spacebetween-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.flex-row-spacebetween-start {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.flex-row-end-start {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

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

.justify-center {
  justify-content: center;
}

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

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

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

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

.stacking-inputs {
  max-width: 100%;
}

.add-edit-wrap {
  display: flex;
}

/* Borders */

.border-r3 {
  border-radius: 3px;
}
.border-r4 {
  border-radius: 4px;
}
.border-r6 {
  border-radius: 6px;
}
.border-r8 {
  border-radius: 8px;
}
.border-r10 {
  border-radius: 10px;
}
.border-r12 {
  border-radius: 12px;
}
.border-r14 {
  border-radius: 14px;
}
.border-31 {
  border-radius: 31px;
}
.border-r4-red {
  border-radius: 4px;
  border: solid 1px #d93b3b;
}
.border-r8-grey {
  border-radius: 8px;
  border: solid 1px #979797;
}
.border-20-light-grey {
  border-radius: 20px;
  border: 1px solid #bdbdbd;
}
.border-circle {
  border-radius: 50%;
  border: solid 0.5px black;
}

.border-top-1 {
  border-top: 1px solid #ebebeb;
}
.border-btm-1 {
  border-bottom: 1px solid #ebebeb;
}

.circle {
  border-radius: 50%;
}
.border-none {
  border: none;
}
.border-all {
  border: solid 1px #979797;
}
.border-btm {
  border-bottom: solid 1px #979797;
}
.border-left {
  border-left: solid 1px #979797;
}
.border-btm-l-gray {
  border-bottom: solid 1px #d0d0d0;
}
.border-right {
  border-right: solid 1px #979797;
}
/* Remove sizing added from padding increase */

.rem-pad-width { /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

/* Table Reusable */

.col-p-l-25 {
  padding-left: 25px;
}
.col-p-r-25 {
  padding-right: 40px;
}
.col-p-r-70 {
  padding-right: 70px;
}

/* Responsive display */

.display-under-800 {
  display: none;
}

.display-under-1100 {
  display: none;
}

.overflowX {
  overflow-x: scroll;
}
.overflowY {
  overflow-y: scroll;
}

.line-clamp-1 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.scrollbar-y{
  overflow-y: auto;
}

.scrollbar-y::-webkit-scrollbar {
  width: 6px;
  width: 6px;
}
.scrollbar-y::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #F2F3F6;
}
.scrollbar-y::-webkit-scrollbar-track:hover {
  background-color: #EDEEF1;
}

.scrollbar-y::-webkit-scrollbar-track:active {
  background-color: #EAEBEE;
}

.scrollbar-y::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #BDBDBD;
}
.scrollbar-y::-webkit-scrollbar-thumb:hover {
  background-color: #B8B8B8;
}
.scrollbar-y::-webkit-scrollbar-thumb:active {
  background-color: #A8A8A8;
}

.overflowY-hidden {
  overflow-y: hidden;
}
.overflowX-hidden {
  overflow-x: hidden;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.show-scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
}

/* export button */
.exportButton {
  z-index: 100;
}

.z-index-5 {
  z-index: 5 !important;
}

.z-index-998 {
  z-index: 998;
}
.z-index-999 {
  z-index: 999;
}
.z-index-1001 {
  z-index: 1001;
}

.cancel-button {
  width: 175px;
  height: 45px;
  font-weight: 600;
  font-size: 13px;
  color: #1769af;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #1769af;
  cursor: pointer;
}

.save-button {
  width: 175px;
  height: 45px;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  border-radius: 3px;
  background-color: #33AAFC;
  border: none;
  cursor: pointer;
}

.save-button-v2 {
  width: 280px;
  height: 32px;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  border-radius: 20px;
  /* background-color: #1769af; */
  background-color: #33AAFC;
  border: none;
  cursor: pointer;
}

.save-button-v2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cancel-button-v2 {
  width: 280px;
  height: 32px;
  font-weight: 600;
  font-size: 13px;
  color: #1769af;
  border-radius: 20px;
  background-color: #ffffff;
  /* border: solid 1px #1769af; */
  border: none;
  cursor: pointer;
}

.link-button {
  border: none;
  width: auto;
  white-space: nowrap;
  cursor: pointer;
  height: 20px;
  color: #33aafc;
  background: none;
  font-weight: 400;
  font-size: 12px;
}

.secondary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  background-color: transparent;
  color: #1769AF;
  font-weight: 600;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
  border: 0
}

.opacity-50 {
  opacity: 0.5;
}

.secondary-button:disabled {
  opacity: 0.5;
}

.error-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  background-color: transparent;
  color: #FF7A7A;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  border: 0
}

.error-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.client-input {
  border: 0;
  border-bottom: 1px solid #979797;
  background-color: transparent;
}

.client-input::placeholder {
  color: #BDBDBD;
}

.no-text-wrap {
  white-space: nowrap;
}

.save-button:disabled {
  background-color: #818181;
  cursor: not-allowed;
}

.disabled {
  background-color: #818181;
  cursor: not-allowed;
}

.cursor-disabled {
  cursor: not-allowed;
}

.save-button img {
  margin-right: 5px;
}

/* Date Inputs */

/* .unstyledDate {
  -webkit-appearance: none;
} */
.unstyledDate::-webkit-inner-spin-button,
.unstyledDate::-webkit-calendar-picker-indicator {
  /* display: none; */
  -webkit-appearance: none;
}

/* international phone styles */

.react-tel-input .country-list .country.highlight {
  background-color: #33aafc !important;
}

.PhoneInput {
  width: 363px;
  height: 50px;
  border: 1px solid rgb(129, 129, 129);
  border-radius: 3px;
  /* background-color: #33aafc !important; */
}

.PhoneInputCountryFlag-borderColor {
  border-radius: 3px;
  border: solid 1px;
}

.PhoneInputCountry {
  border-right: 1px solid rgb(184, 184, 184);
  margin: 7px 5px 7px 0px;
}

.PhoneInputCountryIcon,
.PhoneInputCountryIcon--border {
  margin-left: 10px;
}

.PhoneInputCountrySelectArrow {
  margin-right: 10px;
  opacity: 1 !important;
  color: rgb(184, 184, 184) !important;
  border-bottom: solid 1px rgb(184, 184, 184);
  border-right: solid 1px rgb(184, 184, 184);
}

.PhoneInputInput {
  border: none;
  outline: none;
}

.topNavV2 {
  background-color: #F5F5F5;
  padding-left: 24px;
  padding-right: 16px;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

/* Media Queries */

@media only screen and (max-width: 440px) {
  .mq-w-174 {
    width: 174px !important;
  }
}

@media only screen and (max-width: 450px) {
  .divider {
    width: 400px;
  }

  .w-394 {
    width: 350px;
  }

  .w-440 {
    width: 300px;
  }
  .mq-m-left-21 {
    margin-left: 0px;
  }
  .w-864 {
    width: 350px;
  }
  .common_inputStyle {
    width: 98%;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 500px) {
  .w-50vw-175px-to-100-P {
    width: calc(100vw - 41px) !important;
  }
}
@media only screen and (max-width: 535px) {
  .mq-50-P-to-100-P-on-535 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 800px) {
  .w-50vw-175px-to-100-P {
    width: calc(50vw - 30px);
  }
  .fs-16-to-14 {
    font-size: 14px;
  }
  .fs-14-to-12 {
    font-size: 12px;
  }
  .divider {
    width: 450px;
  }
  #client-deetz-right {
    display: none;
  }
  #client-deetz-left {
    max-width: 100%;
  }
  .display-under-800 {
    display: inline-block;
  }
  .hide-under-800 {
    display: none;
  }
  .w-280-to-100-P {
    width: 100%;
  }
  .mq-max-w-600 {
    max-width: 600px !important;
  }

  .mq-w-100-vw {
    width: 100vw;
  }

  .mq-padding-left-15 {
    padding-left: 15px;
  }
  .mq-w-95-vw {
    width: 90vw;
  }
}

@media only screen and (max-width: 865px) {
  .stacking-inputs {
    height: 125px;
  }

  .mq-m-left-21 {
    margin-left: 21px;
  }
}
@media only screen and (max-width: 950px) {
  .mq-fs-20 {
    font-size: 20px !important;
  }
  .mq-w-200 {
    width: 200px !important;
  }
}

@media only screen and (max-width: 1100px) {
  .hide-under-1100 {
    display: none;
  }
  .display-under-1100 {
    display: block;
  }
}
@media only screen and (max-width: 1140px) {
  .mq-w-100-P-1140 {
    width: 100% !important;
  }
  .mq-m-right-0-1140 {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 1200px) {
  .mq-flex-align-left-at-1200 {
    align-items: baseline !important;
  }
  .divider {
    width: 550px;
  }
  .w-100-P-on-1200 {
    width: 100%;
  }
  .common_inputStyle {
    float: left;
  }
  .w-864 {
    width: 500px;
    height: 50px;
  }
  .three-column-parent-grid {
    overflow-x: auto;
  }
}

.ant-radio-checked .ant-radio-inner {
  border-color: black !important ;
}

.ant-radio-checked .ant-radio-inner:after {
  background-color:black;
}

.ant-radio:hover .ant-radio-inner {
  border-color: black ;
}

.ant5-form-item-explain-error {
  text-align: start;
}

.dropdown-select > div {
  height: auto;
  min-height: 50px;
}

/* card component styles */
.dashboardMetrics_outerDiv {
  justify-content: flex-end;
  z-index: 10;
  position: relative;
  max-width: 1000px;
  display: flex;
  bottom: 120px;
}

.dashboardMetrics_card {
  max-width: 1000px;
  /* min-height: 340px; */
  /* padding: 75px 106px 24px 21px; */
  border-radius: 6px;
  border: solid 1px #bec8cc;
}

.dashboardMetrics_header_div {
  height: 57px;
  border-radius: 6px;
  background-color: #ffffff;
  margin-left: 20px;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #353538;
}

/* card styles */
.dashboardMetrics_card_header_div {
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 11px 15px 0px 15px;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #353538;
  flex-wrap: nowrap;
}
.dashboardMetrics_card_content_div {
  display: flex;
  justify-content: space-between;
  margin: 0px 15px 0px 15px;
}
.dashboardMetrics_card_body_div {
  max-width: 1000px;
  /* min-height: 283px; */
  border-radius: 0px 0px 6px 0px;
  background-color: #f2f3f6;
  display: flex;
  flex-direction: row;
  position: relative;
  flex-wrap: wrap;
}

.card {
  width: 270px;
  height: 241px;
  /* margin: 5px 0px 0px 17px; */
  margin: 18px 0px 18px 17px;
  border-radius: 6px;
  border: solid 1px #bec8cc;
  background-color: #ffffff;
  position: relative;
  /* top: 15px; */
}

.card_number {
  height: 48px;
  font-family: Poppins;
  font-size: 34px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #353538;
}

.card_subHeader {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a7983;
  text-align: left;
}

.card_text {
  width: 64px;
  height: 15px;
  font-family: Poppins;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  color: #6a7983;
}

/* small card */

.small_card {
  /* width: 270px; */
  width: 280px;
  height: 163px;
  border-radius: 6px;
  border: solid 1px #bec8cc;
  background-color: #ffffff;
  position: relative;
}

.small_card_percent_width {
  width: 110px;
}

.small_card_margin_top {
  margin: 20px 0px 20px 17px;
  /* margin: 20px 16px 20px 17px; */
}
.small_card_margin_bottom {
  margin: 0px 0px 20px 17px;
}

.viewReportDiv {
  margin: 0px 16px 8px 0px;
  font-size: 10px;
  width: 94%;
  height: 20px;
  position: absolute;
  display: flex;
  bottom: 0px;
  justify-content: right;
}

.viewReportAnchor {
  text-decoration: none;
  width: 60px;
  height: 20px;
  color: #1769af;
}

.metrics_card_margin {
  margin-top: -90px;
}

/* LOADING SPINNER */

.dash-ring {
  position: absolute;
  width: 270px;
  height: 238px;
  right: 0px;
  bottom: 3px;
  border-radius: 6px;
  background-color: #fff;
}

.dash-ring-small {
  position: absolute;
  width: 270px;
  height: 160px;
  /* right: 0px;
  bottom: 3px; */
  border-radius: 6px;
  background-color: #fff;
}

.dash-ring-sm-loc {
  right: 0px;
  bottom: 3px;
}

.dash-ring-button {
  position: absolute;
  background-size: contain;
  background-color: transparent;
}

#dashSpinOff {
  display: none;
}

#dashSpinOn {
  display: inline-block;
}

.dash-ring-button div {
  box-sizing: border-box;
  position: absolute;
  width: 25px;
  height: 25px;
  border: 2.5px solid #fff;
  border-radius: 50%;
  animation: dash-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.dash-ring-small div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  margin: 30px 30px 0px 80px;
  border: 6px solid #33aafc;
  border-radius: 50%;
  animation: dash-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #33aafc transparent transparent transparent;
}

.dash-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  margin: 70px 30px 85px 80px;
  border: 6px solid #33aafc;
  border-radius: 50%;
  animation: dash-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #33aafc transparent transparent transparent;
}
.dash-ring div:nth-child(1),
.dash-ring-small div:nth-child(1),
.dash-ring--button div:nth-child(1) {
  animation-delay: -0.45s;
}
.dash-ring div:nth-child(2),
.dash-ring-small div:nth-child(2),
.dash-ring--button div:nth-child(2) {
  animation-delay: -0.3s;
}
.dash-ring div:nth-child(3),
.dash-ring-small div:nth-child(3),
.dash-ring--button div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes dash-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* info bubble text */

.previousMetricNum {
  font-size: 34px;
  font-weight: 600;
  text-align: left;
  display: block;
  padding-left: 16px;
  line-height: 1;
  width: -webkit-max-content;
  width: max-content;
  padding-right: 16px;
}
.previousMetricText {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  display: block;
  padding-left: 16px;
  line-height: 1;
  width: -webkit-max-content;
  width: max-content;
  padding-right: 5px;
}

.arrowAnim {
  margin-left: 8px;
  animation: example 0.2s linear 0s 2 alternate;
}

@keyframes example {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(1.5px);
  }

  100% {
    transform: translateY(3px);
  }
}

@media only screen and (max-width: 1200px) {
  .dashboardMetrics_card_body_div {
    padding-bottom: 25px;
  }
  .small_card_margin_top,
  .small_card_margin_bottom {
    margin: 20px 0px 0px 20px;
  }

  .card {
    margin: 18px 0px 0px 17px;
  }
}
@media only screen and (max-width: 800px) {
  .metrics_card_margin {
    margin-top: -50px;
  }
  .dashboardMetrics_outerDiv {
    bottom: 75px;
    z-index: 0;
  }
}

.thumbNail {
  width: 313px;
  height: 170px;
  border-radius: 3px;
  margin: -4px;
  object-fit: cover;
}

.mainVideoBody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.videoBtnImg {
  right: 145px;
  top: 60px;
}

.videoBtn {
  padding: 0;
  border: none;
  margin: 4px;
}

.videoData {
  height: 250px;
}

.videoTextHead {
  margin-bottom: 0px;
}

.videoTextSub {
  margin-bottom: 0px;
  margin-top: 0px;
}

.vidSectionHeader {
  text-align: left;
  margin-left: 10px;
  font-family: Poppins;
  font-size: 20px;
  color: #353538;
}

.fullscreen-video {
  width: auto;
  height: 100vh;
  max-height: 540px;
  max-width: 100%;
}

.exportDataList{
  text-align: left;
  font-size: 12px;
  color: #9c9c9c;
  width: 200px;
}

.exportDataListUL{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 145px;
  padding-left: 22px;
}

.exportAllButton{
  position: absolute;
  top: -55px;
  left: 665px;
}

@media only screen and (max-width: 1200px) {
  .contactSecondDiv {
    margin-top: 10px;
  }
}

.videoModal {
  display: none;
  z-index: 10;
}

.videoModal.active {
  display: block;
}

.cover {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 12;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
}

.cover.active {
  display: flex;
}

.login-top-left-logo {
  position: absolute;
  left: 37px;
  top: 46px;
}
.login-title {
  font-family: Poppins;
  color: #353538;
  font-size: 54px;
  font-weight: bold;
  margin-top: 22px;
  margin-bottom: 16px;
}

.left-login-panel {
  float: left;
  width: 50vw;
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/illustration-desktop.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  height: 100vh;
}

.right-login-panel {
  float: right;
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}

.right-login-panel img {
  width: 193px;
  height: 46px;
}

.login-inputs input {
  display: block;
  font-family: Poppins;
  width: calc(402px - 45px);
  height: 50px;
  font-size: 16px;
  border-radius: 3px;
  border: solid 1px #000000;
}

.emailDiv {
  margin-bottom: 20px;
}
.emailDiv input {
  padding-left: 45px;
  font-size: 16px;
  outline: none;
}
.emailDiv span {
  background: url("https://dashboard-v2-images.s3.amazonaws.com/ic-envelope.svg") no-repeat scroll;
  background-position: center center;
  width: 20px;
  height: 14px;
  margin-left: 0;
  position: absolute;
  left: 14px;
  bottom: 0;
  top: 0;
  margin: auto;
}

.passwordDiv input {
  padding-left: 45px;
  font-size: 16px;
  outline: none;
}
.passwordDiv span {
  background: url("https://dashboard-v2-images.s3.amazonaws.com/ic-lock.svg") no-repeat scroll;
  background-position: center center;
  width: 20px;
  height: 20px;
  margin-left: 0;
  position: absolute;
  left: 14px;
  bottom: 0;
  top: 0;
  margin: auto;
}

.login-optional {
  width: 402px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding-top: 35px;
  padding-bottom: 39px;
  font-size: 16px;
}

.login-optional img {
  vertical-align: middle;
  margin-right: 17px;
  width: 20px;
  height: 20px;
}

.login-button {
  font-size: 16px;
  color: white;
  font-family: Poppins;
  font-weight: 600;
  width: 402px;
  height: 50px;
  background-color: var(--blue);
  border-radius: 3px;
}

.login-button:disabled {
  opacity: 0.6;
}

.error-text {
  margin-top: 0px;
  color: #ff6363 !important;
}

.login-help {
  color: #1769af;
  font-size: 16px;
}

.login-help-mobile {
  display: none;
  color: #1769af;
}

.info-footer {
  position: absolute;
  width: 48vw;
  height: 20px;
  color: #bdbdbd;
  font-size: 14px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  padding: 39px;
}

.info-footer a {
  color: #bdbdbd;
}
.info-footer a:hover {
  color: #1769af;
}

.info-footer span:nth-child(odd) {
  float: left;
}
.info-footer span:nth-child(odd) a {
  margin-left: 34px;
}
.info-footer span:nth-child(even) {
  float: right;
}

.pw-reset-background {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/pwreset.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

/* input on reset password */
.pw-reset-input {
  padding-left: 18px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px#818181;
  outline: none;
  box-sizing: border-box;
}

.maw-90-P {
  max-width: 90%;
}

@media only screen and (max-width: 1450px) {
  .info-footer span:nth-child(odd) {
    float: none;
    display: block;
  }
  .info-footer span:nth-child(odd) a {
    margin-left: 17px;
    margin-right: 17px;
  }
  .info-footer span:nth-child(even) {
    float: none;
    display: block;
  }
}

@media only screen and (max-width: 890px) {
  .login-top-left-logo {
    display: none;
  }

  .info-footer {
    display: none;
  }

  .left-login-panel {
    width: 100vw;
    object-fit: contain;
    z-index: -1;
    float: none;
    position: absolute;
    left: 0px;
    top: -150px;
  }

  .right-login-panel {
    /* left: calc(50% - (319px/2)); */
    /* width: 319px; */
    width: 100vw;
    height: 460px;
    z-index: 5;
    position: absolute;
    bottom: 0px;
    background-color: white;
    justify-content: flex-end;
  }

  .right-login-panel img {
    width: 128px;
    height: 30px;
  }

  .login-optional {
    font-size: 14px;
    width: 289px;
    padding-top: 0px;
    padding-bottom: 24px;
  }
  .login-optional img {
    vertical-align: middle;
    margin-right: 17px;
    width: 20px;
    height: 20px;
  }

  .login-help {
    color: #1769af;
    display: none;
  }
  .login-help-mobile {
    font-size: 14px;
    margin-top: 27px;
    margin-bottom: 30px;
    display: block;
  }

  .login-title {
    font-size: 30px;
    /* margin-bottom: 22px; */
    margin-top: 15px;
  }

  .login-inputs input {
    width: calc(289px - 45px);
  }

  .login-button {
    width: 290px;
    font-size: 14px;
  }
  .passwordDiv {
    margin-bottom: 20px;
  }
  .emailDiv input {
    font-size: 14px;
  }
  .passwordDiv input {
    font-size: 14px;
  }
}

@media only screen and (max-width: 450px) {
  .pw-reset-input {
    width: 90%;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.smallTableWidth {
  width: 356;
}

@media only screen and (max-width: 1000px) {
  .smallTableWidth {
    min-width: 356px;
    max-width: 860px;
    width: 100%;
  }
}

.pop-confirm-background {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: hsla(0, 0%, 0%, 0.50);
  z-index: 999;
  overflow: hidden;
}

.view-all-wa-templates-background {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: hsla(0, 0%, 0%, 0.16);
  z-index: 98;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-all-wa-templates-container {
  z-index: 99;
  border: #979797;
  border-radius: 8px;
  background-color: white;
  /* max-height: 90vh; */
  overflow-y: scroll;
  margin-top: 110px;
  max-height: calc(100vh - 120px);
}

.pop-confirm-container {
  z-index: 99;
  border: #979797;
  border-radius: 8px;
  background-color: white;
  max-height: 90vh;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.pop-confirm-container h2 {
  font-weight: 800;
}

.pop-confirm-container-large {
  z-index: 99;
  border: #979797;
  border-radius: 8px;
  background-color: white;
  position: absolute;
  top: 20vh;
  left: 20vw;
  margin: 0 0 0 10vw;
}

@media only screen and (max-width: 800px) {
  .pop-confirm-container {
    /* width: 50%;
    min-width: 300px;
    position: relative;
    left: 0;
    margin-left: calc(50% - 150px);
    align-content: center;
    vertical-align: middle;
    margin-top: 0px; */
    /* padding-top: 0px; */
    margin-left: -200px;
    min-width: 300px;
    align-content: center;
    vertical-align: middle;
  }
}

.descOverInput {
  text-align: left;
  color: #000000;
}
.descOverInput span {
  padding-bottom: 12px;
  line-height: 30px;
}
.descOverInput span svg {
  margin-right: 10px;
  height: 15px;
}

@media only screen and (max-width: 800px) {
  .descOverInput span {
    padding-left: 20px;
  }
}

.lds-ring {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  bottom: 3px;
}

#ringLoadOff {
  display: none;
}

#ringLoadOn {
  display: inline-block;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 8px;
  border: 3px solid #1769af;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #1769af transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#overlay {
  position: fixed; 
  width: 100%; 
  height: 100%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); 
  z-index: 99; 
  cursor: pointer;
}

  .chat-payment-modal-container {
    z-index: 99;
    border: #979797;
    border-radius: 8px;
    background-color: white;
    position: absolute;
    top: 50%;
    margin-top: -250px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
  }

  .payment-modal-container {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
  }

.contentWrapper{background-color:#fff;border:#f4f4f4 1px solid;border-left:#fff}.chatBubbleWrapper{overflow-y:scroll;display:flex;flex-direction:column-reverse;height:100%;overflow:auto;margin-right:18px}.disable-button:disabled{pointer-events:none;border-color:#9c9c9c !important;color:#9c9c9c !important}.disable-label{pointer-events:none;border-color:#9c9c9c !important;color:#9c9c9c !important;background-color:#fff}.chatBubbleWrapper::-webkit-scrollbar{display:none}.chatBubbleWrapper{-ms-overflow-style:none;scrollbar-width:none}.singleMessageWrapper{display:flex;flex-direction:column;white-space:pre-line}.shared{position:relative;margin-bottom:2%;line-height:10px;word-wrap:break-word;border-radius:25px;list-style-type:none}.inboxV2Tail{position:absolute;left:-2px;bottom:0px;z-index:0}.blueTail{position:absolute;bottom:0px;right:-3px;z-index:0}.chatDate{display:block;padding:0px 0px 0px 0px;position:absolute;right:18px;bottom:3px;z-index:5}.chatDateProduct{color:#BDBDBD;color:var(--Light, #BDBDBD);display:block;position:absolute;right:12px;bottom:2px;z-index:5}.chatDateSentLink{display:block;padding:0px 0px 0px 0px;position:absolute;right:5px;bottom:0px}.chatDateReceive{display:block;padding:0px 0px 0px 0px;position:absolute;right:14px;bottom:3px}#sent{align-self:flex-end;color:#fff;background:#33aafc;border-radius:20px;padding:8px 12px .6vw 14px}#sent:before{right:-10px;background-color:#33aafc;border-bottom-left-radius:16px 14px}#sent:after{right:-26px;border-bottom-left-radius:10px}#sentLink{align-self:flex-end;color:#fff;background:#33aafc;border-radius:20px;padding:8px 12px 4px 14px}#sentLink a{font-weight:normal;color:#fff !important;text-decoration:underline}#sentLink:before{right:-10px;background-color:#33aafc;border-bottom-left-radius:16px 14px}#sentLink:after{right:-26px;border-bottom-left-radius:10px}.sent{line-height:18px;text-align:left;max-width:100%}.sentTextDiv{display:flex;justify-content:flex-start;min-width:55px;z-index:10;position:relative}#otherAsctSent{align-self:flex-start;color:#fff;background:#818181;border-radius:25px;padding:8px 12px 8px 14px;min-height:20px}#otherAsctSent:before{left:-10px;background-color:#818181;border-bottom-right-radius:16px 14px}#otherAsctSent:after{left:-26px;border-bottom-right-radius:10px}.received{position:relative;line-height:15px;text-align:left}#received{align-self:flex-start;color:#000;background:#ebebeb;border-radius:25px;padding:8px 12px 8px 14px;min-height:20px}#received .received a{font-weight:normal;color:#000 !important;text-decoration:underline}.noTail{margin-bottom:2px}.noTail:before,.noTail:after{opacity:0}cite{letter-spacing:.5px;color:#818181;margin-bottom:1%;font-size:11px}.invalid-number-text{background-color:#ff7a7a;color:#fff;font-style:italic;margin-bottom:15px;margin-top:10px;font-size:12px;text-align:center}.invalid-number-new-convo{position:absolute;margin-top:550px}.assignMenu{padding:0 !important;margin:0 !important;border:none !important}.assignMenu .ant-menu-submenu-title{padding-right:0 !important}.assignMenu .ant-menu-submenu-open{margin-top:10%}.headingIcons{color:#818181;display:flex;margin-right:12px;align-items:center}.headingIcons>span{padding:5px}.inboundStorePromptDiv{height:100vh;width:100%;background:rgba(0,0,0,.8);position:absolute;top:75px;z-index:100;padding:21% 0%}.inboundStorePromptRight{height:100vh;width:100%;background:rgba(0,0,0,.8);position:absolute;top:75px;z-index:100;padding:45% 0%}.inboundStorePromptButtons{margin-top:30px;z-index:101;position:relative;opacity:1}.inboundStorePromptButtonsRight{margin-top:30px;z-index:101;position:relative;opacity:1;left:12%}.inputWrapper{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #bdbdbd;border-radius:10px;margin-right:13px;position:relative}.inputWrapper__focus{border:1px solid #33aafc;box-shadow:0 0 0 2px rgba(51,170,252,.2);transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:flex-start;border-radius:10px;margin-right:13px;position:relative}.inputWrapper__error{border:1px solid #ff7a7a;box-shadow:0 0 0 2px rgba(255,122,122,.2);transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:flex-start;border-radius:10px;margin-right:13px;position:relative}.fakeInputWrapper{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #bdbdbd;border-radius:10px;margin-right:13px;position:relative}.inputButtons{margin-left:-40%;margin-top:2%;margin-bottom:2%}.unknown-number-banner{width:100%;background:#fff;color:#000;height:40px;border-bottom:1px solid #000}.facebook-closed-banner{width:100%;background:#000;color:#fff;max-height:40px;font-style:italic;font-size:12px;z-index:15}.facebook-closed-banner p{text-align:center;line-height:1}.facebook-closed-banner span{font-weight:600}.opted-out-banner{width:100%;background:#3d3d3d;color:#fff;max-height:40px}.opted-out-banner p{text-align:center;line-height:1}.opted-out-banner-blocked{font-style:italic;font-size:12px;z-index:15}.opted-out-banner-blocked span{font-weight:600}.opted-out-banner-blocked i{text-decoration:underline;cursor:pointer}.chat-payment-modal-container-full{width:348px;min-height:572px;overflow-y:scroll;z-index:99;border:#979797;border-radius:8px;background-color:#fff;position:absolute;top:50%;margin-top:-250px;margin-left:auto;margin-right:auto;padding:36px 30px;left:0;right:0;text-align:center;cursor:default}.chat-payment-modal-container-right{padding-top:40px}.chat-templates-modal-container-full{min-width:300px;width:460px;max-width:500px;height:65vh;overflow-y:auto;z-index:99;border:#979797;border-radius:8px;background-color:#fff;position:absolute;top:55%;transform:translate(-50%, -50%);margin-right:-50%;padding:30px 30px 24px;left:50%;right:0;text-align:center;cursor:default;overflow-y:hidden;overflow-x:hidden}.chat-templates-modal-container-full>input{width:calc(100% - 60px);margin-left:2px;height:35px;margin-top:8px}.chat-templates-modal-container-full>.searchInput{background-position:20px 11.5px}.chat-templates-modal-container-right{height:100%;padding:0px 10px 36px 0px;display:flex;flex-direction:column;align-items:stretch;width:100%;overflow-y:hidden;overflow-x:hidden}.chat-templates-modal-container-right>input{width:calc(100% - 60px);margin-left:6px}.chat-templates-modal-container-right>.searchInput{background-position:20px 11.5px}.chat-collection-modal-content{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:space-between;overflow-y:hidden;flex:1 1}.chat-product-modal-list{display:flex;flex-direction:column;width:100%;overflow-x:hidden}.chat-product-modal-content{display:flex;flex-direction:column;width:100%;overflow:hidden}.chat-product-modal-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:44px;height:66px;width:100%;cursor:pointer;padding:8px;border-bottom:.5px solid rgba(129,129,129,.25)}.chat-product-modal-item:hover{background:#f2f3f6}.chat-product-modal-item-img{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:6px;overflow:hidden;border:.5px solid #bdbdbd}.chat-product-modal-item-img img{width:100%;height:100%;object-fit:cover}.chat-product-modal-item-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;gap:4px}.chat-product-modal-item-content>div{font-size:12px;font-weight:600}.chat-product-modal-item-content>p{color:#818181;color:var(--form, #818181);font-size:11px;margin:0}.chat-templates-modal-container-right .whatsapp-auto-container,.chat-templates-modal-container-full .whatsapp-auto-container{padding-right:8px}.chat-templates-modal-container-right .whatsapp-auto-container::-webkit-scrollbar,.chat-templates-modal-container-full .whatsapp-auto-container::-webkit-scrollbar{width:6px}.chat-templates-modal-container-right .whatsapp-auto-container::-webkit-scrollbar-track,.chat-templates-modal-container-full .whatsapp-auto-container::-webkit-scrollbar-track{border-radius:3px;background-color:#f2f3f6}.chat-templates-modal-container-right .whatsapp-auto-container::-webkit-scrollbar-track:hover,.chat-templates-modal-container-full .whatsapp-auto-container::-webkit-scrollbar-track:hover{background-color:#edeef1}.chat-templates-modal-container-right .whatsapp-auto-container::-webkit-scrollbar-track:active,.chat-templates-modal-container-full .whatsapp-auto-container::-webkit-scrollbar-track:active{background-color:#eaebee}.chat-templates-modal-container-right .whatsapp-auto-container::-webkit-scrollbar-thumb,.chat-templates-modal-container-full .whatsapp-auto-container::-webkit-scrollbar-thumb{border-radius:3px;background-color:#bdbdbd}.chat-templates-modal-container-right .whatsapp-auto-container::-webkit-scrollbar-thumb:hover,.chat-templates-modal-container-full .whatsapp-auto-container::-webkit-scrollbar-thumb:hover{background-color:#b8b8b8}.chat-templates-modal-container-right .whatsapp-auto-container::-webkit-scrollbar-thumb:active,.chat-templates-modal-container-full .whatsapp-auto-container::-webkit-scrollbar-thumb:active{background-color:#a8a8a8}.chat-templates-modal-footer{display:flex;align-items:center;justify-content:center;width:100%;padding:32px 0 16px}.chat-templates-modal-header{font-family:"Poppins";font-style:normal;font-weight:600;font-size:16px;line-height:24px;text-align:center;margin-bottom:30px}.loading{font-size:35px;line-height:20px;color:#bdbdbd}.loading:after{overflow:hidden;display:inline-block;vertical-align:bottom;animation:ellipsis steps(4, end) 900ms infinite;content:"…";width:0px}@keyframes ellipsis{to{width:30px}}.showEllipses{display:inline-block}.noShowEllipses{display:none}.chat-dropdown-menu{font-family:Poppins,sans-serif;font-family:Poppins;font-size:14px;font-weight:400}.chat-dropdown-menu .ant-dropdown-menu{border-radius:4px;padding:0}.chat-dropdown-menu .ant-dropdown-menu-item{display:flex;align-items:center;padding:0 12px;border-color:rgba(129,129,129,.5) !important}.chat-dropdown-menu .ant-dropdown-menu-item:hover{background-color:#e8f4ff}.chat-dropdown-menu .ant-dropdown-menu-item>img{width:25px;margin-right:0}.chat-dropdown-menu .ant-dropdown-menu-item>svg{width:25px;margin-right:0}.chat-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content{font-size:13px;padding:12px 12px 12px 6px}
.lineSpan::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 42%;
  border-bottom: 1px solid #dadada;
  margin-right: 30px;
}

.lineSpan::after {
  content: '';
  display: inline-block;
  width: 42%;
  height: 100%;
  border-bottom: 1px solid #dadada;
  margin-left: 30px;
}

.inboxHeader {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  max-width: 1100px;
}

.storeInboxHeader {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  max-width: 1100px;
}

.searchAndRefresh {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}

.inboxSearch {
  /* width: 100%; */
  margin-left: 15px;
  height: 50px;
  width: 382px;
}

.myInboxSearch {
  height: 50px;
  width: 382px;
}

.inboxFilter {
  width: 267px;
}

.desktopRefresh {
  right: 10px;
  z-index: 100;
  top: 18px;
  position: relative;
}

.clientAssign {
  top: 100px;
}

.newMessageButton {
  background-color: #1769af;
  color: #ffffff;
  font-family: Poppins;
  font-size: 13px;
  height: 50px;
  line-height: 20px;
  font-weight: 600;
  outline: none;
  width: 175px;
  border-radius: 3px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

.whatsAppHover:hover {
  background-color: #e8f6ff;
}
.whatsAppHover {
  background-color: #f3f3f3;
  max-height: 88px;
}

#imageToolRow {
  display: flex;
}

#imageToolRowHidden {
  display: none;
}

@media only screen and (max-width: 1024px) {
  #imageToolRowHidden {
    display: flex;
  }
}

#highlightSelected {
  background-color: #e8f6ff;
}
#bgOffwhite {
  background-color: #f4f4f4;
}

#msgOnlyHover {
  background-color: #f3f3f3;
}

/* .msgOnlyHover:hover {
  background-color: #f3f3f3;
} */

.chatLineTrash {
  visibility: hidden;
}
.chatLine:hover .chatLineChild .chatLineTrash {
  visibility: visible;
}
.chatLine:hover .chatLineTrash {
  visibility: visible;
}

.chatLine .chatLineChild {
  visibility: hidden;
}
.chatLineChild {
  visibility: hidden;
}
.chatLine:hover .chatLineChild {
  visibility: visible;
}
#msgOnly {
  background-color: #ffffff;
}

.whatsAppTemplate {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: space-around;
  max-height: 88px;
}

.placeholderInput {
  width: 308px;
  padding-left: 10px;
}

.onHoverImg:hover {
  opacity: 0.8;
}

.allTemplateSearch {
  height: 49px;
  width: 568px;
}

.pop-confirm-container-large-messaging {
  z-index: 11;
  border: #979797;
  border-radius: 8px;
  background-color: white;
  position: absolute;
  top: 20vh;
  /* left: 20vw; */
  /* margin: 0 0 0 10vw; */
  left: 50%;
  transform: translateX(-50%);
}

/* mobile styles for chat messages */
.dashboard_msg_time_margin {
  margin-right: 60px;
}
.dashboard_msg_garbage_margin {
  margin-right: 120px;
}
.inboxMobileTextContainer {
  max-width: 1000px;
}

.dashboard_msg_img_popup {
  width: 500px;
  height: 500px;
}
.dashboard_msg_img {
  margin-left: 60px;
}

/* |||| TIMEZONE DROPDOWN |||| */
.timezone-dropdown .ant-select-selector {
  text-align: left;
  background-color: none;
  border: solid 1px #818181 !important;
  border-radius: 3px !important;
  height: 48px !important;
  outline: none !important;
  font-size: 0.85em !important;
}

.timezone-dropdown .ant-select-selection-item {
  margin-left: 7px;
  margin-top: 5px;
  padding: 5px;
}

.timezone-dropdown .ant-select-arrow {
  margin-top: 0px;
  position: absolute;
  left: 98% !important;
}
/* ||||||||||||||||||||||||||| */

@media only screen and (max-width: 1465px) {
  .lineSpan::before {
    width: 40%;
  }

  .lineSpan::after {
    width: 40%;
  }
}

@media only screen and (max-width: 1240px) {
  .lineSpan::before {
    width: 38%;
  }

  .lineSpan::after {
    width: 38%;
  }
  .inboxMobileTextContainer {
    max-width: 700px;
  }
}

@media only screen and (max-width: 1100px) {
  .inboxHeader {
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    align-items: stretch;
    align-content: space-around;
    justify-content: space-around;
    width: 100%;
  }
  .storeInboxHeader {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .searchAndRefresh {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: space-around;
  }
  .inboxSearch {
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    margin-top: 10px;
  }
  .myInboxSearch {
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    margin-top: 10px;
  }
  .inboxFilter {
    width: 100%;
  }

  .desktopRefresh {
    top: 28px;
    margin-right: -15px;
  }

  .clientAssign {
    top: 130px;
  }
  .lineSpan::before {
    width: 20%;
  }

  .lineSpan::after {
    width: 20%;
  }

  .whatsAppTemplate {
    flex-direction: column;
    max-height: -webkit-fit-content;
    max-height: fit-content;
  }

  .whatsAppHover {
    max-height: -webkit-fit-content;
    max-height: fit-content;
    margin-bottom: 5px;
  }

  .newMessage {
    text-align: left;
    align-content: left;
    margin-top: 10px;
  }
  .newMessageButton {
    width: 100%;
  }

  .allTemplateSearch {
    width: calc(100% - 55px);
  }
  .inboxMobileTextContainer {
    max-width: 500px;
  }
}

@media only screen and (max-width: 950px) {
  .inboxMobileTextContainer {
    max-width: 400px;
  }
}

@media only screen and (max-width: 800px) {
  .pop-confirm-container-large-messaging {
    top: 20vh;
    left: 15vw;
    margin: 0 0 0 0;
  }
}

@media only screen and (max-width: 600px) {
  .pop-confirm-container-large-messaging {
    top: 20vh;
    left: 20vw;
    margin: 0 0 0 0;
  }

  .inboxMobileTextContainer {
    width: 210px;
  }

  .dashboard_msg_time_margin {
    margin-right: 0px;
  }
  .dashboard_msg_garbage_margin {
    margin-right: 50px;
  }
  .dashboard_msg_img_popup {
    width: 300px;
    height: 300px;
  }
  .dashboard_msg_img {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .pop-confirm-container-large-messaging {
    top: 20vh;
    left: 8vw;
    margin: 0 0 0 0;
  }
}

.cb-carousel{display:flex;gap:6px;width:100%}.cb-carousel__preview{flex:1 1}.cb-carousel__preview .ant5-image{border:1px solid #d9d9d9;border-radius:4px;height:calc(100vh - 280px);max-height:1000px;width:100%;background-color:#fff}.cb-carousel__preview .ant5-image>img{border-radius:4px;height:calc(100vh - 282px);max-height:1000px;object-fit:contain}.cb-carousel__preview-client-page{flex:1 1}.cb-carousel__preview-client-page .ant5-image{border:1px solid #d9d9d9;border-radius:4px;width:100%;background-color:#fff}.cb-carousel__preview-client-page .ant5-image>img{border-radius:4px;object-fit:contain}.cb-carousel__track{display:flex;gap:6px;flex-direction:column;height:500px;overflow-y:auto}.cb-carousel__track .ant5-image{border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;height:75px;max-width:75px;background-color:#fff}.cb-carousel__track .ant5-image>img{border-radius:4px;height:73px;width:73px;object-fit:cover}
.products-v2-details-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.products-v2-details-header__title{flex:1 1;font-weight:600;font-size:24px}.products-v2-details-header__options{display:flex;gap:8px}
.cb-save-product-form__upload .ant5-upload-list-item-image{object-fit:cover !important}
.products-v2-details{flex:1 1;padding:20px;text-align:left;overflow-y:auto}.products-v2-details__details{display:flex;justify-content:space-between}.products-v2-details__details-left,.products-v2-details__details-right{display:flex;align-items:center;flex-wrap:wrap}.products-v2-details__details-right{justify-content:flex-end}.products-v2-details__details-price{font-weight:600;font-size:16px;margin-right:16px}.products-v2-details__details-ref{font-size:14px;color:#737373}.products-v2-details__details-pos-ref-num{font-size:14px;color:#737373;margin-right:16px}.products-v2-details__details-available{display:flex;align-items:center;font-size:14px;display:flex;align-items:center}.products-v2-details__details-in-stock{font-size:30px;color:#52c41a;margin-right:6px}.products-v2-details__details-out-of-stock{font-size:30px;color:#faad14;margin-right:6px}.products-v2-details__description{font-weight:400;font-size:14px;margin-bottom:12px}
.products-v2-drawer .ant5-drawer-close{position:absolute;right:0}.products-v2-drawer__section{margin-bottom:20px}.products-v2-drawer__section-title{font-weight:600;font-size:12px;color:#737373;text-transform:capitalize}.products-v2-drawer__section-value{font-weight:400;font-size:16px}
.lds-ring {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  bottom: 3px;
}

#ringLoadOff {
  display: none;
}

#ringLoadOn {
  display: inline-block;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 8px;
  border: 3px solid #1769af;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #1769af transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

div.drag-and-drop-container{position:relative}div.drag-and-drop-container>div.drag-and-drop-content{display:none}div.draggeOver>div.drag-and-drop-content{position:absolute;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#000;color:#fff;opacity:.75;top:0;left:0;z-index:999}div.draggeOver>div.drag-and-drop-content>div{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:85%;height:85%;border:1px dashed #fff;border-radius:4px}div.draggeOver>div.drag-and-drop-content>div>span{font-size:26px;font-weight:700;margin-top:16px}div.draggeOver>div.drag-and-drop-content>div>p{font-size:12px}
.products-v2-card{display:flex;gap:10px;padding:10px;cursor:pointer;border-radius:8px}.products-v2-card:hover{background-color:#e6f4ff}.products-v2-card__image{height:40px;width:40px}.products-v2-card__image .ant5-image{border:1px solid #d9d9d9;border-radius:4px;width:100%;height:100%}.products-v2-card__image .ant5-image>img{border-radius:4px;width:100% !important;height:100% !important;object-fit:cover !important}.products-v2-card__body{display:flex;flex-direction:column}.products-v2-card__title{font-size:14px}.products-v2-card__description{font-size:12px;color:#737373}
.products-v2-list{text-align:left}.products-v2-list__header{display:flex;align-items:center;gap:12px;min-height:34px;margin-bottom:16px}.products-v2-list__logo{width:auto;height:100%;max-height:34px;max-width:160px}.products-v2-list__title{font-weight:600;font-size:16px;margin:0}.products-v2-list__search{margin-bottom:16px}.products-v2-list .infinite-scroll-component__outerdiv{width:100%}
.standardButton {
  width: 175px;
  height: 45px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 13px;
  font-family: Poppins;
  border: none;
  outline: none;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  /* color: #33aafc; */
}

.standardButton svg {
  margin-right: 6px;
  margin-bottom: -3px;
}

.transparentButton {
  color: #1769AF;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
}

.clearButton {
  width: 280px;
  height: 32px;
  border: 1px solid #33AAFC;
  color: #33AAFC;
  border-radius: 20px;
  background-color: white;
  font-weight: 600;
  font-size: 13px;
  font-family: Poppins;
  line-height: 20px;
  cursor: pointer;
}

.darkBlueButton {
  background-color: #33AAFC;
  color: #ffffff;
  font-family: Poppins;
  font-size: 13px;
  height: 32px;
  width: 280px;
  line-height: 20px;
  font-weight: 600;
  outline: none;
  border: none;
  border-radius: 20px;
}

.darkBlueButton img {
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -5px;
}

.cancelAssctBtn {
  background-color: #353538;
  color: #ffffff;
  font-family: Poppins;
  border: none;
  font-weight: 600;
  font-size: 13px;
}

.deleteButton {
  border: none;
  outline: none;
  font-size: 13px;
  font-weight: 600;
  color: #d93b3b;
  text-align: left;
  line-height: 30px;
  background-color: white;
  width: 100px;
}

.deleteButton svg {
  /* height: 20px; */
  vertical-align: middle;
  margin-right: 16px;
  margin-bottom: 10px;
}

.deleteButton-v2 {
  border: 1px solid #D93B3B;
  border-radius: 20px;
  width: 280px;
  height: 32px;
  outline: none;
  font-size: 13px;
  font-weight: 600;
  color: #d93b3b;
  text-align: center;
  line-height: 30px;
  background-color: white;
}

@media only screen and (max-width: 1000px) {
  .standardButtonWidth {
    width: 50%;
  }
}

@media only screen and (max-width: 800px) {
  .standardCancelSave {
    width: 48%;
  }
}

span.cb-input,
input.cb-input {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 14px;
  border: 1px solid #818181;
  border-radius: 4px;
  color: #000;
  box-shadow: none !important;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
}

span.cb-input::placeholder,
input.cb-input::placeholder {
  color: #bdbdbd;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
}

span.cb-input:hover,
span.cb-input:focus,
span.cb-input:active,
input.cb-input:hover,
input.cb-input:focus,
input.cb-input:active {
  padding: 13px;
  border: 2px solid #33aafc;
  border-right-width: 2px !important;
}

span.cb-input,
span.cb-input:hover,
span.cb-input:focus,
span.cb-input:active,
input.cb-input,
input.cb-input:hover,
input.cb-input:focus,
input.cb-input:active {
  transition: none !important;
}

.cb-pagination-v2 .ant-pagination {
  display: flex;
  align-items: center;
}

.cb-pagination-v2 .ant-pagination .ant-pagination-item {
  margin: 8px !important;
  border: 2px solid #33aafc;
  border-top: transparent;
  border-right: transparent;
  border-left: transparent;
}

.cb-pagination-v2 .ant-pagination .ant-pagination-item a {
  padding: 0;
}

.cb-pagination-v2 .ant-pagination .ant-pagination-item-active {
  font-weight: bold;
}

.cb-pagination-v2 .ant-pagination .ant-pagination-prev,
.cb-pagination-v2 .ant-pagination .ant-pagination-next {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cb-pagination-v2 .ant-pagination .anticon-caret-left,
.cb-pagination-v2 .ant-pagination .anticon-caret-right {
  color: #bdbdbd;
}

.cb-pagination-v2 .ant-pagination .anticon-caret-left svg,
.cb-pagination-v2 .ant-pagination .anticon-caret-right svg {
  width: 16px;
  height: 16px;
}

.cb-pagination-v2 .ant-pagination .ant-pagination-options {
  display: flex;
  align-items: center;
  margin-left: 8px !important;
}

.cb-pagination-v2 .ant-pagination .ant-pagination-options > .ant-select {
  display: flex;
}

.cb-pagination-v2 .ant-pagination .ant-select .ant-select-selector,
.cb-pagination-v2 .ant-pagination .ant-pagination-options-quick-jumper input {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px !important;
  border: 1px solid #818181;
  border-radius: 4px;
}

.cb-pagination-v2 .ant-pagination .ant-pagination-options-quick-jumper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sortButtonDiv {
  /* display: inline-block; */
  cursor: pointer;
  width: 12px;
  margin-right: 0px !important;
  margin-left: 15px;
  float: right;
}

.sortButtonDiv .upBtn {
  /* margin-top: 1px; */
  height: 6px;
  border: none;
  background-repeat: no-repeat;
  position: absolute;
  outline: none;
  cursor: pointer;
}

.sortButtonDiv .downBtn {
  margin-bottom: -2px;
  height: 6px;
  border: none;
  background-repeat: no-repeat;
  outline: none;
  cursor: pointer;
}

/* main content */

.table-head {
  cursor: pointer;
}

.hidden {
  display: none;
}

.table-head th {
  color: #565656;
  font-weight: 600;
  font-size: 12px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 20px;
}

.table-row {
  overflow-y: scroll;
}

.table-row td {
  padding-top: 11px;
  padding-bottom: 12px;
  text-align: left;
}

.table-row .no-y-padding {
  padding-bottom: 0px;
  padding-top: 0px;
}

.body-row:hover {
  background-color: #f4f4f4;
}

.body-row {
  font-size: 12px;
  font-weight: normal;
}

.table {
  /* border: 1.0px solid var(--darkGrey); */
  margin-top: 30px;

  overflow-x: scroll;
  width: 100%;
  max-width: 1200px;
  position: relative;
  /* max-height: 1250px; */
  /* overflow-y: initial; */
  -ms-overflow-style: none;
}

.table-big {
  max-width: none !important;
}

.table::-webkit-scrollbar {
  display: none;
}

.table-row.highlight {
  background: var(--darkGrey);
}

.real-table {
  width: 100%;
  border-collapse: collapse;
}

.real-small-table {
  margin-right: 13px;
  /* width: 95%; */
  border-collapse: collapse;
}

#tableScroll {
  /* overflow-y: scroll; */
  overflow-x: hidden;
}

#tableScroll::-webkit-scrollbar {
  display: none;
}

#tableScroll {
  -ms-overflow-style: none;
}

.table-body-content {
  display: flex;
  flex-direction: column;
  /* padding-top: 20px; */
  overflow-x: hidden;
  /* margin-top: 30px; */
  /* width: calc(100vw - 630px); */
  /* max-height: 100%; */
  max-width: 1200px;
  /* margin-bottom: 50px; */
  /* overflow-y: scroll; //TODO: figure out if this breaks anything */
}

.table-content-tabbed-head {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
  margin: 0px !important;
  height: auto;

  /* width: 100%; */
  /* max-height: 1200px; */
  max-width: 1200px;
  /* border: none !important; */
}

.body-head-search::placeholder {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  color: #818181;
}

.body-head-search {
  z-index: 1;
  border-radius: 3px;
  border: none;
  width: 330px;
  height: 50px;
  padding-top: 0px;
  padding-left: 50px;
  background-color: #f4f4f4;
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/ic-search.svg");
  background-repeat: no-repeat;
  /* background-position: 15px 14px; */
  background-position: 20px 16px;
  outline: none;
  margin-left: 2px;
}

.table-body-header {
  z-index: 0 !important;
  width: 100%;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}

.pagination {
  background-color: #f3f3f3;
  height: 57px;
  max-width: calc(100% - 1px);
  width: calc(99.9% - 1px);
  /* max-width: 1197px; */
  overflow-x: 'hidden';
  bottom: 1px;
  /* margin-left: 2px; */
  position: relative;
  display: flex;
  padding-top: 7px;
  /* border-radius: 0px 0px 5px 5px; */

  /* border-right: 1.0px solid var(--darkGrey); */
  /* border-left: 1.0px solid var(--darkGrey); */
}

.pagination-container {
  background-color: #f3f3f3;
  height: 56px;
  width: 100%;
  max-width: 1200px;
  bottom: 1px;
  padding-top: 7px;
  padding-left: 20px;
  /* margin-left: 1px; */
  position: absolute;
  display: flex;
}

.pagination-container p {
  padding: 10px 15px;
}

.pagination-gray {
  display: none;
  position: absolute;
  z-index: 3;
  height: 3px;
  width: 23px;
  background-color: #565656;
  margin-left: 12px;
  margin-bottom: 0px;
  top: 0;
}

.pagination-li div {
  display: block;
}

.pagination-ul {
  margin-top: 8px;
  display: flex;
  list-style: none;
  padding-left: 0px;
}

.pagination-li {
  font-size: 12px;
  width: 40px;
  padding-top: 5px;
}

.pagination img {
  padding: 15px 15px;
}

.pagination p {
  padding: 10px 15px;
}

.pagination span {
  display: inline !important;
  font-size: 12px;
  color: #000;
  cursor: pointer;
}

.pagenum-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 1vh;
  right: 1.5vw;
  margin-bottom: 15px;
}

#page-num {
  opacity: 0.5;
}

#page-num1 {
  opacity: 0.5;
}

#page-num-active {
  opacity: 1;
}

#page-num-active1 {
  opacity: 1;
}

.pagenum {
  z-index: 2;
  width: 110px;
  height: 40px;
  border: none;
  background-color: transparent;
  font-size: 12px;
  outline: none;
}

.pag-button {
  border: none;
  position: absolute;
  right: 0px;
}

@media only screen and (max-width: 940px) {
  .table-body-header input {
    margin-top: 12px;
  }
}

@media only screen and (max-width: 1000px) {
  .table-body-header {
    z-index: 0 !important;
    width: 100%;
    height: auto;
  }

  .table-body-header a {
    width: 215px;
  }
}

@media only screen and (max-width: 800px) {
  .table-body-content {
    width: calc(100vw - 49px) !important;
    /* margin-left: 20px; */
  }
}

@media only screen and (max-width: 1250px) {
  .table {
    width: 100%;
  }
  .pagination {
    width: 100%;
    padding-left: 0px;
  }

  .pagination p {
    padding: 10px 15px;
  }

  .pagination-blue {
    margin-left: 9px;
  }

  .pagination-ul {
    display: flex;
    list-style: none;
    padding-left: 0px;
  }

  .pagination-li {
    width: 40px;
    font-weight: 500;
  }
  .pagenum-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 1vh;
    right: 1.5vw;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1518px) {
  .table-body-content {
    width: 100%;
  }

  .real-small-table {
    margin-right: 13px;
    width: 97.5%;
    border-collapse: collapse;
  }
}

.cb-pagination-v3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1;
}

.cb-pagination-v3__chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  font-size: 16px;
  text-align: center;
  color: #bdbdbd;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cb-pagination-v3__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  margin: 8px;
  font-size: 13px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cb-pagination-v3__item:hover {
  color: #1890ff;
}

.cb-pagination-v3__item--selected {
  border-bottom: 2px solid #33aafc;
  color: #1890ff;
  font-weight: bold;
  font-size: 13px;
}

.cb-pagination-v3__short {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  margin: 8px 4px;
  transition: all 0.3s ease;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 1px;
  text-align: end;
}

.cb-pagination-v3__short:hover {
  align-items: center;
}

.cb-pagination-v3__short .cb-pagination-v3__short--icon {
  display: none;
}

.cb-pagination-v3__short:hover .cb-pagination-v3__short--icon {
  color: #1890ff;
  display: flex;
}

.cb-pagination-v3__short:hover .cb-pagination-v3__short--dot {
  display: none;
}

.cb-pagination-v3__select {
  border-radius: 6px;
}

.cb-pagination-v3 .cb-pagination-v3-options {
  display: flex;
  align-items: center;
  margin-left: 8px !important;
  justify-content: flex-start;
  flex: 1 1;
  gap: 16px;
}

.cb-pagination-v3 .cb-pagination-v3-options .ant-select .ant-select-selector {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px !important;
  border: 1px solid #818181;
  border-radius: 4px;
  height: 24px;
}

.cb-pagination-v3 .cb-pagination-v3-options .ant-select .ant-select-arrow {
 right: 11px;
}

.cb-pagination-v3 .cb-pagination-v3-options .cb-pagination-v3-options-quick-jumper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.cb-pagination-v3 .cb-pagination-v3-options .cb-pagination-v3-options-quick-jumper input {
  width: 60px;
  padding: 4px 12px !important;
  border: 1px solid #818181;
  border-radius: 4px;
  height: 32px;
}

button.kiosk-switch {
  background-color: rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.85);
}

button.kiosk-switch__checked {
  background-color: #1677FF;
  color: #fff;
}

.products-v2-sidebar{background-color:#f2f3f6;padding:20px;width:240px;text-align:left}.products-v2-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.products-v2-sidebar__header-title{font-weight:600;font-size:16px;margin:0}.products-v2-sidebar__menu{margin-bottom:30px}.products-v2-sidebar__menu-title{font-weight:600;font-size:12px;color:rgba(0,0,0,.65)}.products-v2-sidebar__menu-list{overflow-y:auto;height:calc(100vh - 360px)}.products-v2-sidebar__menu-item{width:100%;text-align:left !important}.products-v2-sidebar__menu-item-selected{background:#e6f4ff !important;color:#1677ff !important}
.products-v2{width:100%;background-color:#fff;height:100%}.products-v2>div{height:100%;display:flex}
.cb-modal .ant-modal-content {
  border-radius: 8px;
}

.cb-modal .ant-modal-footer {
  border-top: none;
}

div.cb-select {
  position: relative;
  text-align: left;
  display: flex;
  align-items: center;
}

span.cb-select__suffix {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #818181;
}

div.cb-select .ant-select {
  width: 100%;
  display: flex;
  align-items: center;
}

div.cb-select .ant-select .ant-select-selector {
  background-color: #f4f4f4;
  border: 2px solid #f4f4f4;
  padding: 0 16px 0 14px;
  border-radius: 4px;
  height: 48px;
}

div.cb-select__prefix .ant-select .ant-select-selector {
  padding: 0 16px 0 38px;
}

div.cb-select .ant-select .ant-select-selection-item .cb-select__suffix {
  display: none;
}

div.cb-select .ant-select .ant-select-selection-item,
div.cb-select .ant-select .ant-select-selection-search,
div.cb-select .ant-select .ant-select-selection-placeholder,
div.cb-select .ant-select .ant-select-selection-search-input {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  line-height: 48px;
  font-weight: 500;
  font-size: 13px;
  color: #000;
}

div.cb-select__prefix .ant-select .ant-select-selection-search {
  left: 38px;
}

div.cb-select .ant-select .ant-select-selection-placeholder {
  color: #818181;
}

div.cb-select .ant-select:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,
div.cb-select
  .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  border-right-width: 2px !important;
  box-shadow: none !important;
}

div.cb-select .ant-select-clear,
div.cb-select .ant-select-arrow {
  font-size: 16px;
  height: 16px;
  width: 16px;
  right: 16px;
  margin-top: -8px;
}

div.cb-select .ant-select-arrow .anticon-spin,
div.cb-select .ant-select-arrow .anticon-loading {
  color: #33aafc;
}

div.cb-select__prefix .ant-select-arrow .fa-angle-down,
div.cb-select__prefix .ant-select-arrow .anticon-search {
  display: none;
}


div.cb-select__dropdown {
  padding: 0;
}

div.cb-select__dropdown .ant-select-item-option {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  text-align: left;
  font-weight: 500;
  font-size: 13px;
  display: flex;
  align-items: center;
  color: #000;
}

div.cb-select__dropdown .ant-select-item-option-disabled {
  background-color: #f5f5f5;
  color: #999;
}

div.cb-select__dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #e5f2fb;
}

.cb-product-details-modal__footer {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.cb-product-details-modal__footer .ant-btn {
  width: 134px;
}

.cb-client-card {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
}

.cb-client-card__content h2 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  margin: 0;
}

.cb-client-card__content span {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: #818181;
}

.cb-client-collection-modal .ant-modal-content {
  text-align: center;
  max-width: 348px;
}

.cb-client-collection-modal .ant-modal-body {
  display: flex;
  flex-direction: column;
  padding: 32px;
}

.cb-client-collection-modal__title {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.cb-client-collection-modal__client-input {
  margin: 32px 0;
}

.cb-client-collection-modal__collection-input {
  margin-bottom: 32px;
}

.cb-client-collection-modal .cb-client-card {
  margin: 18px 0;
}

div.cb2-select {
  display: flex;
  align-items: center;
  justify-content: stretch;
  background-color: #f4f4f4;
  padding: 0 0px 0 16px;
  border: 2px solid #f4f4f4;
  border-radius: 4px;
}

div.cb2-select:hover {
  border: 2px solid #40a9ff;
}

.cb2-select-focus {
  border: 2px solid #40a9ff !important;
}

div.cb2-select .ant5-select {
  border: 0;
  height: 48px;
  background-color: transparent;
}

div.cb2-select .ant5-select .ant5-select-selector {
  border: 0;
  background-color: transparent;
}

div.cb2-select__prefix .ant5-select .ant5-select-selector {
}

div.cb2-select .ant5-select .ant5-select-selection-item .cb2-select__suffix {
  display: none;
}

div.cb2-select .ant5-select .ant5-select-selection-item,
div.cb2-select .ant5-select .ant5-select-selection-search,
div.cb2-select .ant5-select .ant5-select-selection-placeholder,
div.cb2-select .ant5-select .ant5-select-selection-search-input {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  line-height: 48px;
  font-weight: 500;
  font-size: 13px;
  color: #000;
  text-align: left;
}

div.cb2-select__prefix .ant5-select .ant5-select-selection-search {
  align-self: flex-start;
}

div.cb2-select .ant5-select .ant5-select-selection-placeholder {
  color: #818181;
}

div.cb2-select .ant5-select:not(.ant5-select-disabled).ant5-select:not(.ant5-select-customize-input) .ant5-select-selector,
div.cb2-select
  .ant5-select-focused:not(.ant5-select-disabled).ant5-select:not(.ant5-select-customize-input)
  .ant5-select-selector {
  border-right-width: 2px !important;
  box-shadow: none !important;
}

div.cb2-select .ant5-select-arrow .ant5icon-spin,
div.cb2-select .ant5-select-arrow .ant5icon-loading {
  color: #33aafc;
}

div.cb2-select__prefix .ant5-select-arrow .fa-angle-down,
div.cb2-select__prefix .ant5-select-arrow .ant5icon-search {
  display: none;
}

div.cb2-select__dropdown {
  padding: 0;
}

div.cb2-select__dropdown .ant5-select-item-option {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  text-align: left;
  font-weight: 500;
  font-size: 13px;
  display: flex;
  align-items: center;
  color: #000;
}

div.cb2-select__dropdown .ant5-select-item-option-disabled {
  background-color: #f5f5f5;
  color: #999;
}

div.cb2-select__dropdown .ant5-select-item-option-selected:not(.ant5-select-item-option-disabled) {
  background-color: #e5f2fb;
}

.cb-send-product-modal .ant-modal-content {
  text-align: center;
  max-width: 348px;
}

.cb-send-product-modal .ant-modal-body {
  display: flex;
  flex-direction: column;
  padding: 32px;
}

.cb-send-product-modal__title {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin: 0;
}

.cb-send-product-modal__client-input {
  margin: 32px 0;
}

.cb-send-product-modal .cb-client-card {
  margin: 18px 0 32px;
}

div.cb-products-page__table-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

div.cb-products-page__table-filters {
  display: flex;
}

div.cb-products-page__table-actions {
  display: flex;
  gap: 16px;
}

.radio-btn > input[type='radio'] {
  box-sizing: border-box;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #818181;
}

.radio-btn > input[type='radio']:checked::after {
  box-sizing: border-box;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #33aafc;
}

.ant-picker-input>input{
    font-size: 12px;
}

.relationshipNewInput{
    width: 100%;
    height: 30px;
    margin-top: 15px;
    border: none;
    border-bottom: 1px #818181 solid;
    border-radius: 0px;
}

.relationshipNewDiv{
    display: flex;
    position: relative;
    width: 275px;
}
span.cb-search-select__prefix-icon {
  position: absolute;
  z-index: 1;
  left: 16px;
  font-size: 16px;
  color: #818181;
}

.cd-automessages-item-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:6px;background:#fff;box-shadow:1px 2px 9px 0px rgba(0,0,0,.11);padding:8px 30px;margin-bottom:10px;gap:5px;position:relative}.cd-automessages-item-container>span{color:#231f20;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.15px;text-align:justify}.cd-automessages-item-container>.cd-automessages-item-description{color:#9c9c9c;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.cd-automessages-item-container>.cd-automessages-item-description>svg{margin-right:14px}.cd-automessages-item-container>.cd-automessages-item-action{position:absolute;bottom:16px;right:16px;font-size:14px;color:#9c9c9c;cursor:pointer}
.cb-payment-request-card {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.11);
  width: 100%;
}

.cb-payment-request-card--header {
  position: relative;
  padding: 12px 16px 0px;
}

.cb-payment-request-card--footer {
  padding: 0 16px 12px;
}

.cb-payment-request-card--amount {
  font-weight: 500;
  font-size: 16px;
  color: #231F20;
  margin: 0;
}

.cb-payment-request-card--description {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  margin: 0;
}

.cb-payment-request-card--date {
  font-weight: 400;
  font-size: 13px;
  color: #9C9C9C;
  margin: 0;
}

.cb-payment-request-card--hr {
  height: 1px;
  background-color: #F3F3F3;
  border: none;
  /* max-width: 460px; */
}

.cb-payment-request-card--status {
  border-radius: 4px;
  font-weight: 600;
  font-size: 10px;
  padding: 6px 12px;
  position: absolute;
  top: 12px;
  right: 16px;
}

.cb-payment-request-card--reminder {
  background: #EBEBEB;
  color: #9C9C9C;
}

.cb-payment-request-card--sent {
  background: #FFE5D3;
  color: #FC8333;
}

.cb-payment-request-card--paid {
  background: #ECF8DD;
  color: #7FBD31;
}

.cb-payment-request-card--canceled {
  background: #FFE5D3;
  color: #FC8333;
}

.cb-payment-request-card--refunded {
  background: #EBEBEB;
  color: #9C9C9C;
}

.cb-payment-request-card--payment-failed {
  background: #F9E0E0;
  color: #FF7A7A;
}

.cb-payment-request-card--refund-failed {
  background: #F9E0E0;
  color: #FF7A7A;
}

.cb-payment-request-card--viewed {
  background: #EBEBEB;
  color: #9C9C9C;
}

.cb-payment-request-card--expired {
  background: #F9E0E0;
  color: #FF7A7A;
}

.cb-payment-request-card--chargeback {
  background: #EBEBEB;
  color: #9C9C9C;
}

.cb-payment-request-card--button {
  padding: 0;
  font-weight: 600;
  font-size: 13px;
  color: #33AAFC;
  height: auto;
}


.cb-payment-request {
  margin-left: 22px;
  margin-right: 22px;
  text-align: left;
  /* width: 100%; */
  max-width: 878px;
  margin-bottom: 50px;
}

.cb-payment-request--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}

.cb-payment-request--header-title {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}

.cb-payment-request--view-all-button {
  color: #33AAFC;
  font-weight: 500;
  font-size: 16px;
  padding: 0px 6px;
}

.cb-payment-request--view-all-button-empty {
  color: #33AAFC;
  font-weight: 500;
  font-size: 14px;
  padding: 0px;
}

.cb-payment-request--body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.cb-payment-request--body-helper {
  font-size: 12px;
  font-weight: 400;
  color: #818181;
}

.cb-sales-opportunity-card{background-color:#fff;border-radius:6px;box-shadow:1px 2px 9px 0px rgba(0,0,0,.11);position:relative;padding:12px 16px;border-left:10px solid #33aafc;box-sizing:border-box;width:100%}.cb-sales-opportunity-card--amount{font-weight:500;font-size:16px;margin:0}.cb-sales-opportunity-card--created-date{font-weight:500;font-size:14px;margin:0}.cb-sales-opportunity-card--name{font-weight:400;font-size:13px;color:#9c9c9c;margin:0}.cb-sales-opportunity-card--stage{border-radius:4px;font-weight:600;font-size:10px;padding:6px 12px;position:absolute;top:12px;right:16px;background:#ebebeb;color:#9c9c9c}.cb-sales-opportunity-card--next-button{position:absolute !important;bottom:12px;right:16px}
.cb-sales-opportunities{margin-left:22px;margin-right:22px;text-align:left;max-width:878px}.cb-sales-opportunities--header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.cb-sales-opportunities--header-left{display:flex;align-items:center;gap:8px}.cb-sales-opportunities--header-title{font-size:15px;font-weight:500;margin:0}.cb-sales-opportunities--add-button>span{font-weight:600;font-size:16px}.cb-sales-opportunities--view-all-button{color:#33aafc;font-weight:500;font-size:16px;padding:0px 6px;flex:1 1;text-align:right}.cb-sales-opportunities--view-all-button-empty{color:#33aafc;font-weight:500;font-size:14px;padding:0;flex:1 1;text-align:right}.cb-sales-opportunities--body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.cb-sales-opportunities--body-helper{font-size:12px;font-weight:400;color:#818181}
.reminderCard {
    min-width: 409px;
    width: 100%;
    min-height: 120px;
    max-height: 140px;
    background: #ffffff;
    box-shadow: 1px 2px 9px rgb(0 0 0 / 11%);
    border-radius: 6px;
    position: relative;
}

.reminderStrip {
    height: 100%;
    position: absolute;
    border-radius: 6px 0px 0px 6px;
    width: 11px;
}

.reminderCardPadding {
    padding: 10px 20px 0px;
}

.reminderBottomStrip {
    border-top: 1px solid rgb(243, 243, 243);
    bottom: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: calc(100% - 32px);
}

.table-container-reminder{
    height: auto;
        overflow-y: scroll;
        width: 100%;
        max-width: 100%;
}
.table-container-reminder-class{
    height: auto;
    padding-bottom: 145px;
}

.clients-v2-collections-list--header {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.clients-v2-collection--card {
  width: 220px;
  height: 280px;
  box-sizing: border-box;
  border-radius: 8px;
}

.clients-v2-collection--card > .ant-card-body {
  padding: 0;
  box-sizing: border-box;
}

.clients-v2-collection--card-header {
  display: flex;
  text-align: left;
  padding: 10px 16px;
  background-color: #F2F3F6;
  border-radius: 8px 8px 0px 0px;
}

.clients-v2-collection--card-header > div {
  width: 100%;
  flex: 1 1;
  display: grid;
}

.clients-v2-collection--card-header-title {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 4px;
}

.clients-v2-collection--card-header-subtitle {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #818181;
  min-height: 16px;
}

.clients-v2-collection--card-body {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  border-radius: 0px 0px 8px 8px;
}


.clients-v2-collection--card-body {
  flex: 1 1;
  height: 220px;
}

.clients-v2-collection--card-body img {
  object-fit: cover;
}

.clients-v2-collection--card-body .ant-image:nth-child(3) img {
  border-bottom-left-radius: 8px;
}

.clients-v2-collection--card-body .ant-image:nth-child(4) img {
  border-bottom-right-radius: 8px;
}

.clients-v2-collections--list-items{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.clients-v2-collections--list-pagination{display:flex;justify-content:center;margin-top:6px}.clients-v2-collections--list-subtitle{font-family:Poppins;font-size:10px;font-weight:400;line-height:15px;letter-spacing:0em;text-align:left;color:#818181}
.clients-v2-collection-details--header {
  display: flex;
  justify-content: space-between;
}

.clients-v2-collection-details--header-info {
  display: flex;
  flex-direction: column;
}

.clients-v2-collection-details--header-title {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 8px;
}

.clients-v2-collection-details--header-subtitle {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}

.clients-v2-collection-details--header-shared {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: #818181;
}

.clients-v2-collection-details--header-options {
  display: flex;
}

.clients-v2-collection-details--header-options .ant-btn > svg {
  margin-right: 10px;
}

.clients-v2-collection-details--overlay .ant-dropdown-menu-item > span {
  padding: 0 !important;
}

.clients-v2-collection-product--card {
  width: 220px;
  box-sizing: border-box;
  border-radius: 8px;
}

.clients-v2-collection-product--card > .ant-card-body {
  padding: 0;
  box-sizing: border-box;
}

.clients-v2-collection-product--card-header {
  position: relative;
}

.clients-v2-collection-product--card-header img {
  border-radius: 8px 8px 0px 0px;
  object-fit: cover;
}

.clients-v2-collection-product--card-header-price {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 600;
  width: 86px;
  height: 22px;
  border-radius: 4px;
  background: #EBEBEB;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.clients-v2-collection-product--card-body {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 0px;
}

.clients-v2-collection-product--card-body-title {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0px;
  margin-bottom: 4px;
  text-align: left;
}

.clients-v2-collection-product--card-body-subtitle {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
}

.clients-v2-collection-product--card-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  text-align: left;
}

.clients-v2-collection-products--list-items {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
  padding-right: 4px;
}

.clients-v2-collection-products--list-pagination {
  display: flex;
  justify-content: center;
  margin-top: 6px;
}

.clients-v2-collection-products--list-subtitle {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: #818181;
}

.clients-v2-product-details--header {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 14px;
  padding-bottom: 6px;
}

.clients-v2-product-details--header-title {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.clients-v2-product-details--header-options {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.clients-v2-product-details--header-options .ant-btn > svg {
  margin-right: 10px;
}

.clients-v2-collection-product-carousel {
  display: flex;
}

.clients-v2-collection-product-carousel .ant-image img {
  border-radius: 6px;
}

.clients-v2-collection-product-carousel > div:first-child {
  padding-right: 12px;
}

.clients-v2-collection-product-carousel--selector {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 300px;
  overflow-y: auto;
}

.clients-v2-collection-product-details {
  width: 100%;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
}

.clients-v2-collection-product-details > section {
  margin: 12px 0;
}

.clients-v2-collection-product-details hr {
  margin-bottom: 24px;
}

.clients-v2-collection-product-details--name {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin: 0;
  margin-bottom: 4px;
}

.clients-v2-collection-product-details--title {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin: 0;
  margin-bottom: 12px;
}

.clients-v2-collection-product-details--sku {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  margin-bottom: 12px;
}

.clients-v2-collection-product-details--price {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
}

.clients-v2-collection-product-details--section {
  display: flex;
  margin-bottom: 12px;
}

.clients-v2-collection-product-details--section > div {
  display: flex;
  flex-direction: column;
}

.clients-v2-collection-product-details--section > div:first-child {
  margin-right: 12px;
}

.clients-v2-collection-product {
  display: flex;
  gap: 24px;
}

.clients-v2-collections {
  padding: 24px;
  width: 100%;
}

.clients-v2-collections--container {
  display: flex;
}

.clients-v2-collections--back {
  margin-top: 20px;
  margin-left: 20px;
  width: 20px !important;
}


.cb-activity-item-container{border-radius:6px;background:#fff;box-shadow:1px 2px 9px 0px rgba(0,0,0,.11);padding:16px 28px;margin-bottom:12px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;overflow:hidden}.cb-activity-item-container:hover .cb-activity-item--edit-button{display:inline-block}.cb-activity-item-container>.cb-activity-strip{width:11px;height:100%;position:absolute;left:0;top:0}.cb-activity-item-container>.flex-row-spacebetween-start{gap:16px}.cb-activity-item-container>.show-effect{animation:fadeIn 600ms}.cb-activity-item-container>.hide-effect{animation:fadeOut 300ms}.cb-activity-item-container>.hide{height:0;overflow:hidden;margin-top:0px}.cb-activity-item-date{display:flex;flex-direction:row;align-items:center;justify-content:center}.cb-activity-item-date>span{color:#9c9c9c;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.cb-activity-item-date>svg{margin:0 0 2px 8px}.cb-activity-item-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1 1;text-align:left}.cb-activity-item-details p{margin:0 0 5px}.cb-activity-item-details>div{color:#9c9c9c}.ant-dropdown-menu{border-radius:12px;max-width:200px;max-height:35vh;overflow-y:auto}.ant-dropdown-menu::-webkit-scrollbar{width:6px;width:6px}.ant-dropdown-menu::-webkit-scrollbar-track{border-radius:3px;background-color:#f2f3f6}.ant-dropdown-menu::-webkit-scrollbar-track:hover{background-color:#edeef1}.ant-dropdown-menu::-webkit-scrollbar-track:active{background-color:#eaebee}.ant-dropdown-menu::-webkit-scrollbar-thumb{border-radius:3px;background-color:#bdbdbd}.ant-dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:#b8b8b8}.ant-dropdown-menu::-webkit-scrollbar-thumb:active{background-color:#a8a8a8}.ant-dropdown-menu .ant-dropdown-menu-item{border-bottom:.5px solid rgba(129,129,129,.5)}.ant-dropdown-menu .ant-dropdown-menu-item:last-child{border-bottom:none}.ant-dropdown-menu .ant-dropdown-menu-item>span{padding:4px 4px;font-size:14px;font-style:normal;font-weight:400;line-height:normal;color:#000}.cd-dropdown-menu-filter{padding:16px 22px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;max-height:320px;width:200px}.cd-dropdown-menu-filter .cd-dropdown-menu-filter-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.cd-dropdown-menu-filter .cd-dropdown-menu-filter-header>p{color:#000;font-size:16px;font-style:normal;font-weight:600}.cd-dropdown-menu-filter .cd-dropdown-menu-filter-header>span{color:#1769af;font-size:13px;font-style:normal;font-weight:600;line-height:normal}.cd-dropdown-menu-filter>.ant-dropdown-menu{width:100%;height:100%;overflow-y:auto}.cd-dropdown-menu-filter>.ant-dropdown-menu::-webkit-scrollbar{width:6px;width:6px}.cd-dropdown-menu-filter>.ant-dropdown-menu::-webkit-scrollbar-track{border-radius:3px;background-color:#f2f3f6}.cd-dropdown-menu-filter>.ant-dropdown-menu::-webkit-scrollbar-track:hover{background-color:#edeef1}.cd-dropdown-menu-filter>.ant-dropdown-menu::-webkit-scrollbar-track:active{background-color:#eaebee}.cd-dropdown-menu-filter>.ant-dropdown-menu::-webkit-scrollbar-thumb{border-radius:3px;background-color:#bdbdbd}.cd-dropdown-menu-filter>.ant-dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:#b8b8b8}.cd-dropdown-menu-filter>.ant-dropdown-menu::-webkit-scrollbar-thumb:active{background-color:#a8a8a8}.cd-dropdown-menu-filter>.ant-dropdown-menu>.ant-dropdown-menu-item{padding:0;border:0 !important;margin:2px 0}.cd-dropdown-menu-filter>.ant-dropdown-menu>.ant-dropdown-menu-item>span{padding:0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-activity-item--edit-button{font-family:"Poppins";font-style:normal;font-weight:600;font-size:13px;line-height:20px;color:#33aafc;margin-left:4px;cursor:pointer;display:none}@keyframes fadeIn{from{transform:translateY(-10%);opacity:0;height:0}to{transform:translateY(0%);opacity:1;height:152px}}@keyframes fadeOut{from{transform:translateY(0%);opacity:1;height:152px}to{transform:translateY(-10%);opacity:0;height:0}}.cb-activity-purchase-details{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:24px;width:100%;padding:0;height:152px;margin-top:16px}.cb-activity-purchase-details>.flex-col-left>p{font-size:14px;font-weight:500;text-align:left;-webkit-margin-before:0 !important;margin-block-start:0 !important;margin-top:0 !important;margin-bottom:12px}.cb-activity-purchase-details .cb-activity-purchase-details-grade{display:grid;grid-template-columns:60px 100%;grid-gap:4px 4px;gap:4px 4px;grid-template-areas:"label value"}.cb-activity-purchase-details .cb-activity-purchase-details-grade .cb-activity-purchase-details-label{font-size:14px;font-weight:500;text-align:left;grid-area:"label"}.cb-activity-purchase-details .cb-activity-purchase-details-grade .cb-activity-purchase-details-value{font-size:14px;font-weight:400;text-align:left;grid-area:"value"}
.checkbox-container {
  display: flex;
}

/* .checkbox-container button {
  border: none;
  height: 25px;
  width: 25px;
  margin-top: 27px;
  padding: 0;
  background-color: white;
  border: none;
  outline: none;
} */

.checkbox_container_button {
  border: none;
  height: 25px;
  width: 25px;
  /* margin-top: 27px; */
  padding: 0;
  background-color: white;
  border: none;
  outline: none;
}

.checkbox {
  width: 20px;
  height: 20px;
}

.checkbox-text {
  font-size: 14px;
  font-weight: 500;
  margin-left: 0px;
}

.cd-viewall-container{width:100%;max-width:1000px;margin:0 auto;height:calc(100vh - 125px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.cd-viewall-header{height:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 20px}.cd-viewall-header>div{display:flex;flex-direction:row;align-items:center}.cd-viewall-header>div>span{color:#000;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.cd-viewall-header>div>.standard-layout__back-btn{margin-right:20px}.cd-viewall-content{display:flex;padding:0px 30px 30px;flex:1 1}.table-view-all-automessages tr{border:0}.table-view-all-automessages tr>td{padding:6px 6px 8px 6px}.table-view-all-automessages tr>th{padding:0}.table-view-all-automessages tr:hover{background-color:rgba(0,0,0,0)}.table-view-all-automessages th{border:0}
.cb-all-client-payment-requests{margin-top:16px;width:100%;display:flex;flex-direction:column;align-items:center}.cb-all-client-payment-requests--container{width:100%;max-width:878px}.cb-all-client-payment-requests--dropdown-content{padding:20px 30px;background:#fff;box-shadow:0px 2px 8px 0px rgba(0,0,0,.1490196078);display:flex;flex-direction:column;align-items:center}.cb-all-client-payment-requests--dropdown .ant-checkbox,.cb-all-client-payment-requests--dropdown .ant-checkbox-inner,.cb-all-client-payment-requests--dropdown .ant-dropdown-menu-title-content{padding:0 !important}.cb-all-client-payment-requests--dropdown .ant-checkbox-wrapper{display:flex;align-items:center}.cb-all-client-payment-requests--dropdown .ant-dropdown-menu{max-width:400px !important;display:flex;flex-direction:column;justify-content:left;gap:10px}.cb-all-client-payment-requests--dropdown .ant-dropdown-menu .ant-dropdown-menu-item{border-bottom:none;padding:0}.cb-all-client-payment-requests--dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-checkbox-wrapper{display:flex;align-items:center}.cb-all-client-payment-requests--dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-checkbox-wrapper>span{padding:14px 10px 8px 10px}.cb-all-client-payment-requests--dropdown .ant-dropdown-menu .ant-dropdown-menu-item>span{font-size:12px;font-weight:400;line-height:32px;letter-spacing:0em;text-align:left}.cb-all-client-payment-requests--header{display:flex;align-items:center;justify-content:space-between;width:100%}.cb-all-client-payment-requests--footer{display:flex;justify-content:center;width:100%}.cb-all-client-payment-requests--filter-title{font-size:16px;font-weight:600}.cb-all-client-payment-requests--filter-clear{font-size:13px;font-weight:600;line-height:20px;color:#1769af}.cb-all-client-payment-requests--filter-apply{background:#39a2fc;border-radius:100px;font-style:normal;font-weight:600;font-size:12px;line-height:18px;text-align:center;color:#fff;padding:12px 30px;height:auto}.cb-all-client-payment-requests--items{display:flex;flex-direction:column;gap:14px;width:100%;text-align:left}.cb-all-client-payment-requests--pagination{display:flex;justify-content:center;margin:8px 0}.cb-all-client-payment-requests--subtitle{font-size:10px;font-weight:400;text-align:left;color:#818181}
.cb-all-client-sales-opportunities{margin-top:16px;width:100%;display:flex;flex-direction:column;align-items:center}.cb-all-client-sales-opportunities--container{width:100%;max-width:878px}.cb-all-client-sales-opportunities--dropdown-content{padding:20px 30px;background:#fff;box-shadow:0px 2px 8px 0px rgba(0,0,0,.1490196078);display:flex;flex-direction:column;align-items:center}.cb-all-client-sales-opportunities--dropdown .ant-checkbox,.cb-all-client-sales-opportunities--dropdown .ant-checkbox-inner,.cb-all-client-sales-opportunities--dropdown .ant-dropdown-menu-title-content{padding:0 !important}.cb-all-client-sales-opportunities--dropdown .ant-checkbox-wrapper{display:flex;align-items:center}.cb-all-client-sales-opportunities--dropdown .ant-dropdown-menu{max-width:400px !important;display:flex;flex-direction:column;justify-content:left;gap:10px}.cb-all-client-sales-opportunities--dropdown .ant-dropdown-menu .ant-dropdown-menu-item{border-bottom:none;padding:0}.cb-all-client-sales-opportunities--dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-checkbox-wrapper{display:flex;align-items:center}.cb-all-client-sales-opportunities--dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-checkbox-wrapper>span{padding:14px 10px 8px 10px}.cb-all-client-sales-opportunities--dropdown .ant-dropdown-menu .ant-dropdown-menu-item>span{font-size:12px;font-weight:400;line-height:32px;letter-spacing:0em;text-align:left}.cb-all-client-sales-opportunities--header{display:flex;align-items:center;justify-content:space-between;width:100%}.cb-all-client-sales-opportunities--footer{display:flex;justify-content:center;width:100%}.cb-all-client-sales-opportunities--filter-title{font-size:16px;font-weight:600}.cb-all-client-sales-opportunities--filter-clear{font-size:13px;font-weight:600;line-height:20px;color:#1769af}.cb-all-client-sales-opportunities--filter-apply{background:#39a2fc;border-radius:100px;font-style:normal;font-weight:600;font-size:12px;line-height:18px;text-align:center;color:#fff;padding:12px 30px;height:auto}.cb-all-client-sales-opportunities--items{display:flex;flex-direction:column;gap:14px;width:100%;text-align:left}.cb-all-client-sales-opportunities--pagination{display:flex;justify-content:center;margin:8px 0}.cb-all-client-sales-opportunities--subtitle{font-size:10px;font-weight:400;text-align:left;color:#818181}
.cd-tabs .ant-tabs-content-holder{overflow-y:auto;overflow-x:hidden}.cd-tabs .ant-tabs-content-holder::-webkit-scrollbar{width:6px;width:6px}.cd-tabs .ant-tabs-content-holder::-webkit-scrollbar-track{border-radius:3px;background-color:#f2f3f6}.cd-tabs .ant-tabs-content-holder::-webkit-scrollbar-track:hover{background-color:#edeef1}.cd-tabs .ant-tabs-content-holder::-webkit-scrollbar-track:active{background-color:#eaebee}.cd-tabs .ant-tabs-content-holder::-webkit-scrollbar-thumb{border-radius:3px;background-color:#bdbdbd}.cd-tabs .ant-tabs-content-holder::-webkit-scrollbar-thumb:hover{background-color:#b8b8b8}.cd-tabs .ant-tabs-content-holder::-webkit-scrollbar-thumb:active{background-color:#a8a8a8}.cd-tabs .ant-tabs-content{width:100%;max-width:900px;margin:0 auto}.cd-tabs .ant-tabs-top>.ant-tabs-nav{padding-bottom:8px}.cd-tabs .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap{padding:4px}.cd-tabs .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap>.ant-tabs-nav-list{height:46px;border-radius:7px;background:#f2f3f6;padding:1px}.cd-tabs .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap>.ant-tabs-nav-list>.ant-tabs-tab{height:46px;line-height:21px;font-size:14px;font-weight:500;color:#bdbdbd;border-radius:8px;border:0;padding:0;background-color:rgba(0,0,0,0);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.cd-tabs .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap>.ant-tabs-nav-list>.ant-tabs-tab:hover{background-color:#edeef1}.cd-tabs .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap>.ant-tabs-nav-list>.ant-tabs-tab>.ant-tabs-tab-btn:active{color:#969696}.cd-tabs .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap>.ant-tabs-nav-list>.ant-tabs-tab.ant-tabs-tab-active{background:#fff;box-shadow:0px 2px 6px 0px rgba(0,0,0,.16)}.cd-tabs .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap>.ant-tabs-nav-list>.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#000 !important}.cd-tabs .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap>.ant-tabs-nav-list>.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn:active{color:#b0b0b1}.cd-tabs .ant-tabs-top>.ant-tabs-nav::before{border:0 !important}
.clientFilter{
    z-index: 20;
    width: 350px;
    position: absolute;
    left: 0px;
    text-align: left;
    background-color: white;
    height: 100vh;
    top: 105px;
}

.clientBulkActionAndAll{
    width: 275px;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 18px;
    margin-top: 15px;
}

.clientAvatarLI {
    width: 100%;
    height: 56px;
    display: grid;
    grid-template-columns: 40px 50px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.clientAvatarLI:hover{
    background-color: #F2F3F6;
}

.clientAvatarInitials {
    padding-top: 4px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 5px;
    margin-bottom: 9px;
}

.clientIcon{
    color: #000;
    display: flex;
    width: 28px;
    height: 28px;
}
.clientIcon:hover{
    color: #33AAFC;
}

.clientMultiTagSearch{
    z-index: 1;
    border-radius: 3px;
    border: none;
    width: 330px;
    height: 50px;
    padding-top: 0px;
    padding-left: 50px;
    background-color: #f4f4f4;
    background-image: url(https://dashboard-v2-images.s3.amazonaws.com/ic-search.svg);
    background-repeat: no-repeat;
    /* background-position: 15px 14px; */
    background-position: 20px 11px;
    outline: none;
    margin-left: 2px;
}
.clientMultiAsctSearch{
    z-index: 1;
    border-radius: 3px;
    border: none;
    width: 330px;
    height: 50px;
    padding-top: 0px;
    padding-left: 40px;
    background-color: #f4f4f4;
    background-image: url(https://dashboard-v2-images.s3.amazonaws.com/ic-search.svg);
    background-repeat: no-repeat;
    /* background-position: 15px 14px; */
    background-position: 10px 8px;
    outline: none;
    margin-left: 2px;
}

.ant5-phone-input{width:100%}.ant5-phone-input .ant-input,.ant5-phone-input .ant-input-group-addon{border-radius:6px}.ant-phone-input-wrapper{width:100%}
.cb-range-picker {
  width: 100% !important;
  padding: 14px 18px !important;
  border: 1px solid #818181 !important;
  border-radius: 4px !important;
}

.left-modal {
  position: absolute;
  /* width: 380px; */
  width: 330px;
  background: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  overflow-y: auto;
}

.modal-layout-main {
  height: calc(100vh - 57px);
  max-height: calc(100vh - 57px);
  top: 57px;
}
.modal-layout-main-w-payment-banner {
  height: calc(100vh - 107px);
  max-height: calc(100vh - 107px);
  top: 107px;
}

.left-modal-content {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 32px;
  overflow-x: hidden;
  overflow-y: auto;
}

.checkboxItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.checkboxItem .checkboxItem-text {
  padding: 2px 6px 0 0;
  font-size: 14px;
}
.checkboxItem .checkboxItem-only {
  display: none;
  padding: 1.75px 10px;
  background: #E8F4FF;
  border-radius: 4px;
  color: #1769AF;
  font-weight: 600;
  font-size: 12px;
}

.checkboxItem:hover .checkboxItem-only {
  display: flex;
}

.filter-item-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  width: 100%;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.filter-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

.filter-item-header-title {
  font-weight: 600;
  font-size: 16px;
}

.filter-item-list-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  margin: 4px 0 16px;
  width: 100%;
}

.filter-item-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
  color: #1769AF;
  font-weight: 600;
  border-radius: 4px;
  margin-right: 16px;
  cursor: pointer;
}

.filter-item-clear:hover {
  background-color: #E8F4FF;
}

.filter-item-list-toggle {
  display: flex;
  flex-direction: row;
  text-align: left;
  margin: 11px 0;
}

.filter-item-list-toggle-span {
  margin-top: 2px;
  font-weight: 400;
  margin-left: 10px;
}

.filter-item-list-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  width: 100%;
  max-height: 320px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #BDBDBD #F2F3F6;
}

.filter-item-input {
  width: calc(100% - 4px);
  height: 50px;
}

.filter-item-list-content::-webkit-scrollbar {
  width: 6px;
  width: 6px;
}
.filter-item-list-content::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #F2F3F6;
}
.filter-item-list-content::-webkit-scrollbar-track:hover {
  background-color: #EDEEF1;
}

.filter-item-list-content::-webkit-scrollbar-track:active {
  background-color: #EAEBEE;
}

.filter-item-list-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #BDBDBD;
}
.filter-item-list-content::-webkit-scrollbar-thumb:hover {
  background-color: #B8B8B8;
}
.filter-item-list-content::-webkit-scrollbar-thumb:active {
  background-color: #A8A8A8;
}

.left-modal::-webkit-scrollbar {
  width: 6px;
  width: 6px;
}
.left-modal::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #F2F3F6;
}
.left-modal::-webkit-scrollbar-track:hover {
  background-color: #EDEEF1;
}

.left-modal::-webkit-scrollbar-track:active {
  background-color: #EAEBEE;
}

.left-modal::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #BDBDBD;
}
.left-modal::-webkit-scrollbar-thumb:hover {
  background-color: #B8B8B8;
}
.left-modal::-webkit-scrollbar-thumb:active {
  background-color: #A8A8A8;
}


.edit-image-icon {
  height: 104px;
  width: 104px;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  object-fit: cover;
}

.profile_upload {
  position: absolute;
  opacity: 0;
  width: 105px;
  height: 105px;
  z-index: 11;
}

.upload_img_btn {
  background-color: #000;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 3px solid white;
  z-index: 10;
  position: absolute;
  margin-top: 75px;
  display: inline-block;
  margin-left: 33px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile_upload_label {
  height: 35px;
  display: block;
  padding-top: 13px;
  z-index: 15;
}

.profile_upload_label.active {
  opacity: 0.5;
}

.profile_upload_div {
  background-color: #fff;
  z-index: 0;
  margin-right: 0px;
  float: left;
  position: relative;
}

button:focus {
  outline: 0;
}

.notifications{margin-bottom:40px}.notifications-divider{width:100%;height:.5px;background-color:#9c9c9c;margin:60px 0 40px}.notifications-header{display:flex;justify-content:left;align-items:center;font-weight:600;font-size:16px}.notifications-title{margin-left:8px}.notifications-body{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:12px;color:#9c9c9c}
.ant-collapse-borderless {
  background-color: #fff;
  padding-bottom: 30px;
}

.ant-layout {
  background-color: #fff;
}
/* ////////////////////////////////////////////// */
/* /////// CHAT WINDOW COMPONENT [HEADER] /////  */
/* //////////////////////////////////////////// */

.conversation-window {
  display: flex;
  flex-direction: column;
}

.ant-page-header-heading-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.ant-page-header-heading-sub-title {
  font-size: 12px;
  font-weight: 400;
}

.ant-page-header-heading-left {
  flex-direction: column;
  align-items: flex-start !important;
}

.ant-page-header-heading-extra {
  color: #818181;
  align-self: center;
}

.conversation-window-layout {
  background-color: #fff;
  border-bottom: 0.5px solid #ebebeb;
}

.conversation-window-header {
  display: flex;
  align-items: center;
  width: 100%;
}

.conversation-window-header-user-icon {
  display: flex;
  align-items: center;
  margin-block: 10px;
  margin-right: 8px;
  margin-left: 15px !important;
  width: 36px;
  height: 36px;
  z-index: 12;
}

.ant-collapse-item > .ant-collapse-header > .ant-collapse-header-text {
  font-weight: 500;
  color: #818181;
  text-align: left;
}
.ant-collapse-item > .ant-collapse-header > .ant-collapse-expand-icon > .ant-collapse-arrow > svg {
  color: #818181;
  font-weight: 500;
  height: 16px;
  width: 16px;
}
.ant-collapse-item-active > .ant-collapse-header > .ant-collapse-header-text {
  color: black;
}
.ant-collapse-item-active > .ant-collapse-header > .ant-collapse-expand-icon > .ant-collapse-arrow > svg {
  color: black;
}

/* /////////////////////////////////////////////// */
/* /////// CHAT WINDOW COMPONENT [FOOTER] //////  */
/* ///////////////////////////////////////////// */
.ant-layout-footer {
  background-color: #fff;
  padding: 10px 10px;
  display: flex;
}

.ant-layout-footer > input {
  border-radius: 20px;
}

.conversation-window-footer-icons {
  padding: 5px;
  display: flex;
  align-items: center;
}

.conversation-window-footer-icons > span {
  padding: 5px;
}

.fakeChatInputBoxStyle {
  width: calc(100% - 30px);
  padding: 11px 10px 11px 0px;
  margin-left: 17px;
  max-height: 130px;
  transition: all 0.3s, height 0s;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-y: scroll;
  overflow: hidden;
  z-index: 20;
}

/* /////////////////////////////////////////////// */
/* /////// END CHAT WINDOW COMPONENT ////////////  */
/* ///////////////////////////////////////////// */

/* drawer styles */

.upcomingAutoMessage {
  width: 260px;
  height: 111px;
  background: #ffffff;
  box-shadow: 1px 2px 9px rgb(0 0 0 / 11%);
  border-radius: 6px;
  position: relative;
}
.upcomingAutoReminder {
  width: 260px;
  min-height: 90px;
  max-height: 120px;
  background: #ffffff;
  box-shadow: 1px 2px 9px rgb(0 0 0 / 11%);
  border-radius: 6px;
  position: relative;
}

.upcomingAutoMessageCardPadding {
  padding: 4px 8px;
}

.upcomingReminderStrip {
  background-color: red;
  width: 5px;
  height: 100%;
  position: absolute;
  border-radius: 6px 0px 0px 6px;
}

.paymentDivider {
  width: 260px;
  height: 0px;
  border: 0.5px solid #ebebeb;
  opacity: 0.5;
}

/* search styles */

.inboxSearch2 {
  border-radius: 3px;
  border: none;
  padding-top: 2px;
  padding-left: 43px;
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/ic-search.svg");
  background-repeat: no-repeat;
  background-position: 17px 15px;
  outline: none;
}

.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  font-size: 12px;
  color: #818181;
  width: 149px;
  display: block;
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #818181;
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 6px;
}

.ant-tabs-ink-bar {
  background: #bdbdbd;
}

.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 0;
}

.ant-tabs-top > .ant-tabs-nav {
  margin: 0 0 0 0;
}

.inboxAvatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 15px;
  cursor: pointer;
}

.inboxAvatarLI {
  width: 100%;
  height: 68px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.inboxAvatarLI:hover {
  background: #f2f3f6;
}

.inboxIcons {
  display: flex;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.inboxIcons:hover {
  background: #f2f3f6;
}

.inboxAvatarLILI:hover {
  background: #f2f3f6 !important;
}

.inboxAvatarInitials {
  padding-top: 4px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 15px;
  margin-bottom: 9px;
  margin-top: 8px;
  white-space: nowrap;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ChatMoreOptionDiv {
  position: absolute;
  width: 157px;
  z-index: 2000;
  background-color: white;
  right: 10px;
  border-radius: 4px;
  border: 1px solid #f2f3f6;
}

.inboxGrey {
  background-color: #f2f3f6;
}

.chatListSelect {
  background-color: #e8f4ff !important;
}
#chatListSelect {
  background-color: #e8f4ff !important;
}
#chatListUnselected {
  background-color: #fff;
}

#scrollableDivChat::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#scrollableDivChat {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

#textAreaInputWithActionsInbox {
  --scrollbarBG: transparent;
  --thumbBG: #EBEBEB;
  ;

  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

#textAreaInputWithActionsInbox::-webkit-scrollbar {
  width: 8px;
}

#textAreaInputWithActionsInbox::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

#textAreaInputWithActionsInbox::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 5px;
  border: 3px solid var(--scrollbarBG);
}

#textAreaInputWithActions {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.clientSearchInbox {
  border: none;
  padding-top: 2px;
  padding-left: 43px;
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/ic-search.svg");
  background-repeat: no-repeat;
  background-position: 17px 15px;
  outline: none;
  font-size: 14px;
}

.ant-list-bordered {
  border-radius: 4px;
  overflow-y: hidden;
}

.ant-list-bordered {
  height: 200px;
  overflow-y: scroll;
  border-radius: 10px;
}

.ant-list-bordered::-webkit-scrollbar {
  display: none;
}

.ant-list-bordered {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 28px;
}

.ant-list-item:hover {
  background: #e5f2fb !important;
}

.ant-popover-placement-bottomRight {
  left: 90px;
  top: 160px;
}

.ant-popover-content {
  left: 7px;
}

.clientInfoDrawerDiv {
  overflow-y: scroll;
  animation-duration: 0.3s;
  animation-name: slidein;
  border-left: 0.5px solid #ebebeb;
  padding: 15px 0px 30px 0px;
}

.clientInfoDrawerDiv::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.clientInfoDrawerDiv {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.conversation-window-header-heading-sub {
  padding-left: 10px;
}

.ant-popover-inner {
  border-radius: 8px;
}

.assignMenu {
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
  border-radius: 4px;
}
/*
.ant-dropdown-menu-item:hover {
  border-radius: 4px;
} */

/* .ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  padding: 0px;
  width: 157px;
  height: 43px;
} */

.headerAssignDiv {
  padding-top: 5px;
  padding-left: 3px;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  margin-bottom: 3px;
  border-radius: 4px;
}
.headerAssignDiv:hover {
  background: #f2f3f6;
}
.headerAssignClick {
  background: #f2f3f6;
}

/* animations */
@keyframes slidein {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0%);
  }
}

/* styles only for small screens */
.inboxWithBanner {
  padding-left: 200px;
}
.inboxWithoutBanner {
  padding-left: 200px;
}
.clientDetailsWithBanner {
  padding-top: 107px;
}
.clientDetailsWithoutBanner {
  padding-top: 60px;
}
.conversationWindowHeightWithoutBanner {
  height: calc(100vh - 55px);
}
.conversationWindowHeightWithBanner {
  height: calc(100vh - 48px);
}
.scrollableDivChatWithBanner {
  height: calc(100vh - 300px);
}
.scrollableDivChatNoBanner {
  height: calc(100vh - 240px);
}
/* /////////////////////////////////////////////// */
/* /////////////// MEDIA QUERIES ////////////////  */
/* ///////////////////////////////////////////// */

@media only screen and (min-width: 1600px) {
  .conversation-window-header-heading-icons {
    margin-left: 70%;
  }
}
@media only screen and (max-width: 800px) {
  .inboxWithBanner {
    padding-left: 15px;
  }
  .inboxWithoutBanner {
    padding-left: 15px;
  }
  .conversationWindowHeightWithBanner {
    max-height: calc(100vh - 48px);
  }
  .scrollableDivChatWithBanner {
    height: calc(100vh - 240px);
  }
}

.upload-product-image {
  width: 88px;
  height: 88px;
  background: #FAFAFA;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.upload-product-image-filled {
  border: 0.5px solid #F2F3F6;
  border-radius: 6px;
}
.upload-product-image-empty {
  border: 1px dashed #D9D9D9;
  border-radius: 2px;
}

.delete-product-image {
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.delete-product-image:hover {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.product-draggeOver {
  background-color: rgba(0, 0, 0, 0.25);
}

.product-image-scroll {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.5;
}

.product-image-scroll:hover {
  opacity: 1;
}

.product-image-scroll-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-image-selected {
  width: 300px;
  height: 300px;
  border-radius: 6px;
  overflow: hidden;
}

.product-image-selected-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-image-scroll-selected {
  opacity: 1;
}

.product-details {
  display: grid;
  grid-template-columns: auto auto;
  text-align: left;
  grid-row-gap: 6px;
  row-gap: 6px;
}

.product-description {
  display: grid;
  grid-template-columns: 102px auto;
  text-align: left;
}

#no_DescTitle {
  display: none;
}

.msgSetTitle_DescContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 30px;
}

.msgSetTitle_DescTitle {
  margin-bottom: 6px;
  display: block;
  text-align: left;
  color: #000000;
}

.msgSetTitle_Div {
  width: 375px;
  max-width: 100%;
}

.msgSetTitle_DescContainer input,
textarea {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 400;
}

.msgSetTitle_DescInput {
  right: 0;
  position: relative;
  text-align: left !important;
}

input[type='number'] {
  /* padding-left: 30px; */
  text-align: left;
}

/* media query */

@media only screen and (max-width: 1200px) {
  .msgSetTitle_DescContainer {
    flex-direction: column;
  }

  .msgSetTitle_DescContainer input,
  textarea {
    float: left;
  }
}

@media only screen and (max-width: 800px) {
}

@media only screen and (max-width: 450px) {
  .msgSetTitle_DescDesc {
    padding-left: 20px;
    width: 350px;
  }
}

.store_closed_align {
  text-align: right !important;
  align-content: right;
}

/* |||| TIMEZONE DROPDOWN FOR STORES |||| */

.timezone-dropdown-edit-store .ant-select-arrow .anticon > svg {
  padding-bottom: 10px !important;
}

/* ||||||||||||||||||||||||||| */

@media only screen and (max-width: 1200px) {
  .store_closed_align {
    text-align: left !important;
    align-content: left;
  }
}

/* associate header should always be align with the table, and the table is set at a fixed width, despite if the screen is bigger or not */
.associateHeader {
  right: 15px;
  position: absolute;
  height: 50px;
  z-index: 10;
  width: 300px;
  margin-top: 15px;
}

.editAssociate {
  font-size: 16px;
  font-weight: 500;
  color: #33aafc !important;
}

.associateHeader input {
  color: #000;
  position: absolute;
  left: 0;
  width: 378px;
  height: 44px;
  font-size: 16px;
  font-family: Poppins;
  border-radius: 3px;
}
.associateHeader a {
  position: absolute;
  background-color: #1769af;
  right: 0;
  border-radius: 3px;
  width: 207px;
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  color: #fff;
  font-family: Poppins;
  z-index: 0 !important;
}
.associateHeader a img {
  vertical-align: middle;
  margin-right: 13px;
}

.addAsctInputRows {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  /* width: 70%; */
}

/* .addAsctInputRows > div:first-of-type {
    margin-right: 15px;
} */
/* .addAsctInputRows div {
    display: flex;
    flex-direction: row;
    margin-right: 15px;
} */

.addAssociateSpan {
  width: 425px;
  height: 50px;
  text-align: left;
  margin-bottom: 15px;
  display: flex;
  margin-right: 50px;
}

.addAssociateInputs {
  width: 375px;
  height: 46px;
  border-radius: 3px;
  border: solid 1px #818181;
  color: #000;
  font-size: 13px;
  font-family: Poppins;
  margin-bottom: 15px;
  margin-right: 15px;
  padding-left: 10px;
}

.associateText {
  width: 400px;
  text-align: left;
}

.first_last_name {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/ic-user.svg");
  background-repeat: no-repeat;
  background-position: 15px 12px;
  padding-left: 60px;
}

.first_last_name::placeholder {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  color: #818181;
}

.associate_phone {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/ic-phone.svg");
  background-repeat: no-repeat;
  background-position: 15px 12px;
  padding-left: 60px;
}

.associate_phone::placeholder {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  color: #818181;
}

.associate_email {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/env-closed.svg");
  background-repeat: no-repeat;
  background-position: 15px 12px;
  padding-left: 60px;
}

.associate_email::placeholder {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  color: #818181;
}

.associate_pos {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/address-card-regular.svg");
  background-repeat: no-repeat;
  background-position: 15px 12px;
  padding-left: 60px;
}

.associate_pos::placeholder {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  color: #818181;
}

.associate_schedule {
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/schedule.svg");
  background-repeat: no-repeat;
  background-position: 15px 12px;
  padding-left: 60px;
}

.associate_role {
  padding-left: 15px;
  width: 422px;
  height: 48px;
}

.associateCheckbox {
  width: 700px;
  justify-content: space-between;
}

.associate_admin {
  display: flex;
  flex-direction: column !important;
}

.assoc_report_div {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.assoc_report_head {
  margin-left: 20px;
  font-size: 18px;
  color: #000000;
}

.assoc_reports {
  text-align: left;
}

.assoc_bottom {
  width: 580px;
  display: flex;
  flex-direction: column;
}

.assoc_report_heading {
  font-size: 16px;
  color: #33aafc;
  margin-top: 20px;
}

.last_run {
  font-size: 12px;
  color: #bdbdbd;
}

.assoc_card {
  width: 585px;
  height: 350px;
  border-radius: 8px;
  border: solid 1px #979797;
}

.assoc_outreach {
  display: flex;
}

.updated_when {
  margin-top: 25px;
  width: 185px;
  height: 17px;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  color: #bebebe;
}

.assoc_card_head {
  display: flex;
  height: 45px;
}

.assoc_card_title {
  max-width: 210px;
  height: 23px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  color: #353538;
  text-align: left;
  margin-right: 10px;
}

.associate_header {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 60px;
  max-width: 1200px;
  height: auto;
}

.associate_details {
  display: flex;
  height: auto;
}

.pic_details {
  text-align: left;
  margin-left: 30px;
}

.pic_details li {
  margin: 0px 0px 10px 0px;
  display: inline;
  position: inherit;
}

.task_bar {
  display: flex;
  max-width: 1200px;
  flex-direction: row;
}

.assoc_man_feat {
  text-align: right;
  width: 760px;
}

.reminder_bar {
  display: flex;
  flex-direction: row;
  width: 700px;
  margin-bottom: 25px;
  text-align: left;
}

.reminder_bar a,
.assoc_man_feat a {
  width: 150px;
  height: 20px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 600;
  color: #31b6ff;
  margin-right: 45px;
}

.reminder_bar img,
.assoc_man_feat img {
  margin-right: 10px;
}

.assoc_image {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  object-fit: cover;
}

.assoc_last_time {
  text-align: left;
  margin-top: 25px;
  width: 88px;
  height: 17px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 500;
  color: #bebebe;
}

.assoc_chart {
  margin-top: 30px;
}

.assoc_time {
  display: flex;
  flex-direction: row;
}

.assoc_timeliness {
  width: 840px;
  max-width: 840px;
  height: 350px;
  margin-right: 20px;
  border-radius: 8px;
  border: solid 1px #979797;
  margin-top: 20px;
}

.assoc_days_late {
  width: 330px;
  min-width: 330px;
  border-radius: 8px;
  border: solid 1px #979797;
  margin-top: 20px;
}

.assoc_late {
  text-align: left;
  margin-left: 10px;
  font-size: 78px;
  font-weight: 600;
  margin-top: 0px;
}

.Associate_image {
  height: 26px;
}

.Associate_image img {
  object-fit: cover;
}

/* for the home page that is using same styles */
.homePipelineGraph {
  width: 460px;
  height: 200px;
  border-radius: 8px;
  border: solid 1px #979797;
  margin-top: 20px;
  margin-right: 20px;
}

.tabbed_three_header {
  width: 100%;
  height: auto;
  /* max-height: 1200px; */
  border-radius: 8px;
  /*border: solid 1px #979797;*/
  margin-bottom: 0px;
}

.pathActivity {
  text-align: left;
  margin-left: 15px;
  margin-top: 0px;
  width: 275px;
  height: 28px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: normal;
  color: #353538;
}

@media only screen and (max-width: 1200px) {
  .assoc_time {
    display: flex;
    flex-direction: column;
  }
  .assoc_timeliness {
    max-width: 100%;
    width: 100%;
  }
  .assoc_outreach {
    display: flex;
    flex-direction: column;
  }
  .assoc_card {
    margin-bottom: 20px;
    width: 100%;
  }

  .assoc_days_late {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  .assoc_bottom {
    width: 300px;
  }

  .reminder_bar a,
  .assoc_man_feat a {
    width: 150px;
    margin-right: 25px;
  }

  .assoc_man_feat {
    text-align: left;
    margin-bottom: 15px;
  }
  .task_bar {
    flex-direction: column;
  }

  .associate_header {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 800px) {
  /* .addAssociateInputs {
  width: 300px;
} */
}

.tab-header-card-btn {
  font-family: Poppins;
  border: none;
  height: 99%;
  width: 151px;
  margin-right: 2px;
  outline: none;
  font-weight: 600;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}

.wrap-table-container {
  width: 600px;
  height: 455px;
  /* height: 310px; */
  border-radius: 8px;
  border: solid 1px #979797;
}

.wrap-table-header {
  width: 100%;
  height: 63px;
  /* border-bottom: solid 1px #979797;
  border-radius: 8px 8px 0px 0px; */
  padding-bottom: 3rem;
  vertical-align: middle;
}
.wrap-table-header span {
  line-height: 63.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}

@media only screen and (max-width: 1200px) {
  .wrap-table-container {
    width: 99% !important;
    overflow-x: scroll;
  }
}

@media only screen and (max-width: 800px) {
}

.report-date-picker .msgSetTitle_DescInput {
  width: 267px;
}

.report-smaller-description {
  text-align: left;
  font-size: 10px;
  color: #818181;
  margin-bottom: 20px;
  max-width: 400px;
}

.report-description-list {
  text-align: left;
  font-size: 10px;
  color: #818181;
  max-width: 400px;
}

.payment-activity-list__empty {
  margin-top: 24px;
  padding: 30px 40px 60px;
  background: #f2f3f6;
}

.bank-transaction-list__empty {
  margin-top: 24px;
  padding: 30px 40px 60px;
  background: #f2f3f6;
}

.report-cards {
  margin-top: 25px;
}

.report-cards span {
  text-align: left;
  display: block;
  font-size: 10px;
  color: gray;
}
.report-cards a {
  text-align: left;
  display: block;
  color: #007bd0 !important;
  text-decoration: none !important;
  font-weight: 500;
}

.report-last-run {
  font-size: 12px;
  font-family: Poppins;
  color: #bdbdbd;
}

.card-column-rows {
  height: 50%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

.report-asct-msg-input {
  box-sizing: border-box; /* This tells the browser how to determine the box sizing - required for interior padding on inputs */
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  width: 392px;
  height: 50px;
  font-size: 14px;
  background-color: white;
  color: #818181;
  font-family: Poppins;
  border-radius: 3px;
  border: solid 1px #818181;
  display: block;
  margin-right: 15px;
  margin-bottom: 15px;

  -webkit-appearance: none;
  appearance: none;

  padding-left: 22px;
  /* text-indent: 22px; */
  /* padding-right: 22px; */
}

.report-asct-msg-input option {
  font-size: 14px;
  background-color: white;
  color: #818181;
  font-family: Poppins;
  padding-left: 22px !important;
}

.report-asct-msg-row {
  margin-bottom: 50px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}

.report-asct-msg-row div {
  line-height: 27px;
  text-align: left;
}
.report-asct-msg-row div img {
  margin-right: 10px;
  vertical-align: middle;
}

.report-asct-msg-row div span {
  font-size: 12px;
  height: 100%;
  /* line-height: 50px; */
  color: #bdbdbd;
  width: 100%;
  background-color: 'red';
}

.asct-msg-run-btn {
  float: right;
  margin-right: 15px;
}

/* FLEX STYLES for reports since they behave differently in responsiveness than the general flex styles */
.report-flex-row-nowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}

.report-flex-row-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-around;
}

.report_inputStyle {
  padding-left: 18px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #818181;
  outline: none;
  box-sizing: border-box;
}

.reportMobile {
  margin-top: 0px;
}

.report--link-button {
  color: #007bd0;
}

.report--link-button:hover {
  opacity: 0.8;
}

/* REACT DATEPICKER STYLES */

.react-datepicker__current-month,
.react-datepicker-year-header {
  width: 100%;
  justify-content: center;
  display: flex;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 95px;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
  text-align: center !important;
}

.react-datepicker__month {
  text-align: center !important;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  text-align: center !important;
}

.react-datepicker__header--time {
  padding-bottom: 32px;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
  background-color: #33aafc;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected {
  background-color: #33aafc;
}

.table-scroll {
  display: block;
  overflow: auto;
}

@media only screen and (max-width: 1200px) {
  .report-asct-msg-row {
    flex-direction: column;
  }
  .report-flex-row-nowrap {
    flex-direction: column;
  }
  .report-flex-row-wrap {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .reportMobile {
    margin-top: 215px;
  }
}

@media only screen and (max-width: 800px) {
  /* .report-asct-msg-row:first-child {
    margin-left: 20px;
    } */
}

.bulleted-list-title {
  text-align: left;
  font-size: 10px;
  color: #818181;
  margin-bottom: 10px;
  max-width: 400px;
}

.bulleted-list-list {
  text-align: left;
  font-size: 10px;
  color: #818181;
  max-width: 400px;
}
.reports-sales-opportunity-details-modal--title{font-weight:600;font-size:16px;margin-bottom:30px;text-align:center}.reports-sales-opportunity-details-modal--close{width:20px;height:20px;color:#000}.reports-sales-opportunity-details-modal .ant-modal-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;top:30px;right:38px}.reports-sales-opportunity-details-modal .ant-modal-body{padding:30px 40px}.reports-sales-opportunity-details-modal .ant-modal-content{border-radius:8px}.reports-sales-opportunity-details-modal--header{display:flex;justify-content:space-between;margin-bottom:20px}.reports-sales-opportunity-details-modal--header-title{font-weight:500;font-size:13px}.reports-sales-opportunity-details-modal--header-actions svg+span{margin-left:8px}.reports-sales-opportunity-details-modal--body{display:grid;grid-template-columns:repeat(2, 50%);grid-gap:20px;gap:20px;margin-bottom:30px}.reports-sales-opportunity-details-modal--body-section{display:flex;flex-direction:column}.reports-sales-opportunity-details-modal--body-title{font-weight:500;font-size:13px;line-height:20px;color:#818181;margin-bottom:4px}.reports-sales-opportunity-details-modal--body-content{font-weight:500;font-size:13px;color:#231f20}.reports-sales-opportunity-details-modal--body-stage{width:auto}.reports-sales-opportunity-details-modal--table{margin-bottom:30px}.reports-sales-opportunity-details-modal--table-title{font-weight:600;font-size:16px;margin:0}
.layout-main-v2{height:100vh}.layout-main-w-payment-banner-v2{padding:105px 0 0 0;height:100vh;width:100vw}.standard-width-with-sidebar-v2{padding-left:200px}
.cb-sales-opp-report__inner-table{display:flex}.cb-sales-opp-report__inner-table>div,.cb-sales-opp-report__inner-table>ul{flex:1 1;margin-right:12px}.cb-sales-opp-report__timeline-item{display:flex;flex-direction:column}.cb-sales-opp-report__timeline-item:last-child{padding-bottom:0 !important}.cb-sales-opp-report__timeline-item .ant-timeline-item-head{background-color:#fafafa}.cb-sales-opp-report__timeline-icon{color:#8c8c8c}.cb-sales-opp-report__timeline-icon-danger{color:#ff4d4f}.cb-sales-opp-report__timeline-subtitle{font-size:12px;color:#8c8c8c}
.colorSelect {
  width: 48px;
  height: 48px;
  border-radius: 4px;
}

.defaultImageDiv {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: relative;
}
.defaultImage {
  position: absolute;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 50%;
}

.zIndexForWebchat {
  z-index: 0;
}

.previewDiv {
  background-color: #f2f2f2;
  width: 400px;
  height: 500px;
  border-radius: 12px;
  margin-top: 122px;
  margin-left: 50px;
}

.previewDiv2 {
  background-color: #f2f2f2;
  width: 450px;
  height: 725px;
  border-radius: 12px;
  margin-top: 65px;
  margin-left: 50px;
}

/* webchat preview styles */

#wlbkwc_messageButton {
  position: absolute;
  right: 25px;
  margin-right: 15px;
  box-shadow: 0 12px 19px 0 rgb(0 0 0 / 18%);
  width: 68px;
  height: 68px;
  border-radius: 50%;
  z-index: 5;
  display: block;
}

.clbkwc_btn_class {
  background-image: url(https://webchat.clientbook.com/images/ic-message.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none !important;
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  transition: 0.25s !important;
  display: inline-block !important;
  margin: 0 !important;
}

#clbkwc_chat_id {
  position: absolute;
  top: 175px;
  right: 105px;
  width: 297px;
  height: 79px;
  z-index: 5;
  border-radius: 11px;
  background-color: #fff;
  box-shadow: 0 4px 24px -4px rgb(0 0 0 / 18%);
  margin-right: -65px;
  padding: 0;
  border: 0;
}

#wlbkwc_avatar_img {
  object-fit: cover;
  position: absolute;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: block;
  margin-top: 20px;
  margin-left: 20px;
  border: 0;
  vertical-align: middle;
}

#wlbkwc_chat {
  top: 5px;
  left: 72px;
  width: 215px;
  height: 55px;
  position: absolute;
  font-size: 15px;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 20px;
  color: #000;
  margin: 0;
  border: 0;
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  text-align: left;
}

#wlbkwc_chat_carrot {
  display: block;
  margin-left: 252px;
  margin-top: 75px;
  position: absolute;
}

#wlbkwc_chatExit {
  display: block;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
  height: 15px;
  width: 15px;
}

/* store widget view */

#widget-outer {
  overflow-y: hidden;
  background-color: #fff;
  border-radius: 10px;
  border-width: 1px;
  box-shadow: 0 13px 27px #0000002e;
  color: #333;
  float: right;
  padding: 0;
  width: 402px;
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 94px;
  right: 25px;
}

.storeSelectDiv {
  background-color: #000;
  color: #fff;
  height: 94px;
  font-family: Poppins, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding-left: 50px;
}

.storeSelectText {
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
}

.whiteArrow {
  position: absolute;
  left: 5px;
  padding: 10px;
  top: 30px;
}

.selectLocationSubText {
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
}
.messageUpper {
  animation: leftMessage 0.5s ease forwards 0s;
  transform-origin: bottom left;
  transform: scale(1);
  z-index: 0;
}
.widg-head {
  margin: 14px 47px 11px 60px;
}
.head-chat {
  font-family: Poppins, sans-serif;
  border-radius: 23px;
  background-color: #33aafc;
  color: #fff;
  padding: 10px 21px 10px 25px;
  font-size: 14px;
  margin-bottom: 0;
  text-align: left;
}
.message {
  display: flex;
  margin-top: -9px;
}

.chatImg {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: block;
  margin-top: 25px;
  margin-left: 13px;
  object-fit: cover;
}
.widg-head-2 {
  margin: -9px 47px 0 7px;
}

.carrotStyle {
  margin-top: -22px;
  margin-left: -6px;
  margin-bottom: 0;
  z-index: 10;
  display: block;
  width: 25px;
  height: 25px;
}
.carrot {
  fill: #33aafc;
}
.form_all {
  background-color: #fff;
  margin-top: 15px;
}
.form {
  width: 279px;
  height: 180px;
  border-radius: 23px;
  background-color: #eaeaea;
  margin-left: 93px;
}
#form_input,
#form_input_top,
#form_input_bot,
#form_input2 {
  width: 227px;
  height: 34px;
  border-radius: 4px;
  background-color: #fff;
  border-style: none;
  font-size: 14px;
  color: #000;
  padding-left: 16px;
  font-family: Poppins;
}
#form_input_top {
  margin: 23px 23px 10px 18px;
}
#form_input,
#form_input2 {
  margin: 3px 23px 10px 18px;
}
#form_input_bot {
  margin: 3px 23px 23px 18px;
}
.agree_text {
  font-family: Poppins, sans-serif;
  width: 266px;
  height: 30px;
  font-size: 9px;
  line-height: 1.67;
  text-align: center;
  color: #cdcbcb;
  margin: 15px 60px 13px;
}
.submit_but {
  width: 122px;
  height: 44px;
  border-radius: 22px;
  background-color: #c8c8c8;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0 132px 7px;
  border: none;
  outline: none;
}
.greyCarrot {
  margin-top: -22px;
  margin-left: 350px;
  display: block;
  width: 32px;
  height: 22px;
}
.footerContainer {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.widg-foot {
  width: 100%;
  height: 45px;
  background-color: #f5f5f5;
  font-size: 9px;
  font-weight: 500px;
  color: #5c5858;
  margin-top: 12px;
  position: relative;
}

.widg-foot-logo-div {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #9c9c9c;
  border-radius: 3px;
  top: 15px;
  left: 125px;
}

.powered_by {
  font-family: Poppins, sans-serif;
  padding-left: 154px;
  padding-top: 18px;
  width: 110px;
}

.footerImg {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 3px;
  left: 3px;
}

/* blacklisted */

.blackListedDiv {
  height: 75px;
  /* margin-top: 25px; */
  /* border-top: 1px solid #bdbdbd; */
  text-align: left;
}
.blackListedDiv:hover {
  background-color: #f1f3f4;
}

.blackListedPagesDiv {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}

.borderBottom {
  border-bottom: 1px solid #bdbdbd;
  min-height: 75px;
}

.googleAnalyticsDiv{
 height: 75px;
  margin-top: 25px;
  border-top: 1px solid #bdbdbd;
  text-align: left;
}
.googleAnalyticsDiv:hover {
  background-color: #f1f3f4;
}

.copyCode {
  display: flex;
  max-width: 1200px;
  justify-content: space-between;
  margin-top: 15px;
}

.ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover{
    color: #1769AF !important;
}

.new-pop-confirm {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-pop-confirm__card {
  background-color: #fff;
  border-radius: 8px;
  padding: 32px;
  width: 340px;
}

.new-pop-confirm__title {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin: 0;
  margin-bottom: 16px;
}

.new-pop-confirm__description {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  color: #000000;
}

/* stylelint-disable selector-class-pattern */
.cb-primary-bank-account-modal .new-pop-confirm__card {
  max-width: 280px;
  padding: 32px;
}

.cb-primary-bank-account-modal__title {
  margin-bottom: 16px;
  color: #000;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  line-height: 24px;
  text-align: center;
}

.cb-primary-bank-account-modal__subtitle {
  margin-bottom: 16px;
  color: #000;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
  text-align: center;
}

.cb-primary-bank-account-modal__description {
  margin-bottom: 16px;
  color: #818181;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
  text-align: center;
}

.cb-primary-bank-account-modal__footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 12px;
}

.cb-primary-bank-account-modal__footer button {
  height: 42px !important;
}

/* stylelint-disable selector-class-pattern */
.cb-delete-bank-account-modal .new-pop-confirm__card {
  max-width: 280px;
  padding: 32px;
}

.cb-delete-bank-account-modal__title {
  margin-bottom: 26px;
  color: #000;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  line-height: 24px;
  text-align: center;
}

.cb-delete-bank-account-modal__subtitle {
  margin-bottom: 26px;
  color: #000;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
  text-align: center;
}

.cb-delete-bank-account-modal__description {
  margin-bottom: 26px;
  color: #818181;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
  text-align: center;
}

.cb-delete-bank-account-modal__footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 12px;
}

.cb-delete-bank-account-modal__footer button {
  height: 42px !important;
}

/* stylelint-disable selector-class-pattern */
.cb-reassign-bank-account-modal .new-pop-confirm__card {
  max-width: 280px;
  padding: 32px;
}

.cb-reassign-bank-account-modal__title {
  margin-bottom: 26px;
  color: #000;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  line-height: 24px;
  text-align: center;
}

.cb-reassign-bank-account-modal__subtitle {
  margin-bottom: 26px;
  color: #000;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
  text-align: center;
}

.cb-reassign-bank-account-modal__description {
  margin-bottom: 26px;
  color: #818181;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
  text-align: center;
}

.cb-reassign-bank-account-modal__footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 12px;
}

.cb-reassign-bank-account-modal__footer button {
  height: 42px !important;
}

.cb-reassign-bank-account-modal__link {
  margin-top: 12px;
  margin-bottom: 45px;
  color: #33aafc;
  font-weight: 600;
  font-style: normal;
  font-size: 10px;
  font-family: Poppins, sans-serif;
  line-height: 15px;
  text-align: right;
  cursor: pointer;
}

.cb-reassign-bank-account-modal .dropdown-select {
  text-align: left;
}

.bank-accounts-list__header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.bank-accounts-list__empty {
  margin-top: 24px;
  padding: 30px 40px 60px;
  background: #f2f3f6;
}

.bank-accounts-list__empty > h3,
.bank-accounts-list__empty > p {
  max-width: 260px;
  margin: 0 auto;
}


.bank-accounts-list__action-button:hover:not([disabled]) {
  background-color: #e8f6ff;
}

/* stylelint-disable selector-class-pattern */
.cb-bank-account-details__body {
  width: 100%;
  max-width: 320px;
  text-align: left;
}

.cb-bank-account-details__container {
  display: flex;
  margin-bottom: 24px;
}

.cb-bank-account-details__container > div:first-child {
  flex: 1 1;
  text-align: left;
}

.cb-bank-account-details__container > div:last-child {
  text-align: right;
}

.cb-bank-account-details__container > div:last-child > div {
  display: flex;
  gap: 10px;
  align-items: center;
}

.cb-bank-account-details__container > div:last-child svg {
  background-color: transparent !important;
}

.cb-bank-account-details__container > div:last-child button:not([disabled]):hover {
  background: #f2f3f6 !important;
  color: #bdbdbd !important;
}

.cb-bank-account-details__title {
  color: #000;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  line-height: 24px;
}

.cb-bank-account-details__subtitle {
  color: #000;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  line-height: 20px;
}

.cb-bank-account-details__text {
  color: #000;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  font-family: 'Poppins', sans-serif;
  line-height: 15px;
}

.cb-bank-account-details__footer {
  display: flex;
  justify-content: right;
}

.cb-bank-account-details__dropdown-label {
  display: block;
  margin-bottom: 8px;
  color: #000;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  line-height: 24px;
}

.unassignedStoreDropdown{
  height: 34px;
  background-color: #ebebeb;
  width: 160px;
  line-height: 31px;
  padding-left: 13px;
  color: #BDBDBD;
  margin: 0px;
  border-radius: 4px;
}
.unassignedStoreDropdownDiv{
  width: 332px;
  height: 35px;
  border: 1px solid #F2F3F6;
  border-radius: 4px;
  padding: 7px;
}

.payment-settings-textarea > .msgSetTitle_DescInput {
  width: 100%;
}

.payment-settings-textarea > .msgSetTitle_DescInput textarea {
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 40px;
}

.pageDescription {
  text-align: left;
  width: 475px;
  height: 23px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #818181;
  margin-top: 122px;
}

.tags-layout {
  margin-right: 0px;
  margin-left: 265px;
  width: calc(100vw - 330px);
}

/* table area */

.tags_row2 div {
  float: right;
  margin-right: 1vw;
}

.table-header-grey {
  color: #565656;
}

.tags_row3 div {
  float: right;
  margin-right: 1vw;
}

.tags_row4 div {
  float: right;
  margin-right: 1vw;
}
.tags_row5 div {
  float: right;
  margin-right: 2vw;
}

.tags_row6 div {
  float: right;
  margin-right: 1vw;
}

.tags_RowColor {
  width: 21px;
  height: 21px;
  background-color: purple;
  border-radius: 50%;
}

/* add tag page */

.tagNameDiv {
  display: flex;
}

.add-edit-tag-layout {
  height: calc(100vh - (28px + 890px));
}

.add-tag-name::placeholder {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  color: #818181;
}

.add-tag-name {
  border-radius: 3px;
  border: none;
  /* width: 500px; */
  max-width: 75vw;
  height: 40px;
  padding-top: 5px;
  padding-left: 60px;
  /* background-color: #f4f4f4; */
  border: 1px solid #818181;
  background-image: url("https://dashboard-v2-images.s3.amazonaws.com/ic-tag.svg");
  background-repeat: no-repeat;
  background-position: 15px 12px;
}

.tag-sort-color-div {
  padding-top: 6px;
  height: 28px;
  margin-top: 30px;
  padding-left: 10px;
  width: 100%;
  display: flex;
  overflow-y: scroll;
  overflow-x: scroll;
}

.SortColor {
  border-radius: 50%;
  height: 21px;
  margin-right: 35px;
  width: 21px;
  vertical-align: middle;
}

.tag-selected-color-ring {
  vertical-align: middle;
  width: 33px;
  height: 33px;
  border-width: 3px;
  border-style: solid;
  border-color: black;
  border-radius: 50%;
  margin: -6px 30px -6px -7px;
  padding: 3px;
}

.data_row1 {
  padding-left: 40px;
}

.kiosk-save {
  width: 100%;
  max-width: 866px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 56px;
}

.kiosk-save div {
  /* max-width: 439px; */
  display: flex;
  flex-direction: row;
  /* flex-wrap: wrap-reverse; */
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}

.kiosk-save-button {
  margin-left: 15px;
}

.kiosk-save button p {
  color: #fff;
  font-family: Poppins;
  font-weight: 600;
  font-size: 14px;
}

.edit-message-auto-table {
  height: 196px !important;
  /* overflow-y: scroll; */
  border: none !important;
  margin-top: 50px;
  padding-bottom: 0px !important;
  width: auto !important;
}

.edit-tags-auto-table {
  border: none !important;
  height: 320px !important;
  overflow-y: scroll;
  /* margin-top: 50px; */
  padding-bottom: 0px !important;
  width: 100% !important;
}

.edit-tags-auto-container {
  margin-top: 24px;
  width: 850px;
  max-width: 100%;
}

.whatsapp-auto-container {
  width: 850px;
  max-width: 100%;
}

.whatsapp-auto-five-templates-table {
  border: none !important;
  overflow-y: scroll;
  padding-bottom: 0px !important;
  width: 100% !important;
}

.tags-auto-head-btn {
  font-family: Poppins;
  border: none;
  height: 99%;
  width: 151px;
  margin-right: 2px;
  outline: none;
  font-weight: 600;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0);
}

.tag-clients-number {
  text-align: right !important;
  padding-right: calc(20% - 110px);
}

.salesPipelineSmallTable {
  text-align: left;
}

.salesPipelineSmallTable th {
  font-weight: 500;
  font-size: 13px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 800px) {
  .tags-layout {
    margin-left: 0px;
  }
  .edit-tags-auto-table {
    max-width: 100%;
  }
  .edit-tags-auto-container {
    /* min-width: 400px; */
    width: 100% !important;
    max-width: 100%;
  }
  .kiosk-save {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    margin-bottom: 23px;
  }
  .cancel_save_duo {
    width: 180px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 1250px) {
  .tag-clients-number {
    padding-right: 30px;
  }

  .tags_row3 {
    width: 15% !important;
    margin-right: 1vw;
  }

  .tags_row4 {
    width: 15% !important;
    margin-right: 1vw;
  }
  .tags_row5 {
    width: 15% !important;
    margin-right: 2vw;
  }

  .tags_row6 {
    width: 15% !important;
    margin-right: 1vw;
  }

  .tags-row-color {
    width: 21px;
    height: 21px;
    border-radius: 50%;
  }

  .edit-tags-auto-container {
    min-width: 400px !important;
    max-width: 100% !important;
  }
  .kiosk-save div {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 478px) {
  .kiosk-save-button {
    margin-left: 0px;
    margin-bottom: 12px;
  }
  /* .kiosk-save div {
    max-width: 250px;
  } */
}

@media only screen and (max-width: 1518px) {
  .lg-table-sidebar {
    width: 100% !important;
    overflow-x: scroll;
    overflow-y: visible;
  }
}

.side-panel {
  position: fixed;
  left: 0px;
  width: 79px;
  height: 100vh;
  background-color: #33aafc;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: stretch;
  overflow-x: hidden;
  /* z-index: 10; */
}

.side-panel:hover {
  width: 79px;
  overflow-x: visible;
}

.sp-button-container {
  height: 52px;
  width: 79px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

.sp-button {
  z-index: 10;
  font-size: 12px;
  font-weight: 500;
  color: #45484b;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

/* .sp-button-container:hover {
  background-color: #007bd0;
  opacity: 1;
  z-index: 20 !important;
}

.sp-button-container:active {
  background-color: #007bd0;
  opacity: 1;
  z-index: 20 !important;
} */

.menuCarrot {
  position: absolute;
  right: 182px;
  width: 24px;
  height: 21px;
  /* visibility: hidden; */
  margin-top: 25px;
  z-index: 30;
}

.menuCarrotMv {
  position: absolute;
  right: 190px;
  width: 24px;
  height: 21px;
  /* visibility: hidden; */
  margin-top: 25px;
  z-index: 30;
}

#menuCarrotSecondaryAdmin {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: -54px;
  z-index: 105;
}

#menuCarrotMessagingAdmin {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 92px;
  z-index: 105;
}

#menuCarrotMessagingAdminWA {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 45px;
  z-index: 105;
}

#menuCarrotMessagingManager {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 95px;
  z-index: 105;
}

#menuCarrotMessagingManagerWA {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 47px;
  z-index: 105;
}

#menuCarrotMessagingAssociate {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 50px;
  z-index: 105;
}

#menuCarrotMessagingAssociateWA {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 2px;
  z-index: 105;
}

#menuCarrotHelpAdmin {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 352px;
  z-index: 105;
}

#menuCarrotHelpManager {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 330px;
  z-index: 105;
}

#menuCarrotHelpAssociate {
  position: absolute;
  right: 194px;
  width: 24px;
  height: 21px;
  margin-top: 120px;
  z-index: 105;
}

.sp-button div:nth-child(odd) {
  width: 80px;
}

.sp-button span {
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.sp-button div:nth-child(odd) svg {
  width: 25px;
  height: 50px;
  margin-bottom: -15px;
  padding: 3px 28px 7px 28px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}
.sp-button div:nth-child(odd) img {
  /* width: 25px;
  height: 70px;
  margin-bottom: -20px;
  padding: 3px 28px 3px 28px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  margin-top: -10px; */
  width: 25px;
  height: 50px;
  margin-bottom: -15px;
  /* padding: 3px 28px 7px 28px; */
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

#showListStyle {
  width: '269px' !important;
  overflow-x: 'none';
}

#showList_noExpansionStyle {
  width: '79px';
  overflow-x: 'visible';
}

/* naomi's styles here */

.vertNavDiv {
  width: 152px;
  height: 20px;
  position: relative;
  border-radius: 3px;
  background-color: #f2f3f6;
  margin: 0px 36px 11px 13px;
}
.vertNavInnerDiv {
  width: 50px;
  height: 27px;
  position: relative;
  margin-left: 20px;
}
.vertNavInnerDiv:hover {
  border-bottom: solid 2px #33aafc;
  animation-name: borderGrow;
  animation-duration: 0.6s;
}

@keyframes borderGrow {
  0% {
    width: 20px;
  }
  100% {
    width: 50px;
  }
}

/* mobile */

/* .mobileUL:hover {
  background-color: #007bd0;
  opacity: 1;
  z-index: 20 !important;
} */

.sp-button-mobile {
  font-size: 12px;
  font-weight: 500;
}

.expanded-nav {
  height: 100vh;
  width: 200px;
  position: absolute;
  z-index: 50;
  top: 0;
  background-color: var(--cbGrey);
  padding-top: 16px;
  display: block;
  opacity: 1;
}

.expanded-nav ul {
  margin-bottom: 0px;
}

.expanded-nav .mobile-scroll {
  margin-top: 0;
}

.expanded-nav-item {
  color: #45484b;
}

.expanded-nav li {
  font-size: 13px;
  font-weight: 500;
  opacity: 1;
  text-align: left;
  line-height: 4;
  list-style: none;
  /* padding: 0px 0px 0px 25px; */
  margin-left: -40px;
  height: 48px;
  width: 175px;
}
.expandHeader {
  text-align: left;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #343434;
  font-size: 14px;
  margin-left: -15px;
  text-transform: uppercase;
}

.expandHR {
  margin-left: -15px;
  width: 115px;
  border: solid 1px #343434;
  margin-bottom: 20px;
}

.expandHeaderMobile {
  width: 66px;
  height: 16px;
  margin: 4px 0 34px 20px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495155;
  text-align: left;
}

.mobileSideNav {
  display: none;
}

.mobileSideNav {
  display: block;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  border: none;
  margin: 14px 0px 12px 31px;
}

.secondary-panel {
  height: 100vh;
  width: 200px;
  position: fixed;
  z-index: 0;
  top: 50px;
  left: 0;
  background-color: #f2f3f6;
  padding-top: 16px;
  overflow-y: scroll;
  padding-bottom: 50px;
}

.secondary-panel::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.secondary-panel {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.secondary-panel ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}

.secondary-panel li {
  font-size: 13px;
  opacity: 1;
  font-weight: 500;
  text-align: left;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  list-style: none;
}

.SPlink_Active {
  width: 146px;
  height: 27px;
  border-radius: 3px;
  background-color: #bcd5e7;
}

/* z-index areas */
.nav-z-100 {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.16);
}

.nav-z-101 {
  z-index: 101;
}

.nav-z-102 {
  z-index: 102;
}

/* MOBILE SPECIFIC CLASSES */

.mobile-side-panel {
  display: none;
  z-index: 5;
  padding: 19px 19px 23px 22px;
  width: 257px;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: #f2f3f6;
}

.mobile-side-panel ul {
  margin-top: 50px;
  height: calc(100vh - 82px);
  overflow: scroll;
  padding-left: 0px;
}

.mobile-side-panel ul li {
  list-style: none;
}

/* naomi adding styles 06/01/2021 */
.mobile-sub-nav-panel {
  display: none;
  z-index: 40;
  padding: 19px 0px 23px 22px;
  width: 257px;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: #f2f3f6;
  animation-name: translateNavX;
  animation-duration: 0.5s;
}

.mobile-sub-nav-panel-banner {
  display: none;
  z-index: 40;
  padding: 65px 0px 23px 22px;
  width: 257px;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: #f2f3f6;
  animation-name: translateNavX;
  animation-duration: 0.5s;
}

@keyframes translateNavX {
  0% {
    transform: translateX(-18em);
  }
  100% {
    transform: translateX(0em);
  }
}

.mobile-sub-nav-panel ul {
  margin-top: 0;
  height: calc(100vh - 82px);
  padding-left: 0px;
}

.expanded_mobile_sub_nav {
  text-decoration: none;
  width: 54px;
  height: 17px;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #45484b;
}

.subMenuHover {
  width: 146px;
  height: 27px;
  border-radius: 3px;
}
.subMenuHover:hover {
  background-color: #bcd5e7;
}

.vertNavDivMobile {
  width: 250px;
  height: 27px;
  position: relative;
  border-radius: 3px;
  background-color: #f2f3f6;
  margin: 0px 0px 22px 0px;
}
.vertNavDivMobile:hover {
  background-color: #bcd5e7;
}

.subMenu_toggle {
  animation-name: translateToggle;
  animation-duration: 0.5s;
}

@keyframes translateToggle {
  0% {
    transform: translateX(0em);
  }
  100% {
    transform: translateX(-18em);
    display: none;
  }
}

/* multi nav */

.multiNavOutterDiv {
  display: none;
}
.multiNavOutterDivBanner {
  display: none;
}

.mobile-multi-nav {
  display: none;
  z-index: 40;
  padding: 19px 0px 23px 22px;
  width: 257px;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: #f2f3f6;
  animation-name: translateMultiNavX;
  animation-duration: 0.5s;
}

@keyframes translateMultiNavX {
  0% {
    transform: translateX(-18em);
  }
  100% {
    transform: translateX(0em);
  }
}

.multi-mobile-side-pane-x {
  position: absolute;
  right: 22px;
  top: 22px;
  color: #45484b;
}
.multi-mobile-side-pane-x-banner {
  position: absolute;
  right: 22px;
  top: 70px;
  color: #45484b;
}

/* end */

.mobile-side-pane-x {
  position: absolute;
  right: 22px;
  top: 22px;
  color: #45484b;
}
.mobile-side-pane-x-banner {
  position: absolute;
  right: 22px;
  top: 70px;
  color: #45484b;
}
.mobile-side-panel-bg-closer {
  display: none;
  background-color: transparent;
  z-index: 4;
  opacity: 100%;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 269px);
}
.mobile-side-panel-bg-closer-multi {
  display: none;
  background-color: transparent;
  z-index: 4;
  opacity: 100%;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 269px);
}

@media only screen and (max-width: 800px) {
  .multiNavOutterDiv {
    display: block;
    z-index: 5;
    padding: 19px 19px 23px 22px;
    width: 257px;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 0px;
    background-color: #f2f3f6;
    overflow-x: scroll;
  }
  .multiNavOutterDivBanner {
    display: block;
    z-index: 5;
    padding: 70px 19px 23px 22px;
    width: 257px;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 0px;
    background-color: #f2f3f6;
  }
  .nav2Container {
    display: none;
  }
  .secondary-panel {
    display: none;
  }
  .mobile-side-panel {
    display: inline-block;
  }
  .sp-button div {
    vertical-align: middle;
  }
  .sp-button path {
    height: 100%;
    vertical-align: middle;
  }
  .sp-button img {
    height: 50%;
    vertical-align: middle;
  }
  .mobile-side-panel-bg-closer {
    display: inline-block;
  }
  .mobile-side-panel-bg-closer-multi {
    display: inline-block;
  }
  /* .sp-button-container:hover {
    background-color: #007bd0;
    opacity: 1;
  }

  .sp-button-container:active {
    background-color: #007bd0;
    opacity: 1;
  } */

  /* .expanded-nav {
    left: 70px;
  } */

  .expanded-nav li {
    margin-left: 0px;
  }
}

@media only screen and (max-height: 700px) {
  .hide-carrot-short {
    display: none;
  }

  .nav-bar-short {
    padding: 0;
    margin: 0;
    width: inherit;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: scroll;
  }

  /* .secondary-menu-short {
    overflow: scroll;
    height: calc(100vh - 95px);
  } */
}

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

.custom-action-wrapper {
  max-width: 600px;
}

.checkBoxes {
  display: block;
  margin-bottom: 50px;
  float: left;
}

.checkBoxes div {
  margin-right: 147px;
}

.custom-action-save {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 56px;
}

.custom-action-save-flex {
  display: flex;
    flex-direction: column;
    align-items: center;
}

.drop_down_div {
  display: flex;
  margin-top: 15px;
}

.drop_down_div div {
  margin-right: 20px;
}

@media only screen and (max-width: 1250px) {
  .checkBoxes div {
    margin-right: 75px;
  }
  .checkbox-text {
    text-align: left;
    width: 160px;
  }
}

@media only screen and (max-width: 800px) {
  .custom-action-wrapper {
    margin-left: -15px;
  }

  .checkBoxes {
    margin-left: 20px;
  }

  .custom-action-save {
    margin-left: 20px;
    justify-content: left;
    width: 95%;
  }
}

/* input sizes  */

.msgSettShortInput {
  width: 65px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #818181;
  outline: none;
  padding-left: 40px;
}
.msgTextarea {
  width: 848px;
  height: 100px;
}

.newPhoneInput {
  border: 1px solid #d9d9d9;
  padding: 0px;
  border-radius: 6px;
  line-height: 1.5715;
  height: 32px;
}

.newPhoneInput:focus-within {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.newPhoneInput-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.25);
}

.msgSettTextarea {
  padding-top: 20px;
  padding-left: 18px;
  width: 848px;
  height: 100px;
  border-radius: 3px;
  border: solid 1px #818181;
  outline: none;
}
.msgSetSegmentTitle {
  text-align: left;
  margin-bottom: 32px;
}
.msgSetSegmentTitle img {
  margin-right: 14px;
  vertical-align: middle;
}
.msgSetSegmentTitle path {
  opacity: 1;
}
.msgSetSegmentTitle span {
  font-size: 14px;
  /* text-align: left; */
  font-family: Poppins;
  line-height: 27px;
  font-weight: 500;
  color: #000000;
}

.settingSave {
  display: flex;
  justify-content: center;
}

/* upload input button style area */

#redX {
  position: absolute;
  right: 30px;
  top: 18px;
  z-index: 10;
  display: none;
}

#redX_active {
  position: absolute;
  right: 30px;
  top: 18px;
  z-index: 10;
  display: block;
}

.upload_label {
  height: 35px;
  display: block;
  padding-top: 13px;
  z-index: 15;
}

.upload_label.active {
  opacity: 0.5;
}

.inputfile_red {
  display: none;
  z-index: 10;
}

#upload_div {
  width: 267px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #818181;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #33aafc;
  position: relative;
}

#upload_div_active {
  width: 267px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #818181;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  padding-left: 15px;
  text-align: left;
  color: #000000;
  position: relative;
}

#upload_div_two {
  width: 267px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #818181;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #33aafc;
  position: relative;
}

#upload_div_active_two {
  width: 267px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #818181;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  padding-left: 15px;
  text-align: left;
  color: #000000;
  position: relative;
}

/* media */

@media only screen and (max-width: 1200px) {
  .msgSettShortInput {
    float: left;
  }

  .msgTextarea {
    width: 500px;
    height: 100px;
  }

  .msgSettTextarea {
    width: 500px;
    float: left;
    height: 100px;
  }
  .settingSave {
    float: left;
  }
}

@media only screen and (max-width: 800px) {
  .msgSetSegmentTitle {
    padding-left: 20px;
  }

  .msgSettShortInput {
    margin-left: 20px;
  }

  .msgTextarea {
    width: 320px;
    height: 200px;
  }

  .msgSettTextarea {
    margin-left: 20px;
    width: 400px;
    padding-top: 10px;
    padding-left: 15px;
  }

  #upload_div {
    margin-left: 20px;
  }

  #upload_div_active {
    margin-left: 20px;
  }

  #upload_div_two {
    margin-left: 20px;
  }

  #upload_div_active_two {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 450px) {
  .msgSettTextarea {
    width: 350px;
  }
}

.choose-file-div {
  align-self: center;
}

.choose-file-btn {
  width: 118px;
  height: 20px;
  /* margin: 0 0 20px;
  padding: 14px 11px 14px 12px; */
  display: flex;
  justify-self: center;
  justify-content: space-between;
  border-radius: 3px;
  background-color: #FAFAFA;
  border: none;
  color: #1769AF;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.container {
  margin-top: 52px;
}

.container p {
  color: red;
  text-align: center;
}

.drop-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FAFAFA;
  width: 100%;
  height: 295px;
  /* border: 1px dashed #818181; */
  border-radius: 3px;
  margin-top: 20px;
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27gray%27 stroke-width=%272%27 stroke-dasharray=%273%2c 6%27 stroke-dashoffset=%270%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
.table-container {
  display: flex;
  justify-content: space-between;
}

.import-table {
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 100%;
  border: solid 1px #818181;
  border-radius: 3px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  overflow-x: auto;
  white-space: nowrap;
  display: block;
}

.import-header {
  background-color: #f3f3f3;
  padding: 0;
  margin: 0;
}

.cell {
  height: 47px;
  font-size: 12px;
  border: solid 0.25px #d0d0d0;
  padding: 0;
  margin: 0;
  padding: 0 14px;
  text-align: left;
  white-space: nowrap;
}

.border-cells {
  background-color: #f3f3f3;
  font-weight: 600;
}

.highlighted-cells {
  background-color: #e8f6ff;
}

.confirm-table {
  width: 100%;
  max-width: 582px;
  border: solid 1px #818181;
  border-radius: 3px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  overflow-x: auto;
  white-space: nowrap;
  display: block;
  margin-bottom: 29px;
}

.confirm-cells {
  width: 100%;
}

.bold {
  font-weight: 600;
}

.header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 53px;
}

.column {
  flex-direction: column;
}

.upload-data-container {
  margin: 50px 250px;
}

.import-positive-button {
  width: 140px;
  border: none;
  color: #fff;
  height: 45px;
  font-weight: 600;
  font-size: 13px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #33AAFC;
  margin-right: 14px;
}

.import-cancel-button {
  width: 140px;
  border: solid 1px #33AAFC;
  color: #33AAFC;
  height: 45px;
  font-weight: 600;
  font-size: 13px;
  border-radius: 3px;
  border-width: 2px;
  cursor: pointer;
  background-color: #fff;
  margin-top: 60px;
  display: block;
}

.disabled-button {
  cursor: not-allowed;
  background-color: #818181;
  border: none;
  margin-right: 14px;
  color: #fff;
}

.text-gray {
  color: #a0a0a0;
}

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

.align-items-center {
  align-items: center;
}

.chooseFileMarginTop {
  margin-top: 90px;
}

.drag-files-span {
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  padding: 15px;
}

.or-span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 15px;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 288px;
  height: 180px;
  padding: 32px 24px;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  background-color: #fff;
  scroll-snap-align: start;
}

.cb-integrations-card:hover {
  background-color: #f2f3f6;
  /* stylelint-disable-next-line */
  box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.cb-integrations-card__header {
  display: flex;
  flex: 1 1;
  gap: 16px;
  align-items: center;
  justify-content: center;
  color: #000;
}

.cb-integrations-card__footer {
  display: flex;
  flex: 1 1;
  align-items: flex-end;
  justify-content: center;
  color: #1769af;
  font-weight: 600;
  line-height: 1;
}

.cb-integrations-card__footer span {
  margin-right: 8px;
}

.cb-integrations-card__image img {
  width: 100%;
  max-width: 48px;
  height: 100%;
  max-height: 48px;
}

.cb-integrations-card__image-lg img {
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 60px;
}

.cb-integrations-card__title {
  font-weight: 600;
  font-size: 16px;
  text-align: left;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-cards {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}

.cb-integrations-cards::-webkit-scrollbar {
  height: 20px;
}

.cb-integrations-cards::-webkit-scrollbar-track {
  background-color: transparent;
}

.cb-integrations-cards::-webkit-scrollbar-thumb {
  border: 6px solid transparent;
  border-radius: 20px;
  background-color: #d6dee1;
  background-clip: content-box;
}

.cb-integrations-cards::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations {
  width: 100%;
}

.cb-integrations .layoutDesc {
  margin-top: 34px;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.cb-integrations .layoutTitle {
  margin: 0;
  color: #000;
  font-weight: bold;
  font-size: 26px;
  line-height: 40px;
}

.cb-chip {
  padding: 6px;
  border-radius: 4px;
  background: #e8f4ff;
  color: #33aafc;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-modal {
  position: relative;
  text-align: center;
}

.cb-integrations-modal__title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.cb-integrations-modal__subtitle {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 13px;
}

.cb-integrations-modal__error {
  position: relative;
  top: -12px;
  color: #ff7a7a;
  font-size: 12px;
  line-height: 18px;
}

.cb-integrations-modal__input-error input::placeholder {
  color: #ff7a7a;
  font-weight: 500;
}

.cb-integrations-modal__loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: #fff;
  color: #979797;
}

.cb-integrations-modal__loader span:first-child {
  margin-bottom: 24px;
  font-size: 24px;
}

.cb-integrations-modal__loader span:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-modal {
  position: relative;
  text-align: center;
}

.cb-integrations-modal__title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.cb-integrations-modal__subtitle {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 13px;
}

.cb-integrations-modal__error {
  position: relative;
  top: -12px;
  color: #ff7a7a;
  font-size: 12px;
  line-height: 18px;
}

.cb-integrations-modal__input-error input::placeholder {
  color: #ff7a7a;
  font-weight: 500;
}

.cb-integrations-modal__loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: #fff;
  color: #979797;
}

.cb-integrations-modal__loader span:first-child {
  margin-bottom: 24px;
  font-size: 24px;
}

.cb-integrations-modal__loader span:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-pop-confirm__link {
  color: #33aafc;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-pop-confirm__link {
  color: #33aafc;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.cb-integrations-pop-confirm__link__disabled {
  color: gray;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  cursor: default;
  pointer-events: none;
}


/* stylelint-disable selector-class-pattern */
.cb-integrations-pop-confirm__link {
  color: #33aafc;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-pop-confirm__link {
  color: #33aafc;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-details .layout-header {
  width: 100%;
  max-width: 800px;
}

.cb-integrations-details .layout-actions {
  align-items: center;
}

.cb-integrations-details__helper {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 32px;
  color: #33aafc;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.cb-integrations-details__header {
  margin-bottom: 32px;
  border-radius: 6px;
}

.cb-integrations-details__body {
  max-width: 800px;
  font-weight: 500;
  text-align: left;
}

.cb-integrations-details__title {
  font-weight: 600;
}

.cb-integrations-details__section {
  margin-bottom: 32px;
}

.cb-integrations-details__list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.cb-integrations-details__list li {
  margin-bottom: 16px;
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.cb-integrations-details__list li::before {
  content: '\2022';
  padding-right: 5px;
}

.cb-integrations-details__form-footer {
  margin-bottom: 0 !important;
}

.cb-integrations-details__form-footer .ant-form-item-control-input-content {
  display: flex;
  gap: 16px;
}

.cb-integrations-details-google__p {
  margin: 0;
  color: #979797;
  font-weight: 400;
}

.cb-integrations-details-google__p-unsynced {
  margin: 0;
  color: #BDBDBD;
  font-weight: 400;
}

.cb-integrations-details__title-google-unsynced {
  font-weight: 600;
  color: #BDBDBD;
}

.cb-integrations-details-google__container {
  border-radius: 8px;
  background:#F2F3F6;
  padding: 32px;
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.cb-integrations-details-google__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-settings-stores {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  margin-bottom: 50px;
  border-radius: 8px;
  background-color: #f2f3f6;
}

.cb-integrations-settings-stores__loader {
  display: flex;
  flex-direction: column;
  color: #979797;
}

.cb-integrations-settings-stores__loader span:first-child {
  margin-bottom: 24px;
  font-size: 24px;
}

.cb-integrations-settings-stores__loader span:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.cb-integrations-settings-stores__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 580px;
  padding: 24px !important;
}

.cb-integrations-settings-stores__list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.cb-integrations-settings-stores__input-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cb-integrations-settings-stores__input-title {
  margin-bottom: 24px;
  font-weight: 400;
}

.cb-integrations-settings-stores__input-icon {
  flex: 1 1;
  margin-right: 16px;
  margin-bottom: 24px;
  text-align: right !important;
}

.cb-integrations-settings-stores__input {
  width: 100%;
  max-width: 300px;
}

.cb-integrations-settings-stores__input-group div.cb-select .ant-select .ant-select-selector {
  border: 1px solid #818181;
  background-color: #fff;
}

.cb-integrations-settings-stores .cb-pagination-v2 {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.cb-integrations-settings-stores .cb-pagination-v2 .ant-pagination .ant-pagination-prev,
.cb-integrations-settings-stores .cb-pagination-v2 .ant-pagination .ant-pagination-next,
.cb-integrations-settings-stores .cb-pagination-v2 .ant-pagination .ant-pagination-item {
  padding: 2px;
  background: #fff !important;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-settings-options {
  margin-bottom: 32px;
}

.cb-integrations-settings-options__switch {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.cb-integrations-settings-options__switch .ant-switch-checked {
  background: #000;
}

.cb-integrations-settings-options__switch-label {
  margin-left: 12px;
}

.cb-integrations-settings-options__switch-label p:first-child {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
}

.cb-integrations-settings-options__switch-label p:last-child {
  margin: 0;
  color: #979797;
  font-weight: 400;
  font-size: 10px;
}

.cb-integrations-settings-options__modal {
  text-align: center;
}

.cb-integrations-settings-options__modal p {
  font-weight: 600;
  font-size: 16px;
}

.cb-integrations-settings-options__modal-help {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

p.cb-integrations-settings-options__modal-description {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}

.cb-integrations-settings-options__switch-tooltip .ant-tooltip-inner {
  padding: 18px;
  border-radius: 10px;
  background-color: #454545;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  line-height: 18px;
  text-align: justify;
}

.cb-integrations-settings-options__switch-tooltip-icon {
  margin-bottom: 16px;
  margin-left: 6px;
  color: '#9c9c9c';
  font-size: 12px;
}

/* stylelint-disable selector-class-pattern */
.cb-integrations-settings .layout-header {
  width: 100%;
  max-width: 800px;
}

.cb-integrations-settings .layout-actions {
  align-items: center;
}

.cb-integrations-settings__body {
  max-width: 800px;
  font-weight: 500;
  text-align: left;
}

.cb-integrations-settings__title {
  margin: 12px 0;
  font-weight: 600;
  font-size: 16px;
}

.cb-integrations-settings__disabled {
  color: #979797;
}

.cb-integrations-settings__subtitle {
  margin: 12px 0 32px;
  color: #979797;
  font-weight: 400;
  font-size: 10px;
}

.App {
  text-align: center;
  overflow: hidden;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@font-face {
  font-family: 'Poppins';
  font-style: medium;
  /* font-weight: 400; */
  src: local('Poppins'), url(/static/media/Poppins-Medium.4cbed326d43a3e353c4e.ttf) format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: semibold;
  /* font-weight: 400; */
  src: local('Poppins'), url(/static/media/Poppins-SemiBold.b2a13c0b605b121902db.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: regular;
  src: local('Poppins'), url(/static/media/Poppins-Regular.4603832ffdb676d05a8f.ttf) format('truetype');
}


/*# sourceMappingURL=main.7ceb29ea.css.map*/