body {
  background-color: #f1f1f1 !important;
}

main {
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 76px !important;
  padding-bottom: 10px !important;
}

/* header {
    background: #f1f1f1 !important;
    z-index: 1 !important;
} */

.gridorflex {
  display: flex;
}

.textfild_patient input,
.textfild_patient input::placeholder {
  font-size: 14px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.toprightbutton {
  min-width: 210px !important;
  font-size: 13px !important;
}

.toprightbutton410 {
  min-width: 240px !important;
  font-size: 13px !important;
}

.addcontact_butt {
  background: #2065d1 !important;
  border: 1px solid #2065d1 !important;
}

.addcontact_butt:hover {
  background: #1939b7 !important;
}

.reset_password .logo_reset {
  margin: auto;
  display: table;
}

.css-g01pza-MuiTypography-root {
  font-size: 0.75rem !important;
}

.boxphone {
  width: 100%;
  display: block;
  padding: 10px 10px 10px 25px;
  box-sizing: border-box;
}
.scan_button {
  display: flex !important;
}
.icon {
  float: left;
  color: red;
  box-sizing: border-box;
}

.callcont {
  width: 94%;
  float: left;
  box-sizing: border-box;
}

.missedcall {
  margin: 0;
  line-height: 1.5714285714286;
  font-size: 0.875rem;
  font-weight: 400;
}

.datetime {
  margin: 0;
  line-height: 1.5;
  font-size: 0.8rem;
  font-weight: 400;
  color: #637381;
  padding-top: 0;
  padding-bottom: 0;
}

.iconwatch {
  float: left;
  margin: 5px 5px 0 0;
}

.pleftnone {
  padding: 16px 5px 16px 0 !important;
}

.pleftnone label {
  margin-right: 0 !important;
}

.padding5 td {
  padding: 15px !important;
}

.fontsizeadd label {
  font-size: 15px !important;
}

.fontsizeadd input {
  font-size: 13px !important;
}

.css-1eamox7 {
  padding: 10px !important;
}

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

.select:disabled {
  cursor: not-allowed !important;
}

.css-oa1hrg-MuiTableCell-root:first-of-type {
  box-shadow: none !important;
}

.css-oa1hrg-MuiTableCell-root:last-of-type {
  box-shadow: none !important;
}

.numberbox {
  padding: 5px;
  margin-top: 10px;
}

.changenumber {
  font-size: 12px;
  color: #a9a9a9;
}

.numbertabletop div{
   margin-left: 0px !important;
 }
 
 .numbertabletop .numberbox {
   padding: 5px 0px;
	   margin:0px;   
 }

.clickhere {
  font-size: 10px;
  text-align: right;
  float: right;
  margin: 10px 10px 0 0;
  color: #a9a9a9;
}

.phoneclick {
  min-width: 20px !important;
  padding: 5px !important;
  float: right;
  margin-top: -6px !important;
}

.message_phonetree {
  width: 88.5% !important;
}

.chatbottom {
  position: fixed;
  bottom: 0;
  right: 20px;
  background: #fff;
  height: 350px;
  width: 250px;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 2px 0 #910000 0 12px 24px -4px red;
  padding: 10px;
}

.pulsicon {
  float: right;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
}

.pulsicon:hover {
  float: right;
  cursor: pointer;
  background: #f4f6f8;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
}

.css-2c1vzm-MuiInputBase-root-MuiOutlinedInput-root {
  padding-left: 2px !important;
  font-size: 14px !important;
}

.total_coutl span {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.clar_but {
  width: 60px;
  height: 39px;
  font-weight: 400 !important;
}

.filter form fieldset {
  background: #f3f9ff;
}

.filter form select {
  z-index: 2;
}

.filter form svg {
  z-index: 1;
  top: 11px;
}

.borderbottom .css-1gxkjfk-MuiTableCell-root:last-of-type {
  padding-right: 10px !important;
}

.borderbottom .css-1gxkjfk-MuiTableCell-root:first-of-type {
  padding-left: 0 !important;
}

.table_box {
  overflow-y: auto;
  padding: 0 10px;
}

.borderbottom {
  margin: 20px 0;
}

.borderbottom tr {
  background: #fbfbfbc9 !important;
  margin: 4px;
  display: inline-table !important;
  width: 49% !important;
  border: 1px solid #e0e0e0;
  vertical-align: top;
}

.borderbottom tr th {
  font-weight: 400 !important;
  color: #767676 !important;
  width: 35% !important;
  padding: 10px 5px 10px 10px;
}

.borderbottom tr td {
  width: 65% !important;
  padding: 10px;
  font-size: 15px;
}

.questionnaire_table {
  margin: 20px 0;
}

.questionnaire_table tr {
  background: #fbfbfbc9 !important;
  width: 100% !important;
  border: 1px solid #e0e0e0;
  display: block;
  padding: 10px;
}

.questionnaire_table tr th {
  font-weight: 400 !important;
  color: #212b36 !important;
  width: 100% !important;
  padding: 0px;
  display: flex;
}

.questionnaire_table tr td {
  width: 100% !important;
  padding: 0px;
  font-size: 14px;
  display: flex;
  margin-top: 5px;
}

.questionnaire_box {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  padding: 5px;
}

.questionnaire_table tr th span {
  margin-right: 10px;
  font-weight: 600;
}

.questionnaire_table tr td span {
  margin-right: 10px;
  font-weight: 600;
}

.inquiry_text {
  margin: 20px 0;
}

.inquiry_text tr {
  background: #fbfbfbc9 !important;
  margin: 4px;
  display: inline-table !important;
  width: 100% !important;
  border: 1px solid #e0e0e0;
  vertical-align: top;
}

.inquiry_text tr td {
  width: 100% !important;
  padding: 10px;
  font-size: 15px;
}

.typebox {
  border-top: 1px solid #e0e0e0;
}

.color-picker {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  border-radius: 50px;
  overflow: hidden;
}

[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

[type="color"]::-webkit-color-swatch {
  border: none;
}

.color_change {
  width: 25px;
  height: 25px;
  border: 1px solid #ddd;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
}

.upload_box {
  width: 100%;
  display: block;
}

.upload_icon svg {
  font-size: 45px;
  color: #00ab55;
}

.message2 {
  margin: 25px 0 15px !important;
}

.right_part .css-1sjwmng-MuiListItem-root {
  display: block !important;
}

.right_part .css-labmu-MuiList-root {
  margin-bottom: -20px !important;
}

.not_pagination ul {
  float: right;
}

.time_table {
  min-width: 480px !important;
}

.request_appo {
  min-width: 550px;
}

.patients_table {
  table-layout: auto;
}

.patients_table tr th {
  display: table-cell;
  padding-right: 0;
  padding-left: 0;
}

.patients_table tr td {
  display: table-cell;
  padding-right: 0;
  padding-left: 0;
}

.call_table {
  table-layout: auto;
}

.call_table tr th {
  width: 14%;
  display: table-cell;
  padding-right: 5px;
  padding-left: 5px;
}

.call_table tr td {
  width: 14%;
  display: table-cell;
  padding-right: 5px;
  padding-left: 5px;
}

.web_table {
  table-layout: auto;
}

.web_table tr th {
  width: 20%;
  display: table-cell;
  padding-right: 0;
  padding-left: 0;
}

.web_table tr td {
  width: 20%;
  display: table-cell;
  padding-right: 0;
  padding-left: 0;
}

.search_width {
  min-width: 235px !important;
}

.search_notif {
  min-width: 309px !important;
}

.refresh_butt {
  display: none !important;
}

.dense_butt {
  display: block;
}

.mtop10 {
  margin-top: 0;
}

.scrollD {
  overflow: auto;
}

.bg_color {
  width: 100%;
  height: 100%;
  background: #f1f1f1;
  display: inline-table;
}

.container_login {
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.left_login header {
  background: #fff !important;
}

.left_login {
  width: 50%;
  float: left;
  background: #fff;
  border-radius: 16px;
  margin-right: 15px;
  box-shadow: 0 0 2px 0 #910000 0 12px 24px -4px red;
}

.right_login {
  width: 50%;
  float: left;
  margin-left: 15px;
}

.announcements_box {
  width: 100%;
  float: left;
  background: #d0cfff;
  position: relative;
  height: 200px;
  border-radius: 16px;
  margin-top: 30px;
  padding: 20px;
  overflow: hidden;
  box-shadow: 0 0 2px 0 #910000 0 12px 24px -4px red;
}

.announc_left {
  width: 70%;
  float: left;
}

.announc_right {
  width: 30%;
  float: left;
}

.announc_right img {
  max-width: 180px;
  height: auto;
  margin: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.link_web {
  text-decoration: none;
}

.sorting_active {
  background-color: rgba(32, 101, 209, 0.08) !important;
}

.value_messg {
  margin-top: -17px !important;
  font-size: 13px;
}

.clear_button {
  /* background:var(--clear-button); */
  font-size: 14px;
  background: #fff;
  color: #242c40;
  text-align: center;
  padding: 0px;
  float: right;
  margin: 0 50px 0 0;
  border-radius: 20px;
  text-decoration: none;
  width: 33px;
  height: 33px;
  line-height: 47px;
}

.chat_header {
  /* background:var(--chat-header); */
  border-radius: 16px;
  padding: 10px 5px;
  font-size: 20px;
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 9;
}

.chat_headertop {
  margin: 10px 0px 20px 0px;
  display: block;
}

.client_logo_sc {
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #b9cadc;
  float: left;
  text-align: center;
  align-items: center;
  vertical-align: middle;
  display: flex;
  overflow: hidden;
}

.chat_headertop h2 {
  font-size: 14px;
  color: var(--chatWithUs-sc);
  margin: 9px 0px 0px 10px;
  display: inline-block;
  font-weight: 500;
}

.top_icon {
  width: 50px;
  float: right;
}

.close_icon {
  font-size: 25px;
  color: #fff;
  line-height: 28px;
  position: absolute;
  top: 7px;
  right: 10px;
  z-index: 999;
}

.close_icon2 {
  font-size: 25px;
  color: #fff;
  line-height: 41px;
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 99;
  background: #fff;
  width: 35px;
  height: 35px;
  border-radius: 20px;
  text-align: center;
}

#close,
#close2,
#restart,
#clear {
  cursor: default;
}

.chats {
  height: 92%;
  overflow-y: unset;
  margin: 0px;
  transition: 0.2s;
  padding: 5px;
}

div.chats::-webkit-scrollbar {
  overflow-y: hidden;
  width: 0;
}

.box_videogo {
  width: 285px;
  margin: auto;
  text-align: center;
}

.clearfix {
  margin-top: 10px;
}

.botAvatar {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  float: left;
  margin-left: 5px;
}

div.chats > pre {
  font-family: monospace, monospace;
  font-size: 1em;
  margin: 0 !important;
  white-space: initial !important;
}

div.chats > ul:not(.browser-default) {
  padding-left: 1em;
}

div.chats > ul:not(.browser-default) > li {
  list-style-type: initial;
}

div.chats > span.botMsg > ol {
  padding-left: 1em;
}

.clearfix {
  margin-top: 10px;
  clear: both;
}

.botAvatar {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  float: left;
  margin-left: 5px;
}

.userAvatar {
  animation: animateElement linear 0.3s;
  animation-iteration-count: 1;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  float: right;
  margin-right: 5px;
}

.botMsg {
  /* background:var(--botMsg-left); */
  float: left;
  background: #ccdfff;
  margin: 5px 0 0 10px;
  color: #000;
  padding: 5px 10px;
  border-radius: 1.5em;
  max-width: 65%;
  min-width: 25%;
  font-size: 13px;
  word-wrap: break-word;
  border-radius: 5px 20px 20px 20px;
}

.userMsg {
  /* background:var(--userMsg-right); */
  background: #1fa2ff;
  word-wrap: break-word;
  padding: 10px;
  float: right;
  margin: 5px 10px 5px 0px;
  color: #fff;
  font-size: 13px;
  max-width: 65%;
  min-width: 15%;
  border-radius: 20px 5px 20px 20px;
}

.name_field {
  width: 41%;
  border-radius: 20px !important;
  background: #eff5ff;
  border: 1px solid #d7d7d7;
  outline: none;
  padding: 5px 10px;
  height: 24px;
  display: inline-block;
  border-radius: 20px;
  font-size: 13px;
  margin: 10px 0px 0px 7px;
  box-sizing: content-box;
}

.dob_field {
  width: 90% !important;
}

.name_buttondob {
  background: #44a047;
  width: 97%;
  font-size: 18px;
  color: #fff;
  border-radius: 20px;
  margin: 10px 0px 20px 5px;
  position: relative;
  height: 36px;
  border: none;
}

.menuChips {
  display: inline-block;
  background: #ffffffc7;
  color: #242c40;
  text-align: center;
  padding: 8px;
  margin: 10px 0px 0px 8px;
  cursor: pointer;
  border-radius: 15px;
  font-size: 13px;
  word-wrap: break-word;
}

.widget_boxright {
  width: 100%;
}

.left_days {
  font-size: 14px;
  font-weight: 700;
}

.disabled {
  cursor: none;
}

.container-inputimage {
  position: relative;
}

.containerinputimage-img {
  display: block;
  width: 20;
  height: 20;
}

.four_numberfocus:focus {
  border: 2px solid #2065D1 !important;
}

.container-inputclose {
  position: absolute;
  top: 0;
  left: 0;
}

.number_box span {
  width: 40px;
  height: 45px;
  border: 1px solid #d2d6da;
  border-radius: 6px;
  padding: 10px 0px;
  text-align: center;
}

.four_numbercode{margin-left:8px!important;}

.four_numbercode input {
  padding: 0px!important;
  max-width: 40px;
}

.boxShadownone {
  box-shadow: none !important;
}

.moremenuicon {
  float: right;
}

.powereby {
  font-size: 12px;
  color: var(--chatWithUs-sc);
  text-align: center;
  margin: 0px;
  padding: 8px 0px;
}

.powereby a {
  color: var(--chatWithUs-sc);
}

.css-eey9y1-MuiButtonBase-root-MuiAccordionSummary-root.Mui-expanded {
  min-height: 48px !important;
}

#simple-tabpanel-2 .css-19kzrtu {
  padding: 4px !important;
}

.textarea_quick textarea {
  height: 70px !important;
  font-size: 14px;
  overflow: auto !important;
  line-height: 18px;
  padding: 0px 8px 8px 5px;
  box-sizing: border-box;
}

.textarea_quick textarea::-webkit-scrollbar-thumb {
  background: #a5a9ab;
  border-radius: 10px;
}

.textarea_quick textarea::-webkit-scrollbar {
  width: 8px;
}

.divider_submenu hr {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.user_nametext {
  font-size: 13px !important;
}

.labelfull {
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: auto;
  max-width: 230px;
  padding-bottom: 3px;
}

.labelfull::-webkit-scrollbar-track {
  border-radius: 10px;
}

.labelfull::-webkit-scrollbar {
  height: 7px;
}

.labelfull::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #9ca3ab;
}

.labelfull_asign {
  display: flex;
}

.labelnametop span {
  padding: 2px 0px 2px 10px;
  font-size: 12px !important;
  color: #2065d1;
  background: #d6e4ff;
  display: inline-table;
  margin-right: 5px;
  text-align: center;
  border-radius: 5px;
}

.hidemsg {
  margin: 10px;
}

.mobileview_onboad {
  display: flex;
}

.borderRight_onbord {
  border-right: 1px solid rgb(220, 224, 228);
  width: 75%;
}

.maxWidth_onbord {
  width: 25% !important;
}

.nodatafoundimg img {
  width: 120px !important;
  height: auto !important;
  display: block;
  text-align: center;
  margin: auto;
}

.fullnodatafoundimg img {
  width: 180px !important;
  height: auto !important;
  display: block;
  text-align: center;
  margin: auto;
}

main nav {
  display: none !important;
}

.fontSize22{font-size:22px!important;}

.veryfiy_codescu input {
  text-align:center!important;
}

.quickmessageedit textarea {
  overflow: auto !important;
}

.quickmessageedit textarea::-webkit-scrollbar-thumb {
  background: #a5a9ab;
  border-radius: 10px;
}

.quickmessageedit textarea::-webkit-scrollbar {
  width: 8px;
}

.chime_logo_sc {
  max-width: 175px;
  height: auto;
}

.ai-orangebutton {
  border-radius: 20px !important;
  width: 42px !important;
  height: 40px !important;
  padding: 0px !important;
  margin-left: 10px !important;
  background: #fff !important;
  min-width: 0px !important;
  border: 1px solid #cbcbcb !important;
}

.ai-orangebutton:hover {
  background: #edf3ff !important;
}

.overflow-visible .MuiDialog-paperFullWidth {
  overflow: initial !important;
}

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

.loadingtop {
  width: 30px !important;
  height: 30px !important;
}

.optedOut {
  color: #ff4842;
  line-height: 1.5;
  font-size: 0.75rem;
  font-family: Public Sans, sans-serif;
  font-weight: 400;
  text-align: left;
  margin-right: 14px;
  margin-bottom: 0;
  margin-left: 14px;
  margin-top: 8px;
}

.reptspamdesktop {
  display: block;
}

.reptspamdesktop:hover {
  background: #ff2e57a1 !important;
}

.reptspammobile {
  display: none !important;
}

.reptspamdesktopall {
  display: block;
}

.reptspammobileall {
  display: none !important;
}

.plit_button button {
  margin: 7px 15px 7px 0px;
}

.name_width {
  width: auto;
  word-break: break-word;
  overflow: hidden;
}

.mright10 {
  margin-right: 5px !important;
}

.iconaddlabel {
  margin-right: 0px !important;
}

.overflowYscroll {
  width: 100%;
  overflow-x: auto;
  max-height: 120px;
}

.overflowYscroll::-webkit-scrollbar {
  width: 7px;
}

/* .overflowYscroll::-webkit-scrollbar-track {
  background: #edf3ff;
} */

.overflowYscroll::-webkit-scrollbar-thumb {
  background: #9ca3ab;
  border-radius: 10px;
}

.upload_imgpath {
  width: 450px;
}

.standardnone .MuiInput-root:before {
  border-bottom: none !important;
}

.batch-messagepart {
  max-height: 200px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.batch-messagepart::-webkit-scrollbar {
  width: 7px;
}

.batch-messagepart::-webkit-scrollbar-track {
  background: #edf3ff;
}

.batch-messagepart::-webkit-scrollbar-thumb {
  background: #9ca3ab;
  border-radius: 10px;
}

.auto_logoffimg {
  display: block;
}

.autologoffpage {
  overflow: hidden;
  width: 60%;
  padding-right: 50px;
}
.auto_content {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  width: 380px;
  padding: 0px;
}
.popup_contenttime {
  display: flex;
  align-items: center;
}

.user_guide_butt {
  color: #2065d1;
  padding: 0px 10px;
  font-weight: 500;
  cursor: pointer;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 12px;
  line-height: 12px;
  border-right: 1px solid #2065d1;
}

.user_guide_butt:hover {
  color: #1939b7;
}

.avtarheader {
  margin-top: 14px !important;
}

.borderrightnone {
  border-right: none !important;
}

.filterpartdasfull .MuiCardHeader-action {
  flex: auto !important;
}

.filterpartdasfull {
  display: flex;
  gap: 40px;
}

.filterpartdas {
  display: flex;
  gap: 15px;
  margin-right: 16px;
}

.lastdayfilterdas {
  width: 100%;
}

.lastactionfilterdas {
  width: 100px;
}

.linkdashboard {
  text-decoration: none;
}
.linkdashboard:hover {
  text-decoration: none;
}
.bgcolorhover:hover {
  background-color: #edf3ff !important;
}
.countnumberdas {
  text-align: center;
}

.flexfull {
  display: flex;
  align-items: center;
}
.headshotimg {
  width: 50px;
  height: auto;
  float: left;
  margin-right: 10px;
}

.loder-attac {
  width: 25px !important;
  height: 25px !important;
  position: absolute;
  bottom: 7px;
  left: 50%;
}
.loder-attac svg {
  width: 25px !important;
  height: 25px !important;
}

.disabled-background {
  background: #ececec !important;
  border-radius: 6px !important;
}
.rowHover:hover {
  cursor: pointer;
}
.dotcolorred{background:#ff4842;width:8px; height:8px;border-radius:50%;position:absolute;left:14px;top:-2px;}
.dotcolorblue{background: #2065d1;width:8px; height:8px;border-radius:50%;position:absolute;left:14px;top:-2px;}
.select_numberTop{width: 380px;}
.select_numberTopmobile{display:flex; align-items:stretch; justify-content:space-between; flex-grow: 1; padding: 0px;}
.imgflag{max-width:23px; height:auto;margin:3.5px 14px 0px 0px;}
.row_width{ 
  width: 380px;
  word-break: normal;
  word-break: break-all;
  word-break: keep-all;
  word-break: auto-phrase;
  word-break: break-word;
  white-space: unset !important;
}
@media (min-width: 1366px) {
  .labelfull {
    max-width: 200px !important;
  }
}

@media (min-width: 1440px) {
  .labelfull {
    max-width: 370px !important;
  }
}

@media (min-width: 1680px) {
  .labelfull {
    max-width: 500px !important;
  }
}

@media (min-width: 1920px) {
  .labelfull {
    max-width: 680px !important;
  }
}

.automatedmessagepopupfull {
  width: 600px;
}
.automatedmessagepopup tr {
  border-bottom: 1px solid #d3dbec;
}

.automatedmessagepopup tr th {
  width: 20%;
  padding: 30px 24px 20px 24px !important;
  font-size: 16px;
  font-weight: 500;
  background: #edf3ff;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #d3dbec;
}
.automatedmessagepopup tr td {
  width: 80%;
  padding: 20px 24px 20px 20px !important;
  font-size: 14px;
  font-weight: 500;
  box-sizing: border-box;
}
.fullWidth-td {
  width: 80% !important;
}
.switchmargin {
  margin-right: 120px;
}
.paddingbuttontop0 {
  padding: 0px 24px 24px 24px !important;
}
.hours_mobile {
  width: 50% !important;
}

.felidsauto_mobile {
  width: 100% !important;
}

.fullWidth-td2 {
  width: 100% !important;
}

.flexgridauto {
  display: flex !important;
}

.popubuttontop0 {
  padding-top: 0px !important;
}

.popubuttontop0 {
  padding-top: 0px !important;
}
.location_field input {
  padding: 0px !important;
}
.location_field label {
  line-height: 14px !important;
}

.requiredlabel label:after {
  content: " *";
  color: #ff4842;
  font-size: 14px;
  font-weight: 600;
}

.p0popup {
  padding-top: 0px !important;
}

.table_width {
  width: 100% !important;
}

.smartlabelAutoassign {
  display: flex;
  flex-direction: row;
  gap: 25px;
}

.smartlabelAutoassignPhone {
    display: grid;   
    gap: 7px;
    grid-template-columns: repeat(5, 1fr); 
    padding: 24px 16px;
}



.smartlabelAutoassign2 {
  display: grid;
  flex-direction: row;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.textAlign {
  text-align: left;
}


.textAlignPhone {
  text-align: center;
  justify-items: center;
}

.NotepaddingLeft {
  padding-left: 90px;
}
.addwatermark {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000007a;
  z-index: 999;
  border-radius: 15px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addwatermark p {
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  color: #fff;
  font-size: 40px;
  opacity: 0.3;
}

.parent-container {
  height: "500px";
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.hover-link {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

.Appt_section {
  margin:6px 0px;
  border: 1px solid #d7dfeb;
  border-radius: 6px;
  padding: 0px 7px;
  background: #d6e4ff;
  cursor: pointer;
}
.Appt_section:hover {
  background: #fff;
  cursor: pointer;
}

.Dialogmultiplecharts .MuiPaper-root {
  max-width: 900px !important;
  overflow-y: unset !important;
}
.incomingmess {
  text-align: left;
  background: #f4f6f8;
}
.incomingmess td {
  text-align: left;
}
.outgoingmess {
  text-align: right;
  background: #d6e4ff;
}
.outgoingmess td {
  text-align: right;
}

.lefttextpopup {
  text-align: left !important;
}

.Dialogmultiplecharts table tr th {
  border: 1px solid #cbcbcb;
  border-collapse: collapse;
  padding: 5px 10px !important;
}

.Dialogmultiplecharts table tr td {
  border: 1px solid #cbcbcb;
  border-collapse: collapse;
  padding: 5px 10px !important;
}

.closeoutlined {
  position: absolute !important;
  top: -10px;
  right: -10px;
  background: #fff !important;
  padding: 2px !important;
}
.closeoutlined:hover {
  background: #fff;
}

.syncbuttonpopup {
  display: flex !important;
  justify-content: space-between !important;
  padding: 10px 20px 20px 20px !important;
}

.syncpopupselect {
  width: 180px;
}
.Assignbuttonselect {
  margin: 0px 16px 0px 16px !important;
}
.Assignbuttonselect2 {
  margin: 0px !important;
}

.ai_verification .MuiAlert-message {
  padding: 0px !important;
  width: 100%;
}

.borderfull {
  border: 1px solid #dce0e4;
  padding:0px;
  box-sizing: border-box;
  border-radius: 10px;
  max-height: 333px;
}

.fileNamePath{
   display:flex!important; 
   flex-direction:row;
  }
  
 .fileNamePathtext{
   width:600px!important;
   text-overflow:ellipsis;
 	 overflow:hidden;
	 white-space:nowrap;
   margin-top:10px;
   margin-left:10px!important;
 }

.emojiscroll .emoji-mart {
  width: 490px !important;
  z-index: 9;position: relative;
}

.emojiscroll .emoji-mart-scroll {
  overflow-x: scroll !important;
}

.backg_color{
  border:1px solid #ddd; 
  border-radius:10px; 
  padding:0px 10px; 
  background:#edf3ff; 
  margin-bottom:0px;
}
.searchinviteuser{width:400px;}
.AccordionFacility{box-shadow: 0 8px 16px 0 rgb(255 255 255 / 16%)!important; margin:0px 0px 10px 16px!important;}
.AccordionFacility .Mui-expanded{margin:0px!important;} 
.AccordionSummarypart{min-height: 25px !important;}
.AccordionSummarypart .MuiAccordionSummary-content{margin:5px 0px!important;}
.AccordionSummaryparthover{ margin:0px 0px 15px 0px !important; padding: 0px !important;}
.AccordionSummaryparthover:hover{background: #f9fafb; margin:0px 0px 15px 0px !important; padding: 0px !important; cursor: pointer;}
.AccordionSummarypart:hover{ background: #f9fafb;border-radius:10px!important; cursor: pointer;} 
.AccordionFacility::before{background-color:rgb(145 158 171 / 0%)!important;}
.selectActive{border-radius:10px!important;background:#f2f8ff!important; border: 1px solid #bfdbfe!important;}
.message_filtertop{display: flex; position: absolute; background: #fff; width: 100%; border-bottom: 1px solid #919eab3d;align-items:center; padding: 0px 20px; box-sizing: border-box; z-index: 1;}
.leftchannel{margin-top: 70px;}
.middlemessagepart{margin-top: 57px;}
.filtertopmessage{width:80%; margin:10px 0px 10px 20px;}
.nodatalabel{margin-top:80px!important;}
.Messages_headding{display:block;font-size:20px;font-weight:700; max-height: 21px;}
.Messages_headding h4{font-size:20px!important;white-space:nowrap;}
.Messages_buttonmob{display:block;}
.page_headding{display:none;}
.notfound{margin-top:80px!important;}
.numberselectpopup .MuiDialog-paper{width:330px!important;}
.fontSizenumber span{font-size: 15px !important;}
.truncate{white-space:normal!important; word-break:break-word!important;white-space:break-spaces!important;}

@media (min-width: 0px) {
  .css-zubeg5-MuiStack-root {
    flex-direction: unset !important;
  }

  .css-17gteb6-MuiModal-root-MuiDrawer-root .MuiDrawer-paper {
    width: 300px !important;
  }

  .plusiconadd {
    flex-direction: unset !important;
  }

  .plusiconadd.css-zvcs69-MuiStack-root > :not(style) + :not(style) {
    margin-left: 10px !important;
    margin-top: 0 !important;
  }
}

@media all and (max-width: 1255px) {
  main {
    padding-top: 137px !important;
  }
  .SecureViewLogout{margin-bottom:-60px!important;}
}

@media all and (max-width: 992px) {
  main {
    padding-top: 137px !important;
  }
  .SecureViewLogout{margin-bottom:-60px!important;}
  .securedfontsize{font-size:15px!important;}
  /* header {
        background: #fff !important;
    } */

  .user_nametext {
    font-size: 11px !important;
  }

  .gridorflex {
    display: grid !important;
  }

  .toprightbutton {
    width: 100% !important;
  }

  .toprightbutton410 {
    width: 100% !important;
  }

  .borderbottom tr {
    width: 100% !important;
  }

  .name_width {
    width: auto !important;
    overflow: hidden;
    word-break: break-word;
  }

  .filter {
    margin-left: 0 !important;
  }

  .borderbottom tr th {
    width: 41% !important;
  }

  .borderbottom tr td {
    width: 59% !important;
  }

  .request_appo {
    min-width: 100% !important;
  }

  .search_width {
    min-width: auto !important;
  }

  .search_notif {
    min-width: 173px !important;
  }

  .leads_hedding {
    display: none !important;
  }

  .filtertext {
    display: none !important;
  }

  .refresh_butt {
    display: block !important;
  }

  .dense_butt {
    display: none !important;
  }

  .mtop10 {
    margin-top: 10px !important;
  }

  .scrollD {
    overflow: none !important;
  }

  .leads_heasdding {
    display: none !important;
  }

  .left_login {
    width: 100% !important;
  }

  .right_login {
    width: 100%;
    margin-left: 0 !important;
  }

  .announc_right img {
    max-width: 110px !important;
  }

  .announcements_box {
    margin: 30px 0 !important;
  }

  .logo_login {
    padding: 20px 0 80px !important;
  }

  .filter {
    margin-top: 15px;
  }

  .call_table tr th {
    width: 40% !important;
  }

  .call_table tr td {
    width: 40% !important;
  }

  .mobileview_onboad {
    display: block !important;
  }

  .borderRight_onbord {
    border-right: none !important;
    width: 100% !important;
  }

  .maxWidth_onbord {
    width: 100% !important;
  }

  .upload_imgpath {
    width: 100% !important;
  }

  .mobilescreen {
    padding: 10px 10px !important;
  }

  /* .number_box {
    border: 1px solid #d2d6da !important;
    height: 44px !important;
    padding: 5px 17px 5px 10px;
    border-radius: 8px !important;
  } */

  /* .number_box span {
    width: 34px !important;
    height: 22px !important;
    border: none !important;
    padding: 5px !important;
  } */

  .labelfull {
    width: 250px !important;
  }

  .labelnametop span {
    /* padding: 2px 0px 2px 5px !important; */
    font-size: 11px !important;
  }

  .add_contactbutton {
    min-width: 110px !important;
    font-size: 12px !important;
    padding: 6px !important;
  }

  .chime_logo_sc {
    max-width: 110px !important;
  }

  .reptspamdesktop {
    display: none !important;
  }

  .reptspammobile {
    display: inline-flex !important;
    width: 100% !important;
  }

  .reptspammobile svg {
    float: left;
  }

  .reptspamdesktopall {
    display: none !important;
  }

  .reptspammobileall {
    display: inline-block !important;
    width: 100% !important;
  }

  .mright10 {
    margin-right: 0px !important;
  }

  .batch-messagepart {
    max-height: 150px !important;
  }

  .filterpartdasfull {
    display: grid !important;
    gap: 15px;
  }

  .filterpartdas {
    display: grid !important;
    gap: 15px;
  }

  .lastdayfilterdas {
    width: 100% !important;
  }

  .lastactionfilterdas {
    width: 100% !important;
  }

  .auto_logoffimg {
    display: none !important;
  }
  .autologoffpage {
    padding-right: 0px !important;
  }

  .auto_logoffimg {
    display: none !important;
  }
  .autologoffpage {
    padding-right: 0px !important;
  }

  .auto_content {
    padding: 30px !important;
    margin: auto !important;
  }
  .popup_contenttime {
    display: block !important;
    text-align: center !important;
  }
  .countnumberdas {
    text-align: left !important;
  }
  .automatedmessagepopupfull {
    width: 100% !important;
  }
  .switchmargin {
    margin-right: 20px !important;
  }
  .fullWidth-td {
    display: inline-grid !important;
    width: 100% !important;
  }
  .hours_mobile {
    margin: 0px 0px 15px 0px !important;
    width: 100% !important;
  }
  .hours_mobile2 {
    margin: 6px 0px 4px 0px !important;
  }
  .felidsauto_mobile {
    width: 100% !important;
  }
  .flexgridauto {
    display: grid !important;
  }
  
}

/*Testupload*/
@media all and (max-width: 480px) {
  .smartlabelAutoassign {
    display: block !important;
  }
  .smartlabelAutoassignPhone {
    display: block !important;
    padding: 24px 24px !important;
}

.flexmobile{display:block!important;}
.marginTop20{margin-top: 20px !important;}

.borderfull {
   height:334px!important;
 }
 
 .fileNamePath{
   display:block!important;
	 }
 .flexMobileblock{display:block!important;}  
 .marginTopBottom20{margin: 12px 0px !important;}
 .width100{width: 100% !important;}
  
 .fileNamePathtext{
   width:180px!important;
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap;
   margin-top:10px;
   margin-left:0px!important;
 }

.smartlabelAutoassign2 {
  display: grid;
  flex-direction: row;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
}

.NotepaddingLeft {
  padding-left: 0px !important;
}

  .textAlign {
    text-align:left!important;
  }
  .textAlignPhone {
  text-align:left!important;
  justify-items:left!important;
  }
  .syncbuttonpopup {
    display: block !important;
  }
  .syncpopupselect {
    width: 100% !important;
  }
  .Assignbuttonselect {
    width: 100% !important;
    margin: 10px 0px !important;
  }
  .Assignbuttonselect2 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .backg_color{     
    margin-bottom:0px!important;
  }


.number_box {
    border: 1px solid #d2d6da !important;
    height: 44px !important;
    padding: 5px 10px 5px 7px !important;
    border-radius: 8px !important;
  }

  .number_box span {
    width: 15px !important;
    height: 22px !important;
    border: none !important;
    padding: 5px !important;
  }


}
@media all and (max-width: 380px) {
  .labelfull {
    width: 150px !important;
  }

  .borderfull {
   height:334px!important;
 }
	 
 .fileNamePathtext{
   width:180px!important;
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap;
   margin-top:10px;
   margin-left:0px!important;
 }

.NotepaddingLeft {
  padding-left: 0px !important;
}

  .name_width {
    width: 75px !important;
  }
  .scan_button {
    display: grid !important;
    gap: 10px !important;
  }
  .syncbuttonpopup {
    display: block !important;
  }
  .syncpopupselect {
    width: 100% !important;
  }
  .Assignbuttonselect {
    width: 100% !important;
    margin: 10px 0px !important;
  }
  .Assignbuttonselect2 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .backg_color{     
    margin-bottom:0px!important;
  }
    .number_box span {
    width: 17px !important;
    height: 22px !important;
    border: none !important;
    padding: 5px !important;
    margin-left: 3px !important;
  }
  .number_box {
    padding: 5px 10px 5px 0px !important;        
  }
  .number_box {
    border: 1px solid #d2d6da !important;
    height: 44px !important;
    padding: 5px 10px 5px 5px !important;
    border-radius: 8px !important;
  }
}

@media all and (max-width: 320px) {
  .name_width {
    width: 70px !important;
  }

.NotepaddingLeft {
  padding-left: 0px !important;
}

.borderfull {
   height:334px!important;
 }
 
 .fileNamePathtext{
   width:180px!important;
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap;
	 margin-top:10px;
   margin-left:0px!important;
 }

  .labelfull {
    width: 95px !important;
  }
  .syncbuttonpopup {
    display: block !important;
  }
  .syncpopupselect {
    width: 100% !important;
  }
  .Assignbuttonselect {
    width: 100% !important;
    margin: 10px 0px !important;
  }
  .Assignbuttonselect2 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .backg_color{     
    margin-bottom:0px!important;
  }

    .number_box span {
    width: 13px !important;
    height: 22px !important;
    border: none !important;
    padding: 5px !important;
    margin-left: 3px !important;
  }
.number_box {
    border: 1px solid #d2d6da !important;
    height: 44px !important;
    padding: 5px 10px 5px 0px !important;
    border-radius: 8px !important;
  }
  







}
.campaignReport.MuiOutlinedInput-root {
  padding: 3px !important;
}
.quickMessageeditbulkfull {
  display: flex;
  column-gap: 20px;
  margin-top: 20px;
}

.quickMessageeditbulk {
  width: 380px;
  border: 1px solid #dce0e4;
  padding: 10px;
  border-radius: 8px;
}

.textMessageeditbulk {
  width: 100%;
}

.flexblock {
  display: flex;
}

.verticalAlignTop {
  vertical-align: top !important;
}

.padding10 {
  padding: 10px 20px !important;
}

@media (min-width: 0px) {
  .css-zubeg5-MuiStack-root {
    flex-direction: unset !important;
  }

  .css-17gteb6-MuiModal-root-MuiDrawer-root .MuiDrawer-paper {
    width: 300px !important;
  }

  .plusiconadd {
    flex-direction: unset !important;
  }

  .plusiconadd.css-zvcs69-MuiStack-root > :not(style) + :not(style) {
    margin-left: 10px !important;

    margin-top: 0 !important;
  }
}

@media all and (max-width: 992px) {
  main {
    padding-top: 137px !important;
  }
  .SecureViewLogout{margin-bottom:-60px!important;}
  .securedfontsize{font-size:15px!important;}

  .user_nametext {
    font-size: 11px !important;
  }

  .gridorflex {
    display: grid !important;
  }

  .toprightbutton {
    width: 100% !important;
  }

  .toprightbutton410 {
    width: 100% !important;
  }

  .borderbottom tr {
    width: 100% !important;
  }

  .name_width {
    width: auto !important;

    overflow: hidden;

    word-break: break-word;
  }

  .filter {
    margin-left: 0 !important;
  }

  .borderbottom tr th {
    width: 41% !important;
  }

  .borderbottom tr td {
    width: 59% !important;
  }

  .request_appo {
    min-width: 100% !important;
  }

  .search_width {
    min-width: auto !important;
  }

  .search_notif {
    min-width: 173px !important;
  }

  .leads_hedding {
    display: none !important;
  }

  .filtertext {
    display: none !important;
  }

  .refresh_butt {
    display: block !important;
  }

  .dense_butt {
    display: none !important;
  }

  .mtop10 {
    margin-top: 10px !important;
  }

  .scrollD {
    overflow: none !important;
  }

  .leads_heasdding {
    display: none !important;
  }

  .left_login {
    width: 100% !important;
  }

  .right_login {
    width: 100%;

    margin-left: 0 !important;
  }

  .announc_right img {
    max-width: 110px !important;
  }

  .announcements_box {
    margin: 30px 0 !important;
  }

  .logo_login {
    padding: 20px 0 80px !important;
  }

  .filter {
    margin-top: 15px;
  }

  .call_table tr th {
    width: 40% !important;
  }

  .call_table tr td {
    width: 40% !important;
  }

  .mobileview_onboad {
    display: block !important;
  }

  .borderRight_onbord {
    border-right: none !important;

    width: 100% !important;
  }

  .maxWidth_onbord {
    width: 100% !important;
  }

  .upload_imgpath {
    width: 100% !important;
  }

  .mobilescreen {
    padding: 10px 10px !important;
  }

  .labelfull {
    width: 250px !important;
  }

  .labelnametop span {
    /* padding: 2px 0px 2px 5px !important; */

    font-size: 11px !important;
  }

  .add_contactbutton {
    min-width: 110px !important;

    font-size: 12px !important;

    padding: 6px !important;
  }

  .chime_logo_sc {
    max-width: 110px !important;
  }

  .reptspamdesktop {
    display: none !important;
  }

  .reptspammobile {
    display: inline-flex !important;

    width: 100% !important;
  }

  .reptspammobile svg {
    float: left;
  }

  .reptspamdesktopall {
    display: none !important;
  }

  .reptspammobileall {
    display: inline-block !important;

    width: 100% !important;
  }

  .mright10 {
    margin-right: 0px !important;
  }

  .batch-messagepart {
    max-height: 150px !important;
  }

  .filterpartdasfull {
    display: grid !important;

    gap: 15px;
  }

  .filterpartdas {
    display: grid !important;

    gap: 15px;
  }

  .lastdayfilterdas {
    width: 100% !important;
  }

  .lastactionfilterdas {
    width: 100% !important;
  }

  .auto_logoffimg {
    display: none !important;
  }

  .autologoffpage {
    padding-right: 0px !important;
  }

  .auto_logoffimg {
    display: none !important;
  }

  .autologoffpage {
    padding-right: 0px !important;
  }

  .auto_content {
    padding: 30px !important;
    margin: auto !important;
  }

  .popup_contenttime {
    display: block !important;
    text-align: center !important;
  }

  .countnumberdas {
    text-align: left !important;
  }

  .automatedmessagepopupfull {
    width: 100% !important;
  }

  .switchmargin {
    margin-right: 20px !important;
  }

  .fullWidth-td {
    display: inline-grid !important;
    width: 100% !important;
  }

  .hours_mobile {
    margin: 0px 0px 15px 0px !important;
    width: 100% !important;
  }

  .hours_mobile2 {
    margin: 6px 0px 4px 0px !important;
  }

  .felidsauto_mobile {
    width: 100% !important;
  }

  .flexgridauto {
    display: grid !important;
  }
}

/*Testupload*/

@media all and (max-width: 480px) {
  .smartlabelAutoassign {
    display: block !important;
  }

  .securedfontsize{font-size:15px!important;}

  .smartlabelAutoassignPhone {
    display: block !important;
    padding: 24px 24px !important;
  }

  .smartlabelAutoassign2 {
  display: grid;
  flex-direction: row;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;

}

  .textAlign {
    text-align: left !important;
  }
  .textAlignPhone {
  text-align:left!important;
  justify-items:left!important;
  }

  .syncbuttonpopup {
    display: block !important;
  }

  .syncpopupselect {
    width: 100% !important;
  }

  .Assignbuttonselect {
    width: 100% !important;
    margin: 10px 0px !important;
  }

  .Assignbuttonselect2 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .quickMessageeditbulkfull {
    display: block !important;
  }

  .quickMessageeditbulk {
    width: 100% !important;
  }

  .flexblock {
    display: block !important;
  }

  .textMessageeditbulk {
    margin-top: 20px !important;
  }
  .emojiscroll .emoji-mart {
    width: 330px !important;
  }
  .notfound{margin-top:10px!important;}
  .select_numberTop{width:310px!important;}
  .row_width{
    width:310px!important;
  }
  .select_numberTopmobile {flex-direction:column!important;gap:10px!important;}
  
.numbertabletop .numberbox {   
   text-overflow: ellipsis!important;
   overflow: hidden!important;
   white-space: nowrap!important;
   width: 200px!important;
 }
 .searchinviteuser {
   width: 100% !important;
 }
 .flexMobiledashboard{display:flex!important;flex-direction:column!important;gap:15px!important;}
}

@media all and (max-width: 380px) {
  .labelfull {
    width: 150px !important;
  }

.smartlabelAutoassign2 {
  display: grid;
  flex-direction: row;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
}
.securedfontsize{font-size:15px!important;}

.numbertabletop .numberbox {   
   text-overflow: ellipsis!important;
   overflow: hidden!important;
   white-space: nowrap!important;
   width: 180px!important;
}

  .name_width {
    width: 75px !important;
  }

  .scan_button {
    display: grid !important;
    gap: 10px !important;
  }

  .syncbuttonpopup {
    display: block !important;
  }

  .syncpopupselect {
    width: 100% !important;
  }

  .Assignbuttonselect {
    width: 100% !important;
    margin: 10px 0px !important;
  }

  .Assignbuttonselect2 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .quickMessageeditbulkfull {
    display: block !important;
  }

  .quickMessageeditbulk {
    width: 100% !important;
  }

  .flexblock {
    display: block !important;
  }

  .textMessageeditbulk {
    margin-top: 20px !important;
  }
  .emojiscroll .emoji-mart {
    width: 330px !important;
  }
    .smartlabelAutoassignPhone {
    display: block !important;
    padding: 24px 24px !important;
}
   .select_numberTop{width:250px!important;}
   .row_width{
    width:250px!important;
  }
 .searchinviteuser {
   width: 100% !important;
 }
 .flexMobiledashboard{display:flex!important;flex-direction:column!important;gap:15px!important;}
}

@media all and (max-width: 320px) {
  .name_width {
    width: 70px !important;
  }

.smartlabelAutoassign2 {
  display: grid;
  flex-direction: row;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
}

.numbertabletop .numberbox {   
   text-overflow: ellipsis!important;
   overflow: hidden!important;
   white-space: nowrap!important;
   width: 125px!important;
}
  .labelfull {
    width: 95px !important;
  }

  .syncbuttonpopup {
    display: block !important;
  }

  .syncpopupselect {
    width: 100% !important;
  }

  .Assignbuttonselect {
    width: 100% !important;
    margin: 10px 0px !important;
  }

  .Assignbuttonselect2 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .quickMessageeditbulkfull {
    display: block !important;
  }

  .quickMessageeditbulk {
    width: 100% !important;
  }

  .flexblock {
    display: block !important;
  }

  .textMessageeditbulk {
    margin-top: 20px !important;
  }

  .emojiscroll .emoji-mart {
    width: 330px !important;
  }
  .smartlabelAutoassignPhone {
    display: block !important;
    padding: 24px 24px !important;
}

  .select_numberTop{
    width:250px!important;
  }
  .row_width{
    width:250px!important;
  }
 .searchinviteuser {
   width: 100% !important;
 }
.securedfontsize{font-size:15px!important;}

.flexMobiledashboard{display:flex!important;flex-direction:column!important;gap:15px!important;}

}