@font-face{font-family:Segoe;src:url('/font/Segoe UI_0.ttf')}@font-face{font-family:SegoeBold;src:url('/font/Segoe UI Bold_0.ttf')}@font-face{font-family:Digital;src:url(/font/digital-7.ttf)}body,pre,span{margin:0;font-family:Segoe,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#1c0112}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}a{color:inherit;text-decoration:none}*{box-sizing:border-box;letter-spacing:.05em}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes leftToRight{0%{left:-100%}100%{left:0}}


.MuiContainer-root {
  width: 100%;
  display: block;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width:600px) {
  .MuiContainer-root {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.MuiContainer-disableGutters {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width:600px) {
  .MuiContainer-fixed {
    max-width: 600px;
  }
}
@media (min-width:960px) {
  .MuiContainer-fixed {
    max-width: 960px;
  }
}
@media (min-width:1280px) {
  .MuiContainer-fixed {
    max-width: 1280px;
  }
}
@media (min-width:1920px) {
  .MuiContainer-fixed {
    max-width: 1920px;
  }
}
@media (min-width:0px) {
  .MuiContainer-maxWidthXs {
    max-width: 444px;
  }
}
@media (min-width:600px) {
  .MuiContainer-maxWidthSm {
    max-width: 600px;
  }
}
@media (min-width:960px) {
  .MuiContainer-maxWidthMd {
    max-width: 960px;
  }
}
@media (min-width:1280px) {
  .MuiContainer-maxWidthLg {
    max-width: 1280px;
  }
}
@media (min-width:1920px) {
  .MuiContainer-maxWidthXl {
    max-width: 1920px;
  }
}
.jss3 {
  margin: auto;
  padding: 0 20px;
  max-width: 1180px;
}
@media (max-width:959.95px) {
  .jss3 {
    margin: 0px;
    padding: 0px;
  }
}
.jss33 {
  margin: auto;
  padding: 0 20px;
  max-width: 1180px;
  background-color: #1c0112;
}
@media (max-width:959.95px) {
  .jss33 {
    margin: 0px;
    padding: 0px;
  }
}
.jss1 {
  color: #FFF;
  background-color: #2F0A0C;
}
.jss2 {
  position: relative;
  animation: fadeIn ease-in .5s;
  min-height: calc(100vh - 165px);
  transition: all .5s ease-in-out;
  background-size: 100% auto;
  background-color: #2F0A0C;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
}
@media (max-width:959.95px) {
  .jss2 {
    min-height: calc(100vh - 185px);
    background-size: 140% auto;
  }
}
@media (max-width:599.95px) {
  .jss2 {
    min-height: calc(100vh - 155px);
    background-size: 150% auto;
  }
}
.jss48 {
  border: 1px solid #000;
  cursor: pointer;
  height: 40px;
  display: inline-flex;
  padding: 10px;
  position: relative;
  min-width: 210px;
  max-height: 100%;
  align-items: center;
  border-radius: 5px;
  justify-content: space-between;
  background-color: transparent;
}
@media (max-width:959.95px) {
  .jss48 {
    height: 30px;
    display: flex;
    padding: 0 5px 0 5px;
    max-width: 140px;
    min-width: 120px;
    max-height: 40px;
    margin-left: 10px;
  }
}
@media (max-width:599.95px) {
  .jss48 {
    height: 25px;
    display: flex;
    padding: 0 5px 0 5px;
    max-width: 120px;
    min-width: 100px;
    max-height: 40px;
    margin-left: 10px;
  }
}
.jss49 {
  height: 100%;
}
@media (max-width:959.95px) {
  .jss49 {
    height: 43%;
  }
}
.jss50 {
  height: 100%;
}
.jss51 {
  color: #000;
  padding: 0 10px;
  font-size: 16.5px;
}
@media (max-width:959.95px) {
  .jss51 {
    padding: 0 1vw;
    font-size: 14px;
  }
}
@media (max-width:599.95px) {
  .jss51 {
    padding: 0 1vw;
    font-size: 12px;
  }
}
.jss52 {
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #000;
  z-index: 1101;
  position: absolute;
  min-width: 210px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);;
}
.jss53 {
  width: 100%;
  height: 45px;
  display: inline-flex;
  padding: 10px 10px;
  align-items: center;
}
@media (max-width:959.95px) {
  .jss53 {
    height: 30px;
    padding: 1vw;
    min-width: 160;
  }
}
.jss53:hover {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.6);;
}
.jss54 {
  width: 100%;
  height: 45px;
  display: inline-flex;
  padding: 10px 10px;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);;
}
@media (max-width:959.95px) {
  .jss54 {
    height: 30px;
    padding: 1vw;
    min-width: 160;
  }
}
.jss55 {
  color: #FFF;
  margin-left: 20px;
}
.jss69 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #2e041c;
}
@media (max-width:959.95px) {
  .jss69 {
    font-size: 2vw;
  }
}
.jss70 {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media (max-width:959.95px) {
  .jss70 {
    height: 40px;
  }
}
@media (max-width:599.95px) {
  .jss70 {
    height: 30px;
  }
}
.jss71 span {
  font-size: 26.0px;
}
@media (max-width:959.95px) {
  .jss71 span {
    font-size: 3.3vw;
  }
}
@media (max-width:599.95px) {
  .jss71 span {
    font-size: 4vw;
  }
}
.jss72 {
  width: auto;
  height: 100%;
}
.jss73 {
  width: 100%;
  display: flex;
  padding: 10px 0px 10px 0px;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.jss74 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0.3;
  z-index: 0;
  position: absolute;
}
.jss75 {
  color: #fff;
  width: 35px;
  height: 50px;
  margin: 3px;
  display: flex;
  padding: 1px;
  z-index: 1;
  font-size: 28px;
  align-items: center;
  font-family: SegoeBold;
  border-radius: 5px;
  justify-content: center;
  background-color: #de5c04;
}
@media (max-width:959.95px) {
  .jss75 {
    width: 35px;
    height: 43px;
    margin: 2px;
    font-size: 24px;
    border-radius: 4px;
  }
}
@media (max-width:599.95px) {
  .jss75 {
    width: 6vw;
    height: 7.5vw;
    margin: 1px;
    font-size: 5vw;
    border-radius: 2px;
  }
}
.jss40 {
  flex: 100%;
  display: flex;
  position: relative;
  align-items: flex-start;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  background-color: #2e041c;
}
@media (max-width:959.95px) {
  .jss40 {
    width: 100%;
    max-width: 1560px;
  }
}
.jss41 {
  display: flex;
  position: relative;
  align-items: flex-end;
  vertical-align: text-bottom;
  justify-content: flex-start;
}
@media (max-width:599.95px) {
  .jss41 {
    width: 100%;
    justify-content: center;
  }
}
.jss41 span {
  color: #ffbd76;
  height: auto;
  margin: 0px;
  display: inline-block;
  font-size: 26.0px;
  align-items: flex-start;
  font-family: SegoeBold;
  text-transform: uppercase;
  vertical-align: middle;
  justify-content: flex-end;
}
@media (max-width:959.95px) {
  .jss41 span {
    font-size: 3.3vw;
  }
}
@media (max-width:599.95px) {
  .jss41 span {
    font-size: 4.2vw;
  }
}
.jss42 {
  height: 40px;
  display: flex;
  align-items: flex-end;
  vertical-align: text-bottom;
  justify-content: flex-end;
}
.jss42 span {
  color: #ffbd76;
  height: auto;
  margin: 0px;
  display: inline-block;
  font-size: 26.0px;
  align-items: flex-start;
  font-family: SegoeBold;
  text-transform: uppercase;
  vertical-align: bottom;
  justify-content: flex-end;
}
@media (max-width:959.95px) {
  .jss42 span {
    font-size: 3.3vw;
  }
}
@media (max-width:599.95px) {
  .jss42 span {
    font-size: 4.2vw;
  }
}
.jss43 {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
@media (max-width:959.95px) {
  .jss43 {
    font-size: 2vw;
  }
}
.jss44 {
  flex: 1;
  display: flex;
  justify-content: center;
}
.jss45 {
  padding-left: 20px;
}
@media (max-width:959.95px) {
  .jss45 {
    padding-left: 6.25vw;
  }
}
.jss46 {
  width: 80px;
  height: 100%;
  display: flex;
  position: relative;
}
.jss47 {
  left: 0px;
  width: auto;
  bottom: 0px;
  height: 60px;
  margin: 2px 2px 0px 2px;
  position: absolute;
}
@media (max-width:959.95px) {
  .jss47 {
    height: 60px;
    margin: 2px 2px 0px 2px;
  }
}
@media (max-width:599.95px) {
  .jss47 {
    height: 50px;
    margin: 2px 2px 0px 2px;
  }
}
.jss63 {
  width: 100%;
  overflow: hidden;
  font-size: 26.0px;
  border-spacing: 0px;
}
.jss63 table {
  overflow: hidden;
  border-collapse: collapse;
}
@media (max-width:959.95px) {
  .jss63 {
    font-size: 3.3vw;
  }
}
.jss64 tr {
  height: 60px;
  background-color: #29184e;
}
.jss64 th {
  text-align: left;
}
@media (max-width:959.95px) {
  .jss64 tr {
    height: 9.375vw;
  }
}
.jss65 tr {
  height: 40px;
}
@media (max-width:959.95px) {
  .jss65 tr {
    height: 6.25vw;
  }
}
.jss66 {
  display: flex;
  margin-top: 5px;
  align-items: center;
  margin-bottom: 5px;
  flex-direction: colum;
  justify-content: center;
}
.jss67 {
  color: #fff;
  width: 35px;
  height: 50px;
  margin: 5px;
  display: flex;
  padding: 1px;
  font-size: 28px;
  box-sizing: content-box;
  align-items: center;
  font-family: SegoeBold;
  border-radius: 5px;
  justify-content: center;
  background-color: #8a0321;
}
@media (max-width:959.95px) {
  .jss67 {
    width: 35px;
    height: 43px;
    margin: 2px;
    font-size: 24px;
    border-radius: 4px;
  }
}
@media (max-width:599.95px) {
  .jss67 {
    width: 6vw;
    height: 7.5vw;
    margin: 1px;
    font-size: 5vw;
    border-radius: 2px;
  }
}
.jss57 {
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: #2e041c;
}
@media (max-width:959.95px) {
  .jss57 {
    margin-bottom: 10px;
  }
}
@media (max-width:599.95px) {
  .jss57 {
    margin-bottom: 5px;
  }
}
.jss59 {
  width: 100%;
  margin: 1px;
  display: inline-block;
}
@media (max-width:959.95px) {
  .jss59 {
    width: 100%;
  }
}
.jss60 {
  display: flex;
  position: relative;
  align-items: flex-end;
  margin-left: 10px;
}
.jss60 span {
  color: #d92c2e;
  height: 35px;
  margin: 0px;
  font-size: 26.0px;
  font-family: SegoeBold;
}
@media (max-width:959.95px) {
  .jss60 span {
    font-size: 3.3vw;
  }
}
@media (max-width:599.95px) {
  .jss60 span {
    font-size: 4.2vw;
  }
}
.jss61 {
  width: auto;
  height: 12px;
  margin: 2px 2px 0px 2px;
}
@media (max-width:959.95px) {
  .jss61 {
    margin: 2px 2px 0px 2px;
  }
}
.jss17 {
  display: flex;
  min-height: 100%;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
@media (max-width:959.95px) {
  .jss17 {
    flex-direction: column;
  }
}
.jss18 {
  width: 100%;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 15px;
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width:959.95px) {
  .jss18 {
    justify-content: center;
  }
}
.jss18 span {
  padding: 0 0 0 15px;
}
.jss18 :nth-child(1) {
  color: #fff;
}
.jss18 :nth-child(2) {
  color: #1ab50d;
}
.jss18 :nth-child(3) {
  color: #ffbb02;
}
@media (max-width:959.95px) {
  .jss18 span {
    padding: 0 0 0 10px;
    font-size: 2vw;
  }
}
.jss19 {
  width: 200px;
  height: 490px;
  display: flex;
  position: relative;
  flex-flow: column;
  align-items: center;
  margin-right: 10px;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-width:959.95px) {
  .jss19 {
    width: 100%;
    height: 40px;
    margin-right: 0;
    flex-direction: row;
  }
}
@media (max-width:599.95px) {
  .jss19 {
    width: 100%;
    height: 28px;
    margin-right: 0;
  }
}
.jss20 {
  width: 100%;
  display: inline-block;
  align-items: center;
  justify-content: center;
}
.jss21 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0.4;
  z-index: 0;
  position: absolute;
  border-radius: 5px;
  background-color: #000;
}
@media (max-width:959.95px) {
  .jss21 {
    opacity: 1;
    border-radius: 0;
    background-color: #640547;
  }
}
@media (max-width:599.95px) {
  .jss21 {
    opacity: 1;
    border-radius: 0;
    background-color: #640547;
  }
}
.jss22 {
  width: 100%;
  cursor: pointer;
  display: flex;
  padding: 15px 5px 15px 20px;
  z-index: 1;
  font-size: 16.5px;
  align-items: center;
  text-transform: uppercase;
  justify-content: flex-start;
}
@media (max-width:959.95px) {
  .jss22 {
    padding: 10px 10px 10px 10px;
    font-size: 2vw;
    justify-content: center;
  }
}
@media (max-width:599.95px) {
  .jss22 {
    padding: 10px 2px 10px 2px;
    font-size: 2.5vw;
    justify-content: center;
  }
}
.jss23 {
  width: 100%;
  cursor: pointer;
  display: flex;
  padding: 15px 5px 15px 20px;
  z-index: 1;
  font-size: 16.5px;
  align-items: center;
  text-transform: uppercase;
  justify-content: flex-start;
  background-color: #99086f;
  background-image: linear-gradient(to right, #9f0020, #9f255d);
}
@media (max-width:959.95px) {
  .jss23 {
    height: 100%;
    padding: 0px 10px 0px 10px;
    font-size: 2vw;
    border-bottom: 2px solid #f39615;
    justify-content: center;
    background-color: #99086f;
    background-image: none;
  }
}
@media (max-width:599.95px) {
  .jss23 {
    height: 100%;
    padding: 0px 2px 0px 2px;
    font-size: 2.5vw;
    border-bottom: 2px solid #f39615;
    justify-content: center;
    background-color: #99086f;
    background-image: none;
  }
}
.jss24 {
  right: 0;
  display: flex;
  position: absolute;
  font-size: 30px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.jss34 {
  display: flex;
  padding: 20px 0 10px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:959.95px) {
  .jss34 {
    padding: 0px 0 0px;
  }
}
.jss35 {
  display: flex;
  padding: 20px 0 10px;
  align-items: center;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss35 {
    width: 100%;
    height: 40px;
    padding: 0px 0px 0px 0px;
    font-size: 2.5vw;
    background-color: #2e041c;
  }
}
@media (max-width:599.95px) {
  .jss35 {
    width: 100%;
    height: 30px;
    padding: 0px 0px 0px 0px;
    font-size: 2.5vw;
    background-color: #2e041c;
  }
}
.jss36 {
  color: #000;
  display: flex;
  align-items: flex-start;
  margin-right: 45px;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss36 {
    color: white;
    width: 34%;
    height: 100%;
    display: flex;
    font-size: 2.0vw;
    align-items: center;
    margin-right: 0px;
    justify-content: flex-start;
  }
}
@media (max-width:599.95px) {
  .jss36 {
    color: white;
    width: 34%;
    height: 100%;
    display: flex;
    font-size: 2.5vw;
    align-items: center;
    margin-right: 0px;
    justify-content: flex-start;
  }
}
.jss37 {
  color: #000;
  margin-right: 45px;
}
@media (max-width:959.95px) {
  .jss37 {
    color: white;
    width: 34%;
    height: 100%;
    display: flex;
    font-size: 2.0vw;
    align-items: center;
    margin-right: 0px;
    justify-content: center;
  }
}
@media (max-width:599.95px) {
  .jss37 {
    color: white;
    width: 34%;
    height: 100%;
    display: flex;
    font-size: 2.5vw;
    align-items: center;
    margin-right: 0px;
    justify-content: center;
  }
}
.jss38 {
  color: #000;
  display: flex;
  font-family: SegoeBold;
}
@media (max-width:959.95px) {
  .jss38 {
    color: #fff;
    width: 100%;
    height: 100%;
    align-items: center;
    margin-right: 0px;
    justify-content: center;
    background-color: #8a0321;
  }
}
.jss39 {
  color: #000;
  display: flex;
}
@media (max-width:959.95px) {
  .jss39 {
    color: white;
    width: 100%;
    height: 100%;
    align-items: center;
    margin-right: 0px;
    justify-content: center;
  }
}
.jss25 {
  height: 90px;
  display: flex;
  justify-content: center;
  background-color: #1c0112;
}
@media (max-width:959.95px) {
  .jss25 {
    height: auto;
    padding: 1vw 0;
  }
}
.jss26 {
  width: 100%;
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jss27 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jss28 {
  margin: 0px 20px 0 20px;
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss28 {
    font-size: 1.55vw;
  }
}
.jss29 {
  width: 100%;
  display: flex;
  font-size: 10px;
  align-items: center;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss29 {
    font-size: 2vw;
    align-items: center;
  }
}
.jss29 span {
  font-size: 16.5px;
  word-wrap: break-word;
  margin-left: 3px;
  margin-right: 3px;
}
@media (max-width:959.95px) {
  .jss29 span {
    font-size: 1.8vw;
  }
}
.jss30 {
  margin-top: 10px;
}
.jss31 {
  height: 60px;
  margin: 5px;
}
@media (max-width:959.95px) {
  .jss31 {
    height: 55px;
    margin: 2px;
  }
}
@media (max-width:599.95px) {
  .jss31 {
    height: 8.5vw;
    margin: 1px;
  }
}
.jss32 {
  height: 20px;
  margin: 5px;
}
@media (max-width:959.95px) {
  .jss32 {
    height: 20px;
  }
}
@media (max-width:599.95px) {
  .jss32 {
    height: 4vw;
  }
}
.jss4 {
  width: 100%;
  display: flex;
  position: relative;
  min-height: calc(100vw / 1920 * 300);
  align-items: flex-end;
  margin-bottom: 5px;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss4 {
    min-height: calc(100vw / 1920 * 780);
  }
  .jss4 ball__left {
    display: flex;
  }
}
.jss5 {
  width: 100%;
  display: flex;
  position: relative;
  min-height: calc(100vw / 1920 * 430);
  align-items: flex-end;
  margin-bottom: 5px;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss5 {
    min-height: calc(100vw / 1920 * 780);
  }
  .jss5 ball__left {
    display: flex;
  }
}
@media (max-width:599.95px) {
  .jss5 {
    min-height: calc(100vw / 1920 * 780);
  }
  .jss5 ball__left {
    display: flex;
  }
}
.jss6 {
  top: 15%;
  left: 50%;
  width: 40%;
  position: absolute;
  transform: translateX(-50%);
}
@media (max-width:959.95px) {
  .jss6 {
    top: 30%;
    left: 50%;
    width: 60%;
  }
}
.jss7 {
  left: 50%;
  width: 38%;
  bottom: 55%;
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
}
@media (max-width:1279.95px) {
  .jss7 {
    bottom: 130px;
  }
}
@media (max-width:959.95px) {
  .jss7 {
    top: 15%;
    left: 50%;
    width: 50%;
  }
}
.jss8 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.jss9 {
  display: flex;
  z-index: 1;
  align-items: center;
  text-transform: uppercase;
  justify-content: flex-start;
}
.jss9 span {
  padding: 5px;
  font-size: 26.0px;
  font-family: SegoeBold;
}
@media (max-width:959.95px) {
  .jss9 {
    margin: 0 20px 0 20px;
  }
}
@media (max-width:959.95px) {
  .jss9 span {
    font-size: 3.3vw;
  }
}
.jss10 {
  width: 80px;
  height: 80px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss10 {
    width: 8vw;
    height: 8vw;
  }
}
@media (max-width:599.95px) {
  .jss10 {
    width: 10vw;
    height: 10vw;
  }
}
.jss10 span {
  z-index: 1;
  font-size: 50px;
  font-family: Digital;
}
@media (max-width:959.95px) {
  .jss10 span {
    font-size: 5.5vw;
  }
}
.jss11 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.jss11 span {
  z-index: 1;
  font-size: 50px;
  font-family: Digital;
}
@media (max-width:959.95px) {
  .jss11 span {
    font-size: 4.5vw;
  }
}
.jss12 {
  color: white;
  margin: 1px;
  display: flex;
  font-size: 16.5px;
  align-items: center;
  justify-content: center;
}
.jss12 span {
  margin: 1px;
  text-align: left;
}
@media (max-width:959.95px) {
  .jss12 {
    margin: 0 20px 0 20px;
    font-size: 2vw;
  }
}
.jss13 {
  color: white;
  margin: 1px;
  display: flex;
  font-size: 16.5px;
  font-family: SegoeBold;
}
.jss13 span {
  margin: 1px;
  font-size: 16.5px;
  text-align: center;
  font-family: SegoeBold;
}
@media (max-width:959.95px) {
  .jss13 span {
    font-size: 2vw;
  }
}
.jss14 {
  margin: 10px;
  display: flex;
  font-size: 16.5px;
  text-align: left;
  align-items: flex-start;
  white-space: pre-wrap;
  justify-content: flex-start;
}
@media (max-width:959.95px) {
  .jss14 {
    margin: 0 20px 0 20px;
    font-size: 2vw;
  }
}


.jss884 {
  width: 100%;
  display: flex;
  margin-bottom: 2vh;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width:959.95px) {
  .jss884 {
    font-size: 2.5vw;
  }
}
@media (max-width:599.95px) {
  .jss884 {
    font-size: 2.8vw;
  }
}
.jss885 {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
}
.jss885 div {
  width: 100%;
  height: 60px;
}
.jss885 th:nth-child(1) {
  border-top-left-radius: 6px;
}
.jss885 th:nth-child(2) {
  border-top-right-radius: 6px;
}
@media (max-width:959.95px) {
  .jss885 div {
    height: 50px;
  }
}
@media (max-width:599.95px) {
  .jss885 div {
    height: 40px;
  }
}
.jss886 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-color: #1c0414;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media (max-width:959.95px) {
  .jss886 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.jss886 :nth-child(1) {
  padding-left: 10px;
}
.jss886 div {
  height: 40px;
  text-align: center;
}
.jss887 {
  height: 40px;
  display: flex;
  align-items: center;
  font-family: SegoeBold;
  justify-content: center;
}
.jss888 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jss888 div {
  text-align: center;
}
.jss889 {
  color: white;
  width: 100%;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
}
.jss890 {
  color: white;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: flex-end;
}
.jss891 {
  color: white;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width:959.95px) {
  .jss891 {
    color: red;
    font-size: 2.0vw;
  }
}
@media (max-width:599.95px) {
  .jss891 {
    color: red;
    font-size: 2.2vw;
  }
}
.jss892 {
  color: white;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jss893 {
  color: white;
  width: 30px;
  height: 40px;
  margin: 3px;
  display: flex;
  box-sizing: content-box;
  max-height: 30xp;
  align-items: center;
  font-family: SegoeBold;
  border-radius: 5px;
  justify-content: center;
  background-color: black;
}
@media (max-width:599.95px) {
  .jss893 {
    width: 5.5vw;
    height: 6.2vw;
    border-radius: 3px;
  }
}
.jss894 {
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
  align-items: center;
  border-bottom: 1px solid black;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss894 {
    height: 50px;
  }
}
@media (max-width:599.95px) {
  .jss894 {
    height: 40px;
  }
}
.jss895 {
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
  border-top: 0px solid black;
  align-items: center;
  border-left: 0px solid black;
  border-right: 0px solid black;
  border-style: inset;
  border-bottom: 1px solid black;
  justify-content: space-round;
  background-color: #490b32;
}
@media (max-width:959.95px) {
  .jss895 {
    height: 50px;
  }
}
@media (max-width:599.95px) {
  .jss895 {
    height: 40px;
  }
}
.jss896 {
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 1px);
  display: flex;
  z-index: 0;
  position: absolute;
  border-bottom: 1px solid black;
  background-color: #2c041e;
}
.jss897 {
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 1px);
  display: flex;
  z-index: 0;
  position: absolute;
  border-bottom: 1px solid black;
  background-color: #490b32;
}

.jss898 {
  right: 10px;
  width: auto;
  bottom: 40%;
  display: flex;
  z-index: 2;
  position: absolute;
  font-size: 30px;
  max-width: 190px;
  min-width: 90px;
  transform: translate(0, 50%);
  align-items: flex-start;
  border-radius: 5px;
  flex-direction: column;
  pointer-events: none;
  justify-content: flex-start;
  background-color: white;
}
@media (max-width:959.95px) {
  .jss898 {
    min-width: 50px;
  }
}
@media (max-width:599.95px) {
  .jss898 {
    max-width: 120px;
    min-width: 90px;
  }
}
.jss900 {
  width: 100%;
  margin: 1px;
  display: inline-block;
}
@media (max-width:959.95px) {
  .jss900 {
    width: 100%;
  }
}
.jss901 {
  width: 100%;
  display: flex;
  padding: 5px;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background-image: linear-gradient(to right, #d82363 , #bd1038);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media (max-width:959.95px) {
  .jss901 {
    padding: 5px;
  }
}
.jss901 span {
  color: white;
  margin: 0px;
  display: flex;
  font-size: 12.5px;
  align-items: center;
  font-family: SegoeBold;
  justify-content: flex-start;
}
@media (max-width:599.95px) {
  .jss901 span {
    font-size: 1.8vw;
  }
}
.jss902 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.jss902 pre {
  flex: 0.5;
  color: black;
  margin: 0px;
  display: flex;
  font-size: 12.5px;
  align-items: center;
  justify-content: flex-start;
}
.jss902 :nth-child(2) {
  justify-content: flex-end;
}
@media (max-width:599.95px) {
  .jss902 pre {
    font-size: 1.8vw;
  }
}
.jss903 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.jss903 span {
  color: black;
  margin: 0px;
  display: flex;
  font-size: 12.5px;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width:599.95px) {
  .jss903 span {
    font-size: 1.8vw;
  }
}
.jss904 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
.jss904 span {
  color: black;
  width: 50%;
  margin: 0px;
  display: flex;
  font-size: 12.5px;
  align-items: center;
  justify-content: center;
}
@media (max-width:959.95px) {
  .jss904 span {
    width: 50%;
    font-size: 1.8vw;
  }
}
@media (max-width:599.95px) {
  .jss904 span {
    font-size: 1.8vw;
  }
}
.jss905 {
  width: auto;
  height: 12px;
  margin: 2px 2px 0px 2px;
}
@media (max-width:959.95px) {
  .jss905 {
    margin: 2px 2px 0px 2px;
  }
}
.jss906 {
  font-family: SegoeBold;
}


.jss239 {
  display: flex;
  min-height: 100%;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
@media (max-width:959.95px) {
  .jss239 {
    flex-direction: column;
  }
}
.jss240 {
  width: 100%;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 15px;
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width:959.95px) {
  .jss240 {
    justify-content: center;
  }
}
.jss240 span {
  padding: 0 0 0 15px;
}
.jss240 :nth-child(1) {
  color: #fff;
}
.jss240 :nth-child(2) {
  color: #1ab50d;
}
.jss240 :nth-child(3) {
  color: #ffbb02;
}
@media (max-width:959.95px) {
  .jss240 span {
    padding: 0 0 0 10px;
    font-size: 2vw;
  }
}
.jss241 {
  width: 200px;
  height: 490px;
  display: flex;
  position: relative;
  flex-flow: column;
  align-items: center;
  margin-right: 10px;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-width:959.95px) {
  .jss241 {
    width: 100%;
    height: 40px;
    margin-right: 0;
    flex-direction: row;
  }
}
@media (max-width:599.95px) {
  .jss241 {
    width: 100%;
    height: 28px;
    margin-right: 0;
  }
}
.jss242 {
  width: 100%;
  display: inline-block;
  align-items: center;
  justify-content: center;
}
.jss243 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0.4;
  z-index: 0;
  position: absolute;
  border-radius: 5px;
  background-color: #000;
}
@media (max-width:959.95px) {
  .jss243 {
    opacity: 1;
    border-radius: 0;
    background-color: #640547;
  }
}
@media (max-width:599.95px) {
  .jss243 {
    opacity: 1;
    border-radius: 0;
    background-color: #640547;
  }
}
.jss244 {
  width: 100%;
  cursor: pointer;
  display: flex;
  padding: 15px 5px 15px 20px;
  z-index: 1;
  font-size: 16.5px;
  align-items: center;
  text-transform: uppercase;
  justify-content: flex-start;
}
@media (max-width:959.95px) {
  .jss244 {
    padding: 10px 10px 10px 10px;
    font-size: 2vw;
    justify-content: center;
  }
}
@media (max-width:599.95px) {
  .jss244 {
    padding: 10px 2px 10px 2px;
    font-size: 2.5vw;
    justify-content: center;
  }
}
.jss245 {
  width: 100%;
  cursor: pointer;
  display: flex;
  padding: 15px 5px 15px 20px;
  z-index: 1;
  font-size: 16.5px;
  align-items: center;
  text-transform: uppercase;
  justify-content: flex-start;
  background-color: #99086f;
  background-image: linear-gradient(to right, #9f0020, #9f255d);
}
@media (max-width:959.95px) {
  .jss245 {
    height: 100%;
    padding: 0px 10px 0px 10px;
    font-size: 2vw;
    border-bottom: 2px solid #f39615;
    justify-content: center;
    background-color: #99086f;
    background-image: none;
  }
}
@media (max-width:599.95px) {
  .jss245 {
    height: 100%;
    padding: 0px 2px 0px 2px;
    font-size: 2.5vw;
    border-bottom: 2px solid #f39615;
    justify-content: center;
    background-color: #99086f;
    background-image: none;
  }
}
.jss246 {
  right: 0;
  display: flex;
  position: absolute;
  font-size: 30px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}

.jss15 {
  left: 50%;
  bottom: 50%;
  height: 100%;
  z-index: 0;
  position: absolute;
  transform: translate(-50%, 50%);
}
.jss16 {
  left: 50%;
  bottom: 80%;
  height: 200px;
  z-index: 0;
  position: absolute;
  transform: translate(-50%, 50%);
}
@media (max-width:959.95px) {
  .jss16 {
    height: 160px;
  }
}
@media (max-width:599.95px) {
  .jss16 {
    height: 20vw;
  }
}
.edit-user-properties-container{
    position: absolute;
    top: 2rem;
    left: 4rem;
    /* transform: translate(-50%, -50%); */
    color: black;
    display: flex;
}

.all-user-properties-container{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #F5F5FF;
    padding: 2rem;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 20rem;
}

.all-user-properties-header{
    font-size: large;
    font-weight: 600;
    text-align: center;
}

.all-user-properties-search{
    background-color: #F5F5FF;
    border: 1px solid rgba(115, 118, 128, 1);
    color: rgba(115, 118, 128, 1);
    border-radius: 20px;
    width: 15rem;
    height: 32px;
    padding: 0.2rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.all-user-properties-search:focus{
    outline: none;
}

.all-user-properties{
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    height: 25rem;
    overflow: scroll;
}

.user-property{
    display: flex;
    gap: 0.5rem;
}

.selected-user-properties-container{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: white;
    padding: 2rem;
    border-top-right-radius: 8px;
    width: 32rem;
    border-bottom-right-radius: 8px;
}

.selected-user-properties-header{
    display: flex;
    gap: 8rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-around;
}

.header-1{
    font-size: large; 
    font-weight: 600; 
}

.header-2{
    /* margin-right: 1rem; */
}

.selected-user-properties{
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    height: 25rem;
    overflow: scroll;
}

.user-property-item{
    background-color: rgba(248, 248, 248, 1);
    display: flex;
    /* gap: 10rem; */
    position: relative;
    left: 0;
    gap: 1rem;
    align-items: center;
    padding: 0.8rem;
    border-radius: 8px;
    padding: 1rem;
    border-radius: 6px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.user-property-item-name{
     /* font-weight: 600; */
     font-size: 16px; 
     width: 17rem;
}

.selected-user-property-bottom{
    margin-left: 10rem;
}

.selected-user-property-cancel-btn{
    background-color: rgba(255, 255, 255, 1);
    color: rgba(115, 118, 128, 1)   ;
    font-size: large;
    padding: 0.5rem;
    border-radius: 4px;
    width: 8rem;
}

.selected-user-property-apply-btn{
    background-color: rgba(88, 86, 232, 1);
    color: white;
    font-size: large;
    padding: 0.5rem;
    border-radius: 4px;
    width: 8rem;
}


body.dark .selected-user-property-apply-btn {
    color: black;
}.lsq-fields-mapping-con {
    
}
.lsq-fields-mapping-con .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.lsq-fields-mapping-con .top .edit-btn {
    margin-right: 3rem;
}

.lsq-fields-mapping-con .all-fields-con {
    max-height: 28rem;
    overflow: auto;
}

.lsq-fields-mapping-con .lead-details {}
.lsq-fields-mapping-con .activity-details {}
.lsq-fields-mapping-con .opportunity-details {}

.lsq-fields-mapping-con .form-items-con {
    gap: 8px;
}
.lsq-fields-mapping-con .form-items-con .info {
    font-size: 14px;
    color: #309afc;
    font-weight: 500;
    align-items: center;

}
.lsq-fields-mapping-con .form-items-con .form-items{
    flex-wrap: wrap;
    /* gap: 1rem; */
    justify-content: space-between;
}
.lsq-fields-mapping-con .form-items-con .form-items .form-item{
    width: 48%;
}

.lsq-fields-mapping-con .form-items-con .form-items .form-item .title{
    /* flex-grow: 1; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

.lsq-fields-mapping-con .buttons-con{
    margin-top: 1.5rem;
}   
.lsq-fields-mapping-con .buttons-con .save-btn{
    background-color: #309afc;
    /* background: blue; */
    font-size: 18px;
    width: 100%;
    padding: 6px;
    border-radius: 4px;
    color: white;
    font-weight: 600;

}

.lsq-fields-mapping-con .eazybe-form-component-dropdown .top-items{
    margin-bottom: 1rem;
}

.lsq-fields-mapping-con .MuiAutocomplete-inputRoot {
padding: 1px!important;
}.eazybe-form-component {
    width: 100%;
}
.eazybe-form-component-container {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    margin-bottom: 1rem;

}


.eazybe-form-component-container .top-items {
    display: flex;
    font-size: 12px;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

.eazybe-form-component-container .title-container {
    display: flex;
    align-items: center;
    width: 90%;
    overflow: hidden;
    margin-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eazybe-form-component-container .title-text {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dark .eazybe-form-component-container .title-text {
    color: black;
}

.eazybe-form-component-container .required-asterisk {
    flex-shrink: 0;
    margin-left: 2px;
}

.dropdown-gap{
    margin-top: -1rem !important;
}

.form-size-font{
    font-size: 12px !important;
    font-family: 'Poppins' !important;
}

.eazybe-form-component-container .dropdown-item-con {
    /* width: 14vw; */
}
.eazybe-form-component-container .dropdown-item-con .css-2m9kme-MuiFormControl-root {
   width: 100%;
   margin: 0;
}
.eazybe-form-component-container .dropdown-item-con .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
   height: fit-content;
   line-height: unset !important;
   /* height: 3rem; */
    font-weight: 400;
    font-size: 14px;
    height: 2.5rem;
    background: rgba(228, 218, 255, 1);
    border-radius: 5px;
    padding: 5px 8px;
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
}

.eazybe-form-component-container .text-area-item {
    border-radius: 5px;
    resize: none;
    border: 1px solid #D7D8DC;
    background-color: white;
    padding: 6px;
    font-weight: 400;
    font-size: 14px;
    color: #3F4A4B;
    width: 100%;
    height: 6rem;
}
.eazybe-form-component-container .input-item {
    
    height: 2rem;
    /* width: 11rem; */
    width: 100%;
    color: #9baabf;
    border: 1px solid #D7D8DC;
    border-radius: 5px;
    padding: 5px;
    font-weight: 400;
    font-size: 14px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 5px 8px;
    /* background: rgba(228, 218, 255, 1);
    color: rgba(89, 86, 233, 1);
    border: 1px solid rgba(89, 86, 233, 1); */
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
}

.eazybe-form-component-container .css-q8hpuo-MuiFormControl-root {
    margin-top: 6px;
}
.eazybe-form-component-container .css-tzsjye {
    margin-top: 6px;
}

.eazybe-form-component-container .css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
    height: 3rem; 
    font-weight: 400;
    font-size: 14px;
    height: 2.5rem;
    background: rgba(228, 218, 255, 1);
    border-radius: 5px;
    padding: 5px 8px;
    /* color: rgba(89, 86, 233, 1);
    border: 1px solid rgba(89, 86, 233, 1); */
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
}
.eazybe-form-component-container .css-fvipm8 {
    height: 3rem; 
    font-weight: 400;
    font-size: 14px;
    height: 2.5rem;
    background: rgba(228, 218, 255, 1);
    border-radius: 5px;
    padding: 5px 8px;
    /* color: rgba(89, 86, 233, 1);
    border: 1px solid rgba(89, 86, 233, 1); */
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
}

.eazybe-form-component-container .dropdown-item-con .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
    padding: 8.5px 15px!important;
}

.eazybe-form-component-container .dropdown-item-con .css-1d3z3hw-MuiOutlinedInput-notchedOutline  {
    border: none;
}
.eazybe-form-component-container .dropdown-item-con .css-igs3ac {
    border: none;
}

.eazybe-form-component-container .eazybe-time-picker {
width: 100%;
}
.eazybe-form-component-container .eazybe-time-picker .css-1u3bzj6-MuiFormControl-root-MuiTextField-root {
width: 100%;
}

.eazybe-form-component-container .eazybe-form-component-dropdown {
    width: 100%;
}

.eazybe-form-component-container .eazybe-form-component-dependent_pick_list_leadsquared {
    width: 100%;
}

.eazybe-form-component-container .eazybe-form-component-text {
    width: 100%;
}

.eazybe-form-component-container .datetime-item-con {
    margin-top: 1rem;
    border: 1px solid black;
    font-size: 14px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 5px 8px;
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
    width: 100%;

}

.eazybe-form-component-container .datetime-item-con fieldset {
    border: none!important;
 }
 
.eazybe-form-component-container .datepicker-item-con {
    margin-top: 1rem;
    border: 1px solid black;
    font-size: 14px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 5px 8px;
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
    width: 100%;

}
.eazybe-form-component-container .datepicker-item-con .css-1x5jdmq {
    padding: 0!important;
}
.eazybe-form-component-container .datepicker-item-con fieldset {
   border: none!important;
}
.eazybe-form-component-container .datetime-item-con .css-1x5jdmq {
    padding: 0!important;
}
.eazybe-form-component-container .datetime-item-con fieldset {
   border: none!important;
}
.eazybe-form-component-container .number-input-con input{
    margin-top: 1rem;
    border: 1px solid black;
    font-size: 14px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 5px 8px;
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
    width: 100%;
}

/* Add these styles at the end of the file */

/* Quoted Items Table Specific Styles */
.quoted-item-table-field .eazybe-form-component-container {
    margin: 0;
  }
  
  .quoted-item-table-field .eazybe-form-component-container .top-items {
    display: none; /* Hide labels in table cells */
  }
  
  .quoted-item-table-field .eazybe-form-component-container .bottom-item {
    margin: 0;
  }
  
  .quoted-item-table-field .input-item,
  .quoted-item-table-field .MuiOutlinedInput-root,
  .quoted-item-table-field .MuiSelect-select {
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    min-height: 35px;
    padding: 6px 8px;
  }
  
  .quoted-item-table-field .dropdown-item-con {
    margin: 0;
  }
  
  .quoted-item-table-field .searchable-input-container {
    margin: 0;
  }
  
  /* Ensure proper spacing in table cells */
  .quoted-item-table-field .eazybe-form-component {
    margin: 0;
    width: 100%;
  }

  /* Fix text truncation issues in table cells */
  .quoted-item-table-field .eazybe-form-component-container .title-container {
    width: 100% !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
  }

  .quoted-item-table-field .eazybe-form-component-container .title-text {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

  /* Ensure searchable input shows full text */
  .quoted-item-table-field .MuiAutocomplete-root {
    width: 100% !important;
  }

  .quoted-item-table-field .MuiAutocomplete-inputRoot {
    width: 100% !important;
  }

  .quoted-item-table-field .MuiAutocomplete-input {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

  /* Ensure input fields show full text without truncation */
  .quoted-item-table-field .input-item {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

  /* Fix for MUI TextField in searchable input */
  .quoted-item-table-field .MuiTextField-root .MuiInputBase-input {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

@media (max-width: 1600px), (max-height: 720px) {
  .eazybe .tiptap-editor-eazybe {
    height: 1rem !important;
  }
}.edit-btn-commom-crm {
    width: fit-content;
    gap: 6px;
    border: 1px solid #8C90A1;
    padding: 2px 10px;
    border-radius: 4px;
    /* width: 68px; */
    height: 24px;
    justify-content: space-between;
    margin-left: auto;
}
body.dark .edit-btn-commom-crm:hover {
    /* scale: 1.2; */    
    border-color: black;
}

.edit-btn-commom-crm img{
    /* width: 14px; */
    height: 16px;
}

.edit-btn-commom-crm  p{
    color: #8C90A1;
    font-size: 12px;
    font-weight: 600;
}
.save-btn-with-loader-con {
    display: flex;
    border-radius: 20px;
    background-color: #5956E9;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    /* cursor: pointer; */
    width: fit-content;
}

.save-btn-with-loader-con  p {
    color: white;
    /* margin-right: 1rem; */
}

.save-btn-with-loader-con .loader-text {
    color: white;
    margin-left: 10px;
}.leadsquared-fields-mapping-con svg {
    pointer-events: unset!important;
}

.leadsquared-fields-mapping-con .fields-container {
    max-height: 18rem;
    overflow: auto;
    padding-right: 10px;
}.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-title{color:rgba(0,0,0,.75);display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}
.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}
.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.shepherd-crm-icon-sidebar{
    width: 270px !important;
    height: auto !important;
    min-height: 120px !important;
    left: calc(100% - 720px) !important;
}

.shepherd-crm-icon-sidebar .shepherd-content{
    width: 100% !important;
    height: 100% !important;
}

.shepherd-crm-icon-sidebar .shepherd-text{
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
    text-align: center;
    height: 100%;
}

.shepherd-crm-sidebar-profile{
    width: 270px !important;
    height: auto !important;
    min-height: 120px !important;
    left: calc(100% - 720px) !important;
}

.shepherd-crm-sidebar-profile .shepherd-content{
    width: 100%;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px;
}

.shepherd-crm-sidebar-profile .shepherd-header{
    background: white !important;
    padding: 0 !important;
    border: none !important;
}

.shepherd-crm-sidebar-profile .shepherd-header .shepherd-title{
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}

.shepherd-crm-sidebar-profile .shepherd-text{
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
    text-align: center;
}

.shepherd-crm-sidebar-profile .shepherd-header{
    background: white !important;
    padding: 0 !important;
    border: none !important;
}

/* Target footer and primary buttons only in this product tour */
.shepherd-crm-icon-sidebar .shepherd-footer,
.shepherd-crm-sidebar-profile .shepherd-footer {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 15px 15px !important;
}

.shepherd-crm-icon-sidebar .shepherd-footer .shepherd-button-primary,
.shepherd-crm-sidebar-profile .shepherd-footer .shepherd-button-primary {
    width: 100% !important;
}

.shepherd-button-secondary {
    font-size: 14px !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    padding: 6px 16px !important;
}
.goto-whatsapp-hubspot {
    width: 38px;
    box-sizing: content-box;
    padding: 0px;
    position: relative;
    margin: 0px 4px;
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe {
    background-color: #eaf0f6;
    border: 1px solid;
    border-color: #cbd6e2;
    color: #506e91;
    height: 33px;
    width: 33px;
    border-radius: 50%; 
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe svg {
    height: 20px;
    width: 18px;

}
.goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe img {
    /* height: 20px; */
    width: 24px;

}

.goto-whatsapp-hubspot span {
    max-height: 36px;
    line-height: 15px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: keep-all;
    color: rgb(37, 51, 66);
}
.LayoutFullPage.profile-3-column .profile-3-col-sidebar--left {
    flex-basis: 30%;
}


@media screen and (min-width: 1400px) {
    .LayoutFullPage.profile-3-column .profile-3-col-sidebar--left {
      flex-basis: 34%;
}

}


@media screen and (min-width: 1600px){
.goto-whatsapp-hubspot {
    width: 52px;
    margin: 0px 4px;
}
.goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe{
    height: 42px;
    width: 42px;
}
}

@media screen and (min-width: 1192px) and (min-height : 710px){
    .goto-whatsapp-hubspot {
        width: 52px;
        margin: 0px 4px;
    }
    .goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe{
        height: 40px;
        width: 40px;
    }
    }
    


@media screen and (min-width: 1192px) and (min-height : 1000px){
    .goto-whatsapp-hubspot {
        width: 52px;
        margin: 0px 4px;
    }
    .goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe{
        height: 40px;
        width: 40px;
    }
    }
    

.uiList.CreateActivityButtons__StyledList-sc-1xr4h30-0{
    flex-wrap: wrap;
    justify-content: flex-start !important;
    row-gap : 8px;
}

/* .StyledEditCellComponents__EditableCell-wfxg0e-0.dYEafL {
    display: flex;
    align-items: center;
} */

#eazybe-goto-whatsapp-btn-contact-page {
    margin-left: auto;
}
#eazybe-goto-whatsapp-btn-contact-page .goto-whatsapp-contact-btn-eazybe{
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    border: none;
}

#eazybe-goto-whatsapp-btn-contact-page .goto-whatsapp-contact-btn-eazybe img {
    height: 20px;
    width: 20px;
}

.eazybe-whatsapp-btn-added {
    display: flex;
    gap: 6px;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.eazybe-whatsapp-btn-added > :first-child {
/* width: 92%; */
/* overflow: hidden; */
width: fit-content;
height: 20px;

}
.hubspot-contact-right-sidebar > :first-child {
width: 92%;
overflow: hidden;
width: fit-content;
height: 20px;
}

.eazybe-whatsapp-btn-added > :nth-child(2) {
    height: 20px;
    width: 20px;
}

.zoho-to-whatsapp{
    height: 25px;
    width: 25px;
}

.zoho-to-whatsapp button{
    height: 25px;
    width: 25px;
    border: none;
    background-color: white;
}

.zoho-to-whatsapp button img{
    height: 25px;
    width: 25px;
}.hubspot-goto-whatsapp-modal {

}
.hubspot-goto-whatsapp-modal .sender-select  {

}

.hubspot-goto-whatsapp-modal .sender-select  .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{
    padding: 0;
    padding-right: 32px;
}
.hubspot-goto-whatsapp-modal .sender-select  .css-qiwgdb.css-qiwgdb.css-qiwgdb{
    padding: 0;
    padding-right: 32px;
}

.hubspot-goto-whatsapp-modal .sender-select .select-option  {

}
.select-option-hubspot-goto-whatsapp-modal.loading {
    align-items: center;
    justify-content: center;
}
.select-option-hubspot-goto-whatsapp-modal .cloud-status-icon  {
    height: 16px;
    margin-left: auto;
}

.hubspot-goto-whatsapp-modal .sender-select .cloud-status-icon {
    height: 16px;
    margin-left: 4px;
}
.hubspot-goto-whatsapp-modal .sender-select svg {
    fill: #0091ae;
}

.hubspot-goto-whatsapp-modal .back-btn {
    height: fit-content;
    border: none;
    background: white;
    gap: 6px;
    display: flex;

}

.hubspot-goto-whatsapp-modal .back-btn img {
height: 1.5rem;
}

.hubspot-goto-whatsapp-modal .back-btn span {
    color: #0091ae;
    font-size: 14px;
    font-weight: 600;
}

.hubspot-goto-whatsapp-modal .attachment-con {
    justify-content: space-between;
    padding: 0 16px ;
    width : 100%;
}
.hubspot-goto-whatsapp-modal .attachment-con .left{
    display: flex;
    align-items: center;
    gap: 4px;
    background: #e6e0f8;
    padding: 3px 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    max-width: 26rem;
}
.hubspot-goto-whatsapp-modal .attachment-con .left .file-size {
    color: #ada3a3;
    font-size: 10px;

}
.hubspot-goto-whatsapp-modal .attachment-con .right {

}.eazybe-loader {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}/* .goto-whatsapp-salesforce {
    width: 38px;
    box-sizing: content-box;
    padding: 0px;
    position: relative;
    margin: 0px 4px;
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
    align-items: center;
} */

.goto-whatsapp-salesforce .goto-whatsapp-btn-eazybe {
    background-color: white;
    border: 1px solid #747474;
    border-radius: 4px;
    color: #0176D3;
    height: 33px;
    /* width: 33px; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    gap: 6px;
}

.goto-whatsapp-salesforce .goto-whatsapp-btn-eazybe svg {
    height: 20px;
    width: 18px;

}
.goto-whatsapp-salesforce .goto-whatsapp-btn-eazybe img {
    /* height: 20px; */
    width: 24px;

}

.goto-whatsapp-salesforce span {
    max-height: 36px;
    line-height: 15px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: keep-all;
    font-weight: 600;
    /* color: rgb(37, 51, 66); */
}
.salesforce-goto-whatsapp-modal {

}
.salesforce-goto-whatsapp-modal .sender-select  {

}

.salesforce-goto-whatsapp-modal .sender-select  .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{
    padding: 0;
    padding-right: 32px;
}
.salesforce-goto-whatsapp-modal .sender-select  .css-qiwgdb.css-qiwgdb.css-qiwgdb{
    padding: 0;
    padding-right: 32px;
}

.salesforce-goto-whatsapp-modal .sender-select .select-option  {

}
.select-option-salesforce-goto-whatsapp-modal.loading {
    align-items: center;
    justify-content: center;
}
.select-option-salesforce-goto-whatsapp-modal .cloud-status-icon  {
    height: 16px;
    margin-left: auto;
}

.salesforce-goto-whatsapp-modal .sender-select .cloud-status-icon {
    height: 16px;
    margin-left: 4px;
}
.salesforce-goto-whatsapp-modal .sender-select svg {
    fill: #0091ae;
}

.salesforce-goto-whatsapp-modal .back-btn {
    height: fit-content;
    border: none;
    background: white;
    gap: 6px;
    display: flex;

}

.salesforce-goto-whatsapp-modal .back-btn img {
height: 1.5rem;
}

.salesforce-goto-whatsapp-modal .back-btn span {
    color: #0091ae;
    font-size: 14px;
    font-weight: 600;
}

.salesforce-goto-whatsapp-modal .attachment-con {
    justify-content: space-between;
    padding: 0 16px ;
    width : 100%;
}
.salesforce-goto-whatsapp-modal .attachment-con .left{
    display: flex;
    align-items: center;
    gap: 4px;
    background: #e6e0f8;
    padding: 3px 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    max-width: 26rem;
}
.salesforce-goto-whatsapp-modal .attachment-con .left .file-size {
    color: #ada3a3;
    font-size: 10px;

}
.salesforce-goto-whatsapp-modal .attachment-con .right {

}@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap);.QuickReply-new-popup-modal-crm {
    justify-content: end;
    flex-direction: row;
    position: absolute;
    width: 260px;
    /* bottom: 4.2rem; */
    right: 10px;
    box-shadow: 0 0 10px 0 #e5e5e5;
    background-color: white;
    z-index: 1112;
    border-radius: 1rem;
    font-family: "Montserrat";
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: white;
    z-index: 1112;
    box-shadow: -7px 7px 16px grey;
    border-radius: 15px;
    width: 320px;
    /* height: 401px; */
    padding: 12px 2px 0px;
    height: 150px;
    bottom: 8rem;
    overflow: scroll;
}

.quick-replies_message_container_crm::-webkit-scrollbar {
    display: none;
}

#quick-replies_main_container.loading {
    height: 100%;
}

#quick-replies_main_container.loading .eazybe-loader{
    height: 80%!important;
}

.quick-replies_message_container_crm {
    height: 100px;
    overflow: scroll;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#Create_quick_reply {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1112;
}
#quick_reply_conatiner_div {
    justify-content: end;
    flex-direction: row;
    position: absolute;
    width: 260px;
    height: 408px;
    bottom: 4.2rem;
    right: 10px;
    width: 20rem;
    box-shadow: 0 0 10px 0 #e5e5e5;
    background-color: white;
    z-index: 1112;
    border-radius: 1rem;
    font-family: "Poppins";
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: white;
    z-index: 1112;
    box-shadow: -7px 7px 16px grey;
    border-radius: 15px;
}

.quickReply_Messages_crm {
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom: 0.5px solid rgb(226, 223, 223);
    padding: 0.25rem;
    justify-content: space-between;
    background-color: white;
    cursor: pointer;
}

.quickReply_Messages_crm:hover {
    background-color: #f0f0f0;
}

.quickReply_TitleAndAttachment_crm {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    width: 95%;
    gap: 15px;
}

.qucikReply__Titles_crm {
    display: flex;
    align-items: center;
    padding: 0.3rem 0.5rem;
    width: fit-content;
    column-gap: 20px;
    border:none;
    background-color: transparent;
}

.qucikReply__TitlesSpan_crm {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    word-break: break-all;
    text-align: left;
}

.edit-quick-reply-icon {
}
.editIcon_Pencil {
}
.paragraphTagInQr {
    display: flex;
    margin: 0px;
    cursor: pointer;
    padding: 0.2rem;
    width: 80%;
    align-items: center;
}

.createFirstQrDiv {
    display: flex;
    flex-direction: column;
    height: 6rem;
    justify-content: space-around;
    align-items: center;
    position: relative;
    top: 35px;
}
.SignAndTextForFirstQr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1px 41px;
}
.QrColoredSymbol {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}

.CreateFirstQrText {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 13.2468px;
    line-height: 20px;
    color: #312e2e;
}

.QrInfoText {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    color: #5a5a5a;
    text-align: center;
    letter-spacing: 0.6px;
}

.CreateFirstQrButton {
    width: 79px;
    height: 30px;
    background: #5956e9;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 24px;
}

.CreateFirstQrButtonSpan {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #ffffff;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.QrTitleHeading_crm {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #41416e;
    margin-bottom: 0rem;
    margin-top: 0rem;
}

/* body.dark .QrTitleHeading {
    color: #151515;
} */

.QrSearchBox {
    width: 157px;
    height: 35px;
    border: 1px solid #dfdfdf;
    border-radius: 25px;
    padding: 1px 18px;
}

.InputboxAndAddButton {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1px 27px;
    align-items: center;
}

.QrAddButton {
    width: 68px;
    height: 28px;
    background: #5956e9;
    border-radius: 25px;
}

.QrAddButtonSpan {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

.quicReplyHeader {
    display: flex;
    justify-content: space-between;
}
.QuickReply-new-popup-modal .quick-reply-tabs {
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 1rem;
}

.QuickReply-new-popup-modal .quick-reply-tab {
    color: black;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.6px;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    width: 50%;
}

.QuickReply-new-popup-modal .quick-reply-tab.activeTab {
    color: #5856e8;
    border-bottom: 3px solid #5856e8;
}

.quick_reply_team_nameSpanContainer {
    background: #efefff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 10px;
    font-size: 10px;
}

.quick_reply_team_nameSpan {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.6px;
}

.eb-QR-container-drag_crm{
    /* width: 100%; */
    width: 310px;
}


.QuickReply-new-popup-modal-crm::-webkit-scrollbar,
.quick-replies_message_container_crm::-webkit-scrollbar,
.quickReply_Messages_crm::-webkit-scrollbar,
#quick_reply_conatiner_div::-webkit-scrollbar {
    display: none;
}


.QuickReply-new-popup-modal-crm,
.quick-replies_message_container_crm,
#quick_reply_conatiner_div {
    scrollbar-width: none;
}


.QuickReply-new-popup-modal-crm,
.quick-replies_message_container_crm,
#quick_reply_conatiner_div {
    -ms-overflow-style: none;
}.planContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    padding: 1.5em;
    box-shadow: 2px 10px 17.3512px rgba(41, 41, 48, 0.05);
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: white;
    color: #0d1113;
    padding-top: 8px;
    padding-bottom: 0;
    height: 28.5rem;
    width: 18rem;
}
.planContainer .discount {
    position: absolute;
    top: -2em;
    right: 0;
    height: 2em;
    border-radius: 20px;
    background-color: #d4f1eb;
    color: #55bc9f;
    padding: 0.25em 0.75em;
}

body.dark .planContainer .discount {
    background-color: #5956e9;
    color: white;
}
.planContainer .info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.planContainer .info p {
    font-weight: 400;
    color: #0d1113;
    font-weight: 500;
}

.planContainer .info .type {
    font-size: 12px;
    color: #0d1113;
}

.planContainer .info .name {
    font-size: 17px;
    color: #0d1113;
    font-weight: 600;
    margin-bottom: 8px;
}

.planContainer .info .price {
    font-size: 21px;
    color: #5956e9;
    font-weight: 600;
}
body.dark .planContainer .info .price {
    color: #5956e9;
}

.planContainer .info ul {
    margin: 0.5em 0;
    margin-top: 10px;
}
.planContainer .info .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.planContainer .info .feature-item .green-tick-icon {
    width: 13px;
    height: 10px;
}
.planContainer .info ul li {
    margin-left: 1em;
    font-size: 12px;
    color: #000;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.planContainer .info ul li:not(:last-child) {
    margin-bottom: 1em;
}
.planContainer button {
    margin: 16px 24px;
    padding: 10px 1em;
    border-radius: 8px;
    background-color: #5956e9;
    width: 100%;
    display: flex;
    align-items: center;
    align-self: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.6px;
}

.planContainer:hover {
    box-shadow: 0px 3px 6px 2px #5956e9;
}

.close-icon {
    width: 22px;
    margin-left: -5px;
}

.eazy_ai_reply_in_org_pricing_card {
    color: #000 !important;
    font-family: "Montserrat";
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    letter-spacing: 0.6px;
    display: flex;
    align-items: center;
}

body.dark .contact-sales-btn {
    color: #fff !important;
}

body.dark .contact-sales-heading {
    color: #fff !important;
}

body.dark .try-free-btn {
    color: #fff !important;
}

body.dark .upgrade-plan-btn {
    color: #fff !important;
}

body.dark .feature-item {
    border: 1px solid #f7f7fa08;
    color: #fff !important;
}

body.dark .feature-item-header {
    border: 1px solid #ebeef1;
    color: #fff;
}

body.dark .namePriceContainer .name {
    color: #fff;
}

body.dark .namePriceContainerType {
    color: #fff;
}

.planContainer .info .itegration-crms {
    margin-left: 17px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}


.toggleButtonOuter {
    width: 25px;
    background: white;
    display: flex;
    align-items: center;
    padding: 2px;
    border-radius: 50px;
    margin-right: 7px;
    border: 2px solid #5956E9;
}


.toggleButtonInner {
    height: 10px;
    width: 10px;
    background-color: #5956E9;
    border-radius: 50%;
}.pricing-ai-btn-con {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* padding: 1rem; */
}

.pricing-ai-btn-con .txt {
    display: flex;
    align-items: center;

    margin-left: 6px;
}

.pricing-ai-btn-con .txt p {
    font-size: 14px;
    margin-left: 6px;
}

.pricing-ai-btn-con .checkbox-ai svg {
    /* height: 20px; */
    /* width: 20px; */

    height: 24px;
    width: 24px;
}
.join-organisation-modal {
    /* align-items: center; */
}



.first-screen-comp .btns-container .create_a_new_organisation_button{
    border: 1px solid #5956E9;
    border-radius: 8px;
    /* width: 200px; */
    height: 44px;
}

.first-screen-comp .btns-container .changeColorOnHoverForButton__in_Join_org_Modal:hover{
    background: linear-gradient(0deg, #5956E9, #5956E9), #2C31BC;
    border: none;

}
.first-screen-comp .btns-container .changeColorOnHoverForButton__in_Join_org_Modal:hover span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}


.first-screen-comp .btns-container .create_a_new_organisation_buttonSpan{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #5956E9;
}

/* .first-screen-comp .btns-container .link_to_existing_org_button{
    background: linear-gradient(0deg, #5956E9, #5956E9), #2C31BC;
    border-radius: 8px;
    height: 44px;
}  */

/* .first-screen-comp .btns-container .link_to_existing_org_buttonSpan{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
} */

.join-organisation-modal .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 2rem; */
}

.join-organisation-modal .close-btn {
    cursor: pointer;
    /* margin-bottom: .5rem; */
    /* margin-left: auto; */
    /* height: 14px; */
    width: 14px;
    margin-left: auto;
}
.join-organisation-modal h5 {
   /* margin-bottom: 3rem; */
   font-weight: 600;
}

.join-organisation-modal .change-section-btn {
    cursor: pointer;
    color: #7579FF;
    font-weight: 600;
    font-size: 12px;
    margin-left: 1rem;
}

.join-organisation-modal .input-field-item {
    margin-top: 2rem;
}

.join-organisation-modal .bottom {
    display: flex;
    margin-top: 2rem;
    align-items: flex-end;
    justify-content: space-between;
}

.join-organisation-modal .orgcode-input-container {
   /* margin-bottom: 3rem; */
   position: relative;
   display: flex;
   flex-direction: column;
}

.join-organisation-modal .orgcode-input-container p {
    font-size: 10px;
    margin-bottom: .5rem;
}

.join-organisation-modal .orgcode-input {
    margin-right: 1rem;
    border: 1px solid grey;
    padding: 2px 1rem;
    width: 14rem;
    border-radius: 3px;
    height: 1.6rem;
}
.join-organisation-modal .right-icon {
    position: absolute;
    right: -2rem;

}

.join-organisation-modal .create-btn-container {
    margin: auto;
}
.join-organisation-modal .create-btn-container  .create-btn{
    background-color: #C4C4C4;
    color: white;
    padding: 4px 2rem;
}
.join-organisation-modal .create-btn-container .create-btn-active{
    background-color: #7579FF;
    color: white;
    padding: 4px 2rem;
}

.join-organisation-modal .link-btn-container {
    position: relative;
    

    /* padding-bottom: 1rem; */
}
.join-organisation-modal .link-btn-container:hover  span  {
   display: block;
}
.join-organisation-modal .link-btn-container span {
    position: absolute;
    width: 13rem;
    text-align: center;
    background: black;
    color: white;
    padding: 3px 1rem;
    border-radius: 10px;
    bottom: -61px;
    right: -43px; 
    display: none;
}
.create-btn-container .link-btn-inactive {
    /* background-color: #C4C4C4;
    color: white;
    padding: 4px 2rem; */


    background: #C4C4C4;
    border: 1px solid #5856E8;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: gray;
    cursor: not-allowed;
    padding: 10px 58px;
}

.create-btn-container .link-btn-active {
    /* background-color: #7579FF;
    color: white;
    padding: 4px 2rem; */

    background: #5856E8;
    border: 1px solid #5856E8;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    padding: 10px 58px;
    cursor: pointer;
}

.join-organisation-modal .input-field-con{
    margin-bottom: 2rem;
}

.join-organisation-modal .input-field-con .input-field-item p {
    color: #41416e;
    font-size: 14px;
    width: 12rem;
}
.join-organisation-modal .input-field-con .input-field-item label {
    margin-bottom: 0 !important;
}
.join-organisation-modal .input-field-con .input-field-item .upload-logo-img {
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
}
.join-organisation-modal .input-field-con .input-field-item input {
    width: 12rem;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 13px;
    color: #4e4e4e;
}


/* First Screen Comp start */

 .first-screen-comp {

}

.first-screen-comp .header {
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.first-screen-comp .header h5 {
    font-weight: 600;
}

body.dark .first-screen-comp .header h6 {
   color: black;
}
.first-screen-comp .header img {
    height: 14px;
    margin-left: auto;
}

 .first-screen-comp .info {
margin-top: 1rem;
font-size: 14px;
}

body.dark  .first-screen-comp .info {
    color: black;
}

.first-screen-comp .btns-container {
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
}

.first-screen-comp .btns-container button{
    border: 2px solid #5956E9;
    font-weight: 600;
    color: #5956E9;
    padding: 3px 10px;
    border-radius: 3px;
}


/* First Screen Comp end */

.join_or_create_organization_Join_organiZation_div.active_join_org_section,
.join_or_create_organization_Join_organiZation_div.active_create_org_section
{
    flex: 1 0 30%;
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px solid #f7f7f7;
    color: #3D4043;
    cursor: pointer;
    display: flex;
    gap: 9px;
    align-items: center;
    justify-content: center;
    /* border-bottom: 3px solid #5956E9; */
    /* color: #5956E9; */

}

.join_or_create_organization_Join_organiZation_div.active_join_org_section,
.join_or_create_organization_Join_organiZation_div.active_create_org_section{
    border-bottom: 5px solid #5956E9;
    color: #5956E9;
    border-radius: 0px 0px 7px 7px;
}




/* .active_create_org_section{
    content: "";
    display: inline-block;
    position: absolute;
    background: #5927e5;
    width: 100%;
    height: 6px;
    left: 0;
    bottom: -3px;
    top: auto;
    right: 0;
    border-radius: 0px 0px 10px 10px;
} */


.join_or_create_organization_mainContainer{
    /* width: 538px;
    height: 308px;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: calc(50% - 269px);

    background-image: url("https://i.ibb.co/VwKC2Dj/Vector-108.png");
    background-position: 14% 68%;
    background-repeat: no-repeat;
    background-size: 37%;
    top: calc(50% - 154px);
    flex-direction: column;
    padding: 22px; */


    width: 538px;
    max-height: 500px;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: calc(50% - 269px);
    /* height: calc(50% - 154px); */
    background-image: url(https://i.ibb.co/VwKC2Dj/Vector-108.png);
    background-position: 14% 68%;
    background-repeat: no-repeat;
    background-size: 37%;
    top: calc(50% - 250px);
    flex-direction: column;
    padding: 3rem 1.5rem;
    gap: 2rem;
}

.join_or_create_organization_Join_organiZation_divSpan{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #0D1113;
    letter-spacing: 0.6px;
    flex: 1 0 30%;
    text-align: center;
    padding: 1px 21px;
    border-bottom: 1px solid #f7f7f7;
    color: #3D4043;
    cursor: pointer;
    display: flex;
}

.active_create_org_section .createorgSpan__text{
    color: #5956E9 !important;
}

.active_join_org_section .join_org_text_span{
    color: #5956E9 !important;
}

.join_or_create_organization_content_header{
    display: flex;
    align-items: center;
    background: #F5F5FF;
    border-radius: 10px;
    gap: 35px;
    white-space: nowrap;
    font-size: 16px;
    background: #F5F5FF;
    border-radius: 10px;
    gap: 3.4rem;
}

.create_my_new_org_btn{
    background: #5856E8;
    border: 1px solid #5856E8;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    padding: 10px 70px;
}


.join_or_create_organization_mainContainer .add-label-body-parent .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
    background: #F5F5FF;
    height: 44px;
}
.join_or_create_organization_mainContainer .add-label-body-parent label{
    letter-spacing: 0.6px;
    top: -9px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    /* color: #000000; */
    color: lightslategray;
    top: 0px !important;
}


.join_or_create_organization_top_header_span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;

    color: #000000;
    letter-spacing: 0.6px;
}


.join_or_create_organization_top_header_container{

}



.ShowCreateOrgForNewUser__SecondDiv__containerDiv{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 12px;
}



.ShowCreateOrgForNewUser__SecondDiv__joinOrgbuttonContainer{
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}


.ShowCreateOrgForNewUser__SecondDiv__joinOrgbutton {
    /* Styles for the class */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #5856E8;
    letter-spacing: 0.6px;
    position: absolute;
    right: 6rem;
  }


  .ShowCreateOrgForNewUser__SecondDiv__containerDiv{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 12px;
    width: 100% !important;
    align-items: center !important;
}/* 
.FeaturePageComp__main_container{

}

.FeaturePageComp__main_container .FeaturePageComp__header{

}

.FeaturePageComp__main_container .FeaturePageComp__header .header_span_one{

}


.FeaturePageComp__main_container .FeaturePageComp__header .header_span_two{

}


.FeaturePageComp__main_container .FeaturePageComp__content-container{

}

.FeaturePageComp__content-container .FeaturePageComp__content_first_container{

}

.teamInbox__content_first_container{

}

.teamInbox__content_icon_container{

}

.teamInbox__content_title_text{

}

.teamInbox__content_title_text_and_icons{

}

.teamInbox__content_sub_title_container{

}

.teamInbox__content_sub_titles{

}

.FeaturePageComp__content_second_container{

}

.FeaturePageComp__content_second_items{

}

.FeaturePageComp__content_second_items_div{

}

*/

.FeaturePageComp__main_container {
  /* CSS styles for the main container */
  width: 538px;
  height: 356px;
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left : calc(50% - 269px);
  top : calc(50% - 178px);

  gap: 30px;
  padding: 20px 0px 12px 0px;
}

.FeaturePageComp__header {
  /* CSS styles for the header */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.header_span_one {
  /* CSS styles for the first span in the header */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;

  color: #000000;
}

.header_span_two {
  /* CSS styles for the second span in the header */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */


  color: #000000;
}

.FeaturePageComp__content-container {
  /* CSS styles for the content container */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 78%;
}

.FeaturePageComp__content_first_container {
  /* CSS styles for the first container in the content section */
  display: flex;
  justify-content: space-between;
  align-self: center;
  gap: 30px;
}

.teamInbox__content_first_container {
  background: #F5F5FF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 5px;

  width: 213px;
  height: 80px;
  justify-content: center;

}

.teamInbox__content_icon_container_one {
  /* CSS styles for the icon container in the teamInbox content section */
  margin-bottom: 12px;
}
.teamInbox__content_icon_container_two{

}

.teamInbox__content_title_text_and_icons {
  /* CSS styles for the title, text and icons container in the teamInbox content section */
  /* display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; */
  display: flex;
  flex-direction: column;
  /* width: 147px; */
  gap: 5px;
}

.teamInbox__content_title_text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000000;


  /* CSS styles for the title text in the teamInbox content section */
}

.teamInbox__content_sub_title_container_two {
  /* CSS styles for the sub title container in the teamInbox content section */
  /* display: flex;
  width: 147px;
  justify-content: center;
  gap: 10px; */
  display: flex;
    gap: 10px;
    align-items: center;
}

.teamInbox__content_sub_titles {
  /* CSS styles for the sub titles in the teamInbox content section */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #0D1113;
}

.FeaturePageComp__content_second_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.FeaturePageComp__content_second_items_one {
  /* CSS styles for the items in the second container in the content section */

  background: #F5F5FF;
  border-radius: 10px;
  display: flex;
  width: 213px;
  height: 99px;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 0px 11px;
}

.FeaturePageComp__content_second_items_two {
  /* CSS styles for the items in the second container in the content section */

  background: #F5F5FF;
  border-radius: 10px;
  display: flex;
  width: 219px;
  height: 99px;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 0px 11px;
}

.FeaturePageComp__content_second_items_div {
  /* CSS styles for the divs in the items in the second container in the content section */
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.data_items_icon {
  /* CSS styles for the icons in the data items in the second container in the content section */
}

.data_items_span {
  /* CSS styles for the text in the data items in the second container in the content section */

  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 11.5px;
  line-height: 15px;
  text-align: center;

  color: #000000;
}

.FeaturePageComp__content_next_button_container {
  /* CSS styles for the button container in the content section */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.FeaturePageComp__content_next_button {
  /* CSS styles for the button in the content section */
  background: #5856E8;
  border: 1px solid #5856E8;
  border-radius: 10px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 4px 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.teamInbox__content_sub_title_container_one{
  display: flex;
  /* gap: 10px; */
  align-items: center;
  /* width: 58%; */
  padding: 1px -79px;
  width: 147px;
}.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
  }

  button .loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 25px;
    margin-right: 10px;
    height: 25px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
  }

  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .reminderSetupLoader .loader{
    border: 8px solid #cecece;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin-right: 10px;
  }

  .customLoaderInEditOptionsContainer .loader{
    border: 5px solid purple;
    border-top: 5px solid white;
    width: 60px;
    margin-right: 167px;
    height: 60px;
    position: absolute;
    top: 6px;
    left: 37px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.razorpay-gst-modal {
  width: 30rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.razorpay-gst-modal-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.razorpay-gst-modal-title {
  margin: 0 !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 2rem !important;
  color: #000000 !important;
}

.razorpay-gst-close-button {
  margin-bottom: 1rem !important;
}

.razorpay-gst-icon-button {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
}

.razorpay-gst-input-container {
  margin-top: 10px !important;
  color: #000000 !important;
  max-width: 90% !important;
  margin-left: 1rem !important;
}

.razorpay-gst-input-label {
  display: block !important;
  margin-bottom: 5px !important;
  color: #000000 !important;
}

.razorpay-gst-input-field {
  width: 100% !important;
  padding: 8px !important;
  border: 1px solid #5552f0 !important;
  border-radius: 4px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  outline: none !important;
}

.razorpay-gst-button-container {
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: column !important;
  gap: 10px !important;
  max-width: 90% !important;
  margin-left: 1rem !important;
}

.razorpay-gst-button,
.razorpay-gst-secondary-button {
  padding: 10px 20px !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-align: center !important;
  text-decoration: none !important;
}

.razorpay-gst-button {
  background-color: #007bff !important;
  color: white !important;
}

.razorpay-gst-secondary-button {
  color: #6c757d !important;
  padding: 0px !important;
}

.razorpay-gst-error-message {
  color: red !important;
  font-size: 12px !important;
  margin-top: 5px !important;
}
#navBarModals {
  overflow: scroll;
}

.org-pricing-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60rem;
  box-shadow: 24;
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 15px 25px;
  /* height: 650px; */
}
.org-pricing-modal .cloud-warning {
  color: red;
    margin: 0px 50px;
    text-align: center;
    display: block;
    background: #FFE6E6;
    padding: 0.3rem 0;
    border-radius: 7px;
}
.org-pricing-modal .header {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.org-pricing-modal .header h3 {
  font-size: 22px;
  line-height: 42px;
  font-weight: 600;
}
.org-pricing-modal .header img {
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  position: absolute;
  right: 39px;
  top: 34px;
}

.org-pricing-modal p {
  font-size: 16px;
  font-weight: 500;
}
.org-pricing-modal .plansContainerindividual {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 15px;
  justify-items: center !important;
}

.org-pricing-modal .plansContainerteams {
  display: grid;
  justify-content: center;
}

.addonsContainer {
  margin-bottom: 2em;
}

.addonsContainer .addon {
  background: #ffffff33;
  padding: 0.5em 1em;
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-size: 12px;
}


.addonsContainer .addon:not(:last-child) {
  margin-bottom: 1em;
}

.number-of-employees {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 12px;
}

.number-of-employees p {
  font-size: 12px;
}

.number-of-employee-btn {
  color: black !important;
  background-color: #f5f5ff !important;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 19px !important;
  height: 15px !important;
  padding: 8px !important;
  margin: 0 !important;
}

.number-of-employee-btn-container {
  background-color: #f5f5ff !important;
  display: flex;
}

.team-integration-img {
  width: 8px;
  margin-left: 8px;
}

.total-price {
  font-size: 14px;
  margin: 0.5rem;
  margin-left: 0rem;
  color: #5956e9;
  font-weight: 600;
}

.trialOver__in_pricing_info_div {
  text-align: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #737680;
  letter-spacing: 0.6px;
}

.NewPricing__header_trial_over {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  text-transform: capitalize;
  color: #000000;
  letter-spacing: 0.6px;
}

.NewPricing__UpperContainer_for_free_trial_over {
  display: flex;
  flex-direction: column;
  padding: 1px 4px;
  gap: 10px;
  align-items: center;
}

.NewPricing__header >span {
  font-size: 26px;
}.toggleContainer {
    display: flex;
    justify-content: center;
    margin-top: 1.5em;
    color: #99a1aa;
}
.toggleContainer h6 {
    user-select: none;
    cursor: pointer;
}
.toggleContainer .activeToggle {
    color: #5956e9;
}
.toggleContainer .toggleBoundary {
    width: 4em;
    border: 1px solid #99a1aa;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 2px;
    cursor: pointer;
    margin: 0 2em;
}

.toggleContainer .monthly-toggleBoundary {
    background: #DEE0E1;
}
.toggleContainer .yearly-toggleBoundary {
    background: #3A55FF;
}
.toggleContainer .toggleBoundary .toggleDot {
    background-color: #5956e9;
    border-radius: 50%;
    height: 1.25em;
    width: 1.25em;
}
.toggleContainer .toggleBoundary .yearly-toggleDot {
    background-color: #DEE0E1;
}

/* .toggleContainer {
    width: 240px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 1.5em auto 0;
    color: #121212;
    border-radius: 8px;
    background: #d9d9d9;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) inset;
}

.toggleContainer h6 {
    user-select: none;
    cursor: pointer;
    padding: 0.5em 1em;
    width: 100%;
    text-align: center;
}

.toggleContainer h6:hover {
    transform: scale(1.08);
    transition: all 0.2s ease-in-out;
}

.toggleContainer .activeToggle {
    color: #fff;
    border-radius: 8px;
    background: #5956e9;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
} */
.whatsapp-channel-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    box-shadow: 24;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 1px 32px;
    height: max-content;
    padding: 1rem;
}

.modal-close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    cursor: pointer;
}
.whatsapp-channel-heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 1rem;
    color: black;
}

.eb-primary-btn {
    align-self: flex-end;
    justify-self: flex-end;
    padding: 10px 1em;
    border-radius: 10px;
    background-color: #5956e9;
    width: max-content;
    display: flex;
    align-items: center;
    align-self: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-family: "Montserrat";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.6px;
}
.eb-secondary-btn {
    align-self: flex-end;
    justify-self: flex-end;
    padding: 10px 1em;
    border-radius: 10px;
    background-color: transparent;
    width: max-content;
    display: flex;
    align-items: center;
    align-self: center;
    text-align: center;
    justify-content: center;
    color: #5956e9;
    font-family: "Montserrat";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.6px;
    border: 1px solid #5956e9;
}

.whatsapp__channel__img {
    filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
}
.review-eazybe-modal {
    gap: 1rem;
    align-items: center;
    position: relative;
}

.review-eazybe-modal .close-btn {
    position: absolute;
    top: -2rem;
    right: -1rem;
    margin: 0.5rem;
    font-size: 1.5rem;
    cursor: pointer;
}

.review-eazybe-modal .five-star {
    width: 14rem;
}

.review-eazybe-modal h6 {
}

.review-eazybe-modal .rate-us-btn {
    background: #5856e8;
    color: white;
    border-radius: 8px;
    padding: 6px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.review-eazybe-modal span {
    margin-right: 3px;
}

.review-eazybe-modal .star {
    width: 1rem;
}

body.dark .review-eazybe-modal .star {
    filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;

}

.review__text {
}

body.dark .review__text {
    color: #000;
}
.add-new-quick-reply {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 2rem;
  border-radius: 1rem;
  width: 560.47px;
  height: auto;
  background: #ffffff;
  box-shadow: 0px 0px 14.788px rgb(0 0 0 / 10%);
  border-radius: 22.182px;
  left: calc(50% - 280.235px);
  top: calc(50% - 296.5px);
  position: absolute;
}

.quickReplyTitle {
  box-sizing: border-box;
  width: 100% !important;
  height: 40.9px;
  border: 0.511227px solid #999fae;
  border-radius: 7.39401px;
  padding: 1px 12px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  border: 1px solid #8c90a1;
}

.quickReplyTitle:focus {
  border: 1px solid #5856e8;
  offset: none;
  outline: none;
}

.QrNameAndField {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 10px;
  position: relative;
}

.messsageInputField {
  width: 100%;
  height: 84.59px;
  border: 0.377619px solid #999fae;
  border-radius: 11.3286px;
  padding: 5px 12px;

  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #000000;
  resize: none;
  border: 1px solid #8c90a1;

  min-height: 130.59px;
  border: none;
  outline: none;
  border-radius: 10px 10px 0px 0px;
}


.messsageInputField:focus {
  /* border: 1px solid #5856e8; */
  border: none
}

.QrFileUploadAndBrowseLabel {
  width: 100%;
  height: auto;
  /* background: #ffffff;
  border: 0.511227px dashed #e4daff;
  border-radius: 15.3368px; */
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  /* padding: 8px 14px !important; */
  align-items: center;
  /* border: 1px solid #8c90a1; */
}

.BrowseLabel {
  height: 28.63px;
  background: #ffffff;
  border-radius: 15.3368px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  color: #5856e8;
  cursor: pointer;
}

.CreateQrButton {
  width: 250px;
  height: 44px;
  background: #5956e9;
  border-radius: 15px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16.2668px;
  line-height: 20px;
  color: #ffffff;
}

body.dark .CreateQrButton {
  color: #000;
  background: #7876ed;
}

.QrCancelButton {
  width: 250px;
  height: 44px;
  border-radius: 15px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16.2668px;
  line-height: 20px;
  color: #5956e9;
}

.QrBottomDiv {}

.BottomButtonsDiv {
  display: flex;
  justify-content: flex-end;
  column-gap: 44px;
}

.QrTitleHeadingName {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #41416e;
}

body.dark .QrTitleHeadingName {
  color: #151515;
}

.QrFileUploadName {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #808191;
  width: 90px;
}

.fileAttachmentAndFileName {
  display: flex;
  justify-content: space-between;
  column-gap: 7px;
  align-items: center;
}

.select__MoreTags {
  width: 88px;
  height: 98px !important;
  background: #eeeeee;
  border-radius: 10px;
  position: absolute;
  padding: 1px 6px;
  top: calc(2%);
  left: calc(76%);
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.select__select__MoreTagsColumnButton {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11.53145px;
  line-height: 9px;
  color: #5a5a5a;
}

.select__select__MoreTagsColumn {
  display: flex;
  column-gap: 9px;
  user-select: auto;
  margin-top: 13%;
  text-align: center;
  align-items: center;
}

.scheduler__TagsSelectorDiv {
  margin-bottom: 3%;
  display: flex;
}

.scheduler__TagsSelectorButton {
  text-align: center;
  outline: none;
  border-radius: 11.2px;
  background: #eeeeee;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11.53145px;
  line-height: 9px;
  color: #5a5a5a;
  height: 18px;
  padding: 1px 10px;
  margin-left: 11px;
}

.scheduler__TagsSelectorMoreSpan {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #6e6e6e;
}

.scheduler__TagsSelectorMoreButton {
  border: none;
  outline: none;
  margin-left: 11px;
}

.createQr__FileDeleteChange {}

.edit_before_create_checkbox_container {
  display: flex;
  gap: 10px;
  align-items: center;
}

.edit_before_send_in_create_quick_reply_span {
  color: #000;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.6px;
}

.tooltip_for_profile_tags {
  visibility: hidden;
  color: #fff;
  position: absolute;
  top: 24px;
  left: 12px;
  border-radius: 4px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 9px;
  padding: 4px 8px;
  background: black;
  width: max-content;
}

.tag_container_in_create_quick_reply {
  position: relative;
}

.tag_container_in_create_quick_reply:hover .tooltip_for_profile_tags {
  visibility: visible;
}

.qr__input__field input {
  padding: 9px 12px;
}.voice_recorder_main_container {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 38px;
}

.start_recording_button {
    order: 1;
}

.recorder_timer_for_recorder {}

.stop_recording_button {}

.audio_player_in_voice_recorder_com {}

.audio_player_container_in_voice_recorder_comp {}

.audio_player_in_voice_recorder_comp {
    height: 30px;
    width: 270px;
}

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

}.tag-selector-comp-qr-con {
    gap: 10px;
}
.tag-selector-comp-qr-con .title-con {
    align-items: center;
    gap: 6px;
}

.tag-selector-comp-qr-con .title-con img {
    width: 12px;
}
.tag-selector-comp-qr-con .title-con p {
    font-size: 11px;
    color: black;
}

.eazybe-tag-selector-bg {
}
.hubspot-tag-selector-bg {
}
.zoho-lead-tag-selector-bg {
}
.zoho-contact-tag-selector-bg {
}
body.dark .eazybe-tag-selector-bg {
    background: transparent !important;
}

body.dark .hubspot-tag-selector-bg {
    background: transparent !important;
}
body.dark .zoho-lead-tag-selector-bg {
    background: transparent !important;
}
body.dark .zoho-contact-tag-selector-bg {
    background: transparent !important;
}
.tag-selector-item-qr {
  gap: 6px;
  border-radius: 12px;
  padding: 6px;
  cursor: pointer;
  width: 6rem;
  align-items: center;
}

.tag-selector-item-qr img {
  width: 12px;
}

.tag-selector-item-qr p {
  font-size: 11px;
  width: 4.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
}
/* Dropdown button */

.more-item-qr-dropdown {
  position: relative;
}
.more-item-qr-dropdown button {
  gap: 6px;
  border-radius: 12px;
  padding: 8px 6px;
  cursor: pointer;
  font-size: 11px;
  color: black;
  display: flex;
  align-items: center;
  text-align: center;
}

/* Dropdown menu */
.more-item-qr-dropdown .dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  /* border: 1px solid #ccc; */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  display: none;
  z-index: 1;
  border-radius: 2px;
  background: #f8f8f8;
  /* max-height: 10rem; */
  /* overflow: auto; */
  padding: 8px 0;
}

.more-item-qr-dropdown .dropdown-menu ul {
  margin-bottom: 0 !important;
  max-height: 10rem;
  overflow: auto;
}

/* Dropdown items */
.more-item-qr-dropdown .dropdown-menu li:hover {
  background-color: #cdcdd4;
}
.more-item-qr-dropdown .dropdown-menu li {
  padding: 8px 20px;
  cursor: pointer;
  /* border-bottom: 1px solid #ccc; */
  display: flex;
  align-items: center;
  gap: 8px;
}

.more-item-qr-dropdown .dropdown-menu li img {
  width: 12px;
}
.more-item-qr-dropdown .dropdown-menu li p {
  font-size: 11px;
  width: 5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
}
/* Show dropdown when open */
.more-item-qr-dropdown.open .dropdown-menu {
  display: block;
}
.tag-selector-qr-con {
    display: flex;
    flex-direction: column;
    gap: 8px;

}.eb-rephrase-btn {
    background: #6e6e6e;
    border-radius: 50px;
    padding: 5px 10px;
    color: white;
    font-size: 12px;
    letter-spacing: 0.6px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif !important;
}

body.dark .eb-rephrase-btn {
    color: #000;
}
.monetisationCues__container {
    /* display: flex !important;  */
    /* justify-content: space-between !important; */
    align-items: center !important;
    padding: 8px 1px 2px 0px;
    /* background-color: #f7f7f7; */
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 1;
    min-height: 50px;
}

.monetisationCues__FirstDiv {
    width: 25%;
    position: relative;
    text-align: left;
    top: 2px;
}

.monetisationCues__SecondDivIllustrationContainer {
    position: absolute;
    top: -25px;
    left: 10px;
}

.monetisationCues__SecondDiv {
    width: 65%;
    display: flex;
    justify-content: center;
    gap: 12px
}


.monetisationCues__SecondDivSpan {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    letter-spacing: 0.6px;


}

.monetisationCues__upgradeNow__button {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #5956E9;
    letter-spacing: 0.6px;
}

.monetisationCues__ThirdDiv {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.monetisationCues__ThirdDiv__planName{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    position: absolute;
    transform: rotate(42deg);

}

.monetisationCues__FirstDivleftBackgroundImage{
    background: #CBCAFF;
}


.rocketIllustrationWithBackground{

}

.qr-searchbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    padding: 1px 18px;
    background-color: #f5f5ff;
    margin-bottom: 0.5rem;
}

body.dark .qr-searchbar-container {
    border: 1px solid #dfdfdf;
    background-color: #f5f5ff;
}

.qr-searchbar-container__input {
    flex: 0.9;
    border: none;
    outline: none;
    background-color: transparent;
}

.qr-searchbar-container__search-icon {
    flex: 0.1;
}
/* Dropdown Menu styles */
.qr-dynamic-dropdown {
  position: relative;
  display: inline-block;
}

body.dark .qr-dynamic-dropdown {
  color: black;
}

.quick_reply_org_dynamic_dropdown .dropdown-header {
  display: flex;
  padding: 5px 25px;
  background-color: white !important;
  border-radius: 5px;
  cursor: pointer;
  width: 96px;
  justify-content: space-between;
  border-radius: 8px;
  /* background:  #EBEEF1; */
  background-color: white !important;
  color: #000;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.6px;
}

.quick_reply_org_dynamic_dropdown .dropdown-header:hover {
  background: #EBEEF1 !important;
  background-color: #EBEEF1 !important;
}

.qr-dynamic-dropdown .dropdown-header span {
  margin-left: 5px;
}

.quick_reply_org_dynamic_dropdown .dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  z-index: 2;
  width: 110px;
  overflow: auto;
  overflow-x: hidden;
  min-height: 90px;
  max-height: 208px;

}

.quick_reply_org_dynamic_dropdown .dropdown-option {
  display: flex;
  padding: 10px;
  cursor: pointer;
  padding: 10px;
  cursor: pointer;
  gap: 5px;
  color: #000;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.quick_reply_org_dynamic_dropdown .dropdown-option:hover {
  background-color: #f2f2f2;
}


.quick_reply_org_dynamic_dropdown .dropdown-option:hover {
  background-color: #f2f2f2;
}

.quick_reply_org_dynamic_dropdown .dropdown-option.shared_tab_active_in_creationlabel {
  background-color: #F5F5FF !important;
}

.quick_reply_org_dynamic_dropdown .dropdown-option.orgOrTeamOptionActive {
  background-color: #F5F5FF !important;
}

.qr-dynamic-dropdown .dropdown-teams {
  padding: 10px;
}

/* Checkbox styles */
.team-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.team-checkbox input[type="checkbox"] {
  margin-right: 5px;
}

.team-checkbox label {
  font-size: 14px;
  font-weight: 500;
  color: #444;
}

.dropdown-closer {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-color: rgba(0,0,0,0.5); //Black background with opacity// */
  z-index: 1;
  /* Specify a stack order in case you're using a different order for other elements*/
  /* cursor: pointer; //Add a pointer on hover// */
}.shepherd-product-tour-on-crm-sites{
    /* left: 7.9% !important; */
    width: 221px !important;
    height: 100px !important;
}

.shepherd-product-tour-on-crm-sites .shepherd-text{
    text-align: center;
    font-size: 16px;
}

.shepherd-product-tour-on-crm-sites .shepherd-content{
    height: 100%;
}

/* .shepherd-product-tour-on-crm-sites{
    top: 40% !important;
} */

.shepherd-product-tour-on-crm-sites.on-salesforce-sites{
    top: 25% !important;
}

.on-hubspot-sites{
    top: 69% !important;
}

.on-hubspot-sites-default{
    top: 45% !important;
}

.on-zoho-sites{
    top: 50% !important;
}

.on-zoho-sites-default{
    top: 20% !important;
}

.on-leadsquared-sites{
    top: 20% !important;
}

.shepherd-enabled.shepherd-element.on-bitrix-sites{
    top: 60% !important;
}

.shepherd-product-tour-on-crm-sites .shepherd-element{
    width: auto !important;
    padding-bottom: 10px;
  }

.shepherd-product-tour-on-crm-sites .shepherd-content .shepherd-text {
    margin-bottom: 0px;
}

.shepherd-product-tour-on-crm-sites .shepherd-text{
    padding: 0.5em;
}

.shepherd-product-tour-on-crm-sites .shepherd-footer {
    padding: 0px !important;
    justify-content: center
  }
  
.shepherd-product-tour-on-crm-sites .shepherd-button-primary {
    background: #5856e8 !important;
    border-radius: 10px !important;
    /* font-family: "Montserrat" !important; */
    font-style: normal !important;
    /* font-weight: 600 !important; */
    font-size: 14px !important;
    line-height: 20px !important;
    color: #ffffff !important;
    padding: 5px 32px !important;
  }
  
  .shepherd-product-tour-on-crm-sites .shepherd-button-secondary {
    /* background: #fff !important; */
    background: transparent !important;
    color: rgba(0, 0, 0, 0.75) !important;
    font-family: "Montserrat" !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    text-decoration-line: underline !important;
    color: #737680 !important;
    padding: 1px 16px;
  }
  
.shepherd-product-tour-on-crm-sites .my-highlight-class {
    position: relative !important;
    z-index: 10000 !important;
    /* animation: pulse 4s ease-out infinite !important; */
    box-shadow: 0 0 0 0 white !important;
    opacity: 10 !important;
    border-radius: 10px !important;
    padding: 5px;
  }
  /* WhatsAppChats.css */

/* .salesforce-whatsapp-chats-eazybe {
    font-family: Arial, sans-serif;
}

.slds-card {
    border: 1px solid gray;
    border-radius: 8px;
    overflow: hidden;
}

.slds-card__header {
    padding: 1rem 12px;
    background: #ececec;
    border-bottom: 1px solid gray;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.search-bar {
    width: 100%;
    padding: 8px;
    margin: 10px 0;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.loading-message {
    padding: 10px;
    text-align: center;
    font-size: 16px;
}

.no-chats {
    padding: 1rem;
    font-size: 1rem;
    font-weight: 600;
}

.chatter-section {
    margin-bottom: 10px;
}

.chatter-name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.msg-date-time {
    font-size: 12px;
    margin-left: 18px;
}

.message {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 5px;
}

.message-info {
    display: flex;
    align-items: center;
}

.message-info .initials {
    margin-right: 5px;
    background-color: #ccc;
    padding: 4px;
    border-radius: 50%;
}

.message-info .sender-name {
    font-size: 14px;
    font-weight: 600;
}

.message-info .message-time {
    font-size: 12px;
    color: gray;
    margin-left: 8px;
}

.message-text {
    font-size: 12px;
    font-weight: 500;
}

.accordion-container {
    margin-top: 10px;
} */


/* .accordion-summary {
    display: flex;
    flex-direction: row-reverse; 
    justify-content: flex-start; 
  }
  
  .accordion-summary .MuiAccordionSummary-content {
    margin-left: 16px; 
  } */

  .salesforce-whatsapp-chats-eazybe  {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  }

  .salesforce-whatsapp-chats-eazybe .slds-card__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .salesforce-whatsapp-chats-eazybe .slds-card__body.loading {

    display: flex;
    align-items: center;
    justify-content: center;

  }
  
  
  .salesforce-whatsapp-chats-eazybe  .slds-card__header{
    display: flex;
    align-items: center;
    gap: 10px;
  }
  

  .salesforce-whatsapp-chats-eazybe .slds-card__header img  {
    width: 1.5rem;
  }
  .salesforce-whatsapp-chats-eazybe .slds-card__header h2  {
    font-weight: 700;
    font-size: 15px;
  }

  .salesforce-whatsapp-chats-eazybe .slds-card__body .search-bar {
    width: 100%;
    /* padding: 8px; */
    font-size: 12px;
    /* border-radius: 4px; */
    /* border: 1px solid gray; */
    /* margin-bottom: 8px; */

  }
  .salesforce-whatsapp-chats-eazybe .css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root{
    min-height: 30px!important;

  }
  .salesforce-whatsapp-chats-eazybe .css-o4b71y-MuiAccordionSummary-content.Mui-expanded{
    margin: 0!important;

  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .chat-header {

  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .chat-header div {
    margin: 0;

  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .chat-header .chat-header-item {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
  }

  .salesforce-whatsapp-chats-eazybe .slds-card__body .chat-header .chat-header-item:hover{
    color: #0B5CAB;
  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .chat-date {
    
  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .chat-date div {
    
  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .chat-date .chat-date-item {
    font-size: 14px;
    font-weight: 500;
  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .chat-date .chat-date-item:hover {
    color: #0B5CAB;
  }

  .salesforce-whatsapp-chats-eazybe .slds-card__body .message {
    margin-left: 1rem;
    margin-bottom: 8px;
  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .message .top {}
  .salesforce-whatsapp-chats-eazybe .slds-card__body .message .top .initials{}
  .salesforce-whatsapp-chats-eazybe .slds-card__body .message .top .sender{
    font-size: 13px;
    font-weight: 600;
    
  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .message .top .time {
    font-size: 11px;
    margin-left: 8px;
    color: gray;
  }
  .salesforce-whatsapp-chats-eazybe .slds-card__body .message .bottom{
    font-size: 11px;
    font-weight: 500;
  }


  .salesforce-whatsapp-chats-eazybe .slds-card__body .css-1c35hjw-MuiPaper-root-MuiAccordion-root {
    box-shadow: none!important;
  }


  .salesforce-whatsapp-chats-eazybe .css-1c35hjw-MuiPaper-root-MuiAccordion-root.Mui-expanded::before  {
    opacity: 0;
  }

  .salesforce-whatsapp-chats-eazybe .css-1c35hjw-MuiPaper-root-MuiAccordion-root::before {
    display: none !important;
  }.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-title{color:rgba(0,0,0,.75);display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}
.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}
.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.shepherd-crm-icon-sidebar{
    width: 270px !important;
    height: auto !important;
    min-height: 120px !important;
    left: calc(100% - 720px) !important;
}

.shepherd-crm-icon-sidebar .shepherd-content{
    width: 100% !important;
    height: 100% !important;
}

.shepherd-crm-icon-sidebar .shepherd-text{
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
    text-align: center;
    height: 100%;
}

.shepherd-crm-sidebar-profile{
    width: 270px !important;
    height: auto !important;
    min-height: 120px !important;
    left: calc(100% - 720px) !important;
}

.shepherd-crm-sidebar-profile .shepherd-content{
    width: 100%;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px;
}

.shepherd-crm-sidebar-profile .shepherd-header{
    background: white !important;
    padding: 0 !important;
    border: none !important;
}

.shepherd-crm-sidebar-profile .shepherd-header .shepherd-title{
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}

.shepherd-crm-sidebar-profile .shepherd-text{
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
    text-align: center;
}

.shepherd-crm-sidebar-profile .shepherd-header{
    background: white !important;
    padding: 0 !important;
    border: none !important;
}

/* Target footer and primary buttons only in this product tour */
.shepherd-crm-icon-sidebar .shepherd-footer,
.shepherd-crm-sidebar-profile .shepherd-footer {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 15px 15px !important;
}

.shepherd-crm-icon-sidebar .shepherd-footer .shepherd-button-primary,
.shepherd-crm-sidebar-profile .shepherd-footer .shepherd-button-primary {
    width: 100% !important;
}

.shepherd-button-secondary {
    font-size: 14px !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    padding: 6px 16px !important;
}
.edit-user-properties-container{
    position: absolute;
    top: 2rem;
    left: 4rem;
    /* transform: translate(-50%, -50%); */
    color: black;
    display: flex;
}

.all-user-properties-container{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #F5F5FF;
    padding: 2rem;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 20rem;
}

.all-user-properties-header{
    font-size: large;
    font-weight: 600;
    text-align: center;
}

.all-user-properties-search{
    background-color: #F5F5FF;
    border: 1px solid rgba(115, 118, 128, 1);
    color: rgba(115, 118, 128, 1);
    border-radius: 20px;
    width: 15rem;
    height: 32px;
    padding: 0.2rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.all-user-properties-search:focus{
    outline: none;
}

.all-user-properties{
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    height: 25rem;
    overflow: scroll;
}

.user-property{
    display: flex;
    gap: 0.5rem;
}

.selected-user-properties-container{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: white;
    padding: 2rem;
    border-top-right-radius: 8px;
    width: 32rem;
    border-bottom-right-radius: 8px;
}

.selected-user-properties-header{
    display: flex;
    gap: 8rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-around;
}

.header-1{
    font-size: large; 
    font-weight: 600; 
}

.header-2{
    /* margin-right: 1rem; */
}

.selected-user-properties{
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    height: 25rem;
    overflow: scroll;
}

.user-property-item{
    background-color: rgba(248, 248, 248, 1);
    display: flex;
    /* gap: 10rem; */
    position: relative;
    left: 0;
    gap: 1rem;
    align-items: center;
    padding: 0.8rem;
    border-radius: 8px;
    padding: 1rem;
    border-radius: 6px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.user-property-item-name{
     /* font-weight: 600; */
     font-size: 16px; 
     width: 17rem;
}

.selected-user-property-bottom{
    margin-left: 10rem;
}

.selected-user-property-cancel-btn{
    background-color: rgba(255, 255, 255, 1);
    color: rgba(115, 118, 128, 1)   ;
    font-size: large;
    padding: 0.5rem;
    border-radius: 4px;
    width: 8rem;
}

.selected-user-property-apply-btn{
    background-color: rgba(88, 86, 232, 1);
    color: white;
    font-size: large;
    padding: 0.5rem;
    border-radius: 4px;
    width: 8rem;
}


body.dark .selected-user-property-apply-btn {
    color: black;
}.lsq-fields-mapping-con {
    
}
.lsq-fields-mapping-con .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.lsq-fields-mapping-con .top .edit-btn {
    margin-right: 3rem;
}

.lsq-fields-mapping-con .all-fields-con {
    max-height: 28rem;
    overflow: auto;
}

.lsq-fields-mapping-con .lead-details {}
.lsq-fields-mapping-con .activity-details {}
.lsq-fields-mapping-con .opportunity-details {}

.lsq-fields-mapping-con .form-items-con {
    gap: 8px;
}
.lsq-fields-mapping-con .form-items-con .info {
    font-size: 14px;
    color: #309afc;
    font-weight: 500;
    align-items: center;

}
.lsq-fields-mapping-con .form-items-con .form-items{
    flex-wrap: wrap;
    /* gap: 1rem; */
    justify-content: space-between;
}
.lsq-fields-mapping-con .form-items-con .form-items .form-item{
    width: 48%;
}

.lsq-fields-mapping-con .form-items-con .form-items .form-item .title{
    /* flex-grow: 1; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

.lsq-fields-mapping-con .buttons-con{
    margin-top: 1.5rem;
}   
.lsq-fields-mapping-con .buttons-con .save-btn{
    background-color: #309afc;
    /* background: blue; */
    font-size: 18px;
    width: 100%;
    padding: 6px;
    border-radius: 4px;
    color: white;
    font-weight: 600;

}

.lsq-fields-mapping-con .eazybe-form-component-dropdown .top-items{
    margin-bottom: 1rem;
}

.lsq-fields-mapping-con .MuiAutocomplete-inputRoot {
padding: 1px!important;
}.eazybe-form-component {
    width: 100%;
}
.eazybe-form-component-container {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    margin-bottom: 1rem;

}


.eazybe-form-component-container .top-items {
    display: flex;
    font-size: 12px;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

.eazybe-form-component-container .title-container {
    display: flex;
    align-items: center;
    width: 90%;
    overflow: hidden;
    margin-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eazybe-form-component-container .title-text {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dark .eazybe-form-component-container .title-text {
    color: black;
}

.eazybe-form-component-container .required-asterisk {
    flex-shrink: 0;
    margin-left: 2px;
}

.dropdown-gap{
    margin-top: -1rem !important;
}

.form-size-font{
    font-size: 12px !important;
    font-family: 'Poppins' !important;
}

.eazybe-form-component-container .dropdown-item-con {
    /* width: 14vw; */
}
.eazybe-form-component-container .dropdown-item-con .css-2m9kme-MuiFormControl-root {
   width: 100%;
   margin: 0;
}
.eazybe-form-component-container .dropdown-item-con .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
   height: fit-content;
   line-height: unset !important;
   /* height: 3rem; */
    font-weight: 400;
    font-size: 14px;
    height: 2.5rem;
    background: rgba(228, 218, 255, 1);
    border-radius: 5px;
    padding: 5px 8px;
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
}

.eazybe-form-component-container .text-area-item {
    border-radius: 5px;
    resize: none;
    border: 1px solid #D7D8DC;
    background-color: white;
    padding: 6px;
    font-weight: 400;
    font-size: 14px;
    color: #3F4A4B;
    width: 100%;
    height: 6rem;
}
.eazybe-form-component-container .input-item {
    
    height: 2rem;
    /* width: 11rem; */
    width: 100%;
    color: #9baabf;
    border: 1px solid #D7D8DC;
    border-radius: 5px;
    padding: 5px;
    font-weight: 400;
    font-size: 14px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 5px 8px;
    /* background: rgba(228, 218, 255, 1);
    color: rgba(89, 86, 233, 1);
    border: 1px solid rgba(89, 86, 233, 1); */
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
}

.eazybe-form-component-container .css-q8hpuo-MuiFormControl-root {
    margin-top: 6px;
}
.eazybe-form-component-container .css-tzsjye {
    margin-top: 6px;
}

.eazybe-form-component-container .css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
    height: 3rem; 
    font-weight: 400;
    font-size: 14px;
    height: 2.5rem;
    background: rgba(228, 218, 255, 1);
    border-radius: 5px;
    padding: 5px 8px;
    /* color: rgba(89, 86, 233, 1);
    border: 1px solid rgba(89, 86, 233, 1); */
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
}
.eazybe-form-component-container .css-fvipm8 {
    height: 3rem; 
    font-weight: 400;
    font-size: 14px;
    height: 2.5rem;
    background: rgba(228, 218, 255, 1);
    border-radius: 5px;
    padding: 5px 8px;
    /* color: rgba(89, 86, 233, 1);
    border: 1px solid rgba(89, 86, 233, 1); */
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
}

.eazybe-form-component-container .dropdown-item-con .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
    padding: 8.5px 15px!important;
}

.eazybe-form-component-container .dropdown-item-con .css-1d3z3hw-MuiOutlinedInput-notchedOutline  {
    border: none;
}
.eazybe-form-component-container .dropdown-item-con .css-igs3ac {
    border: none;
}

.eazybe-form-component-container .eazybe-time-picker {
width: 100%;
}
.eazybe-form-component-container .eazybe-time-picker .css-1u3bzj6-MuiFormControl-root-MuiTextField-root {
width: 100%;
}

.eazybe-form-component-container .eazybe-form-component-dropdown {
    width: 100%;
}

.eazybe-form-component-container .eazybe-form-component-dependent_pick_list_leadsquared {
    width: 100%;
}

.eazybe-form-component-container .eazybe-form-component-text {
    width: 100%;
}

.eazybe-form-component-container .datetime-item-con {
    margin-top: 1rem;
    border: 1px solid black;
    font-size: 14px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 5px 8px;
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
    width: 100%;

}

.eazybe-form-component-container .datetime-item-con fieldset {
    border: none!important;
 }
 
.eazybe-form-component-container .datepicker-item-con {
    margin-top: 1rem;
    border: 1px solid black;
    font-size: 14px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 5px 8px;
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
    width: 100%;

}
.eazybe-form-component-container .datepicker-item-con .css-1x5jdmq {
    padding: 0!important;
}
.eazybe-form-component-container .datepicker-item-con fieldset {
   border: none!important;
}
.eazybe-form-component-container .datetime-item-con .css-1x5jdmq {
    padding: 0!important;
}
.eazybe-form-component-container .datetime-item-con fieldset {
   border: none!important;
}
.eazybe-form-component-container .number-input-con input{
    margin-top: 1rem;
    border: 1px solid black;
    font-size: 14px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 5px 8px;
    color: #3F4A4B;
    background: #f0f2f5;
    border: 1px solid #D7D8DC;
    background-color: white;
    width: 100%;
}

/* Add these styles at the end of the file */

/* Quoted Items Table Specific Styles */
.quoted-item-table-field .eazybe-form-component-container {
    margin: 0;
  }
  
  .quoted-item-table-field .eazybe-form-component-container .top-items {
    display: none; /* Hide labels in table cells */
  }
  
  .quoted-item-table-field .eazybe-form-component-container .bottom-item {
    margin: 0;
  }
  
  .quoted-item-table-field .input-item,
  .quoted-item-table-field .MuiOutlinedInput-root,
  .quoted-item-table-field .MuiSelect-select {
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    min-height: 35px;
    padding: 6px 8px;
  }
  
  .quoted-item-table-field .dropdown-item-con {
    margin: 0;
  }
  
  .quoted-item-table-field .searchable-input-container {
    margin: 0;
  }
  
  /* Ensure proper spacing in table cells */
  .quoted-item-table-field .eazybe-form-component {
    margin: 0;
    width: 100%;
  }

  /* Fix text truncation issues in table cells */
  .quoted-item-table-field .eazybe-form-component-container .title-container {
    width: 100% !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
  }

  .quoted-item-table-field .eazybe-form-component-container .title-text {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

  /* Ensure searchable input shows full text */
  .quoted-item-table-field .MuiAutocomplete-root {
    width: 100% !important;
  }

  .quoted-item-table-field .MuiAutocomplete-inputRoot {
    width: 100% !important;
  }

  .quoted-item-table-field .MuiAutocomplete-input {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

  /* Ensure input fields show full text without truncation */
  .quoted-item-table-field .input-item {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

  /* Fix for MUI TextField in searchable input */
  .quoted-item-table-field .MuiTextField-root .MuiInputBase-input {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

@media (max-width: 1600px), (max-height: 720px) {
  .eazybe .tiptap-editor-eazybe {
    height: 1rem !important;
  }
}.edit-btn-commom-crm {
    width: fit-content;
    gap: 6px;
    border: 1px solid #8C90A1;
    padding: 2px 10px;
    border-radius: 4px;
    /* width: 68px; */
    height: 24px;
    justify-content: space-between;
    margin-left: auto;
}
body.dark .edit-btn-commom-crm:hover {
    /* scale: 1.2; */    
    border-color: black;
}

.edit-btn-commom-crm img{
    /* width: 14px; */
    height: 16px;
}

.edit-btn-commom-crm  p{
    color: #8C90A1;
    font-size: 12px;
    font-weight: 600;
}
.save-btn-with-loader-con {
    display: flex;
    border-radius: 20px;
    background-color: #5956E9;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    /* cursor: pointer; */
    width: fit-content;
}

.save-btn-with-loader-con  p {
    color: white;
    /* margin-right: 1rem; */
}

.save-btn-with-loader-con .loader-text {
    color: white;
    margin-left: 10px;
}.leadsquared-fields-mapping-con svg {
    pointer-events: unset!important;
}

.leadsquared-fields-mapping-con .fields-container {
    max-height: 18rem;
    overflow: auto;
    padding-right: 10px;
}/* .goto-whatsapp-leadsquared {
    width: 38px;
    box-sizing: content-box;
    padding: 0px;
    position: relative;
    margin: 0px 4px;
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
    align-items: center;
} */

#LeadQuickActions {
    display: flex;
    align-items: center;
}

.goto-whatsapp-leadsquared.new-ui {
    height: 100%;
}

.goto-whatsapp-leadsquared .goto-whatsapp-btn-eazybe {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 2px!important;
    color: #0176D3;
    height: 28px;
    margin-bottom: 8px;
    /* width: 33px; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    gap: 6px;   
    cursor: pointer;
}

.goto-whatsapp-leadsquared.new-ui .goto-whatsapp-btn-eazybe {
margin-bottom: 0!important;
margin-right: 0!important;
height: 100%;

}

.goto-whatsapp-leadsquared.new-ui .goto-whatsapp-btn-eazybe svg {
    height: 20px;
    width: 18px;

}

.goto-whatsapp-leadsquared .goto-whatsapp-btn-eazybe svg {
    height: 20px;
    width: 18px;

}
.goto-whatsapp-leadsquared .goto-whatsapp-btn-eazybe img {
    /* height: 20px; */
    width: 16px;

}

.goto-whatsapp-leadsquared span {
    max-height: 36px;
    line-height: 14px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: keep-all;
    font-weight: 500;
    color: #555 !important;
    background: #f5f5f5;

}
.shepherd-product-tour-on-crm-sites{
    /* left: 7.9% !important; */
    width: 221px !important;
    height: 100px !important;
}

.shepherd-product-tour-on-crm-sites .shepherd-text{
    text-align: center;
    font-size: 16px;
}

.shepherd-product-tour-on-crm-sites .shepherd-content{
    height: 100%;
}

/* .shepherd-product-tour-on-crm-sites{
    top: 40% !important;
} */

.shepherd-product-tour-on-crm-sites.on-salesforce-sites{
    top: 25% !important;
}

.on-hubspot-sites{
    top: 69% !important;
}

.on-hubspot-sites-default{
    top: 45% !important;
}

.on-zoho-sites{
    top: 50% !important;
}

.on-zoho-sites-default{
    top: 20% !important;
}

.on-leadsquared-sites{
    top: 20% !important;
}

.shepherd-enabled.shepherd-element.on-bitrix-sites{
    top: 60% !important;
}

.shepherd-product-tour-on-crm-sites .shepherd-element{
    width: auto !important;
    padding-bottom: 10px;
  }

.shepherd-product-tour-on-crm-sites .shepherd-content .shepherd-text {
    margin-bottom: 0px;
}

.shepherd-product-tour-on-crm-sites .shepherd-text{
    padding: 0.5em;
}

.shepherd-product-tour-on-crm-sites .shepherd-footer {
    padding: 0px !important;
    justify-content: center
  }
  
.shepherd-product-tour-on-crm-sites .shepherd-button-primary {
    background: #5856e8 !important;
    border-radius: 10px !important;
    /* font-family: "Montserrat" !important; */
    font-style: normal !important;
    /* font-weight: 600 !important; */
    font-size: 14px !important;
    line-height: 20px !important;
    color: #ffffff !important;
    padding: 5px 32px !important;
  }
  
  .shepherd-product-tour-on-crm-sites .shepherd-button-secondary {
    /* background: #fff !important; */
    background: transparent !important;
    color: rgba(0, 0, 0, 0.75) !important;
    font-family: "Montserrat" !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    text-decoration-line: underline !important;
    color: #737680 !important;
    padding: 1px 16px;
  }
  
.shepherd-product-tour-on-crm-sites .my-highlight-class {
    position: relative !important;
    z-index: 10000 !important;
    /* animation: pulse 4s ease-out infinite !important; */
    box-shadow: 0 0 0 0 white !important;
    opacity: 10 !important;
    border-radius: 10px !important;
    padding: 5px;
  }
  .eazybe-loader {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}.leadsqaured-goto-whatsapp-modal {
}
.leadsqaured-goto-whatsapp-modal .sender-select  {

}

.leadsqaured-goto-whatsapp-modal .sender-select  .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{
    padding: 0;
    padding-right: 32px;
}
.leadsqaured-goto-whatsapp-modal .sender-select  .css-qiwgdb.css-qiwgdb.css-qiwgdb{
    padding: 0;
    padding-right: 32px;
}

.leadsqaured-goto-whatsapp-modal .sender-select .select-option  {

}
.select-option-hubspot-goto-whatsapp-modal.loading {
    align-items: center;
    justify-content: center;
}
.select-option-hubspot-goto-whatsapp-modal .cloud-status-icon  {
    height: 16px;
    margin-left: auto;
}

.leadsqaured-goto-whatsapp-modal .sender-select .cloud-status-icon {
    height: 16px;
    margin-left: 4px;
}
.leadsqaured-goto-whatsapp-modal .sender-select svg {
    fill: #0091ae;
}

.leadsqaured-goto-whatsapp-modal .back-btn {
    height: fit-content;
    border: none;
    background: white;
    gap: 6px;

}

.leadsqaured-goto-whatsapp-modal .back-btn img {
height: 1rem;
}

.leadsqaured-goto-whatsapp-modal .back-btn span {
    color: #0091ae;
    font-size: 14px;
    font-weight: 600;
}

.leadsqaured-goto-whatsapp-modal .attachment-con-leadsqaured {
    position: absolute;
    bottom: 30px;
    right: 20px;
}
.leadsqaured-goto-whatsapp-modal .attachment-con-leadsqaured .left{
    display: flex;
    align-items: center;
    gap: 4px;
    background: #e6e0f8;
    padding: 3px 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    max-width: 26rem;
}
.leadsqaured-goto-whatsapp-modal .attachment-con-leadsqaured .left .file-size {
    color: #ada3a3;
    font-size: 10px;

}
.leadsqaured-goto-whatsapp-modal .attachment-con-leadsqaured .right {

}@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap);.QuickReply-new-popup-modal-crm {
    justify-content: end;
    flex-direction: row;
    position: absolute;
    width: 260px;
    /* bottom: 4.2rem; */
    right: 10px;
    box-shadow: 0 0 10px 0 #e5e5e5;
    background-color: white;
    z-index: 1112;
    border-radius: 1rem;
    font-family: "Montserrat";
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: white;
    z-index: 1112;
    box-shadow: -7px 7px 16px grey;
    border-radius: 15px;
    width: 320px;
    /* height: 401px; */
    padding: 12px 2px 0px;
    height: 150px;
    bottom: 8rem;
    overflow: scroll;
}

.quick-replies_message_container_crm::-webkit-scrollbar {
    display: none;
}

#quick-replies_main_container.loading {
    height: 100%;
}

#quick-replies_main_container.loading .eazybe-loader{
    height: 80%!important;
}

.quick-replies_message_container_crm {
    height: 100px;
    overflow: scroll;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#Create_quick_reply {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1112;
}
#quick_reply_conatiner_div {
    justify-content: end;
    flex-direction: row;
    position: absolute;
    width: 260px;
    height: 408px;
    bottom: 4.2rem;
    right: 10px;
    width: 20rem;
    box-shadow: 0 0 10px 0 #e5e5e5;
    background-color: white;
    z-index: 1112;
    border-radius: 1rem;
    font-family: "Poppins";
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: white;
    z-index: 1112;
    box-shadow: -7px 7px 16px grey;
    border-radius: 15px;
}

.quickReply_Messages_crm {
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom: 0.5px solid rgb(226, 223, 223);
    padding: 0.25rem;
    justify-content: space-between;
    background-color: white;
    cursor: pointer;
}

.quickReply_Messages_crm:hover {
    background-color: #f0f0f0;
}

.quickReply_TitleAndAttachment_crm {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    width: 95%;
    gap: 15px;
}

.qucikReply__Titles_crm {
    display: flex;
    align-items: center;
    padding: 0.3rem 0.5rem;
    width: fit-content;
    column-gap: 20px;
    border:none;
    background-color: transparent;
}

.qucikReply__TitlesSpan_crm {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    word-break: break-all;
    text-align: left;
}

.edit-quick-reply-icon {
}
.editIcon_Pencil {
}
.paragraphTagInQr {
    display: flex;
    margin: 0px;
    cursor: pointer;
    padding: 0.2rem;
    width: 80%;
    align-items: center;
}

.createFirstQrDiv {
    display: flex;
    flex-direction: column;
    height: 6rem;
    justify-content: space-around;
    align-items: center;
    position: relative;
    top: 35px;
}
.SignAndTextForFirstQr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1px 41px;
}
.QrColoredSymbol {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}

.CreateFirstQrText {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 13.2468px;
    line-height: 20px;
    color: #312e2e;
}

.QrInfoText {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    color: #5a5a5a;
    text-align: center;
    letter-spacing: 0.6px;
}

.CreateFirstQrButton {
    width: 79px;
    height: 30px;
    background: #5956e9;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 24px;
}

.CreateFirstQrButtonSpan {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #ffffff;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.QrTitleHeading_crm {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #41416e;
    margin-bottom: 0rem;
    margin-top: 0rem;
}

/* body.dark .QrTitleHeading {
    color: #151515;
} */

.QrSearchBox {
    width: 157px;
    height: 35px;
    border: 1px solid #dfdfdf;
    border-radius: 25px;
    padding: 1px 18px;
}

.InputboxAndAddButton {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1px 27px;
    align-items: center;
}

.QrAddButton {
    width: 68px;
    height: 28px;
    background: #5956e9;
    border-radius: 25px;
}

.QrAddButtonSpan {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

.quicReplyHeader {
    display: flex;
    justify-content: space-between;
}
.QuickReply-new-popup-modal .quick-reply-tabs {
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 1rem;
}

.QuickReply-new-popup-modal .quick-reply-tab {
    color: black;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.6px;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    width: 50%;
}

.QuickReply-new-popup-modal .quick-reply-tab.activeTab {
    color: #5856e8;
    border-bottom: 3px solid #5856e8;
}

.quick_reply_team_nameSpanContainer {
    background: #efefff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 10px;
    font-size: 10px;
}

.quick_reply_team_nameSpan {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.6px;
}

.eb-QR-container-drag_crm{
    /* width: 100%; */
    width: 310px;
}


.QuickReply-new-popup-modal-crm::-webkit-scrollbar,
.quick-replies_message_container_crm::-webkit-scrollbar,
.quickReply_Messages_crm::-webkit-scrollbar,
#quick_reply_conatiner_div::-webkit-scrollbar {
    display: none;
}


.QuickReply-new-popup-modal-crm,
.quick-replies_message_container_crm,
#quick_reply_conatiner_div {
    scrollbar-width: none;
}


.QuickReply-new-popup-modal-crm,
.quick-replies_message_container_crm,
#quick_reply_conatiner_div {
    -ms-overflow-style: none;
}.planContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    padding: 1.5em;
    box-shadow: 2px 10px 17.3512px rgba(41, 41, 48, 0.05);
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: white;
    color: #0d1113;
    padding-top: 8px;
    padding-bottom: 0;
    height: 28.5rem;
    width: 18rem;
}
.planContainer .discount {
    position: absolute;
    top: -2em;
    right: 0;
    height: 2em;
    border-radius: 20px;
    background-color: #d4f1eb;
    color: #55bc9f;
    padding: 0.25em 0.75em;
}

body.dark .planContainer .discount {
    background-color: #5956e9;
    color: white;
}
.planContainer .info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.planContainer .info p {
    font-weight: 400;
    color: #0d1113;
    font-weight: 500;
}

.planContainer .info .type {
    font-size: 12px;
    color: #0d1113;
}

.planContainer .info .name {
    font-size: 17px;
    color: #0d1113;
    font-weight: 600;
    margin-bottom: 8px;
}

.planContainer .info .price {
    font-size: 21px;
    color: #5956e9;
    font-weight: 600;
}
body.dark .planContainer .info .price {
    color: #5956e9;
}

.planContainer .info ul {
    margin: 0.5em 0;
    margin-top: 10px;
}
.planContainer .info .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.planContainer .info .feature-item .green-tick-icon {
    width: 13px;
    height: 10px;
}
.planContainer .info ul li {
    margin-left: 1em;
    font-size: 12px;
    color: #000;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.planContainer .info ul li:not(:last-child) {
    margin-bottom: 1em;
}
.planContainer button {
    margin: 16px 24px;
    padding: 10px 1em;
    border-radius: 8px;
    background-color: #5956e9;
    width: 100%;
    display: flex;
    align-items: center;
    align-self: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.6px;
}

.planContainer:hover {
    box-shadow: 0px 3px 6px 2px #5956e9;
}

.close-icon {
    width: 22px;
    margin-left: -5px;
}

.eazy_ai_reply_in_org_pricing_card {
    color: #000 !important;
    font-family: "Montserrat";
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    letter-spacing: 0.6px;
    display: flex;
    align-items: center;
}

body.dark .contact-sales-btn {
    color: #fff !important;
}

body.dark .contact-sales-heading {
    color: #fff !important;
}

body.dark .try-free-btn {
    color: #fff !important;
}

body.dark .upgrade-plan-btn {
    color: #fff !important;
}

body.dark .feature-item {
    border: 1px solid #f7f7fa08;
    color: #fff !important;
}

body.dark .feature-item-header {
    border: 1px solid #ebeef1;
    color: #fff;
}

body.dark .namePriceContainer .name {
    color: #fff;
}

body.dark .namePriceContainerType {
    color: #fff;
}

.planContainer .info .itegration-crms {
    margin-left: 17px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}


.toggleButtonOuter {
    width: 25px;
    background: white;
    display: flex;
    align-items: center;
    padding: 2px;
    border-radius: 50px;
    margin-right: 7px;
    border: 2px solid #5956E9;
}


.toggleButtonInner {
    height: 10px;
    width: 10px;
    background-color: #5956E9;
    border-radius: 50%;
}.pricing-ai-btn-con {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* padding: 1rem; */
}

.pricing-ai-btn-con .txt {
    display: flex;
    align-items: center;

    margin-left: 6px;
}

.pricing-ai-btn-con .txt p {
    font-size: 14px;
    margin-left: 6px;
}

.pricing-ai-btn-con .checkbox-ai svg {
    /* height: 20px; */
    /* width: 20px; */

    height: 24px;
    width: 24px;
}
.join-organisation-modal {
    /* align-items: center; */
}



.first-screen-comp .btns-container .create_a_new_organisation_button{
    border: 1px solid #5956E9;
    border-radius: 8px;
    /* width: 200px; */
    height: 44px;
}

.first-screen-comp .btns-container .changeColorOnHoverForButton__in_Join_org_Modal:hover{
    background: linear-gradient(0deg, #5956E9, #5956E9), #2C31BC;
    border: none;

}
.first-screen-comp .btns-container .changeColorOnHoverForButton__in_Join_org_Modal:hover span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}


.first-screen-comp .btns-container .create_a_new_organisation_buttonSpan{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #5956E9;
}

/* .first-screen-comp .btns-container .link_to_existing_org_button{
    background: linear-gradient(0deg, #5956E9, #5956E9), #2C31BC;
    border-radius: 8px;
    height: 44px;
}  */

/* .first-screen-comp .btns-container .link_to_existing_org_buttonSpan{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
} */

.join-organisation-modal .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 2rem; */
}

.join-organisation-modal .close-btn {
    cursor: pointer;
    /* margin-bottom: .5rem; */
    /* margin-left: auto; */
    /* height: 14px; */
    width: 14px;
    margin-left: auto;
}
.join-organisation-modal h5 {
   /* margin-bottom: 3rem; */
   font-weight: 600;
}

.join-organisation-modal .change-section-btn {
    cursor: pointer;
    color: #7579FF;
    font-weight: 600;
    font-size: 12px;
    margin-left: 1rem;
}

.join-organisation-modal .input-field-item {
    margin-top: 2rem;
}

.join-organisation-modal .bottom {
    display: flex;
    margin-top: 2rem;
    align-items: flex-end;
    justify-content: space-between;
}

.join-organisation-modal .orgcode-input-container {
   /* margin-bottom: 3rem; */
   position: relative;
   display: flex;
   flex-direction: column;
}

.join-organisation-modal .orgcode-input-container p {
    font-size: 10px;
    margin-bottom: .5rem;
}

.join-organisation-modal .orgcode-input {
    margin-right: 1rem;
    border: 1px solid grey;
    padding: 2px 1rem;
    width: 14rem;
    border-radius: 3px;
    height: 1.6rem;
}
.join-organisation-modal .right-icon {
    position: absolute;
    right: -2rem;

}

.join-organisation-modal .create-btn-container {
    margin: auto;
}
.join-organisation-modal .create-btn-container  .create-btn{
    background-color: #C4C4C4;
    color: white;
    padding: 4px 2rem;
}
.join-organisation-modal .create-btn-container .create-btn-active{
    background-color: #7579FF;
    color: white;
    padding: 4px 2rem;
}

.join-organisation-modal .link-btn-container {
    position: relative;
    

    /* padding-bottom: 1rem; */
}
.join-organisation-modal .link-btn-container:hover  span  {
   display: block;
}
.join-organisation-modal .link-btn-container span {
    position: absolute;
    width: 13rem;
    text-align: center;
    background: black;
    color: white;
    padding: 3px 1rem;
    border-radius: 10px;
    bottom: -61px;
    right: -43px; 
    display: none;
}
.create-btn-container .link-btn-inactive {
    /* background-color: #C4C4C4;
    color: white;
    padding: 4px 2rem; */


    background: #C4C4C4;
    border: 1px solid #5856E8;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: gray;
    cursor: not-allowed;
    padding: 10px 58px;
}

.create-btn-container .link-btn-active {
    /* background-color: #7579FF;
    color: white;
    padding: 4px 2rem; */

    background: #5856E8;
    border: 1px solid #5856E8;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    padding: 10px 58px;
    cursor: pointer;
}

.join-organisation-modal .input-field-con{
    margin-bottom: 2rem;
}

.join-organisation-modal .input-field-con .input-field-item p {
    color: #41416e;
    font-size: 14px;
    width: 12rem;
}
.join-organisation-modal .input-field-con .input-field-item label {
    margin-bottom: 0 !important;
}
.join-organisation-modal .input-field-con .input-field-item .upload-logo-img {
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
}
.join-organisation-modal .input-field-con .input-field-item input {
    width: 12rem;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 13px;
    color: #4e4e4e;
}


/* First Screen Comp start */

 .first-screen-comp {

}

.first-screen-comp .header {
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.first-screen-comp .header h5 {
    font-weight: 600;
}

body.dark .first-screen-comp .header h6 {
   color: black;
}
.first-screen-comp .header img {
    height: 14px;
    margin-left: auto;
}

 .first-screen-comp .info {
margin-top: 1rem;
font-size: 14px;
}

body.dark  .first-screen-comp .info {
    color: black;
}

.first-screen-comp .btns-container {
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
}

.first-screen-comp .btns-container button{
    border: 2px solid #5956E9;
    font-weight: 600;
    color: #5956E9;
    padding: 3px 10px;
    border-radius: 3px;
}


/* First Screen Comp end */

.join_or_create_organization_Join_organiZation_div.active_join_org_section,
.join_or_create_organization_Join_organiZation_div.active_create_org_section
{
    flex: 1 0 30%;
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px solid #f7f7f7;
    color: #3D4043;
    cursor: pointer;
    display: flex;
    gap: 9px;
    align-items: center;
    justify-content: center;
    /* border-bottom: 3px solid #5956E9; */
    /* color: #5956E9; */

}

.join_or_create_organization_Join_organiZation_div.active_join_org_section,
.join_or_create_organization_Join_organiZation_div.active_create_org_section{
    border-bottom: 5px solid #5956E9;
    color: #5956E9;
    border-radius: 0px 0px 7px 7px;
}




/* .active_create_org_section{
    content: "";
    display: inline-block;
    position: absolute;
    background: #5927e5;
    width: 100%;
    height: 6px;
    left: 0;
    bottom: -3px;
    top: auto;
    right: 0;
    border-radius: 0px 0px 10px 10px;
} */


.join_or_create_organization_mainContainer{
    /* width: 538px;
    height: 308px;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: calc(50% - 269px);

    background-image: url("https://i.ibb.co/VwKC2Dj/Vector-108.png");
    background-position: 14% 68%;
    background-repeat: no-repeat;
    background-size: 37%;
    top: calc(50% - 154px);
    flex-direction: column;
    padding: 22px; */


    width: 538px;
    max-height: 500px;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: calc(50% - 269px);
    /* height: calc(50% - 154px); */
    background-image: url(https://i.ibb.co/VwKC2Dj/Vector-108.png);
    background-position: 14% 68%;
    background-repeat: no-repeat;
    background-size: 37%;
    top: calc(50% - 250px);
    flex-direction: column;
    padding: 3rem 1.5rem;
    gap: 2rem;
}

.join_or_create_organization_Join_organiZation_divSpan{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #0D1113;
    letter-spacing: 0.6px;
    flex: 1 0 30%;
    text-align: center;
    padding: 1px 21px;
    border-bottom: 1px solid #f7f7f7;
    color: #3D4043;
    cursor: pointer;
    display: flex;
}

.active_create_org_section .createorgSpan__text{
    color: #5956E9 !important;
}

.active_join_org_section .join_org_text_span{
    color: #5956E9 !important;
}

.join_or_create_organization_content_header{
    display: flex;
    align-items: center;
    background: #F5F5FF;
    border-radius: 10px;
    gap: 35px;
    white-space: nowrap;
    font-size: 16px;
    background: #F5F5FF;
    border-radius: 10px;
    gap: 3.4rem;
}

.create_my_new_org_btn{
    background: #5856E8;
    border: 1px solid #5856E8;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    padding: 10px 70px;
}


.join_or_create_organization_mainContainer .add-label-body-parent .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
    background: #F5F5FF;
    height: 44px;
}
.join_or_create_organization_mainContainer .add-label-body-parent label{
    letter-spacing: 0.6px;
    top: -9px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    /* color: #000000; */
    color: lightslategray;
    top: 0px !important;
}


.join_or_create_organization_top_header_span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;

    color: #000000;
    letter-spacing: 0.6px;
}


.join_or_create_organization_top_header_container{

}



.ShowCreateOrgForNewUser__SecondDiv__containerDiv{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 12px;
}



.ShowCreateOrgForNewUser__SecondDiv__joinOrgbuttonContainer{
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}


.ShowCreateOrgForNewUser__SecondDiv__joinOrgbutton {
    /* Styles for the class */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #5856E8;
    letter-spacing: 0.6px;
    position: absolute;
    right: 6rem;
  }


  .ShowCreateOrgForNewUser__SecondDiv__containerDiv{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 12px;
    width: 100% !important;
    align-items: center !important;
}/* 
.FeaturePageComp__main_container{

}

.FeaturePageComp__main_container .FeaturePageComp__header{

}

.FeaturePageComp__main_container .FeaturePageComp__header .header_span_one{

}


.FeaturePageComp__main_container .FeaturePageComp__header .header_span_two{

}


.FeaturePageComp__main_container .FeaturePageComp__content-container{

}

.FeaturePageComp__content-container .FeaturePageComp__content_first_container{

}

.teamInbox__content_first_container{

}

.teamInbox__content_icon_container{

}

.teamInbox__content_title_text{

}

.teamInbox__content_title_text_and_icons{

}

.teamInbox__content_sub_title_container{

}

.teamInbox__content_sub_titles{

}

.FeaturePageComp__content_second_container{

}

.FeaturePageComp__content_second_items{

}

.FeaturePageComp__content_second_items_div{

}

*/

.FeaturePageComp__main_container {
  /* CSS styles for the main container */
  width: 538px;
  height: 356px;
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left : calc(50% - 269px);
  top : calc(50% - 178px);

  gap: 30px;
  padding: 20px 0px 12px 0px;
}

.FeaturePageComp__header {
  /* CSS styles for the header */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.header_span_one {
  /* CSS styles for the first span in the header */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;

  color: #000000;
}

.header_span_two {
  /* CSS styles for the second span in the header */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */


  color: #000000;
}

.FeaturePageComp__content-container {
  /* CSS styles for the content container */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 78%;
}

.FeaturePageComp__content_first_container {
  /* CSS styles for the first container in the content section */
  display: flex;
  justify-content: space-between;
  align-self: center;
  gap: 30px;
}

.teamInbox__content_first_container {
  background: #F5F5FF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 5px;

  width: 213px;
  height: 80px;
  justify-content: center;

}

.teamInbox__content_icon_container_one {
  /* CSS styles for the icon container in the teamInbox content section */
  margin-bottom: 12px;
}
.teamInbox__content_icon_container_two{

}

.teamInbox__content_title_text_and_icons {
  /* CSS styles for the title, text and icons container in the teamInbox content section */
  /* display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; */
  display: flex;
  flex-direction: column;
  /* width: 147px; */
  gap: 5px;
}

.teamInbox__content_title_text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000000;


  /* CSS styles for the title text in the teamInbox content section */
}

.teamInbox__content_sub_title_container_two {
  /* CSS styles for the sub title container in the teamInbox content section */
  /* display: flex;
  width: 147px;
  justify-content: center;
  gap: 10px; */
  display: flex;
    gap: 10px;
    align-items: center;
}

.teamInbox__content_sub_titles {
  /* CSS styles for the sub titles in the teamInbox content section */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #0D1113;
}

.FeaturePageComp__content_second_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.FeaturePageComp__content_second_items_one {
  /* CSS styles for the items in the second container in the content section */

  background: #F5F5FF;
  border-radius: 10px;
  display: flex;
  width: 213px;
  height: 99px;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 0px 11px;
}

.FeaturePageComp__content_second_items_two {
  /* CSS styles for the items in the second container in the content section */

  background: #F5F5FF;
  border-radius: 10px;
  display: flex;
  width: 219px;
  height: 99px;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 0px 11px;
}

.FeaturePageComp__content_second_items_div {
  /* CSS styles for the divs in the items in the second container in the content section */
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.data_items_icon {
  /* CSS styles for the icons in the data items in the second container in the content section */
}

.data_items_span {
  /* CSS styles for the text in the data items in the second container in the content section */

  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 11.5px;
  line-height: 15px;
  text-align: center;

  color: #000000;
}

.FeaturePageComp__content_next_button_container {
  /* CSS styles for the button container in the content section */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.FeaturePageComp__content_next_button {
  /* CSS styles for the button in the content section */
  background: #5856E8;
  border: 1px solid #5856E8;
  border-radius: 10px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 4px 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.teamInbox__content_sub_title_container_one{
  display: flex;
  /* gap: 10px; */
  align-items: center;
  /* width: 58%; */
  padding: 1px -79px;
  width: 147px;
}.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
  }

  button .loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 25px;
    margin-right: 10px;
    height: 25px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
  }

  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .reminderSetupLoader .loader{
    border: 8px solid #cecece;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin-right: 10px;
  }

  .customLoaderInEditOptionsContainer .loader{
    border: 5px solid purple;
    border-top: 5px solid white;
    width: 60px;
    margin-right: 167px;
    height: 60px;
    position: absolute;
    top: 6px;
    left: 37px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.razorpay-gst-modal {
  width: 30rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.razorpay-gst-modal-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.razorpay-gst-modal-title {
  margin: 0 !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 2rem !important;
  color: #000000 !important;
}

.razorpay-gst-close-button {
  margin-bottom: 1rem !important;
}

.razorpay-gst-icon-button {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
}

.razorpay-gst-input-container {
  margin-top: 10px !important;
  color: #000000 !important;
  max-width: 90% !important;
  margin-left: 1rem !important;
}

.razorpay-gst-input-label {
  display: block !important;
  margin-bottom: 5px !important;
  color: #000000 !important;
}

.razorpay-gst-input-field {
  width: 100% !important;
  padding: 8px !important;
  border: 1px solid #5552f0 !important;
  border-radius: 4px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  outline: none !important;
}

.razorpay-gst-button-container {
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: column !important;
  gap: 10px !important;
  max-width: 90% !important;
  margin-left: 1rem !important;
}

.razorpay-gst-button,
.razorpay-gst-secondary-button {
  padding: 10px 20px !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-align: center !important;
  text-decoration: none !important;
}

.razorpay-gst-button {
  background-color: #007bff !important;
  color: white !important;
}

.razorpay-gst-secondary-button {
  color: #6c757d !important;
  padding: 0px !important;
}

.razorpay-gst-error-message {
  color: red !important;
  font-size: 12px !important;
  margin-top: 5px !important;
}
#navBarModals {
  overflow: scroll;
}

.org-pricing-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60rem;
  box-shadow: 24;
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 15px 25px;
  /* height: 650px; */
}
.org-pricing-modal .cloud-warning {
  color: red;
    margin: 0px 50px;
    text-align: center;
    display: block;
    background: #FFE6E6;
    padding: 0.3rem 0;
    border-radius: 7px;
}
.org-pricing-modal .header {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.org-pricing-modal .header h3 {
  font-size: 22px;
  line-height: 42px;
  font-weight: 600;
}
.org-pricing-modal .header img {
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  position: absolute;
  right: 39px;
  top: 34px;
}

.org-pricing-modal p {
  font-size: 16px;
  font-weight: 500;
}
.org-pricing-modal .plansContainerindividual {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 15px;
  justify-items: center !important;
}

.org-pricing-modal .plansContainerteams {
  display: grid;
  justify-content: center;
}

.addonsContainer {
  margin-bottom: 2em;
}

.addonsContainer .addon {
  background: #ffffff33;
  padding: 0.5em 1em;
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-size: 12px;
}


.addonsContainer .addon:not(:last-child) {
  margin-bottom: 1em;
}

.number-of-employees {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 12px;
}

.number-of-employees p {
  font-size: 12px;
}

.number-of-employee-btn {
  color: black !important;
  background-color: #f5f5ff !important;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 19px !important;
  height: 15px !important;
  padding: 8px !important;
  margin: 0 !important;
}

.number-of-employee-btn-container {
  background-color: #f5f5ff !important;
  display: flex;
}

.team-integration-img {
  width: 8px;
  margin-left: 8px;
}

.total-price {
  font-size: 14px;
  margin: 0.5rem;
  margin-left: 0rem;
  color: #5956e9;
  font-weight: 600;
}

.trialOver__in_pricing_info_div {
  text-align: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #737680;
  letter-spacing: 0.6px;
}

.NewPricing__header_trial_over {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  text-transform: capitalize;
  color: #000000;
  letter-spacing: 0.6px;
}

.NewPricing__UpperContainer_for_free_trial_over {
  display: flex;
  flex-direction: column;
  padding: 1px 4px;
  gap: 10px;
  align-items: center;
}

.NewPricing__header >span {
  font-size: 26px;
}.toggleContainer {
    display: flex;
    justify-content: center;
    margin-top: 1.5em;
    color: #99a1aa;
}
.toggleContainer h6 {
    user-select: none;
    cursor: pointer;
}
.toggleContainer .activeToggle {
    color: #5956e9;
}
.toggleContainer .toggleBoundary {
    width: 4em;
    border: 1px solid #99a1aa;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 2px;
    cursor: pointer;
    margin: 0 2em;
}

.toggleContainer .monthly-toggleBoundary {
    background: #DEE0E1;
}
.toggleContainer .yearly-toggleBoundary {
    background: #3A55FF;
}
.toggleContainer .toggleBoundary .toggleDot {
    background-color: #5956e9;
    border-radius: 50%;
    height: 1.25em;
    width: 1.25em;
}
.toggleContainer .toggleBoundary .yearly-toggleDot {
    background-color: #DEE0E1;
}

/* .toggleContainer {
    width: 240px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 1.5em auto 0;
    color: #121212;
    border-radius: 8px;
    background: #d9d9d9;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) inset;
}

.toggleContainer h6 {
    user-select: none;
    cursor: pointer;
    padding: 0.5em 1em;
    width: 100%;
    text-align: center;
}

.toggleContainer h6:hover {
    transform: scale(1.08);
    transition: all 0.2s ease-in-out;
}

.toggleContainer .activeToggle {
    color: #fff;
    border-radius: 8px;
    background: #5956e9;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
} */
.whatsapp-channel-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    box-shadow: 24;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 1px 32px;
    height: max-content;
    padding: 1rem;
}

.modal-close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    cursor: pointer;
}
.whatsapp-channel-heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 1rem;
    color: black;
}

.eb-primary-btn {
    align-self: flex-end;
    justify-self: flex-end;
    padding: 10px 1em;
    border-radius: 10px;
    background-color: #5956e9;
    width: max-content;
    display: flex;
    align-items: center;
    align-self: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-family: "Montserrat";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.6px;
}
.eb-secondary-btn {
    align-self: flex-end;
    justify-self: flex-end;
    padding: 10px 1em;
    border-radius: 10px;
    background-color: transparent;
    width: max-content;
    display: flex;
    align-items: center;
    align-self: center;
    text-align: center;
    justify-content: center;
    color: #5956e9;
    font-family: "Montserrat";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.6px;
    border: 1px solid #5956e9;
}

.whatsapp__channel__img {
    filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
}
.review-eazybe-modal {
    gap: 1rem;
    align-items: center;
    position: relative;
}

.review-eazybe-modal .close-btn {
    position: absolute;
    top: -2rem;
    right: -1rem;
    margin: 0.5rem;
    font-size: 1.5rem;
    cursor: pointer;
}

.review-eazybe-modal .five-star {
    width: 14rem;
}

.review-eazybe-modal h6 {
}

.review-eazybe-modal .rate-us-btn {
    background: #5856e8;
    color: white;
    border-radius: 8px;
    padding: 6px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.review-eazybe-modal span {
    margin-right: 3px;
}

.review-eazybe-modal .star {
    width: 1rem;
}

body.dark .review-eazybe-modal .star {
    filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;

}

.review__text {
}

body.dark .review__text {
    color: #000;
}
.add-new-quick-reply {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 2rem;
  border-radius: 1rem;
  width: 560.47px;
  height: auto;
  background: #ffffff;
  box-shadow: 0px 0px 14.788px rgb(0 0 0 / 10%);
  border-radius: 22.182px;
  left: calc(50% - 280.235px);
  top: calc(50% - 296.5px);
  position: absolute;
}

.quickReplyTitle {
  box-sizing: border-box;
  width: 100% !important;
  height: 40.9px;
  border: 0.511227px solid #999fae;
  border-radius: 7.39401px;
  padding: 1px 12px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  border: 1px solid #8c90a1;
}

.quickReplyTitle:focus {
  border: 1px solid #5856e8;
  offset: none;
  outline: none;
}

.QrNameAndField {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 10px;
  position: relative;
}

.messsageInputField {
  width: 100%;
  height: 84.59px;
  border: 0.377619px solid #999fae;
  border-radius: 11.3286px;
  padding: 5px 12px;

  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #000000;
  resize: none;
  border: 1px solid #8c90a1;

  min-height: 130.59px;
  border: none;
  outline: none;
  border-radius: 10px 10px 0px 0px;
}


.messsageInputField:focus {
  /* border: 1px solid #5856e8; */
  border: none
}

.QrFileUploadAndBrowseLabel {
  width: 100%;
  height: auto;
  /* background: #ffffff;
  border: 0.511227px dashed #e4daff;
  border-radius: 15.3368px; */
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  /* padding: 8px 14px !important; */
  align-items: center;
  /* border: 1px solid #8c90a1; */
}

.BrowseLabel {
  height: 28.63px;
  background: #ffffff;
  border-radius: 15.3368px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  color: #5856e8;
  cursor: pointer;
}

.CreateQrButton {
  width: 250px;
  height: 44px;
  background: #5956e9;
  border-radius: 15px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16.2668px;
  line-height: 20px;
  color: #ffffff;
}

body.dark .CreateQrButton {
  color: #000;
  background: #7876ed;
}

.QrCancelButton {
  width: 250px;
  height: 44px;
  border-radius: 15px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16.2668px;
  line-height: 20px;
  color: #5956e9;
}

.QrBottomDiv {}

.BottomButtonsDiv {
  display: flex;
  justify-content: flex-end;
  column-gap: 44px;
}

.QrTitleHeadingName {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #41416e;
}

body.dark .QrTitleHeadingName {
  color: #151515;
}

.QrFileUploadName {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #808191;
  width: 90px;
}

.fileAttachmentAndFileName {
  display: flex;
  justify-content: space-between;
  column-gap: 7px;
  align-items: center;
}

.select__MoreTags {
  width: 88px;
  height: 98px !important;
  background: #eeeeee;
  border-radius: 10px;
  position: absolute;
  padding: 1px 6px;
  top: calc(2%);
  left: calc(76%);
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.select__select__MoreTagsColumnButton {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11.53145px;
  line-height: 9px;
  color: #5a5a5a;
}

.select__select__MoreTagsColumn {
  display: flex;
  column-gap: 9px;
  user-select: auto;
  margin-top: 13%;
  text-align: center;
  align-items: center;
}

.scheduler__TagsSelectorDiv {
  margin-bottom: 3%;
  display: flex;
}

.scheduler__TagsSelectorButton {
  text-align: center;
  outline: none;
  border-radius: 11.2px;
  background: #eeeeee;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11.53145px;
  line-height: 9px;
  color: #5a5a5a;
  height: 18px;
  padding: 1px 10px;
  margin-left: 11px;
}

.scheduler__TagsSelectorMoreSpan {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #6e6e6e;
}

.scheduler__TagsSelectorMoreButton {
  border: none;
  outline: none;
  margin-left: 11px;
}

.createQr__FileDeleteChange {}

.edit_before_create_checkbox_container {
  display: flex;
  gap: 10px;
  align-items: center;
}

.edit_before_send_in_create_quick_reply_span {
  color: #000;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.6px;
}

.tooltip_for_profile_tags {
  visibility: hidden;
  color: #fff;
  position: absolute;
  top: 24px;
  left: 12px;
  border-radius: 4px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 9px;
  padding: 4px 8px;
  background: black;
  width: max-content;
}

.tag_container_in_create_quick_reply {
  position: relative;
}

.tag_container_in_create_quick_reply:hover .tooltip_for_profile_tags {
  visibility: visible;
}

.qr__input__field input {
  padding: 9px 12px;
}.voice_recorder_main_container {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 38px;
}

.start_recording_button {
    order: 1;
}

.recorder_timer_for_recorder {}

.stop_recording_button {}

.audio_player_in_voice_recorder_com {}

.audio_player_container_in_voice_recorder_comp {}

.audio_player_in_voice_recorder_comp {
    height: 30px;
    width: 270px;
}

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

}.tag-selector-comp-qr-con {
    gap: 10px;
}
.tag-selector-comp-qr-con .title-con {
    align-items: center;
    gap: 6px;
}

.tag-selector-comp-qr-con .title-con img {
    width: 12px;
}
.tag-selector-comp-qr-con .title-con p {
    font-size: 11px;
    color: black;
}

.eazybe-tag-selector-bg {
}
.hubspot-tag-selector-bg {
}
.zoho-lead-tag-selector-bg {
}
.zoho-contact-tag-selector-bg {
}
body.dark .eazybe-tag-selector-bg {
    background: transparent !important;
}

body.dark .hubspot-tag-selector-bg {
    background: transparent !important;
}
body.dark .zoho-lead-tag-selector-bg {
    background: transparent !important;
}
body.dark .zoho-contact-tag-selector-bg {
    background: transparent !important;
}
.tag-selector-item-qr {
  gap: 6px;
  border-radius: 12px;
  padding: 6px;
  cursor: pointer;
  width: 6rem;
  align-items: center;
}

.tag-selector-item-qr img {
  width: 12px;
}

.tag-selector-item-qr p {
  font-size: 11px;
  width: 4.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
}
/* Dropdown button */

.more-item-qr-dropdown {
  position: relative;
}
.more-item-qr-dropdown button {
  gap: 6px;
  border-radius: 12px;
  padding: 8px 6px;
  cursor: pointer;
  font-size: 11px;
  color: black;
  display: flex;
  align-items: center;
  text-align: center;
}

/* Dropdown menu */
.more-item-qr-dropdown .dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  /* border: 1px solid #ccc; */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  display: none;
  z-index: 1;
  border-radius: 2px;
  background: #f8f8f8;
  /* max-height: 10rem; */
  /* overflow: auto; */
  padding: 8px 0;
}

.more-item-qr-dropdown .dropdown-menu ul {
  margin-bottom: 0 !important;
  max-height: 10rem;
  overflow: auto;
}

/* Dropdown items */
.more-item-qr-dropdown .dropdown-menu li:hover {
  background-color: #cdcdd4;
}
.more-item-qr-dropdown .dropdown-menu li {
  padding: 8px 20px;
  cursor: pointer;
  /* border-bottom: 1px solid #ccc; */
  display: flex;
  align-items: center;
  gap: 8px;
}

.more-item-qr-dropdown .dropdown-menu li img {
  width: 12px;
}
.more-item-qr-dropdown .dropdown-menu li p {
  font-size: 11px;
  width: 5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
}
/* Show dropdown when open */
.more-item-qr-dropdown.open .dropdown-menu {
  display: block;
}
.tag-selector-qr-con {
    display: flex;
    flex-direction: column;
    gap: 8px;

}.eb-rephrase-btn {
    background: #6e6e6e;
    border-radius: 50px;
    padding: 5px 10px;
    color: white;
    font-size: 12px;
    letter-spacing: 0.6px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif !important;
}

body.dark .eb-rephrase-btn {
    color: #000;
}
.monetisationCues__container {
    /* display: flex !important;  */
    /* justify-content: space-between !important; */
    align-items: center !important;
    padding: 8px 1px 2px 0px;
    /* background-color: #f7f7f7; */
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 1;
    min-height: 50px;
}

.monetisationCues__FirstDiv {
    width: 25%;
    position: relative;
    text-align: left;
    top: 2px;
}

.monetisationCues__SecondDivIllustrationContainer {
    position: absolute;
    top: -25px;
    left: 10px;
}

.monetisationCues__SecondDiv {
    width: 65%;
    display: flex;
    justify-content: center;
    gap: 12px
}


.monetisationCues__SecondDivSpan {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    letter-spacing: 0.6px;


}

.monetisationCues__upgradeNow__button {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #5956E9;
    letter-spacing: 0.6px;
}

.monetisationCues__ThirdDiv {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.monetisationCues__ThirdDiv__planName{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    position: absolute;
    transform: rotate(42deg);

}

.monetisationCues__FirstDivleftBackgroundImage{
    background: #CBCAFF;
}


.rocketIllustrationWithBackground{

}

.qr-searchbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    padding: 1px 18px;
    background-color: #f5f5ff;
    margin-bottom: 0.5rem;
}

body.dark .qr-searchbar-container {
    border: 1px solid #dfdfdf;
    background-color: #f5f5ff;
}

.qr-searchbar-container__input {
    flex: 0.9;
    border: none;
    outline: none;
    background-color: transparent;
}

.qr-searchbar-container__search-icon {
    flex: 0.1;
}
/* Dropdown Menu styles */
.qr-dynamic-dropdown {
  position: relative;
  display: inline-block;
}

body.dark .qr-dynamic-dropdown {
  color: black;
}

.quick_reply_org_dynamic_dropdown .dropdown-header {
  display: flex;
  padding: 5px 25px;
  background-color: white !important;
  border-radius: 5px;
  cursor: pointer;
  width: 96px;
  justify-content: space-between;
  border-radius: 8px;
  /* background:  #EBEEF1; */
  background-color: white !important;
  color: #000;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.6px;
}

.quick_reply_org_dynamic_dropdown .dropdown-header:hover {
  background: #EBEEF1 !important;
  background-color: #EBEEF1 !important;
}

.qr-dynamic-dropdown .dropdown-header span {
  margin-left: 5px;
}

.quick_reply_org_dynamic_dropdown .dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  z-index: 2;
  width: 110px;
  overflow: auto;
  overflow-x: hidden;
  min-height: 90px;
  max-height: 208px;

}

.quick_reply_org_dynamic_dropdown .dropdown-option {
  display: flex;
  padding: 10px;
  cursor: pointer;
  padding: 10px;
  cursor: pointer;
  gap: 5px;
  color: #000;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.quick_reply_org_dynamic_dropdown .dropdown-option:hover {
  background-color: #f2f2f2;
}


.quick_reply_org_dynamic_dropdown .dropdown-option:hover {
  background-color: #f2f2f2;
}

.quick_reply_org_dynamic_dropdown .dropdown-option.shared_tab_active_in_creationlabel {
  background-color: #F5F5FF !important;
}

.quick_reply_org_dynamic_dropdown .dropdown-option.orgOrTeamOptionActive {
  background-color: #F5F5FF !important;
}

.qr-dynamic-dropdown .dropdown-teams {
  padding: 10px;
}

/* Checkbox styles */
.team-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.team-checkbox input[type="checkbox"] {
  margin-right: 5px;
}

.team-checkbox label {
  font-size: 14px;
  font-weight: 500;
  color: #444;
}

.dropdown-closer {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-color: rgba(0,0,0,0.5); //Black background with opacity// */
  z-index: 1;
  /* Specify a stack order in case you're using a different order for other elements*/
  /* cursor: pointer; //Add a pointer on hover// */
}.goto-whatsapp-hubspot {
    width: 38px;
    box-sizing: content-box;
    padding: 0px;
    position: relative;
    margin: 0px 4px;
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe {
    background-color: #eaf0f6;
    border: 1px solid;
    border-color: #cbd6e2;
    color: #506e91;
    height: 33px;
    width: 33px;
    border-radius: 50%; 
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe svg {
    height: 20px;
    width: 18px;

}
.goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe img {
    /* height: 20px; */
    width: 24px;

}

.goto-whatsapp-hubspot span {
    max-height: 36px;
    line-height: 15px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: keep-all;
    color: rgb(37, 51, 66);
}
.LayoutFullPage.profile-3-column .profile-3-col-sidebar--left {
    flex-basis: 30%;
}


@media screen and (min-width: 1400px) {
    .LayoutFullPage.profile-3-column .profile-3-col-sidebar--left {
      flex-basis: 34%;
}

}


@media screen and (min-width: 1600px){
.goto-whatsapp-hubspot {
    width: 52px;
    margin: 0px 4px;
}
.goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe{
    height: 42px;
    width: 42px;
}
}

@media screen and (min-width: 1192px) and (min-height : 710px){
    .goto-whatsapp-hubspot {
        width: 52px;
        margin: 0px 4px;
    }
    .goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe{
        height: 40px;
        width: 40px;
    }
    }
    


@media screen and (min-width: 1192px) and (min-height : 1000px){
    .goto-whatsapp-hubspot {
        width: 52px;
        margin: 0px 4px;
    }
    .goto-whatsapp-hubspot .goto-whatsapp-btn-eazybe{
        height: 40px;
        width: 40px;
    }
    }
    

.uiList.CreateActivityButtons__StyledList-sc-1xr4h30-0{
    flex-wrap: wrap;
    justify-content: flex-start !important;
    row-gap : 8px;
}

/* .StyledEditCellComponents__EditableCell-wfxg0e-0.dYEafL {
    display: flex;
    align-items: center;
} */

#eazybe-goto-whatsapp-btn-contact-page {
    margin-left: auto;
}
#eazybe-goto-whatsapp-btn-contact-page .goto-whatsapp-contact-btn-eazybe{
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    border: none;
}

#eazybe-goto-whatsapp-btn-contact-page .goto-whatsapp-contact-btn-eazybe img {
    height: 20px;
    width: 20px;
}

.eazybe-whatsapp-btn-added {
    display: flex;
    gap: 6px;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.eazybe-whatsapp-btn-added > :first-child {
/* width: 92%; */
/* overflow: hidden; */
width: fit-content;
height: 20px;

}
.hubspot-contact-right-sidebar > :first-child {
width: 92%;
overflow: hidden;
width: fit-content;
height: 20px;
}

.eazybe-whatsapp-btn-added > :nth-child(2) {
    height: 20px;
    width: 20px;
}

.zoho-to-whatsapp{
    height: 25px;
    width: 25px;
}

.zoho-to-whatsapp button{
    height: 25px;
    width: 25px;
    border: none;
    background-color: white;
}

.zoho-to-whatsapp button img{
    height: 25px;
    width: 25px;
}.hubspot-goto-whatsapp-modal {

}
.hubspot-goto-whatsapp-modal .sender-select  {

}

.hubspot-goto-whatsapp-modal .sender-select  .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{
    padding: 0;
    padding-right: 32px;
}
.hubspot-goto-whatsapp-modal .sender-select  .css-qiwgdb.css-qiwgdb.css-qiwgdb{
    padding: 0;
    padding-right: 32px;
}

.hubspot-goto-whatsapp-modal .sender-select .select-option  {

}
.select-option-hubspot-goto-whatsapp-modal.loading {
    align-items: center;
    justify-content: center;
}
.select-option-hubspot-goto-whatsapp-modal .cloud-status-icon  {
    height: 16px;
    margin-left: auto;
}

.hubspot-goto-whatsapp-modal .sender-select .cloud-status-icon {
    height: 16px;
    margin-left: 4px;
}
.hubspot-goto-whatsapp-modal .sender-select svg {
    fill: #0091ae;
}

.hubspot-goto-whatsapp-modal .back-btn {
    height: fit-content;
    border: none;
    background: white;
    gap: 6px;
    display: flex;

}

.hubspot-goto-whatsapp-modal .back-btn img {
height: 1.5rem;
}

.hubspot-goto-whatsapp-modal .back-btn span {
    color: #0091ae;
    font-size: 14px;
    font-weight: 600;
}

.hubspot-goto-whatsapp-modal .attachment-con {
    justify-content: space-between;
    padding: 0 16px ;
    width : 100%;
}
.hubspot-goto-whatsapp-modal .attachment-con .left{
    display: flex;
    align-items: center;
    gap: 4px;
    background: #e6e0f8;
    padding: 3px 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    max-width: 26rem;
}
.hubspot-goto-whatsapp-modal .attachment-con .left .file-size {
    color: #ada3a3;
    font-size: 10px;

}
.hubspot-goto-whatsapp-modal .attachment-con .right {

}