html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0 none;
  font-weight: 400;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  background-color: #fff;
  color: #333333;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 15px;
}

.dashboard-buymore-btn {
    border-radius: 8px !important;
    font-size: 13px !important;
    background: transparent !important;
    color: #ffffff !important;
    font-weight: bold;
    max-width: 151px;
    padding: 8px 15px !important;
    line-height: 1 !important;
    border: 1px solid #ffff !important;
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.dashboard-buymore-btn:active,
.dashboard-buymore-btn:focus,
.dashboard-buymore-btn:hover {
  background-color: transparent !important;
  color: #ffffff !important;
}

.dashboard-buymore-btn.font-16 {
  font-size: 15px !important;
}

.line-height-20 {
  line-height: 20px !important;
}

/* Starts On Css Agent */

.agent-panel .profile-block {
  margin: 0 0 0 0;
}

.agent-panel.add-order .profile-block .avatar-sm.edit-abs {
  display: none;
}

.add_order .modal-header {
  padding: 8px 0;
  border-bottom: 1px solid #dee2e6;
}

.add_order .modal-header h5 {
  margin-bottom: 0;
}

.add_order .modal-body {
  margin-top: 25px;
}

.add_order .modal-body .list-unstyled {
  padding: 0;
  list-style: none;
}

.add_order .modal-body .list-unstyled li {
  margin-right: 6px;
}

.add_order .modal-body .list-unstyled li:last-child {
  margin-right: 0;
}

.add_order .modal-body .payment-selection-list button {
  min-height: 70px;
  background: transparent;
  border: 1px solid #a1a1a1;
  padding: 0 12px;
  font-size: 16px;
  color: #234d94;
  font-weight: 600;
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  -ms-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  -o-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  outline: 0;
}

.add_order .modal-body .payment-selection-list button:hover {
  background: transparent;
  border-color: #a1a1a1;
}

/* Ends On Css Agent */

/* Starts LegalAsk Details Page */

/* .property-product-list .avatar-image {
    margin-right: 20px;
} */

.lk-ask-details .property-product-list .avatar-image {
  margin-right: 20px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  align-self: flex-start;
}

.lk-ask-details .property-product-list .avatar-image img {
  width: 100%;
  height: 100%;
  margin-bottom: 0 !important;
}

.lk-ask-details .property-product-list button {
  display: flex;
  align-items: center;
}

.lk-ask-details .property-product-list button i {
  margin-right: 5px;
}

.lk-ask-details .property-product-list button .req-contact-btn {
  background: #5f73e2;
  border-color: #445cdf;
}

.content-p-text {
  line-height: 24px;
}

/* Chat Box Css */

.chat-input-holder .edit-btn {
  background: #4caf50;
  border: 0 none;
  padding: 8px 10px 5px 10px;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
}

.chat-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  /* z-index: 3; */
  z-index: 3333;
  display: flex;
}

.chatbox {
  width: 400px;
  height: 400px;
  margin: 0 20px 0 0;
  position: relative;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-flow: column;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  background: white;
  bottom: 0;
  transition: 0.1s ease-out;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
}

.chatbox-top .bx {
  color: #545454;
  font-size: 26px !important;
}

.chatbox-top {
  position: relative;
  display: flex;
  padding: 15px 0;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  background: #ffffff;
  box-shadow: 0 0 13px 0 rgb(186 184 201 / 30%);
  -webkit-box-shadow: 0 0 13px 0 rgb(186 184 201 / 30%);
  -moz-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
  -ms-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
  -o-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
}

.chatbox-icons {
  padding: 0 10px 0 0;
  display: flex;
  position: relative;
}

.chatbox-icons .fa {
  background: rgba(220, 0, 0, 0.6);
  padding: 3px 5px;
  margin: 0 0 0 3px;
  color: white;
  border-radius: 0 5px 0 5px;
  -webkit-border-radius: 0 5px 0 5px;
  -moz-border-radius: 0 5px 0 5px;
  -ms-border-radius: 0 5px 0 5px;
  -o-border-radius: 0 5px 0 5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.chatbox-icons .fa:hover {
  border-radius: 5px 0 5px 0;
  -webkit-border-radius: 5px 0 5px 0;
  -moz-border-radius: 5px 0 5px 0;
  -ms-border-radius: 5px 0 5px 0;
  -o-border-radius: 5px 0 5px 0;
  background: rgba(220, 0, 0, 1);
}

.chatbox-icons a,
.chatbox-icons a:link,
.chatbox-icons a:visited {
  color: white;
}

.chat-partner-name,
.chat-group-name {
  flex: 1;
  padding: 0 0 0 52px;
  font-size: 15px;
  font-weight: bold;
  color: #30649c;
  text-shadow: 1px 1px 0 white;
  -webkit-text-shadow: 1px 1px 0 white;
  -moz-text-shadow: 1px 1px 0 white;
  -ms-text-shadow: 1px 1px 0 white;
  -o-text-shadow: 1px 1px 0 white;
  transition: 0.1s ease-out;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
}

.status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #cacaca;
  margin: 0 3px 0 0;
}

.online {
  background: #b7fb00;
}

.away {
  background: #ffae00;
}

.donot-disturb {
  background: #ff4343;
}

.chatbox-avatar {
  width: 38px;
  height: 38px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: white;
  padding: 3px;
  /* box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%); */
  position: absolute;
  transition: 0.1s ease-out;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  top: 8px;
  left: 10px;
}

.chatbox-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-messages {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
}

.message-box-holder {
  width: 100%;
  margin: 0 0 25px;
  display: flex;
  flex-direction: column !important;
  align-items: flex-end;
  position: relative;
}

.message-box-holder.right .message-box .chat-menu {
  position: absolute;
  right: -20px;
  top: 0;
}

/* .message-box-holder.right .message-box.image .chat-menu {
  right: -5px;
} */

.message-sender {
  font-size: 12px;
  margin: 0 0 15px;
  color: #30649c;
  align-self: flex-start;
}

.message-sender a,
.message-sender a:link,
.message-sender a:visited,
.chat-partner-name a,
.chat-partner-name a:link,
.chat-partner-name a:visited {
  color: #545454;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}

.message-box-holder.right .message-box {
  border-radius: 6px 6px 0 6px;
  -webkit-border-radius: 6px 6px 0 6px;
  -moz-border-radius: 6px 6px 0 6px;
  -ms-border-radius: 6px 6px 0 6px;
  -o-border-radius: 6px 6px 0 6px;
  margin-right: 20px;
}

.message-box {
  padding: 10px 15px 10px 15px;
  border-radius: 6px 6px 6px 0;
  -webkit-border-radius: 6px 6px 6px 0;
  -moz-border-radius: 6px 6px 6px 0;
  -ms-border-radius: 6px 6px 6px 0;
  -o-border-radius: 6px 6px 6px 0;
  position: relative;
  background: #e4e6eb;
  border: 2px solid #e4e6eb;
  color: #6c6c6c;
  font-size: 14px;
  max-width: 75%;
  line-height: 24px;
  word-wrap: break-word;
}

.pretext-wrap {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

/* .message-box:after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid rgba(100, 170, 0, .2);
    border-right: none;
    bottom: -22px;
    right: 10px;
  } */

.message-partner {
  background: #0084ff;
  border: 2px solid #0084ff;
  align-self: flex-start;
  color: #ffffff;
}

/* .message-partner:after {
    right: auto;
    bottom: auto;
    top: -22px;
    left: 9px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 114, 135, .2);
    border-left: none;
  } */

.chat-input-holder {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

.chat-input {
  resize: none;
  padding: 10px 65px 10px 10px;
  height: 40px;
  font-size: 14px;
  color: #999999;
  flex: 1;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  margin: 5px;
}

.chat-input:focus,
.message-send:focus {
  outline: none;
}

.message-send::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.message-send {
  -webkit-appearance: none;
  background: #9cc900;
  background: -moz-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -webkit-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -o-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -ms-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: linear-gradient(180deg, #00d8ff, #00b5d6);
  color: white;
  font-size: 12px;
  padding: 0 15px;
  border: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  -ms-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  -o-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.chatbox-min {
  margin-bottom: -342px;
  /*   height: 46px; */
}

/* .chatbox-min .chatbox-avatar {
    width: 60px;
    height: 60px;
  } */

.chatbox-min .chat-partner-name,
.chatbox-min .chat-group-name {
  padding: 0 0 0 55px;
}

.message-box-holder.right .chat-date-time {
  font-size: 10px;
  position: absolute;
  right: 5px;
  bottom: -20px;
}

.message-box-holder.left .chat-date-time {
  font-size: 10px;
  position: absolute;
  left: 5px;
  bottom: -20px;
}

.payment-link-card-partner {
  background: transparent;
  border: 0;
  padding: 0;
  white-space: normal !important;
}

.payment-link-card {
  background: transparent;
  border: 0;
  padding: 0;
  max-width: initial;
  white-space: normal !important;
  margin-right: 0 !important;
}

.payment-link-card .chat-drop-menu {
  display: none;
}

.sticky-wrapper {
  display: none !important;
}

.chatbox-minimize {
  position: relative;
  top: 340px;
}

/* Start On New Design Css */

/* .dashboard-sec.old-design-d-none {
    display: none;
} */

.toast-box {
  max-width: 330px;
  position: fixed;
  right: -330px;
  top: 75px;
  padding: 15px;
  /* z-index: 11; */
  z-index: 111111;
  border-left: 4px solid #7b94a8;
  overflow: hidden;
  transition: all 1s linear;
  animation: css 0s 3s forwards;
}

.toast-box-in {
  right: 20px;
}

.payment-link-card-toast {
  background: #3638bc;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  max-width: 386px;
  min-height: 114px;
  position: fixed;
  padding: 15px 12px;
  right: 20px;
  top: 135px;
  overflow: hidden;
  /* transition: all 1s linear;
    animation: css 0s 3s forwards; */
  z-index: 111;
  /* transition: all 0.5s linear 0s; */
}

.payment-link-card-toast-toggle {
  right: 0 !important;
}

.payment-link-card-toast.display-none {
  display: none !important;
}

.payment-link-card-toast.display-block {
  display: block !important;
}

/* .payment-link-card-toast-right {
    right: -337px;
} */

.payment-link-card-toast-right {
  right: -360px;
}

.payment-hide-show-card {
  position: fixed;
  overflow: hidden;
  /* transition: all 1s linear;
    animation: css 0s 3s forwards; */
  min-width: 40px;
  right: -40px;
  /* top: 195px; */
  top: 177px;
  z-index: 1111;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.payment-hide-show-card-right {
  right: 0;
}

/* .payment-hide-show-card-toggle {
    right: 332px;
} */

.payment-hide-show-card-toggle {
  right: 357px;
}

/* .payment-hide-show-card-right-side {
    right: 0;
} */

.payment-link-card-toast .top-card .left-side .user-icon {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
  align-self: flex-start;
}

.payment-link-card-toast .top-card .left-side .content-card {
  /* width: 88%; */
}

.payment-link-card-toast .top-card .left-side .content-card p {
  max-width: 200px;
  line-height: 19px;
}

.paymentextToast-40 {
  height: 40px;
  overflow: hidden;
}

/* .moretext {
    display: none;
    max-width: 250px;
    padding-left: 42px;
}

a.moreless-button.font-13.text-white {
    align-self: flex-end;
    color: #ffffff;
    margin-top: 0;
} */

.moreless-button-other {
  color: #ffffff;
}

.payment-link-card-toast a.moreless-button-other {
  color: #1518ab;
  margin-left: 0;
  background: #b4c4ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 2px 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 10px;
  margin-top: 5px;
}

.moreless-button-other.moreless-btn-down {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAANVJREFUSEtjZKAxYKSx+QyjFhAM4dEgGuRBJCaxuuEXB8uEDw8CP2BzqoDCegGWH3/y37wIbcTlFZyRDDL8PwNDPcN/hgu/OVkc0S0BGc76/c9+BkYGA0YGhsZXL0IbsFmC0wKwAT9/H2D4z6iPbgmy4QyM/y/+Zmd1wOVLvMkUmyUgV8JcTshwkFqC+QDdEnAwMDIYEGM4URaAFKFYAtaFP1iQ44KgD2CK4ZYwMDDgC3P0iCbaAphPQDSuCCUpFRHMokQqIMkHRJqJomzUAoKhNvSDCAAq32YZnE/AtAAAAABJRU5ErkJggg==") !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
  background-position: 95% 3px !important;
  padding-right: 17px !important;
}

.moreless-button-other.moreless-btn-up {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAL9JREFUSEtjZKAxYKSx+QyjFhAM4REWRAIK6wVAYfLhQeAHgmEDVUB0EIEMZ/3+Zz9I329OFkdiLSHKArjhjAwGYIf9Z7hArCUELUAxnPH/RYgFjPrEWoLXAnTDf7OzOoDMZ/35+wCxluC0AJvhsHAHyxFpCU4LxKTWBPz/9389A+P/iyCXo0cqsiWMTIyBr56FbMCWsvAGEciSX2zMB3ClGJAlbL/+OuAyHGQhwUgmNr3jUjdqAcEQHA2iERBEAHkJaBkk5UuMAAAAAElFTkSuQmCC") !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
  background-position: 95% 3px !important;
  padding-right: 17px !important;
}

.payment-link-card-toast .top-card .right-side {
  align-self: flex-start;
}

.payment-link-card-toast .top-card .right-side span {
  color: #ffffff;
}

.payment-link-card-toast .bottom-card {
  margin-top: 10px;
}

.payment-link-card-toast .link-hover:hover .copy-link {
  opacity: 1;
}

.payment-link-card-toast .copy-link {
  border: 1px solid #ffffff;
  width: 40px;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 10px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  cursor: pointer;
  color: #ffffff;
}

.payment-link-card-toast .bottom-card .copytxt {
  font-size: 11px;
  color: #ffffff;
  font-weight: 500;
  margin-left: 15px;
  text-decoration: underline;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding-right: 5px;
}

.payment-link-card-toast .bottom-card .copytxt img {
  margin-right: 5px;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
}

.payment-link-card-toast .bottom-card .pay-btn {
  border: 1px solid #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  min-width: 96px;
  height: 32px;
  color: #3638bc;
  background: #ffffff;
  font-size: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.payment-link-card-toast .bottom-card .more-texts {
  margin-left: 15px;
  color: #bfcdff;
}

.payment-link-card-toast .bottom-card .view-all {
  color: #1518ab;
  margin-left: 10px;
  background: #b4c4ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 2px 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 10px;
}

.payment-link-card-toast .close {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: 0 none;
  font-size: 20px;
  cursor: pointer;
  margin-left: 0 !important;
}

#payment-link-modal {
  max-width: 600px;
  overflow: hidden;
}

.modal.viewport-area.pay-modal {
  max-width: 550px;
  padding: 22px 24px;
  width: 100%;
}

.modal.viewport-area.pay-modal label {
  color: #201f37;
}

.modal.viewport-area.pay-modal label.error {
  color: #ff0000;
}

.modal.viewport-area.pay-modal input {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 32px;
  color: #4c4b63;
}

.modal.viewport-area.pay-modal input::placeholder {
  color: #cbcbcb;
}

.modal.viewport-area.pay-modal .cta-cancel {
  background: #ffffff;
  border: 1px solid #e5e5eb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-weight: 500;
  font-size: 15px;
  min-width: 113px;
  height: 38px;
  margin-right: 14px;
  cursor: pointer;
}

.modal.viewport-area.pay-modal .cta-pay {
  background: #5d5aee;
  border: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  min-width: 132px;
  height: 38px;
  cursor: pointer;
}

.modal.viewport-area.pay-modal a.close-modal {
  top: 15px !important;
  right: 20px !important;
}

.recent-call-abs {
  margin-left: 10px;
  cursor: pointer;
}

.top-row .card.table-card {
  min-height: 260px;
}

.bottom-row .card.table-card {
  min-height: 350px;
}

.toast-box .close {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: 0 none;
  font-size: 20px;
  cursor: pointer;
  margin-left: 0 !important;
}

.toast-box .notification-icon {
  margin-right: 10px;
}

.toast-box .content p:last-child {
  color: #848484;
  margin-top: 2px;
}

.toast-box .notification-icon .count {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fd476e;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -2px;
  right: -2px;
}

.toast-box .notification-icon .count span {
  font-size: 10px;
  color: #ffffff;
}

/* Starts on css payment request css */

.payment-request .common-payment-badge {
  background: rgba(170, 188, 253, 0.1);
  box-shadow: 0px 0px 2px -1px rgb(147 146 193 / 17%);
  -webkit-box-shadow: 0px 0px 2px -1px rgb(147 146 193 / 17%);
  -moz-box-shadow: 0px 0px 2px -1px rgba(147, 146, 193, 0.17);
  -ms-box-shadow: 0px 0px 2px -1px rgba(147, 146, 193, 0.17);
  -o-box-shadow: 0px 0px 2px -1px rgba(147, 146, 193, 0.17);
  max-width: 100px;
  min-height: 21px;
  font-weight: 500;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
}

.payment-request .issue-badge {
  border: 1px solid #9392c1;
  color: #9392c1;
}

.payment-request .paid-badge {
  border: 1px solid #00d059;
  color: #00d059;
}

.payment-request .expire-badge {
  background: #fff5f5;
  border: 1px solid #e90500;
  color: #e90500;
}

.view-receipt-btn {
  background: #909090;
  color: #ffffff;
  /* padding: 4px 15px; */
  font-size: 12px;
  display: inline-flex;
  height: 21px;
  align-items: center;
  justify-content: center;
  min-width: 100px;
}

.cw-table tbody a.view-receipt-btn {
  color: #ffffff !important;
}

.cw-table tbody a.view-receipt-btn:hover,
.cw-table tbody a.view-receipt-btn:active {
  color: #ffffff !important;
}

.pay-btn {
  background: #3638bc;
  color: #ffffff;
  padding: 4px 15px;
  font-size: 12px;
  display: inline-flex;
  height: 21px;
  align-items: center;
  justify-content: center;
  min-width: 100px;
}

.links {
  color: #5d5aee;
  text-decoration: underline;
}

.request-msg-tile {
  background: #ffffff;
  min-width: 340px;
  padding: 12px 12px;
  overflow: hidden;
  transition: all 1s linear;
  animation: css 0s 3s forwards;
  z-index: 11;
}

.request-msg-tile p {
  max-width: 244px;
}

.request-msg-tile img {
  align-self: flex-start;
  cursor: pointer;
}

.request-msg-tile.active {
  background: #3638bc;
  color: #ffffff;
}

.request-msg-tile.in-active {
  background: #4e4e62;
  color: #b8b8b8;
}

.request-msg-tile.req-delete {
  background: #222222;
  color: #838383;
}

.request-msg-tile.req-delete button {
  background: #838383;
  color: #ffffff;
  border: 1px solid #838383;
}

.del-text {
  color: #f5222d;
  margin-top: 10px;
}

.request-msg-tile.req-delete button:active {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.request-msg-tile.req-delete img {
  display: none;
}

.request-msg-tile.in-active button {
  border: 1px solid #9b9b9b;
}

.request-msg-tile.active a {
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #3f43c8;
  min-width: 116px;
  height: 31px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.request-msg-tile button {
  background: transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: #ffffff;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  height: 31px;
  min-width: 116px;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.request-msg-tile button:after,
.request-msg-tile button:focus {
  box-shadow: none !important;
}

.request-msg-tile button:active {
  background: transparent !important;
  color: #ffffff;
}

.request-msg-tile.del-req button {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.request-payment-box {
  background: #07ac2b;
  padding: 11px 16px;
  overflow: hidden;
  z-index: 1;
  min-width: 340px;
  text-align: left;
}

.request-payment-box p {
  color: #ffffff;
  margin-bottom: 8px !important;
}

.request-payment-box a {
  background: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: #07ac2b;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  height: 31px;
  min-width: 105px;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.request-payment-box button:after,
.request-payment-box button:focus {
  box-shadow: none !important;
}

.request-payment-box button:active {
  background: #ffffff !important;
}

/* Ends on css payment request css */

/* Starts on css products details css */

.products-details .top-panel .card-body {
  padding: 20px 20px;
}

.products-details .top-panel .card-body .products-content-card .text-tile h4 {
  color: rgba(51, 51, 51, 0.5);
}

.products-content-card .products-container .col-8 {
  /* padding-right: 0 !important; */
  border-right: 1px solid #cdcdd1;
}

.products-content-card .products-container .col-4 {
  padding-right: 0 !important;
}

.products-details .products-container .top-section .d-flex {
  justify-content: space-between;
}

.products-details
  .products-container
  .top-section
  .prd-left-tile
  .prd-image-icon {
  width: 122px;
  height: 110px;
  overflow: hidden;
  margin-right: 15px;
  align-self: flex-start;
}

.products-details
  .products-container
  .top-section
  .prd-left-tile
  .prd-image-icon
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.products-details .products-container .top-section .prd-left-tile .flex-block {
  flex: 1;
}

.products-details .products-container .top-section .flex-block .label-content {
  min-width: 130px;
}

.products-details .products-container .top-section .call-to-action {
  align-self: flex-start;
  padding-right: 15px;
}

.products-details .products-container .top-section .call-to-action a[disabled],
a[disabled]:hover {
  pointer-events: none;
  background: #cccccc;
  border: 1px solid #cccccc;
  color: #ffffff;
}

.products-details .products-container .deliverables-section {
  /* border-left: 1px solid #cdcdd1; */
  /* padding-left: 20px; */

  word-break: break-word;

}

.products-details .products-container .deliverables-section ul,
.products-details .products-container .deliverables-section ol {
  list-style-type: none;
  padding-left: 0;
}

.products-details .products-container .deliverables-section ul li,
.products-details .products-container .deliverables-section ol li {
  display: block;
  margin-bottom: 20px;
  position: relative;
  padding-left: 13px;
}

.products-details .products-container .deliverables-section ol li::before,
.products-details .products-container .deliverables-section ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  background: #28cea5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.products-details .products-container .deliverables-section ul li:last-child,
.products-details .products-container .deliverables-section ol li:last-child {
  margin-bottom: 0;
  display: inline-block;
}

.products-content-card .heading .d-flex {
  justify-content: space-between;
}

.products-details .top-panel .card-body .products-content-card .text-tile span {
  color: #333333;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .description-text
  span {
  color: rgba(51, 51, 51, 0.7);
  line-height: 22px;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .description-text {
  border-top: 1px solid #e1e0f3;
  padding-top: 20px;
  margin-top: 20px;
}

.products-details .top-panel .card-body .products-content-card .send-msg-btn {
  color: #ffffff;
  background: #5f73e2;
  font-weight: 600;
  font-size: 13px;
  height: 38px;
  min-width: 170px;
  padding: 9px 10px 10px 10px;
  cursor: pointer;
  margin-bottom: 12px;
  display: block;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .send-msg-btn:hover {
  background: #eef0ff;
  border: 1px solid #5f73e2;
  color: #5f73e2;
}

.final-document-modal {
  max-width: 420px !important;
  padding: 15px !important;
}

.final-document-modal .files {
  padding: 25px 0;
}

.final-document-modal .final-download-btn {
  background: #5f73e2 !important;
  color: #ffffff !important;
  height: 40px;
  min-width: 169px;
  font-size: 15px !important;
  font-weight: 500 !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.final-document-modal .final-download-btn i {
  margin-right: 8px;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .send-msg-btn
  img {
  margin-right: 8px;
}

.products-details .top-panel .card-body .products-content-card .mark-as-btn {
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
  height: 38px;
  min-width: 170px;
  padding: 9px 10px 10px 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.products-details .top-panel .card-body .products-content-card .mark-as-btn i {
  margin-right: 5px;
  font-size: 26px;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .mark-as-btn:hover
  i {
  color: #28cea5;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .mark-as-btn:hover {
  background: #ddfff6;
  border: 1px solid #28cea5;
  color: #20aa88;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .mark-as-btn
  img {
  margin-right: 8px;
}

.products-details .middle-section .card-body {
  padding: 25px 25px 0;
}

.products-details .stepper-block {
  max-width: 680px;
  margin-top: 60px;
}

.products-details .stepper-block .stepper-item:first-child {
  padding-right: 70px;
}

.products-details .stepper-block .stepper-item:nth-child(2) {
  padding-right: 70px;
}

.products-details .stepper-block .stepper-item:nth-child(3) {
  padding-right: 70px;
}

.products-details .stepper-block .stepper-item:nth-child(4) {
  padding-right: 70px;
}

.products-details .stepper-block .stepper-item:nth-child(5) {
  min-width: 80px;
}

.products-details .stepper-block .stepper-item {
  min-width: 150px;
  z-index: 1;
}

.products-details .stepper-block .stepper-item.active:first-child:before,
.products-details .stepper-block .stepper-item.active:nth-child(2):before,
.products-details .stepper-block .stepper-item.active:nth-child(3):before,
.products-details .stepper-block .stepper-item.active:nth-child(4):before {
  /* background: #28CEA5; */
  border: 1px solid #28cea5;
}

.products-details .stepper-block .stepper-item:first-child:before {
  position: absolute;
  content: "";
  /* background: #DEDCE8; */
  height: 1px;
  width: 100%;
  left: 40px;
  top: 7px;
  z-index: -1;
  border: 1px solid #dedce8;
}

.products-details .stepper-block .stepper-item:nth-child(2):before {
  position: absolute;
  content: "";
  /* background: #DEDCE8; */
  height: 1px;
  width: 100%;
  left: 40px;
  top: 7px;
  z-index: -1;
  border: 1px solid #dedce8;
}

.products-details .stepper-block .stepper-item:nth-child(3):before {
  position: absolute;
  content: "";
  /* background: #DEDCE8; */
  height: 1px;
  width: 100%;
  left: 40px;
  top: 7px;
  z-index: -1;
  border: 1px solid #dedce8;
}

.products-details .stepper-block .stepper-item:nth-child(4):before {
  position: absolute;
  content: "";
  /* background: #DEDCE8; */
  height: 1px;
  width: 100%;
  left: 40px;
  top: 7px;
  z-index: -1;
  border: 1px solid #dedce8;
}

.products-details .stepper-block .stepper-item.active .circle .inner-circle {
  background: #28cea5;
}

.products-details .stepper-block .stepper-item .circle .inner-circle {
  height: 15px;
  width: 15px;
  background: #f5f4fa;
}

.products-details
  .stepper-block
  .stepper-item
  .circle
  .inner-circle
  .bx.bx-check {
  color: #e3e2e8;
  font-size: 35px;
}

.products-details
  .stepper-block
  .stepper-item.active
  .circle
  .inner-circle
  .bx.bx-check {
  color: #ffffff;
}

.products-details .stepper-block .stepper-item h2 {
  color: #dedce8;
}

.products-details .stepper-block .stepper-item.active h2 {
  color: #000000;
}

.products-details .stepper-block .stepper-item.active .circle {
  background: #f5f4fa;
}

.products-details .stepper-block .stepper-item .circle {
  height: 15px;
  width: 15px;
}

.clnt-review-section .card.left-card {
  padding: 21px 25px;
  background: #ffffff;
}

.clnt-review-section .top-head-tile .avatar-icon {
  width: 74px;
  height: 71px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-right: 17px;
}

.clnt-review-section .top-head-tile .avatar-icon img {
  width: 100%;
  height: 100%;
}

.clnt-review-section .top-head-tile .flex-block {
  flex: 1;
  align-self: flex-start;
}

.clnt-review-section .top-head-tile .name-side .d-flex img {
  margin-right: 7px;
}

.clnt-review-section .bottom-tile {
  margin-top: 20px;
  padding-left: 90px;
}

.clnt-review-section .bottom-tile .common-tiles {
  max-width: 100px;
  text-align: center;
  margin-right: 25px;
}

.clnt-review-section .bottom-tile .common-tiles:last-child {
  margin-right: 0;
}

.clnt-review-section .bottom-tile .common-tiles:first-child {
  margin-right: 40px;
}

.clnt-review-section .bottom-tile .common-tiles span {
  line-height: 16px;
  display: inline-block;
  margin-top: 15px;
}

.clnt-review-section .bottom-tile .common-tiles .icon {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.clnt-review-section .col-6.col-left {
  padding-right: 5px;
}

.clnt-review-section .col-6.col-right {
  padding-left: 5px;
}

.clnt-review-section .card.right-card {
  padding: 19px 25px;
  background: #ffffff;
}

.clnt-review-section .card.right-card .pay-details-panel > .d-flex {
  justify-content: space-between;
}

.clnt-review-section .card.right-card .pay-details-panel .txt-content {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
}

.clnt-review-section .card.right-card .pay-details-panel .label-content {
  /* width: 105px; */
}

.clnt-review-section
  .card.right-card
  .pay-details-panel
  .bottom-order
  .texts-tile {
  min-width: 230px;
}

.clnt-review-section
  .card.right-card
  .pay-details-panel
  .bottom-order
  .texts-tile
  .label-content.order {
  min-width: 60px;
}

.clnt-review-section
  .card.right-card
  .pay-details-panel
  .bottom-order
  .label-content {
  min-width: 85px;
  align-self: flex-start;
}

.products-details table .common-btn {
  background: rgba(227, 228, 232, 0.43);
  box-shadow: 0px 0px 2px -1px rgb(147 146 193 / 17%);
  width: 29px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.products-details table .edit-btn {
  width: 29px;
  height: 29px;
  padding: 0;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  position: relative;
  top: -3px;
}

.products-details table .common-btn:last-child {
  margin-right: 0;
}

.products-details table a.pdf-view-btn {
  min-width: 120px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    border-radius: 25px;
    background: rgba(227, 228, 232, 0.43);
    height: 29px;
    color: #9392c1;
    border: 1px dashed #9392c1;
    font-size: 13px;
    text-align: center;
    max-width: 150px;
    padding: 0 8px;
}

.products-details table a.pdf-view-btn i {
  color: #9392c1;
  margin-right: 5px;
  position: relative;
  top: 2px;
  font-size: 13px !important;
}

.products-details table .cmn-badge-base {
  font-weight: 400;
  padding: 7px 15px 7px 25px;
  background: #fafafa;
  border-radius: 30px;
  position: relative;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #454545;
  font-size: 12px;
}

.products-details table .cmn-badge-base:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 9px;
  height: 9px;
  left: 8px;
  top: 8px;
}

.products-details table.dataTable thead tr {
  background: rgba(189, 188, 230, 0.17);
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
}

.products-details table.dataTable tbody tr td {
  border-bottom: 1px solid #e1e0f3 !important;
}

.products-details table .completed-badge:before {
  background-color: #2aa092 !important;
}

.products-details table .processing-badge:before {
  background-color: #5d5aee !important;
}

.products-details table .pending-badge:before {
  background-color: #eea15a !important;
}

.products-details .dataTable td {
  vertical-align: middle !important;
}

.products-details .middle-section {
  overflow: hidden;
}

.modal.assignment-modal {
  max-width: 370px;
}

.assignment-modal p.font-12 {
  display: inline-flex;
  color: rgba(49, 49, 49, 0.8);
}

.assignment-modal .cancel-btn {
  background: #f5f4fa;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #313131 !important;
  box-shadow: none;
  border: 0;
  height: 35px;
  min-width: 113px;
}

.assignment-modal .cancel-btn:hover,
.assignment-modal .cancel-btn:focus {
  background: #f5f4fa;
  color: #313131 !important;
  box-shadow: none;
  border: 0;
}

.assignment-modal .complete-btn {
  background: #28cea5;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff !important;
  box-shadow: none;
  border: 0;
  height: 35px;
  min-width: 175px;
}

.assignment-modal .complete-btn:hover,
.assignment-modal .complete-btn:focus {
  background: #28cea5;
  color: #ffffff !important;
  box-shadow: none;
  border: 0;
}

.assignment-modal .text-error {
  color: #ff5252;
  position: relative;
  top: -5px;
  padding-right: 5px;
}

.products-details .middle-section .card {
  margin-top: 0 !important;
}

.products-details .card.doc-list-table .card-body {
  padding: 20px 25px;
}

.products-details .card.doc-list-table {
  margin-top: 0 !important;
}

.products-details .doc-list-table .card-body .heading {
  justify-content: space-between;
}

.products-details .doc-list-table .card-body .add-docu-btn {
  background: #5f73e2 !important;
  color: #ffffff !important;
  height: 40px;
  min-width: 169px;
  font-size: 15px;
  font-weight: 500;
  border: 0;
  box-shadow: none;
  display: inline-block;
  text-align: center;
}

.products-details .doc-list-table .card-body .add-doc-btn-multi-file {
  background: #5fbee2 !important;
  color: #ffffff !important;
  height: 40px;
  min-width: 169px;
  font-size: 15px;
  font-weight: 500;
  border: 0;
  box-shadow: none;
  display: inline-block;
  text-align: center;
}

.modal-header {
  padding-top: 10px;
  padding-bottom: 14px;
}

.multi-text-right {
    padding-top: 10px;
}

.dropzone {
  min-height: 240px !important;
}

.add-multi-document-modal {
  max-width: 895px !important;
  height: 55%;
}

.add-multi-document-modal-height {
  height: auto !important;
}

.btn-grup {
  display: flex;
}

.add-multi-btn {
    padding-right: 20px;
}

.products-details .client-deial-list-card .client-review-tile .stars-panel i {
  color: #ff9900;
}

.products-details
  .client-deial-list-card
  .client-review-tile
  .stars-panel
  + span {
  color: rgba(89, 89, 89, 0.78);
}

.products-details .client-deial-list-card .client-review-tile {
  margin-left: 40px;
}

.products-details
  .client-deial-list-card
  .client-review-tile
  .client-review-card
  p {
  color: rgba(49, 49, 49, 0.7);
  line-height: 22px;
  max-width: 350px;
}

.products-details
  .client-deial-list-card
  .client-review-tile
  .client-review-card
  .moreless-button {
  font-weight: 600;
  color: #313131;
}

.prd-details-text-80 {
  height: 70px;
  overflow: hidden;
}

.modal.document-details-modal {
  max-width: 500px;
  padding: 15px;
}

.document-details-modal .modal-header {
  border-bottom: 1px solid #e5e4f5;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-bottom: 10px;
}

.document-details-modal .modal-body {
  padding-top: 20px;
}

.document-details-modal
  .modal-body
  .col-12:first-child
  .text-tile
  span.font-13 {
  overflow-y: auto;
  overflow-x: hidden;
  height: 110px;
}

.document-details-modal
  .modal-body
  .col-12:first-child
  .text-tile
  span.font-13::-webkit-scrollbar {
  display: none;
}

.document-details-modal .modal-body .text-tile h4 {
  color: rgba(51, 51, 51, 0.7);
  min-width: 135px;
  align-self: flex-start;
}

.document-details-modal .modal-body .upload-section .upload-view .icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  margin-right: 5px;
}

.document-details-modal .modal-body .upload-section .upload-view {
  background: #f5f6ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 28px;
  min-width: 232px;
  padding: 3px 10px;
}

.document-details-modal .modal-body .upload-section .upload-view img {
}

.document-details-modal .modal-body .upload-section .upload-view span {
  color: rgba(49, 49, 49, 0.8);
  font-size: 11px;
  max-width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.document-details-modal .modal-body .upload-section .upload-view p {
  color: #49494d;
  font-size: 10px;
  margin-left: auto;
}

.document-details-modal
  .modal-body
  .upload-section
  .down-doc-btn
  .downloads-btn {
  background: #5f73e2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-weight: 400;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  max-width: 73px;
  border: 0;
  box-shadow: none;
  color: #ffffff;
}

.document-details-modal
  .modal-body
  .upload-section
  .down-doc-btn
  .downloads-btn:hover {
  color: #ffffff;
}

/* .document-details-modal .modal-body .upload-section .down-doc-btn .downloads-btn img {
    margin-left: 5px;
} */

.document-details-modal .modal-body .send-lawyer-btn {
  border: 1px solid rgba(49, 49, 49, 0.3);
  min-width: 114px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: rgba(49, 49, 49, 0.9);
}

.document-details-modal .modal-body .send-lawyer-btn img {
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.document-details-modal .modal-body .top-view .d-flex {
  justify-content: space-between;
}

.middle-card .heading-mobile {
  display: none;
  background: #eff3fd;
  padding: 15px 85px;
  margin-bottom: 20px;
  margin-left: -45px;
  margin-right: -45px;
}

/* .modal.document-details-edit-modal {
    max-width: 700px;
}

.document-details-edit-modal .modal-header {
    border-bottom: 1px solid #e5e4f5;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-bottom: 10px;
}

.document-details-edit-modal .modal-body {
    padding-top: 20px;
}

.document-details-edit-modal .modal-body .text-tile h4 {
    color: rgba(51, 51, 51, 0.7);
}

.document-details-edit-modal .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.document-details-edit-modal .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

.document-details-edit-modal .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.document-details-edit-modal .custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}

.document-details-edit-modal .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
}

.document-details-edit-modal .doc-submit-btn {
    background: #28CEA5;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF !important;
    box-shadow: none;
    border: 0;
    height: 40px;
    min-width: 175px;
}

.document-details-edit-modal .doc-submit-btn:hover, 
.document-details-edit-modal .doc-submit-btn:focus {
    background: #28CEA5;
    color: #FFFFFF !important;
    box-shadow: none;
    border: 0;
} */

.products-details.my-order .card table .avatar-icon {
  width: 45px;
  height: 45px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

/* skeleton css */

.box-skeleton {
  background-color: #ccc;
  animation: shine-avatar 1s ease-out infinite;
  -webkit-animation: shine-avatar 1s ease-out infinite;
}

.box-skeleton,
.line-skeleton {
  background-image: linear-gradient(
    90deg,
    #f4f4f4,
    #e5e5e5cc 40px,
    #f4f4f4 80px
  );
  background-size: 600px;
}

.line-skeleton {
  border-radius: 6px;
  animation: shine-lines 1s ease-out infinite;
  -webkit-animation: shine-lines 1s ease-out infinite;
}

@-webkit-keyframes shine-lines {
  0% {
    background-position: -100px;
  }

  40%,
  to {
    background-position: 140px;
  }
}

@keyframes shine-lines {
  0% {
    background-position: -100px;
  }

  40%,
  to {
    background-position: 140px;
  }
}

@-webkit-keyframes shine-avatar {
  0% {
    background-position: -32px;
  }

  40%,
  to {
    background-position: 208px;
  }
}

@keyframes shine-avatar {
  0% {
    background-position: -32px;
  }

  40%,
  to {
    background-position: 208px;
  }
}

.shimmer-anim {
  position: relative;
  background: #f4f4f4;
  overflow: hidden;
}

.shimmer-anim:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(
    90deg,
    #f4f4f4 0,
    #0000000d 20%,
    #f4f4f4 40%,
    #f4f4f4
  );
  background-repeat: no-repeat;
  background-size: 450px 400px;
  -webkit-animation: shimmer 1s linear infinite;
  animation: shimmer 1s linear infinite;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -450px 0;
  }

  to {
    background-position: 450px 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: -450px 0;
  }

  to {
    background-position: 450px 0;
  }
}

/* skeleton css */

.modal.add-document-modal {
  max-width: 500px;
  padding: 15px 20px;
}

.add-document-modal .modal-header {
  border-bottom: 1px solid #e5e4f5;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 30px;
  padding-bottom: 10px;
}

.add-document-modal .modal-body {
  padding-top: 20px;
}

.add-document-modal .modal-body .text-tile h4 {
  color: rgba(51, 51, 51, 0.7);
}

.add-document-modal .custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.add-document-modal .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.add-document-modal .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  /* padding: 0.375rem 0.75rem; */
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px 92px 6px 12px;
}

.add-document-modal .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.add-document-modal .custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
  -webkit-border-radius: 0 0.25rem 0.25rem 0;
  -moz-border-radius: 0 0.25rem 0.25rem 0;
  -ms-border-radius: 0 0.25rem 0.25rem 0;
  -o-border-radius: 0 0.25rem 0.25rem 0;
}

.add-document-modal input {
  width: 100%;
  border: 1px solid rgba(18, 17, 39, 0.12);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.add-document-modal textarea {
  width: 100%;
  border: 1px solid rgba(18, 17, 39, 0.12);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  padding: 10px;
  color: #495057;
}

.add-document-modal .doc-submit-btn {
  background: #28cea5;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff !important;
  box-shadow: none;
  border: 0;
  height: 40px;
  min-width: 175px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.add-document-modal .doc-submit-btn:hover,
.add-document-modal .doc-submit-btn:focus {
  background: #28cea5;
  color: #ffffff !important;
  box-shadow: none;
  border: 0;
}

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

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

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

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.bx-spin {
  -webkit-animation: bx-spin 2s infinite linear;
  animation: bx-spin 2s infinite linear;
}

.add-document-modal .doc-submit-btn i {
  margin-right: 8px;
  margin-top: 0;
}

/* Ends on css products details css */

.h-auto {
  height: auto !important;
}

.h-100 {
  height: 100%;
}

.top-head .search-section {
  display: none;
}

.top-head {
  padding: 0 0 20px 0;
}

.font-size-19 {
  font-size: 19px;
}

.dashboard-section .top-head .prd-search {
  width: 100%;
}

.dashboard-section .top-head .notification-tile {
  width: 5%;
}

.dashboard-section .top-head .prd-search input {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border: 1px solid #d3d4d5;
  font-size: 12px;
  color: #9ea1b2;
  background: #ffffff;
  padding: 13px 19px;
  height: 38px;
  width: 300px;
}

.dashboard-section .top-head .prd-search .search-btns {
  position: absolute;
  right: 8px;
  background: transparent;
  border: 0 none;
  top: 8px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(263, 80, 80, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px transparent;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(263, 80, 80, 0.4);
    box-shadow: 0 0 0 0 rgba(263, 80, 80, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px transparent;
    box-shadow: 0 0 0 10px transparent;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }
}

.notification-tile .pulse {
  margin-left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ec5050;
  cursor: pointer;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  transform: translateZ(0);
  will-change: transform, opacity, box-shadow;
  position: absolute;
  top: -8px;
}
.notification-tile .pulse:hover {
  -webkit-animation: none;
  animation: none;
}

.dashboard-content .balance-card  {
  height: 100%;
}

.dashboard-content .balance-card .card-head {
  padding: 20px;
  background: -webkit-linear-gradient(309.2deg, #514ED0 4.23%, #817EFC 104.08%);
  background: -moz-linear-gradient(309.2deg, #514ED0 4.23%, #817EFC 104.08%);
  background: -ms-linear-gradient(309.2deg, #514ED0 4.23%, #817EFC 104.08%);
  background: -o-linear-gradient(309.2deg, #514ED0 4.23%, #817EFC 104.08%);
  background: linear-gradient(309.2deg, #514ED0 4.23%, #817EFC 104.08%);
  border-radius: 12px;
}

.common-shadow {
  box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22) !important;
  -webkit-box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22) !important;
  -moz-box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22) !important;
  -ms-box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22) !important;
  -o-box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22) !important;
}

.card.balance-card {
  padding: 10px;
  background: #ffffff;
}

.enquiries-card {
  padding: 10px;
  background: #ffffff;
}

.enquiries-card .head-text {
  padding-top: 10px;
}

.card.balance-card a {
  cursor: pointer;
}

.card.enquiries-card a {
  cursor: pointer;
}

.w-100 {
  width: 100% !important;
}

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

.pb-16 {
  padding-bottom: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.common-text-color {
  color: #333333;
}

.common-text-color1 {
  color: #000000;
}

.common-text-color2 {
  color: rgba(51, 51, 51, 0.8);
}

.common-text-coloropa2 {
  color: rgba(51, 51, 51, 0.85);
}

.common-text-color3 {
  color: rgba(0, 0, 0, 0.9);
}

.common-text-color4 {
  color: rgba(51, 51, 51, 0.9);
}

.common-text-color5 {
  color: rgba(46, 50, 53, 0.8);
}

.common-text-color6 {
  color: rgba(49, 49, 49, 0.9);
}

.common-text-color7 {
  color: rgba(49, 49, 49, 0.8);
}

.common-text-color8 {
  color: rgba(46, 50, 53, 0.6);
}

.common-text-color9 {
  color: rgba(46, 50, 53, 0.7);
}

.common-text-color10 {
  color: #2E3235;
}

.common-text-color11 {
  color: #484DC9;
}

.prod-text-color {
  color: #808080;
}

.avatar-icon {
  width: 30px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  align-self: flex-start;
}

.border-bottom {
  border-bottom: 1px solid #e8e8eb !important;
}

.head-text {
  padding: 20px 0;
}

.widget-box {
  padding: 20px;
}
/* 
.card.h-100 {
  background: transparent;
  box-shadow: none;
} */

.bg-white {
  background: #ffffff !important;
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: #f9fafb;
}

.table thead th {
  border-top: 0;
  border-bottom-width: 1px;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: #808080;
}

.badge {
  padding: 5px 15px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.badge-success {
  background-color: #aafece;
  color: #0b612f;
}

.badge-warning {
  background-color: #ffeeb2;
  color: #68530b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.badge-danger {
  background-color: #ffcdd5;
  color: #c72a2a;
}

.table-card .head-text {
  padding-top: 10px;
}

.latestEnquiriesTableTbody a {
  color: #333333;
}

.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .lw-content
  .SecSec {
  margin-left: 5px;
}

.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .lw-content
  .addReadMore.showlesscontent
  .SecSec,
.addReadMore.showlesscontent .readLess {
  display: none;
}

.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .lw-content
  .addReadMore.showmorecontent
  .readMore {
  display: none;
}

.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .lw-content
  .addReadMore
  .readMore,
.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .lw-content
  .addReadMore
  .readLess {
  margin-left: 2px;
  color: #5f73e2;
  cursor: pointer;
}

.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .lw-content
  .addReadMoreWrapTxt.showmorecontent
  .SecSec,
.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .lw-content
  .addReadMoreWrapTxt.showmorecontent
  .readLess {
  display: block;
}

/* .moretext {
    display: none;
  } */

.row.top-row {
  /* height: 30%; */
  background: #f5f4fa;
}

.row.bottom-row {
  /* height: 70%; */
}

.active-notification {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #42a1ea;
  top: 4px;
  left: -10px;
}

.btn-see-all {
  font-weight: 500 !important;
  background: transparent !important;
  border: 1px solid #333333 !important;
  background-color: transparent !important;
  color: #333333 !important;
  cursor: pointer;
  border-radius: 30px !important;
  font-size: 15px !important;
  padding: 8px 25px !important;
}

.btn-see-all:hover {
  background: #333333 !important;
  border: 1px solid #333333 !important;
  background-color: #333333 !important;
  color: #ffffff !important;
}

.top-head ol.breadcrumb {
  padding: 0 0;
  list-style-type: none;
  margin-bottom: 0;
}

.top-head ol.breadcrumb li {
  display: inline-block;
  margin-right: 8px;
  color: #74788d;
}

.top-head ol.breadcrumb li a {
  font-size: 14px;
  color: #495057;
}

.top-head ol.breadcrumb li:last-child {
  margin-right: 0;
}

.paginate_button.next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAJVJREFUSEvt1EENgDAQRNFfBzgBCeAARyABJ0gACeAECWRvwIHubNKEAz0387rTtInCKxXO5weyDX+qohGYgCN77MsG7wQWPgAb0CmIF6iAFahVxAvY0CFEAUKICshIFFiABtiB9u3SVcDuwR1u4yqAHK4AoXAF6IHZ0/nzlSsVGWKPrchXoXw/t73KBCHkB7K1Fa/oBCp+IhnuHeH5AAAAAElFTkSuQmCC) !important;
  background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  font-size: 0;
  width: 37px;
  height: 37px;
  background-color: #ffffff !important;
  border: 1px solid #dee2e6 !important;
  cursor: pointer !important;
  background-position: 6px 5px !important;
  position: relative;
  top: -22px;
  margin-left: 5px !important;
}

.paginate_button.previous {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAJpJREFUSEvtk8ENgCAMAI8N3ERH0BGcxBV0IzfQEXQTRzBNfBA+LRUSH/rF3JUDApW/UJnPL1ALfzJRA0zAoo4P2Ycs8A3oHsGsSXISxfAT6IGrlMAFF7llB264RfAKbhXsQAscwGDpHp+LNZFbYhHIQJLKJbEK3JIcQSoZgbXUO4g5kksemQq33CJtQHU9N5EKTH/4BWqy6oluh2weGSJzuSQAAAAASUVORK5CYII=) !important;
  background-repeat: no-repeat !important;
  font-size: 0;
  width: 37px;
  height: 37px;
  background-color: #ffffff !important;
  border: 1px solid #dee2e6 !important;
  cursor: pointer !important;
  background-position: 6px 5px !important;
  position: relative;
  top: -22px;
  margin-right: 0 !important;
  margin-right: 5px !important;
}

.paginate_button.current {
  background: #5f73e2 !important;
  color: #ffffff !important;
  /* border: 1px solid #5f73e2 !important; */
  height: 37px;
  /* width: 37px; */
  margin-left: 0 !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

.paginate_button {
  background-color: #ffffff !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

/* .paginate_button:hover {
    background: #5f73e2 !important;
    border: 1px solid #5f73e2 !important;
} */

/* .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #ffffff !important;
} */

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important;
}

.property-page .tbl-action a {
  color: #4f4f4f;
  border-color: #ced0d5;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: 1px solid #7b83a3;
  width: 38px;
  height: 34px;
  margin-bottom: 5px;
}

.property-page .tbl-action a:focus {
  background: transparent;
  border: 1px solid #989aa5;
}

.property-page .tbl-action a:hover {
  background: transparent;
  border: 1px solid #7b83a3;
  color: #4f4f4f;
}

.tbl-action a i {
  font-size: 24px;
  color: #4f4f4f;
}

.tbl-action a {
  color: #4f4f4f;
  border-color: #ced0d5;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: 1px solid #7b83a3;
  width: 38px;
  height: 34px;
}

.tbl-action a:hover,
.tbl-action a:focus {
  background: transparent;
  border-color: #ced0d5;
  border: 1px solid #7b83a3;
}

.tbl-action button {
  color: #4f4f4f;
  border-color: #ced0d5;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: 1px solid #7b83a3;
  width: 38px;
  height: 34px;
}

.tbl-action button:focus {
  background: transparent;
  border: 1px solid #989aa5;
}

.tbl-action button:hover {
  background: transparent;
  border: 1px solid #7b83a3;
  color: #4f4f4f;
}

.tbl-action button i {
  font-size: 24px;
  color: #4f4f4f;
}

.tbl-action button img {
  width: 16px;
  height: 16px;
}

.tbl-action li {
  margin-right: 8px;
}

.tbl-action li:last-child {
  margin-right: 0;
}


.profile-card .left-side .profile-icon {
  margin: 0 auto;
  display: table;
}

.left-side .profile-icon label.custom-file-upload {
  cursor: pointer;
  background: #f8f8f8;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  right: -10px;
}

.left-side .profile-icon label.custom-file-upload i {
  color: #414141;
}

.left-side .profile-icon .img-edit input[type="file"] {
  display: none;
}

.profile-card .left-side .avatar-icon {
  width: 132px;
  height: 132px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 auto;
  background: #f2f2f2;
}

.profile-card .left-side .avatar-icon img {
  height: 100%;
  width: 100%;
}

.profile-card .left-side .camera-icon {
  width: 40px;
  height: 40px;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  right: -10px;
  top: 80px;
  cursor: pointer;
}

.profile-card .left-side .edit-photo {
  margin-bottom: 30px;
}

.profile-card .left-side p {
  padding: 0 15px;
}

.profile-card p {
  /* margin-right: 15px;
    margin-left: 15px; */
}

.profile-card .col-4 {
  /* padding-right: 0 !important; */
}

.profile-card .col-8 {
  /* padding-left: 0 !important; */
}

.profile-card .left-side {
  border-right: 1px solid #edecf2;
  padding-top: 45px;
  padding-bottom: 45px;
  height: 100%;
}

.profile-card .right-side .head-text {
  border-bottom: 1px solid #edecf2;
  margin-bottom: 30px;
  padding-left: 35px;
  margin-left: -30px;
}

.profile-card .right-side .profile-content {
  /* padding-left: 35px; */
  padding-right: 55px;
}

.profile-card .right-side .profile-content .edit-btns-right {
  position: absolute;
  right: 20px;
  top: -80px;
}

.profile-content button i {
  vertical-align: middle;
}

.profile-card .right-side .profile-content h4 {
  width: 30%;
  align-self: flex-start;
}

.profile-card .right-side .profile-content p {
  flex: 1;
}

.profile-content-edit {
  margin-right: 25px;
}

.profile-content-edit .row.mt-5 {
  margin-top: 30px !important;
}

.profile-content-edit input {
  height: 47px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid #dee2e6;
  font-size: 14px;
}

.profile-content-edit select {
  height: 47px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid #dee2e6;
  font-size: 14px;
}

.profile-content-edit .radio-box input {
  height: 18px;
  margin-right: 5px;
  width: 18px;
}

.profile-content-edit .radio-box label {
  position: relative;
  top: -4px;
}

.profile-content-edit textarea {
  height: auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid #dee2e6;
  font-size: 14px;
}

.save-change {
  padding: 12px 45px !important;
  font-weight: 500 !important;
}

.payment-text {
  word-break: break-all;
  width: 200px;
}

.mint-purc.mobile-view {
  display: none;
}

.mobile-view-reply-enq {
  display: none;
}

.legalAskMsg-60 {
  height: 60px;
  overflow: hidden;
}

.legalAskMsg-60 + a {
  color: #5f73e2;
}

.legalAskMsgDashboard-40 {
  height: 40px;
  overflow: hidden;
}

.legalAskMsgDashboard-flex a.moreless-button {
  color: #5e72e2;
  align-self: flex-end;
}

/* Ends On New Design Css */

/* Starts On Book Appointment Css */

.search-court .top-search-panel {
  margin-bottom: 50px;
}
.search-court .top-search-panel .court-search input {
  border: 1px solid #e1e1e1;
  background: #fff;
  height: 52px;
  width: 100%;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
  padding: 0 145px 0 30px;
  font-size: 16px;
}

.search-court .top-search-panel .court-search .search-btns {
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  color: #fff;
  border: 0;
  padding: 0 45px;
  height: 52px;
  font-size: 16px;
  overflow: hidden;
  cursor: pointer;
}

.search-court .top-search-panel .court-search .search-btns .bx-search {
  font-size: 24px;
  color: #767978;
}

.court-search-panel .card {
  background: transparent !important;
}

.court-search-panel .court-search-tile a {
  color: #333333;
}

.court-search-panel .court-search-tile .court-box {
  background: #ffffff;
  box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
  -webkit-box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
  -moz-box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
  -ms-box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
  -o-box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  padding: 25px;
  margin-bottom: 20px;
}

#courtform {
  max-width: 600px;
  padding: 20px;
}

.court-form .modal-header {
  border-bottom: 1px solid #e8e8eb;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.court-form .modal-body select,
.addassignment-modal .modal-body select {
  border-bottom: 1px solid #d9dfee;
  height: 42px;
  font-size: 14px;
}

.court-form .modal-body textarea,
.addassignment-modal .modal-body textarea
{
  border-bottom: 1px solid #d9dfee;
  resize: none;
  font-size: 14px;
  height: auto;
}

.court-form .modal-body input {
  border-bottom: 1px solid #d9dfee;
  height: 42px;
  font-size: 14px;
}

.court-form .modal-body label.error,
.addassignment-modal .modal-body label.error
{
  color: #ff0000;
  font-size: 12px;
  margin-top: 5px;
}

.court-form .modal-body .time-date label {
  /* font-size: 12px;
    margin-top: 5px; */
}

.court-form .modal-body .common-action-btn ,
.addassignment-modal .modal-body .common-action-btn 
{
  background: #3f43c8;
  padding: 15px 80px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  box-shadow: none;
}

.lawyer-find .close-modal {
  display: none !important;
}

.lawyer-find .modal-body .top-content {
  border-bottom: 1px solid #dedddd;
  padding-bottom: 20px;
}

.lawyer-find .modal-body .top-content .avatar-icon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffffff;
  margin: 0 auto 20px;
}

.lawyer-find .modal-body .top-content .avatar-icon img {
  width: 100%;
}

.lawyer-find .modal-body .top-content .star-box {
  margin-top: 5px;
}

.lawyer-find .modal-body .top-content .star-box .bx {
  color: #faac15;
  margin-right: 5px;
}

.lawyer-find .modal-body .top-content .cases-badge {
  background: #edeff3;
  padding: 8px 20px;
  border-radius: 25px;
  margin: 0 auto;
  width: 195px;
  margin-top: 15px;
}

.lawyer-find .modal-body .top-content .cases-badge img {
  margin-right: 5px;
}

.lawyer-find .modal-body .foot-content {
  padding-top: 25px;
}

.lawyer-find .modal-body .foot-content p {
  margin-bottom: 30px;
}

.lawyer-find .modal-body .foot-content p span {
  color: #5f73e2;
}

.lawyer-find .modal-body .foot-content .col-6 {
  padding-right: 8px;
  padding-left: 8px;
}

.lawyer-find .modal-body .foot-content .common-action-btn.view {
  background: #f4f5f7;
  padding: 12px 40px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #676a6c;
  font-size: 14px;
  font-weight: bold;
  box-shadow: none;
  margin-right: 15px;
}

.lawyer-find .modal-body .foot-content .common-action-btn {
  background: #28cea5;
  padding: 12px 40px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  box-shadow: none;
  height: 43px;
}

.lawyers-profile-content .lk-client-profile .top-side .avatar-icon {
  width: 125px;
  height: 125px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffffff;
  margin-right: 20px;
  align-self: flex-start;
}

.lawyers-profile-content .lk-client-profile .top-side .avatar-icon img {
  width: 100%;
}

.lawyers-profile-content .lk-client-profile .top-side .flex-grow-1 {
  flex-grow: 1 !important;
}

.lawyers-profile-content .lk-client-profile .top-side .right-side {
  max-width: 450px;
}

.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .info-tile
  img {
  margin-right: 15px;
}

.lawyers-profile-content .lk-consult .heading-tile {
  border-bottom: 1px solid #dedcdc;
  padding-bottom: 10px;
  margin-right: -20px;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: -5px;
}

.lawyers-profile-content .lk-consult .fees-content .common-action-btn {
  background: #28cea5;
  padding: 18px 60px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  box-shadow: none;
  margin: 0 auto;
  display: table;
}

.lawyers-profile-content .lk-consult .fees-content p span {
  color: #5f73e2;
  margin-right: 5px;
}

.lawyers-profile-content .lk-consult .fees-content {
  padding: 25px 0;
}

.lawyers-profile-content .lk-consult .fees-content .avt-txt {
  height: 140px;
}

/* .lawyers-profile-content .lk-client-profile .top-side .right-side .lw-content .moretext {
    display: none;
} */

.lawyers-profile-content
  .lk-client-profile
  .top-side
  .right-side
  .lw-content
  .moreless-button {
  color: #5f73e2;
}

.lawyers-profile-tab-content {
  margin-top: 20px;
}

.lawyers-profile-tab-content .docu-tab-panel ul.nav.nav-tabs {
  padding-left: 0;
  border-bottom: 0;
  margin: 0;
}

.lawyers-profile-tab-content .docu-tab-panel li.active {
  border-bottom: 0;
  background: #ffffff;
}

.lawyers-profile-tab-content .docu-tab-panel .tabs li {
  display: inline-block;
  padding: 0;
}

.lawyers-profile-tab-content .docu-tab-panel li a {
  color: #343a40;
  font-size: 16px;
  font-weight: 500;
  padding: 9px 30px;
  display: inline-block;
}

.lk-client-profile .card .card-body {
  padding: 35px 25px;
}

.lk-client-profile .education-tile {
  border-bottom: 1px solid #dedada;
  padding-bottom: 30px;
}

.lk-client-profile .education-tile .content-site p:first-child,
.lk-client-profile .education-tile .content-site span {
  margin-right: 10px;
  color: #4a4c57;
}

.lk-client-profile .chamber-tile {
  /* border-bottom: 1px solid #dedada; */
  padding-bottom: 30px;
  padding-top: 20px;
}

.lk-client-profile .chamber-tile .content-site p {
  color: #5e6069;
  line-height: 20px;
}

.lk-client-profile
  .chamber-tile
  .col-3:first-child
  .content-site
  h5:first-child {
  color: #5f73e2;
}

.lk-client-profile .review-tile {
  padding-bottom: 30px;
  padding-top: 20px;
}

.lk-client-profile .star-rating-box {
  /* padding-left: 15px; */
  margin-bottom: 30px;
}

.lk-client-profile .star-rating-box .rating-number-count {
  padding-left: 30px;
}

.lk-client-profile
  .star-rating-box
  .ratings-box
  .rating-number-count
  .star-box
  i {
  color: #ffa81e;
  margin-right: 2px;
}

.lk-client-profile
  .star-rating-box
  .ratings-box
  .rating-number-count
  .star-box
  i:last-child {
  color: #dedddd;
  margin-right: 0;
}

.lk-client-profile .star-rating-box .ratings-box .rating-number-count p {
  color: #5e6069;
}

.lk-client-profile .star-rating-box .right-progress-box .bar-rating {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.lk-client-profile .star-rating-box .right-progress-box .num-progress-bar {
  font-size: 14px;
  margin-right: 10px;
  font-weight: 500;
}

.lk-client-profile .star-rating-box .right-progress-box .custom {
  background-color: #eee;
  width: 32%;
  border-radius: 10px;
  height: 12px;
}

.lk-client-profile .star-rating-box .right-progress-box .progress-bar {
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width 0.6s ease;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width 0.6s ease;
  display: flex;
  overflow: hidden;
  height: 12px;
}

.lk-client-profile .star-rating-box .right-progress-box .bg-green {
  background-color: #ffa81e;
  width: 70%;
}

.lk-client-profile .review-tile .review-item {
  margin-top: 20px;
}

.lk-client-profile .review-tile .review-item {
  border-bottom: 1px solid #dedada;
  padding-bottom: 20px;
}

.lk-client-profile .review-tile .review-item .avatar-block .name-symbol {
  height: 46px;
  width: 46px;
  margin-right: 20px;
  font-size: 16px;
  font-weight: bold;
  align-self: flex-start;
}

.lk-client-profile .review-tile .review-item .avatar-block .name-title {
  flex: 1;
}

.lk-client-profile
  .review-tile
  .review-item
  .avatar-block
  .name-title
  .rating-star
  i {
  color: #ffa81e;
}

.lk-client-profile
  .review-tile
  .review-item
  .avatar-block
  .name-title
  .rating-star
  i:nth-child(5) {
  color: #dedddd;
}

.lk-client-profile
  .review-tile
  .review-item
  .avatar-block
  .name-title
  .rating-star
  p {
  color: #5e6069;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.lk-client-profile .review-tile .review-item .content-wrap {
  margin-left: 68px;
  margin-top: 15px;
}

.lk-client-profile .review-tile .review-item .content-wrap p {
  line-height: 26px;
  color: #6f6f6f;
}

.pricing-plan .pricing-plan-content {
  /* padding: 0 8px; */
  padding: 30px 20px 40px 20px;
  background: #ffffff;
  box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22);
  -webkit-box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22);
  -moz-box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22);
  -ms-box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22);
  -o-box-shadow: 3px 5px 18px 0px rgba(170, 154, 192, 0.22);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.pricing-plan .pricing-plan-content .col-3 {
  /* padding-right: 7px;
    padding-left: 7px; */
}

.pricing-plan .pricing-plan-content .client-price {
  /* box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
    -webkit-box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
    -moz-box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
    -ms-box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21);
    -o-box-shadow: 5px 9px 7px 0px rgba(170, 154, 192, 0.21); */
  cursor: pointer;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  border: 1px solid #bfc2e6;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}

.pricing-plan .pricing-plan-content .client-price:hover {
  /* border: 1px solid #bfcfcb; */
  box-shadow: 0px 11px 13px 0px rgb(239 245 255 / 45%);
  -webkit-box-shadow: 0px 11px 13px 0px rgb(239 245 255 / 45%);
  -moz-box-shadow: 0px 11px 13px 0px rgb(239 245 255 / 45%);
  -ms-box-shadow: 0px 11px 13px 0px rgb(239 245 255 / 45%);
  -o-box-shadow: 0px 11px 13px 0px rgb(239 245 255 / 45%);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.pricing-plan .pricing-plan-content .client-price:hover .head-top {
  /* background: #4b7de2; */
}

.pricing-plan .pricing-plan-content .client-price:hover .head-top h2,
.pricing-plan .pricing-plan-content .client-price:hover .head-top h3 {
  /* color: #ffffff; */
}

.pricing-plan .pricing-plan-content .client-price:hover .common-action-btn {
  background: #28cea5;
  color: #ffffff;
}

.pricing-plan .pricing-plan-content .client-price.active {
  border: 1px dashed #a3a9f3;
  background: rgba(240, 232, 255, 1);
  background: -moz-linear-gradient(
    left,
    rgba(240, 232, 255, 1) 0%,
    rgba(228, 231, 254, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(240, 232, 255, 1)),
    color-stop(100%, rgba(228, 231, 254, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(240, 232, 255, 1) 0%,
    rgba(228, 231, 254, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(240, 232, 255, 1) 0%,
    rgba(228, 231, 254, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(240, 232, 255, 1) 0%,
    rgba(228, 231, 254, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(240, 232, 255, 1) 0%,
    rgba(228, 231, 254, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0e8ff', endColorstr='#e4e7fe', GradientType=1 );
}

.pricing-plan .pricing-plan-content .client-price .head-top {
  /* background: #eff5ff;
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px;
    margin-top: -20px;
    color: #5f73e2;
    margin-bottom: 15px;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s; */
}

.pricing-plan .pricing-plan-content .client-price.active .head-top {
  /* background: transparent;
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px;
    margin-top: -20px;
    color: #5f73e2;
    margin-bottom: 15px;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0; */
}

.pricing-plan .pricing-plan-content .client-price .active-img {
  display: none;
}

.pricing-plan .pricing-plan-content .client-price.active .non-active-img {
  display: none;
}

.pricing-plan .pricing-plan-content .client-price .non-active-img {
  display: block;
}

.pricing-plan .pricing-plan-content .client-price.active .active-img.pos-abs {
  right: 14px;
  top: 12px;
  display: block;
}

.pricing-plan .pricing-plan-content .client-price .non-active-img {
  right: 14px;
  top: 12px;
  display: block;
}

.pricing-plan .pricing-plan-content .client-price p.line-through {
  color: #333333 !important;
}

.pricing-plan .pricing-plan-content .client-price.active .head-top h2,
.pricing-plan .pricing-plan-content .client-price.active .head-top h3 {
  color: #333333;
}

.badge-recommon {
  background: #5570e6;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 10px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  /* margin-bottom: 10px; */
  display: inline-block;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  top: 18%;
  left: 50%;
  right: 50%;
  width: 50%;
}

.pricing-plan .pricing-plan-content .client-price.active .common-action-btn {
  background: #28cea5;
  color: #ffffff;
}

.pricing-plan .pricing-plan-content .client-price.active .mid-side {
  /* margin-top: 0; */
}

.pricing-plan .pricing-plan-content .client-price .mid-side {
  margin-top: 45px;
}

.pricing-plan .pricing-plan-content .client-price h3 {
  /* color: #5f73e2; */
}

/* .pricing-plan .pricing-plan-content .client-price p {
    color: #52545e;
} */

.pricing-plan .pricing-plan-content .client-price h4 {
  margin-top: 8px;
  color: #ea3c81;
  border: 1px solid #ea3c81;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 4px 10px;
}

.price-cta-btn .common-action-btn {
  background: #28cea5;
  padding: 14px 60px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}

.price-cta-btn .common-action-btn:hover {
  background: #28cea5;
  color: #ffffff;
}

.buyminutes-card-wrapper {
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
}

.buyminutes-card-wrapper .minutes-price {
  background: #ffffff !important;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  overflow: hidden;
  box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
  -webkit-box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
  -moz-box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
  -ms-box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
  -o-box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
}

.buyminutes-card-wrapper .minutes-price .buy-price-head {
  background: rgba(80, 135, 197, 1);
  background: -moz-linear-gradient(
    left,
    rgba(80, 135, 197, 1) 0%,
    rgba(112, 201, 197, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(80, 135, 197, 1)),
    color-stop(100%, rgba(112, 201, 197, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(80, 135, 197, 1) 0%,
    rgba(112, 201, 197, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(80, 135, 197, 1) 0%,
    rgba(112, 201, 197, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(80, 135, 197, 1) 0%,
    rgba(112, 201, 197, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(80, 135, 197, 1) 0%,
    rgba(112, 201, 197, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5087c5', endColorstr='#70c9c5', GradientType=1 );
}

.buyminutes-card-wrapper .minutes-price .buy-price-head .location-tile img {
  margin-right: 3px;
}

.buyminutes-card-wrapper .minutes-price .buy-price-head .prc-text {
  align-self: flex-start;
}

.buyminutes-card-wrapper .minutes-price .buy-price-head .meeting-side {
  line-height: 25px;
}

.code-badge.exp i {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.buyminutes-card-wrapper
  .minutes-price
  .card-body
  .coupon-apply-tile
  .form-group
  input {
  height: 46px;
  border: 1px solid #e2e1e1;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  overflow: hidden;
  font-size: 14px;
}

.buyminutes-card-wrapper
  .minutes-price
  .card-body
  .coupon-apply-tile
  .apply-coupon-btn {
  position: absolute;
  background: #e2e1e1;
  height: 46px;
  right: 0;
  top: 0;
  border: 0 none;
  color: #2e3238;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 0 38px;
  border-radius: 0 6px 6px 0;
}

.buyminutes-card-wrapper .minutes-price .card-body .coupon-badge {
  background: #f9fcff;
  border: 1px dashed #5087c5;
  padding: 12px 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  margin-top: 12px;
}

.buyminutes-card-wrapper .minutes-price .card-body .code-badge {
  background: #ffffff;
  border: 1px dashed #e0e0e0;
  padding: 12px 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  margin-top: 12px;
  cursor: pointer;
  margin-bottom: 12px;
}

.buyminutes-card-wrapper .minutes-price .card-body .code-badge img {
  margin-right: 6px;
}

.buyminutes-card-wrapper .minutes-price .card-body .code-badge h3 {
  color: #5087c5;
}

.buyminutes-card-wrapper .minutes-price .card-body .coupon-badge i {
  font-size: 21px;
  color: #5087c5;
  margin-right: 8px;
}

.buyminutes-card-wrapper .minutes-price .card-body .coupon-badge p {
  color: #5087c5;
}

.buyminutes-card-wrapper .minutes-price .card-body .order-info-tile {
  margin-top: 20px;
}

.buyminutes-card-wrapper
  .minutes-price
  .card-body
  .order-info-tile
  .price-middle-box {
  padding: 0 5px;
}

.buyminutes-card-wrapper
  .minutes-price
  .card-body
  .order-info-tile
  .price-middle-box
  .txt-lft {
  color: #616161;
}

.buyminutes-card-wrapper
  .minutes-price
  .card-body
  .order-info-tile
  .price-middle-box
  .free {
  color: #ec3560;
}

.buyminutes-card-wrapper
  .minutes-price
  .card-body
  .order-info-tile
  .common-action-btn {
  background: #28cea5;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 50px;
  cursor: pointer;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border: 0 none;
  box-shadow: none;
  width: 100%;
  margin-top: 25px;
}

.payment-success-card-wrapper {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px 0;
}

.payment-success-card-wrapper .success-payment {
  background: #ffffff !important;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  overflow: hidden;
  box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
  -webkit-box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
  -moz-box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
  -ms-box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
  -o-box-shadow: 1px 2px 38px 0px rgba(142, 127, 142, 0.4);
}

.payment-success-card-wrapper .success-payment ul {
  margin: 20px 0 20px 0;
  padding: 0;
}

.payment-success-card-wrapper .success-payment ul li {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}

.payment-success-card-wrapper .success-payment ul li:first-child {
  border-right: 1px solid #686868;
  padding-right: 10px;
}

.payment-success-card-wrapper .success-payment ul li:last-child {
  padding-left: 10px;
}

.payment-success-card-wrapper .success-payment .common-action-btn {
  background: #5f73e2;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 50px;
  cursor: pointer;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border: 0 none;
  box-shadow: none;
  width: 100%;
  margin-top: 25px;
}

.order-summary-section {
  margin-left: 0 !important;
  width: 100% !important;
}

.line-through {
  text-decoration: line-through;
  color: #aeaeae !important;
  margin-right: 10px;
}

.rgt-book-btn a {
  display: inline-flex;
  margin-left: 10px;
  height: 49px;
  align-items: center;
}

.rgt-book-btn a span {
  margin-left: 5px;
}

.rgt-book-btn .common-action-btn {
  background: #28cea5;
  /* padding: 15px 25px; */
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  box-shadow: none;
  height: 34px;
  padding: 8px 15px;
}

.rgt-book-btn .common-action-btn:hover,
.rgt-book-btn .common-action-btn:focus {
  background: #28cea5;
  color: #fff;
}

span.pment-id {
  display: block;
  font-size: 12px;
}

span.tp-id {
  display: block;
  font-weight: 600;
}

.badge-completed {
  background: rgba(222, 54, 82, 1);
  background: -moz-linear-gradient(
    left,
    rgba(222, 54, 82, 1) 0%,
    rgba(249, 86, 105, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(222, 54, 82, 1)),
    color-stop(100%, rgba(249, 86, 105, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(222, 54, 82, 1) 0%,
    rgba(249, 86, 105, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(222, 54, 82, 1) 0%,
    rgba(249, 86, 105, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(222, 54, 82, 1) 0%,
    rgba(249, 86, 105, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(222, 54, 82, 1) 0%,
    rgba(249, 86, 105, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3652', endColorstr='#f95669', GradientType=1 );
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.badge-pending {
  background: rgba(255, 178, 12, 1);
  background: -moz-linear-gradient(
    left,
    rgba(255, 178, 12, 1) 0%,
    rgba(244, 191, 76, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(255, 178, 12, 1)),
    color-stop(100%, rgba(244, 191, 76, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 178, 12, 1) 0%,
    rgba(244, 191, 76, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 178, 12, 1) 0%,
    rgba(244, 191, 76, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 178, 12, 1) 0%,
    rgba(244, 191, 76, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 178, 12, 1) 0%,
    rgba(244, 191, 76, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb20c', endColorstr='#f4bf4c', GradientType=1 );
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.badge-confirmed {
  background: rgba(125, 58, 219, 1);
  background: -moz-linear-gradient(
    left,
    rgba(125, 58, 219, 1) 0%,
    rgba(174, 78, 247, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(125, 58, 219, 1)),
    color-stop(100%, rgba(174, 78, 247, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(125, 58, 219, 1) 0%,
    rgba(174, 78, 247, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(125, 58, 219, 1) 0%,
    rgba(174, 78, 247, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(125, 58, 219, 1) 0%,
    rgba(174, 78, 247, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(125, 58, 219, 1) 0%,
    rgba(174, 78, 247, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d3adb', endColorstr='#ae4ef7', GradientType=1 );
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.badge-meeting-started {
  background: rgba(22, 201, 162, 1);
  background: -moz-linear-gradient(
    left,
    rgba(22, 201, 162, 1) 0%,
    rgba(41, 224, 160, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(22, 201, 162, 1)),
    color-stop(100%, rgba(41, 224, 160, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(22, 201, 162, 1) 0%,
    rgba(41, 224, 160, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(22, 201, 162, 1) 0%,
    rgba(41, 224, 160, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(22, 201, 162, 1) 0%,
    rgba(41, 224, 160, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(22, 201, 162, 1) 0%,
    rgba(41, 224, 160, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16c9a2', endColorstr='#29e0a0', GradientType=1 );
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.directions-btns {
  border: 1px solid #4f7cd7;
  color: #4f7cd7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 11px;
  padding: 2px 10px;
  display: inline;
  margin-left: 5px;
}

.view-btn {
  background: transparent;
  border: 1px solid #5f73e2 !important;
  color: #5f73e2 !important;
  padding: 8px 10px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phone-btn {
  background: transparent;
  border: 1px solid #28cea5 !important;
  color: #28cea5 !important;
  padding: 8px 10px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 5px;
}

.review-btn {
  background: transparent;
  border: 1px solid #4f4f4f !important;
  color: #4f4f4f !important;
  padding: 8px 10px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}

.review-btn-fill {
  background: #4f4f4f;
  border: 1px solid #4f4f4f !important;
  color: #ffffff !important;
  padding: 8px 10px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}

.review-btn-fill img {
  filter: brightness(100);
}

.appointment-detail .appointment-detail-content .top-side .avatar-icon {
  width: 95px;
  height: 95px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffffff;
  margin-right: 20px;
  align-self: flex-start;
}

.appointment-detail .appointment-detail-content .top-side .avatar-icon img {
  width: 100%;
}

.appointment-detail .appointment-detail-content .top-side .flex-grow-1 {
  flex-grow: 1 !important;
}

.appointment-detail .appointment-detail-content .top-side .info-tile img {
  margin-right: 15px;
}

.rev-btn {
  background-color: #5f73e2 !important;
  border-color: #5f73e2 !important;
  color: #fff !important;
  cursor: pointer;
  font-size: 14px !important;
  font-weight: bold !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  padding: 11px 27px !important;
}

.appointment-detail .appointment-detail-content .top-side .common-action-btn {
  background: #28cea5;
  padding: 12px 30px;
  cursor: pointer;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  border: 1px solid #28cea5;
  color: #ffffff;
  position: relative;
  top: -25px;
  display: flex;
}

.book-btns {
  background: #28cea5 !important;
  padding: 13px 25px !important;
  border: 0 !important;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 14px !important;
  font-weight: bold !important;
  box-shadow: none !important;
  margin-left: 15px;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

/* .appointment-detail .appointment-detail-content .top-side .call-now-btn {
    background: transparent;
    border: 1px solid #28cea5;
    padding: 14px 52px;
    color: #28cea5;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    display: flex;
    align-items: center;
    margin-top: 10px;
} */

.appointment-detail
  .appointment-detail-content
  .top-side
  .common-action-btn
  .bx {
  margin-right: 5px;
  font-size: 20px;
}

.appointment-detail .appointment-detail-content .top-side .btn-side {
  flex-direction: column;
}

.appointment-detail .appointment-detail-content .bot-side {
  margin-top: 30px;
  /* max-width: 740px; */
}

.appointment-detail .appointment-detail-content .bot-side p {
  color: #616161;
}

.appointment-detail .appointment-detail-content .bot-side .common-badge {
  /* background-color: #e6fcf4;
    color: #1eb36b; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: inline-block;
  padding: 7px 15px;
  margin-top: 8px;
}

.appointment-detail .appointment-detail-content .bot-side .waiting {
  background-color: #fbf3e1;
  color: #ff7e00;
}

.appointment-detail .appointment-detail-content .bot-side .confirmed {
  background-color: #f4f1f9;
  color: #8535d7;
}

.appointment-detail .appointment-detail-content .bot-side .meeting-started {
  background-color: #e4f2ff;
  color: #4f6b87;
}

.appointment-detail .appointment-detail-content .bot-side .meeting-completed {
  background-color: #e6fcf4;
  color: #1eb36b;
}

.appointment-detail .appointment-detail-content .foot-side {
  border-top: 1px solid #dedada;
  padding-top: 20px;
  margin-top: 20px;
}

.appointment-detail .appointment-detail-content .foot-side p {
  color: #6d6f76;
}

.appointment-detail .review-side {
  overflow: hidden;
}

.appointment-detail .review-side .head-side {
  background: #6f6f70;
  color: #ffffff;
  padding: 12px 12px 12px 20px;
}

.appointment-detail .review-side .repeat-tile .star-box i {
  color: #ffa025;
  font-size: 16px;
  margin-right: 5px;
}

.appointment-detail .review-side .repeat-tile .star-box i:last-child {
  margin-right: 0;
}

.feedback .feedback-content .top-side .emoji-box {
  cursor: pointer;
}

.feedback .feedback-content .top-side .emoji-box p {
  opacity: 0;
}

.feedback .feedback-content .top-side .emoji-box img {
  opacity: 0.5;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.feedback .feedback-content .top-side .emoji-box.active img {
  opacity: 1;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -webkit-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -moz-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -ms-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -o-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
}

.feedback .feedback-content .top-side .emoji-box.active {
  margin-right: 30px;
}

.feedback .feedback-content .top-side .emoji-box.active p {
  opacity: 1;
}

.feedback .feedback-content .query-box textarea {
  height: 178px;
  resize: none;
}

.feedback .feedback-content .common-action-btn {
  background: #28cea5;
  padding: 12px 40px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  margin-top: 20px;
}

.book-appoint .book-appoint-content .court-form input {
  border-bottom: 1px solid #d9dfee;
  height: 42px;
  font-size: 14px;
}

.book-appoint .book-appoint-content .court-form select {
  border-bottom: 1px solid #d9dfee;
  height: 42px;
  font-size: 14px;
}

.book-appoint .book-appoint-content .court-form .common-action-btn {
  background: #28cea5;
  padding: 15px 80px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  box-shadow: none;
}

.animate-find-lawyer {
  min-height: 400px;
  position: relative;
}

.circle-ripple {
  background-color: transparent;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-animation: ripple 0.7s linear infinite;
  animation: ripple 0.7s linear infinite;
  left: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
}

@-webkit-keyframes wait {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes wait {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(175, 166, 255, 0.3),
      0 0 0 1em rgba(175, 166, 255, 0.3), 0 0 0 3em rgba(175, 166, 255, 0.3),
      0 0 0 5em rgba(175, 166, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(175, 166, 255, 0.3),
      0 0 0 3em rgba(175, 166, 255, 0.3), 0 0 0 5em rgba(175, 166, 255, 0.3),
      0 0 0 8em rgba(175, 166, 255, 0);
  }
}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(175, 166, 255, 0.3),
      0 0 0 1em rgba(175, 166, 255, 0.3), 0 0 0 3em rgba(175, 166, 255, 0.3),
      0 0 0 5em rgba(175, 166, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(175, 166, 255, 0.3),
      0 0 0 3em rgba(175, 166, 255, 0.3), 0 0 0 5em rgba(175, 166, 255, 0.3),
      0 0 0 8em rgba(175, 166, 255, 0);
  }
}

.feedback-content.experience {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 25px;
}

.feedback {
  margin-left: 0 !important;
  width: 100% !important;
  background: #ffffff;
}

.feedback .card-bg {
  background: #eceaee;
}

.feedback .card-bg textarea {
  height: 178px;
  resize: none;
  border: 0;
  border-radius: 0;
}

.dashboard-section.feedback.bg-transparent {
  background: transparent;
}

.thank-you.d-flex.align-items-center {
  background: #5f73e2;
  color: #ffffff;
}

/* Ends On Book Appointment Css */

/* Starts On Pricing Plan Css */


.pricing-plan-modal {
  padding: 20px !important;
}

.pricing-card-side .selected-price-tile {
  /* margin-top: 20px; */
}

.pricing-card-side .selected-price-tile .pos-rel {
  margin-bottom: 5px;
}

.pricing-card-side .selected-price-tile .pos-rel .recommended-badge {
  color: #353536;
    background: #ffd800;
    font-size: 13px;
    font-weight: bold;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 4px 12px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.pricing-card-side .selected-price-tile .gst-txt {
  color: rgba(51, 51, 51, 0.8);
}

.pricing-card-side .selected-price-tile .mins-valid {
  color: #099666;
  margin: 8px 0 0;
  font-style: italic;
  position: relative;
  display: inline-block;
  padding: 6px 10px;
  background: #eafff8;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.pricing-card-side .price-box-tile {
  margin-top: 15px;
}

.pricing-card-side .price-box-tile .col-6 {
  padding-right: 8px;
  padding-left: 8px;
}

.pricing-card-side .price-box-tile .each-price-card .card.pricing-card-active {
  background: #4c50e0;
  border: 1px solid #4c50e0;
}

.pricing-card-side .price-box-tile .each-price-card .card {
  background: #fff;
    border: 1px solid #e5e5e5;
    padding: 16px 13px;
    cursor: pointer;
    position: relative;
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.pricing-card-side .price-box-tile .col-6:nth-child(3) .card,
.pricing-card-side .price-box-tile .col-6:last-child .card {
  margin-bottom: 0;
}

.pricing-card-side
  .price-box-tile
  .each-price-card
  .card.pricing-card-active
  .active-img {
  display: block;
}

.pricing-card-side .price-box-tile .each-price-card .card .active-img,
.pricing-card-side .price-box-tile .each-price-card .card .nonactive-img
 {
    position: absolute;
    top: 17px;
    width: auto;
    height: auto;
    left: 10px;
}

.pricing-card-side .price-box-tile .each-price-card .card .active-img {
    display: none;
}

.price-side-padding-left {
  padding-left: 30px;
}

.pricing-card-side .price-box-tile .each-price-card .card .price-side {
  cursor: pointer;
}

.pricing-card-side .price-box-tile .each-price-card .card .price-side span {
  display: block;
}

.pricing-card-side .price-box-tile .each-price-card .card .price-side .mint {
  display: inline-block;
}

.pricing-card-side .price-box-tile .each-price-card .card.pricing-card-active .nonactive-img {
  display: none;
}

#pricingplan-modal .card.pricing-card-active .color1,
#pricingplan-modal .card.pricing-card-active .color4

{
  color: #ffffff !important;
}


#pricingplan-modal .card.pricing-card-active .color3

{
  color: rgba(255,255,255,.66) !important;
}


.pricing-card-side
  .price-box-tile
  .each-price-card
  .card
  .price-side
  .save-badge {
  background: #ffe9f1;
  color: #fa2356;
  font-size: 12px;
  margin-top: 10px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  display: inline-block;
  padding: 4px 25px;
}

.pricing-card-side .secure-payment {
  margin-top: 20px;
}

.pricing-card-side .secure-payment .text-secure {
  margin-left: 15px;
  margin-top: 10px;
}

.pricing-card-side .secure-payment span {
  display: block;
}

.pricing-card-side .accept-payment {
  margin-top: 20px;
}


.call-again-btn {
  background: transparent;
  border: 1px solid #d0d1d9;
  padding: 2px 5px;
  cursor: pointer;
  display: inline-block;
  color: #929292 !important;
  font-size: 18px;
  box-shadow: none;
}

.rgt-book-btn a .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.rgt-book-btn a .wave {
  animation: waveIn 1.2s infinite ease-out;
  transform-origin: 50% 50%;
}

.rgt-book-btn a .wave-sm {
  animation-delay: 0.3s;
}

.rgt-book-btn a .wave-md {
  animation-delay: 0.45s;
}

.rgt-book-btn a .wave-lg {
  animation-delay: 0.6s;
}

.call-to-btn a {
  margin-left: 0;
}

.call-to-btn a .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.call-to-btn a .wave {
  animation: waveIn 1.2s infinite ease-out;
  transform-origin: 50% 50%;
}

.call-to-btn a .wave-sm {
  animation-delay: 0.3s;
}

.call-to-btn a .wave-md {
  animation-delay: 0.45s;
}

.call-to-btn a .wave-lg {
  animation-delay: 0.6s;
}

.call-to-btn a span {
  margin-left: 5px;
}

/* .icon-bar {
    position: fixed;
    top: 42%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -68px;
    background: transparent;
    z-index: 1111;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.video-bar {
    position: fixed;
    top: 75%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -54px;
    background: transparent;
    z-index: 1111;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
} */

.video-bar.desktop a.video-call-side {
  margin-bottom: 0;
}

.icon-bar a .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon-bar a .wave {
  animation: waveIn 1.2s infinite ease-out;
  transform-origin: 50% 50%;
}

.icon-bar a .wave-sm {
  animation-delay: 0.3s;
}

.icon-bar a .wave-md {
  animation-delay: 0.45s;
}

.icon-bar a .wave-lg {
  animation-delay: 0.6s;
}

.icon-bar a span {
  margin-left: 5px;
  display: inline-block;
  vertical-align: super;
}

.icon-bar a {
  margin: 0;
}

.icon-bar.desktop {
  display: none;
}

.video-bar.desktop {
  display: none;
}

.loop-review {
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 20px 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.loop-review.top {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  padding: 5px 0;
}

.loop-review .d-flex i {
  align-self: flex-start;
}

.loop-review img {
  cursor: pointer;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.loop-review img.active {
  -o-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.loop-review img.active {
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -webkit-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -moz-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -ms-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -o-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
}

.loop-review .dated {
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: inline-flex;
}

.main-dash .balance-card .avatar-icon img {
  width: 100%;
  height: 100%;
}

.main-dash .balance-card .avatar-icon {
  width: 30px;
  height: 30px;
}

.main-dash .balance-card .w-100 {
  width: auto !important;
  flex: 1;
}

.balance-card .avatar-icon {
  align-self: flex-start;
}

.balance-card .w-100 h6 {
  width: 200px;
}

.balance-card .recent-calls-side .video-call-btns {
  background: transparent;
  border: 1px solid #28cea5 !important;
  color: #28cea5 !important;
  padding: 4px 10px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 0;
  /* border-radius: 50px !important; */
}

.balance-card .recent-calls-side .phone-btn {
  background: transparent;
  border: 1px solid #5f73e2 !important;
  color: #5f73e2 !important;
  padding: 4px 10px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 0;
  /* border-radius: 50px !important; */
}

.balance-card .recent-calls-side {
  position: absolute;
  right: 0;
  top: -5px;
}

form.smileys {
  margin: 0 auto;
  display: table;
}

form.smileys input[type="radio"] {
  -webkit-appearance: none;
  width: 50px;
  height: 50px;
  border: none;
  cursor: pointer;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin: 0 15px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

form.smileys input[type="radio"]:checked {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

form.smileys input[type="radio"]:focus {
  outline: 0;
}

form.smileys input[type="radio"].excellent {
  background: url("/frontend/client_base_web/layout-optim/feedback/excellent.svg")
    center;
  background-size: cover;
}

form.smileys input[type="radio"].good {
  background: url("/frontend/client_base_web/layout-optim/feedback/good.svg")
    center;
  background-size: cover;
}

form.smileys input[type="radio"].average {
  background: url("/frontend/client_base_web/layout-optim/feedback/average.svg")
    center;
  background-size: cover;
}

form.smileys input[type="radio"].poor {
  background: url("/frontend/client_base_web/layout-optim/feedback/poor.svg")
    center;
  background-size: cover;
}

form.smileys input[type="radio"].verypoor {
  background: url("/frontend/client_base_web/layout-optim/feedback/verypoor.svg")
    center;
  background-size: cover;
}

h4.head-sub-text {
  border-bottom: 1px solid;
  display: inline-block;
  padding-bottom: 5px;
  display: table;
  margin: 0 auto;
}

@keyframes waveIn {
  from {
    opacity: 0;
    transform: scale(0.3) translate(-20px, 10px);
  }

  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.pricing-plan-modal .top-side select {
  background-color: #fbfbfc;
  background: #fefdfe;
  background: -moz-linear-gradient(top, #fefdfe 0, #f8f7fa 100%);
  background: -webkit-linear-gradient(top, #fefdfe 0, #f8f7fa 100%);
  background: linear-gradient(to bottom, #fefdfe 0, #f8f7fa 100%);
  -moz-box-shadow: 0 0 9px 0 rgba(142, 138, 158, 0.27);
  -ms-box-shadow: 0 0 9px 0 rgba(142, 138, 158, 0.27);
  -o-box-shadow: 0 0 9px 0 rgba(142, 138, 158, 0.27);
  box-shadow: 0 0 9px 0 rgb(142 138 158 / 27%);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.common-all-button a {
  /* border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px; */
  /* padding: 13px 25px; */
  font-weight: bold;
  font-size: 14px !important;
  height: 34px;
  padding: 6px 15px !important;
}

.selector:focus {
  outline: 1px solid #d9dfee;
}

.selector:hover {
  outline: 1px solid #d9dfee;
}

#sortResults:focus {
  outline: 1px solid #d9dfee;
}

.balance-card .date-side i {
  vertical-align: text-top;
}

.balance-card .date-side {
  text-align: center;
  justify-content: flex-end;
}

.balance-card .date-side h6 {
  font-style: italic;
}

.pricing-plan-modal .top-side .col-6 {
  padding-right: 6px;
  padding-left: 6px;
}

.property-page table .badge {
  padding: 5px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  font-size: 10px;
}

.property-page table .not-started {
  background: #ffcdd5;
  color: #c72a2a;
}

.property-page table .in-progress {
  background: #ffeeb2;
  color: #68530b;
}

.property-page table .completed {
  background: #aafece;
  color: #0b612f;
}

.dashboard-content .enquiries-card .avatar-icon {
  width: 30px;
  height: 26px;
  overflow: hidden;
  border-radius: 50%;
  align-self: flex-start;
}

/* Ends On Pricing Plan Css */

/* Starts on edit or delete css */

.message-box-holder.left {
  position: relative;
}

.chat-drop-menu .showLeft {
  background-color: transparent;
  border: 1px solid transparent;
  text-shadow: white !important;
  color: black !important;
  padding: 0;
}
.chat-drop-menu .icons li {
  background: none repeat scroll 0 0 #cccccc;
  height: 4px;
  width: 4px;
  line-height: 0;
  list-style: none outside none;
  margin-right: 0;
  margin-top: 2px;
  vertical-align: top;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  pointer-events: none;
}
.chat-drop-menu .btn-left {
  left: 0;
}
.chat-drop-menu .btn-right {
  right: 0;
}
.chat-drop-menu .btn-left,
.chat-drop-menu .btn-right {
  position: absolute;
  top: 0;
}
.chat-drop-menu .dropbtn {
  background-color: transparent;
  /* position: fixed; */
  color: white;
  font-size: 16px;
  border: none;
  cursor: pointer;
  margin: 0;
}
.chat-drop-menu .dropbtn:hover,
.chat-drop-menu .dropbtn:focus {
  background-color: transparent;
}
.chat-drop-menu .dropdown {
  position: absolute;
  /* display: inline-block; */
  right: 0;
  top: 0;
}

.chat-drop-menu .dropdown-content {
  display: none;
  position: absolute;
  margin-top: 0;
  background-color: #f9f9f9;
  min-width: 80px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  top: 0;
  right: 20px;
}

.chat-drop-menu .dropdown-content a {
  color: black;
  padding: 6px 10px;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

.chat-drop-menu .dropdown a:hover {
  background-color: #f1f1f1;
}

.chat-drop-menu .show {
  display: block;
}

.chat-drop-menu .edit-green {
  color: #28cea5;
  font-size: 14px;
}

.chat-drop-menu .delete-red {
  color: #e6533c;
  font-size: 14px;
}

.chat-drop-menu {
  position: absolute;
  top: 0px;
  right: -15px;
  white-space: initial;
}

.close-btn {
  background-color: #cccccc !important;
  border-color: #cccccc !important;
  border: 0 none !important;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 32px;
  height: 32px;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

.close-btn:hover {
  background-color: #cccccc !important;
  border-color: #cccccc !important;
}

.close-btn i {
  color: #313131 !important;
}

/* Ends on edit or delete css */

.badge.confirmed {
  color: #2d8809;
  background: #d7feda;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-transform: capitalize;
  width: 86px;
  display: inline-block;
  text-align: center;
}
.badge.completed {
  color: #24982d;
  background: transparent;
  border: 1px solid #24982d;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-transform: capitalize;
  width: 86px;
  display: inline-block;
  text-align: center;
}
.badge.pending {
  color: #f13f50;
  background: #ffdddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-transform: capitalize;
  width: 86px;
  display: inline-block;
  text-align: center;
}

.action-btn {
  width: 27px;
  height: 27px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

.call-phone-btn {
  background: #d7ffe7;
}

.video-call-btn {
  background: #edefff;
}

.video-call-btn {
  background: #edefff;
}

.reschedule-btn {
  background: #fff6f0;
}

.review-new-btn {
  /* background: #fff6f0; */
  background: #fff5dc;
}

/* .review-new-btn img {
    width: 18px;
} */

.call-logs table a.action-btn:nth-child(1),
.call-logs table a.action-btn:nth-child(2),
.call-logs table a.action-btn:nth-child(3),
.call-logs table a.action-btn:nth-child(4) {
  margin-right: 5px;
}

.call-logs table a.action-btn:last-child {
  margin-right: 0;
}

.common-container.call-logs.legal-ask {
  margin-bottom: 100px;
}

/* Ends LegalAsk Details Page */

.concern-modal .concern-area select {
  width: 100%;
  background-color: #fbfbfc;
  background: #fefdfe;
  background: -moz-linear-gradient(top, #fefdfe 0, #f8f7fa 100%);
  background: -webkit-linear-gradient(top, #fefdfe 0, #f8f7fa 100%);
  background: linear-gradient(to bottom, #fefdfe 0, #f8f7fa 100%);
  -moz-box-shadow: 0 0 9px 0 rgba(142, 138, 158, 0.27);
  -ms-box-shadow: 0 0 9px 0 rgba(142, 138, 158, 0.27);
  -o-box-shadow: 0 0 9px 0 rgba(142, 138, 158, 0.27);
  box-shadow: 0 0 9px 0 rgb(142 138 158 / 27%);
  border: 0;
  height: 45px;
  padding: 0 30px 0 10px;
  margin-top: 0;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customselect {
  background: #ffffff url("../images/offer-down-arrow.png") no-repeat center
    right !important;
}

.concern {
  max-width: 550px !important;
  padding: 20px !important;
}

.concern h2.single-lawyer-title {
  max-width: 380px;
  margin: 0 auto;
}

.concern h2.video-call-head {
  max-width: 380px;
  margin: 0 auto;
}

.concern-modal .concern-submit {
  background: #60b2ad !important;
  padding: 15px 62px !important;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #fff !important;
  font-size: 15px;
  font-weight: bold;
  box-shadow: none !important;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.concern-modal .concern-submit i {
  top: -2px;
  position: relative;
}

a.invoice-downld {
  color: #5f73e2;
}

.desktop-view-ask-details {
  display: none !important;
}

/* Strats common chat window css */

.chat-window {
  position: fixed;
  bottom: 0;
  right: 400px;
  z-index: 33333;
  display: flex;
}

.chat-window .chatbox {
  width: 400px;
  height: 450px;
  margin: 0;
  position: relative;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-flow: column;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  background: white;
  bottom: 0;
  transition: 0.1s ease-out;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
}

.chat-window .chatbox-min {
  margin-bottom: -390px;
}

.chat-window .chatbox-top {
  position: relative;
  display: flex;
  padding: 15px 0;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  background: #ffffff;
  box-shadow: 0 0 13px 0 rgb(186 184 201 / 30%);
  -webkit-box-shadow: 0 0 13px 0 rgb(186 184 201 / 30%);
  -moz-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
  -ms-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
  -o-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
}

.chat-window .chatbox-avatar {
  width: 38px;
  height: 38px;
  overflow: visible;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: white;
  padding: 3px;
  position: absolute;
  transition: 0.1s ease-out;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  top: 8px;
  left: 10px;
}

.chat-window .chatbox-avatar a {
  display: block;
}

.chat-window .chatbox-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-window .chatbox-avatar .name-symbol {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.chat-window .count-number {
  background: #ff8400;
  width: 16px;
  height: 16px;
  top: -2px;
  left: 28px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  transform: translateZ(0);
  will-change: transform, opacity, box-shadow;
}

.chat-window .count-number:hover {
  -webkit-animation: none;
  animation: none;
}

.chat-window .chat-partner-name,
.chat-window .chat-group-name {
  flex: 1;
  padding: 0 0 0 60px;
  font-size: 15px;
  font-weight: bold;
  color: #30649c;
  text-shadow: 1px 1px 0 white;
  -webkit-text-shadow: 1px 1px 0 white;
  -moz-text-shadow: 1px 1px 0 white;
  -ms-text-shadow: 1px 1px 0 white;
  -o-text-shadow: 1px 1px 0 white;
  transition: 0.1s ease-out;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
}

.chat-window .message-sender a,
.chat-window .message-sender a:link,
.chat-window .message-sender a:visited,
.chat-window .chat-partner-name a,
.chat-window .chat-partner-name a:link,
.chat-window .chat-partner-name a:visited {
  color: #313131;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}

.chat-window .chatbox-top .bx {
  color: #313131;
  font-size: 26px !important;
}

.chat-window .chatbox-icons {
  padding: 0 10px 0 0;
  display: flex;
  position: relative;
}

.chat-window .chatbox-icons a,
.chat-window .chatbox-icons a:link,
.chat-window .chatbox-icons a:visited {
  color: white;
}

.chat-window .chat-messages {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 15px 10px 10px 10px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
}

.chat-window .message-box-holder.left {
  position: relative;
}

.chat-window .message-box-holder {
  width: 100%;
  margin: 0 0 25px;
  display: flex;
  flex-flow: initial;
  align-items: flex-start;
  position: relative;
}

.chat-window .message-box {
  padding: 10px 15px 10px 15px;
  border-radius: 0px 8px 8px 8px;
  -webkit-border-radius: 0px 8px 8px 8px;
  -moz-border-radius: 0px 8px 8px 8px;
  -ms-border-radius: 0px 8px 8px 8px;
  -o-border-radius: 0px 8px 8px 8px;
  position: relative;
  background: #f3f3f6;
  color: #313131;
  font-size: 14px;
  line-height: 24px;
  word-wrap: break-word;
  border: 0;
  word-break: break-all;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: -ms-fit-content;
  max-width: -o-fit-content;
  max-width: fit-content;
  width: 75%;
}

.chat-window .message-box-holder.left .left-avatar {
  width: 38px;
  height: 38px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
}

.chat-window .message-box-holder.left .left-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-window .message-box-holder.left .left-avatar .name-symbol {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.chat-window .message-box-holder.left .message-box.message-partner p {
  color: #313131;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.chat-window .message-box-holder.left .message-box.message-partner p.pdf {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-window .message-box-holder.left .message-box {
  /* white-space: initial; */
  word-break: break-all;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: -ms-fit-content;
  max-width: -o-fit-content;
  max-width: fit-content;
  width: 80%;
}

.chat-window .message-box.message-partner + .message-box {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: -ms-fit-content;
  max-width: -o-fit-content;
  max-width: fit-content;
}

.chat-window .message-partner {
  background: #f3f3f6;
  align-self: flex-start;
  color: #ffffff;
}

.chat-window .message-box-holder.left .chat-date-time {
  font-size: 10px;
  position: absolute;
  left: 50px;
  bottom: -20px;
  right: auto;
}

.chat-window .message-box-holder.left.typing .message-box.message-partner {
  background: transparent;
  padding: 0;
}

.chat-window .typing-indicator {
  background-color: #e6e7ed;
  will-change: transform;
  height: 42px;
  width: 60px;
  border-radius: 2px 13px 13px 13px;
  -webkit-border-radius: 2px 13px 13px 13px;
  -moz-border-radius: 2px 13px 13px 13px;
  -ms-border-radius: 2px 13px 13px 13px;
  -o-border-radius: 2px 13px 13px 13px;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto;
  position: relative;
  animation: 2s bulge infinite ease-out;
  -webkit-animation: 2s bulge infinite ease-out;
  -moz-animation: 2s bulge infinite ease-out;
  -moz-animation: 2s bulge infinite ease-out;
  -ms-animation: 2s bulge infinite ease-out;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.chat-window .typing-indicator span {
  height: 8px;
  width: 8px;
  margin: 0 2px;
  background-color: #9e9ea1;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  opacity: 0.4;
}

.chat-window .typing-indicator span:nth-of-type(1) {
  animation: 1s blink infinite 0.3333s;
}

.chat-window .typing-indicator span:nth-of-type(2) {
  animation: 1s blink infinite 0.6666s;
}

.chat-window .typing-indicator span:nth-of-type(3) {
  animation: 1s blink infinite 0.9999s;
}

@keyframes blink {
  50% {
    opacity: 1;
  }
}

@keyframes bulge {
  50% {
    transform: scale(1.05);
  }
}

/* .chat-window .message-box-holder.right .message-box.image {
  padding: 0;
  overflow: hidden;
  background: transparent;
} */

.chat-window .message-box-holder.right .message-box.image .iamge-preview {
  border-radius: 8px 8px 0px 8px;
  -webkit-border-radius: 8px 8px 0px 8px;
  -moz-border-radius: 8px 8px 0px 8px;
  -ms-border-radius: 8px 8px 0px 8px;
  -o-border-radius: 8px 8px 0px 8px;
  overflow: hidden;
}


/* .chat-window .message-box-holder.left .message-box.image {
  padding: 0;
  overflow: hidden;
  background: transparent;
} */

.chat-window .message-box-holder.left .message-box p,
.chat-window .message-box-holder.right .message-box p
 {
  white-space: pre-wrap; 
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}

.chat-window .message-box-holder.left .message-box img.img-fluid,
.chat-window .message-box-holder.right .message-box img.img-fluid
 {
 max-height: 230px;
}

.chat-window .message-box-holder.left .message-box.image .iamge-preview {
  border-radius: 0 8px 8px 8px;
  -webkit-border-radius: 0 8px 8px 8px;
  -moz-border-radius: 0 8px 8px 8px;
  -ms-border-radius: 0 8px 8px 8px;
  -o-border-radius: 0 8px 8px 8px;
  overflow: hidden;
}

.chat-window
  .message-box-holder.left
  .message-box.image
  .iamge-preview
  + .message-box {
    max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: -ms-fit-content;
  max-width: -o-fit-content;
  max-width: fit-content;
}

.chat-window .message-box-holder.right .message-box {
  text-align: left;
  /* white-space: initial; */
}

.chat-window .message-box-holder.right .message-box .d-flex {
  flex-direction: row-reverse;
}

.chat-window .message-box-holder.right .message-box {
  /* border-radius: 0px 8px 8px 8px;
    -webkit-border-radius: 0px 8px 8px 8px;
    -moz-border-radius: 0px 8px 8px 8px;
    -ms-border-radius: 0px 8px 8px 8px;
    -o-border-radius: 0px 8px 8px 8px; */
  background: #5d5aee;
  position: relative !important;
  margin-right: 20px;
}

.chat-window .message-box-holder.right .chat-date-time {
  font-size: 10px;
  position: absolute;
  right: 20px;
  bottom: -20px;
}

.chat-window .message-box-holder.right .message-box .left-side {
  width: 210px;
  /* padding-left: 10px; */
}

.chat-window .message-box-holder.right .message-box .left-side .pdf-icon {
  min-width: 23px;
  min-height: 22px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin-right: 5px;
  align-self: flex-start;
}

.chat-window .message-box-holder.right .message-box .left-side .flex-block {
  flex: 1;
}

.chat-window .message-box-holder.right .message-box .left-side .file-size {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.chat-window .message-box-holder.right .message-box .left-side span {
  color: #ffffff;
  font-size: 10px;
}

.chat-window .message-box-holder.right .message-box span.dot {
  width: 3px;
  height: 3px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

.chat-window .message-box-holder.right .message-box .download-icon {
  min-width: 23px;
  min-height: 23px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffffff;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.chat-window
  .message-box-holder.right
  .message-box
  .download-icon
  .download-button {
  background: #ffffff;
  padding: 0;
  line-height: initial;
  border: 0;
}

.chat-window .message-box-holder.right .message-box .download-icon i {
  font-size: 14px;
  color: #5d5aee;
}

.chat-window .message-box-holder.right .message-box p {
  color: #ffffff;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.chat-window .message-box-holder.right .message-box p.pdf {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-window .message-box-holder.right {
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 10px;
  margin-bottom: 30px;
}

.chat-window .chat-input-holder {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

.chat-window .chat-input-holder textarea.chat-input {
  resize: none;
  padding: 10px 80px 0 10px;
  min-height: 30px;
  font-size: 14px;
  color: rgba(49, 49, 49, 0.7);
  flex: 1;
  border: none;
  background: transparent;
  border-bottom: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin: 5px;
  color: #313131;
  width: 100%;
  resize: none;
  overflow-y: auto !important;
}

.chat-window .chat-input-holder textarea.chat-input::-webkit-scrollbar {
  display: none;
}

/* .chat-window .chat-messages::-webkit-scrollbar {
    display: none;
} */

.chat-window .chat-input-holder .send-button {
  background: transparent;
  border: 0 none;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 32px;
  height: 32px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.chat-window .chat-input-holder .send-button:disabled,
.chat-window .chat-input-holder .send-button[disabled] {
  background: transparent;
  border: 0 none;
  cursor: initial;
}

.chat-window .chat-input-holder .send-button:disabled i,
.chat-window .chat-input-holder .send-button[disabled] i {
  color: #cccccc;
}

.chat-window .chat-input-holder .send-button i {
  color: #5d5aee;
  font-size: 24px;
}

.chat-window .chat-input-holder .close-button {
  background-color: transparent;
  border-color: transparent;
  border: 0 none;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 32px;
  height: 32px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.chat-window .chat-input-holder .close-button i {
  color: #5d5aee;
  font-size: 28px;
}

.chat-window .chat-input-holder .file-button {
  background: transparent;
  border: 0 none;
  padding: 0;
  position: absolute;
  right: 55px;
  top: 14px;
  width: 20px;
  height: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: flex;
  align-items: center;
}

.chat-window .chat-input-holder .file-button i {
  color: rgba(49, 49, 49, 0.64);
  transform: rotate(320deg);
  font-size: 24px;
}

.chat-window .chat-input-holder .send-chat-message-file-btn {
  color: transparent;
}

.chat-window
  .chat-input-holder
  .send-chat-message-file-btn::-webkit-file-upload-button {
  visibility: hidden;
}
.chat-window .chat-input-holder .send-chat-message-file-btn::before {
  content: "";
  color: black;
  background: url(../images/file-upload.png);
  display: inline-block;
  cursor: pointer;
  background-repeat: no-repeat !important;
  width: 20px;
  height: 20px;
}

.chat-window .message-box-holder.left .message-box .left-side .pdf-icon {
  min-width: 23px;
  min-height: 22px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin-right: 5px;
  align-self: flex-start;
}

.chat-window .message-box-holder.left .message-box .left-side {
  width: 180px;
  margin-right: 10px;
}

.chat-window .message-box-holder.left .message-box .left-side .flex-block {
  flex: 1;
}

.chat-window .message-box-holder.left .message-box .download-icon {
  min-width: 23px;
  min-height: 23px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffffff;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.chat-window
  .message-box-holder.left
  .message-box
  .download-icon
  .download-button {
  background: #ffffff;
  padding: 0;
  line-height: initial;
  border: 0;
}

.chat-window .message-box-holder.left .message-box .download-icon i {
  font-size: 14px;
  color: #5d5aee;
}

.chat-window .message-box-holder.left .message-box span.dot {
  width: 3px;
  height: 3px;
  background: #959292;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

.chat-window .message-box-holder.left .message-box .left-side span {
  color: rgba(49, 49, 49, 0.6);
  font-size: 10px;
}

.chat-window .message-box-holder.left .message-box .left-side .file-size {
  position: relative;
  top: -5px;
}

.chat-window .message-box-holder.right .chat-menu .dropmenu {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.chat-window .message-box-holder.right .chat-menu .dropmenu i {
  font-size: 20px;
}

.chat-window .message-box-holder.right .chat-menu .menu-content {
  display: none;
    position: absolute;
    margin-top: 0;
    min-width: 150px;
    overflow: auto;
    z-index: 1;
    top: 0;
    right: 20px;
    background: #FFFFFF;
    mix-blend-mode: normal;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 5px;
}

.chat-window .message-box-holder.right .chat-menu .menu-content {
  display: none;
}

.chat-window .message-box-holder.right .chat-menu .menu-content ul li {
  display: block;
}

.chat-window .message-box-holder.right .chat-menu .menu-content ul li:hover {
  background: #f1f1f1;
}

.chat-window
  .message-box-holder.right
  .chat-menu
  .menu-content
  ul
  li:last-child {
  /* margin-bottom: 0; */
}

.chat-window .message-box-holder.right .chat-menu .menu-content ul li a {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    font-size: 14px;
    color: rgba(49, 49, 49, 0.7);
    font-weight: 500;
}

.chat-window .message-box-holder.right .chat-menu .menu-content ul li a img {
  vertical-align: middle;
}

.chat-window .chat-input-holder .archive-file {
  display: none;
  position: absolute;
  margin-top: 0;
  background-color: #f9f9f9;
  min-width: 80px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  top: -70px;
  right: 60px;
}

.chat-window .chat-input-holder .archive-file ul li {
  display: block;
}

.chat-window .chat-input-holder .archive-file ul li:hover {
  background: #f1f1f1;
}

.chat-window .chat-input-holder .archive-file ul li a {
  display: block;
  color: #313131;
  padding: 10px;
}

.chat-window .preview-files {
  position: absolute;
  top: -170px;
  width: 90%;
  left: 12px;
  padding: 15px;
  /* background-color: rgba(51, 51, 51, 0.5); */
  background-color: #f1f1f4;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
}

.chat-window .preview-files .images-list {
  background: #ffffff;
  overflow: visible;
  height: 135px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 135px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}

.chat-window .preview-files .doc-list {
  background: #ffffff;
  overflow: visible;
  height: 135px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 25px 10px;
  width: 135px;
  position: relative;
  cursor: pointer;
  border: 1px solid #959595;
}

.chat-window .preview-files .doc-list img {
  width: auto;
  height: auto;
  margin-bottom: 10px;
}

.chat-window .preview-files .doc-list p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-window .preview-files .doc-list span {
  color: rgba(51, 51, 51, 0.5);
  font-size: 11px;
  position: absolute;
  bottom: 10px;
}

.chat-window .preview-files .doc-list i.bx-x {
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #959595;
  border: 1px solid #959595;
}

.chat-window .preview-files .doc-list i.bx.bx-file-blank {
  font-size: 24px;
  color: #8a8d91;
  margin-bottom: 10px;
  position: relative;
  left: -4px;
}

.modal.chat-image-view {
  padding: 20px;
}

.modal.chat-image-view .image-big img {
  width: 100%;
}

.chat-window .preview-files .images-list img {
  width: 135px;
  height: 135px;
  border: 1px solid #959595;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
}

.chat-window .preview-files .images-list i {
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
  background: #959595 !important;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
}

.scheduled-section .card .card-body {
  padding: 20px;
}

.scheduled-section .scheduled-tile .scheduled-time .cal-icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  background: rgba(222, 224, 250, 0.77);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  align-self: flex-start;
}

.scheduled-section .scheduled-tile .scheduled-time .flex-block {
  flex: 1;
}

.scheduled-section .scheduled-tile .call-now .view-history-btn {
  background: transparent !important;
  border: 0 !important;
  color: #5f73e2 !important;
  font-weight: 500;
  font-size: 13px;
  height: 38px;
  min-width: 110px;
  padding: 9px 10px 10px 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.scheduled-section
  .scheduled-tile
  .scheduled-time
  .flex-block
  .edit-part
  .scheduled-edit-btn {
  padding: 0;
  border: 1px solid #9392c1 !important;
  background: transparent !important;
  cursor: pointer;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  width: 28px;
  height: 28px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scheduled-section .scheduled-tile .call-now .call-now-btn {
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  height: 38px;
  min-width: 150px;
  padding: 9px 10px 10px 10px;
  cursor: pointer;
  display: inline-block;
  background: #2bcc45;
  border: 1px solid #2bcc45;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.scheduled-section .scheduled-tile .call-now .call-now-btn:hover {
  background: #ddffe2;
  color: #2bcc45;
}

.scheduled-section .scheduled-tile .call-now .call-now-btn:disabled,
.scheduled-section .scheduled-tile .call-now .call-now-btn[disabled] {
  background: #cccccc;
  border: 0 none;
  pointer-events: none;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .write-review-btn {
  color: #ff9900;
  font-weight: 600;
  font-size: 13px;
  height: 38px;
  min-width: 170px;
  padding: 9px 10px 10px 10px;
  cursor: pointer;
  display: block;
  margin-top: 12px;
  background: #ffffff;
  border: 1px solid #ff9900;
}

.products-details
  .top-panel
  .card-body
  .products-content-card
  .write-review-btn:hover {
  background: #fdecd1;
  color: #ff9900;
}

.order-review-modal {
  max-width: 600px !important;
  padding: 20px !important;
  width: 100% !important;
  overflow: initial;
  height: auto;
}

.order-review-modal .feedback-content .top-side {
  background: #eceaee;
  padding: 15px;
  margin-top: 25px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.order-review-modal .feedback-content .top-side .emoji-box {
  cursor: pointer;
}

.order-review-modal .feedback-content .top-side .emoji-box p {
  opacity: 0;
}

.order-review-modal .feedback-content .top-side .emoji-box img {
  opacity: 0.5;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.order-review-modal .feedback-content .top-side .emoji-box.active img {
  opacity: 1;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -webkit-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -moz-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -ms-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
  -o-box-shadow: 1px 0px 8px 0px rgba(126, 94, 62, 0.57);
}

.order-review-modal .feedback-content .top-side .emoji-box.active {
  margin-right: 30px;
}

.order-review-modal .feedback-content .top-side .emoji-box.active p {
  opacity: 1;
}

.order-review-modal .feedback-content .query-box {
  background: #eceaee;
  margin-top: 10px;
  padding: 20px 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.order-review-modal .feedback-content .query-box textarea {
  height: 135px;
  resize: none;
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.order-review-modal .feedback-content .query-box textarea:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.order-review-modal .feedback-content .common-action-btn {
  background: #28cea5;
  padding: 12px 40px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  margin-top: 20px;
  display: inline-block;
  text-decoration: none;
}

.schdule-card .card .card-body {
  padding: 20px;
}

.schdule-card .card .card-body input {
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #fff;
  height: 40px;
  padding: 10px;
}

.schdule-card .card .card-body .right-img {
  position: absolute;
  right: 10px;
  top: 37px;
  cursor: pointer !important;
}

.schdule-card .card .card-body .text-danger {
  color: rgb(220, 53, 69) !important;
}

.schdule-card .card .card-body .close-icon {
  position: absolute;
  right: -30px;
  top: 33px;
  background: #eeeeee;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 24px;
  color: #747272;
}

.schdule-card .card .card-body .tick-btn {
  background: #5f73e2;
  padding: 4px 25px;
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 40px;
  width: 100%;
  border: 0;
  cursor: pointer;
  justify-content: center;
  font-weight: 600;
}

.schdule-card .card .card-body .tick-btn span.set-btn {
  font-weight: 600;
}

.schdule-card .card .card-body .tick-btn:hover,
.schdule-card .card .card-body .tick-btn:focus,
.schdule-card .card .card-body .tick-btn:active {
  color: #ffffff;
  background-color: #5f73e2;
  border: 1px solid #5f73e2;
}

.schdule-card .card .card-body .loading-btn {
  height: 0;
  width: 0;
  padding: 10px;
  border: 3px solid #efefef;
  border-right-color: #3f43c8;
  border-radius: 22px;
  animation: rotate 1s infinite linear;
  -webkit-animation: rotate 1s infinite linear;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  padding: 0 12px 0 0;
  max-width: 200px;
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #e5e7f0;
  background: #f5f7fa;
  font-weight: 400 !important;
}

.flatpickr-time .flatpickr-am-pm {
  width: 50px !important;
  height: 29px !important;
  line-height: 29px !important;
}

.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute {
  width: 50px;
  height: 29px;
}

.flatpickr-calendar.hasTime {
  width: 204px !important;
}

.dayContainer,
.flatpickr-rContainer {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-rContainer {
  display: block;
  width: 100% !important;
}

.dayContainer {
  outline: 0;
  text-align: left;
  min-width: 100% !important;
  max-width: 100% !important;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer,
.flatpickr-days {
  width: 100% !important;
}

.numInputWrapper:hover {
  background: #fff !important;
}

.flatpickr-am-pm:hover {
  background-repeat: no-repeat !important;
  background-image: url(../images/time-arrow.png) !important;
  background-position: center right !important;
}

@keyframes rotate {
  /* 100% keyframe for  clockwise. 
       use 0% instead for anticlockwise */
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
       use 0% instead for anticlockwise */
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

.write-review-section .card .card-body {
  padding: 25px;
}

.write-review-section .card .card-body .review-panel .top-tile .star-badge {
  background: transparent;
  margin-right: 10px;
  position: relative;
  top: 2px;
  display: none;
}

.write-review-section .card .card-body .review-panel .top-tile .star-badge img {
  margin-right: 5px;
}

.write-review-section .card .card-body .review-panel .top-tile .star-badge i {
  color: #ffa113;
  font-size: 18px;
}

.write-review-section .card .card-body .review-panel .top-tile .rate-count {
  background: #28cea5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 2px 6px;
}

.write-review-section
  .card
  .card-body
  .review-panel
  .top-tile
  .rate-count
  span {
  /* color: rgba(49, 49, 49, 0.85); */
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

.write-review-section
  .card
  .card-body
  .review-panel
  .top-tile
  .rate-count
  span
  i {
  margin-right: 5px;
}

.write-review-section .card .card-body .review-panel p {
  line-height: 25px;
  max-width: 900px;
  color: rgba(49, 49, 49, 0.85);
  font-size: 15px;
  font-weight: 400;
}

.write-review-section
  .card
  .card-body
  .review-panel
  .top-tile
  .star-badge
  span {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
}

.view-history-modal {
  padding: 20px !important;
}

.view-history-modal a.close-modal {
  width: 24px !important;
  height: 24px !important;
  right: 10px !important;
  top: 10px !important;
}

.view-history-modal .minute-section .minute-box {
  background: #ffffff;
  border: 1px solid #9392c1;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  padding: 25px;
  margin-top: 20px;
}

.view-history-modal .minute-section .minute-box .upload-sec h3 {
  color: rgba(49, 49, 49, 0.8);
}

.view-history-modal .minute-section .minute-box .upload-sec h3 span {
  font-size: 26px;
}

.view-history-modal .minute-section .minute-box .upload-sec .progress {
  margin-top: 10px;
  height: 6px;
  background: #e7e7e7;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 0;
  overflow: hidden;
}

.view-history-modal
  .minute-section
  .minute-box
  .upload-sec
  .progress
  .progress-bar {
  background: #2bcc45;
  height: 6px;
  transition: 0.4s linear;
  transition: 0.4s linear;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.view-history-modal
  .minute-section
  .consultation-list
  .consultation-tile
  .consult-box {
  margin-bottom: 25px;
}

.view-history-modal .minute-section .consultation-list .consultation-tile {
  overflow-y: auto;
  overflow-x: hidden;
  height: 270px;
}

.view-history-modal
  .minute-section
  .consultation-list
  .consultation-tile::-webkit-scrollbar {
  display: none;
}

.view-history-modal
  .minute-section
  .consultation-list
  .consultation-tile
  .consult-box
  .date {
  align-self: flex-start;
}

/* .view-history-modal .minute-section .consultation-list .consultation-tile .consult-box:last-child {
    margin-bottom: 0;
} */

.view-history-modal
  .minute-section
  .consultation-list
  .consultation-tile
  .consult-box
  .icon {
  width: 42px;
  height: 42px;
  background: rgba(147, 146, 193, 0.12);
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
}

.view-history-modal
  .minute-section
  .consultation-list
  .consultation-tile
  .consult-box
  .flex-block {
  flex: 1;
}

.my-order table .common-badge {
  border-radius: 21px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  -o-border-radius: 21px;
  max-width: 97px;
  min-height: 18px;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 10px;
  text-align: center;
  display: inline-flex;
}

.my-order table .common-badge.confirmed {
  background: #eafffc;
  color: #25a392;
}

.my-order table .common-badge.ongoing {
  background: rgba(226, 204, 255, 0.39);
  color: #9b59b6;
}

.my-order table .common-badge.accepted {
  background: rgba(19, 98, 255, 0.08);
  color: #1362ff;
}

.my-order table .common-badge.varified {
  background: rgba(241, 196, 15, 0.08);
  color: #f39612;
}

.my-order table .common-badge.overdue {
  background: rgba(241, 196, 15, 0.08);
  color: #f39612;
}

.my-order table .common-badge.completed {
  background: rgba(48, 203, 131, 0.08);
  color: #30cb83;
}

.my-order table .common-badge.need {
  background: rgba(211, 84, 0, 0.08);
  color: #d35400;
}

.my-order table .common-badge.pending {
  background: rgba(231, 76, 60, 0.08);
  color: #e74c3c;
}

.scheduleBadge {
  border-radius: 21px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  -o-border-radius: 21px;
  min-width: 130px;
  /* height: 18px; */
  font-size: 11px;
  font-weight: 700;
  padding: 2px;
  text-align: center;
  background: rgba(231, 76, 60, 0.08);
  color: #e74c3c;
}

/* Ends common chat window css */

/* Start Common Chatlist Css */

.bounce {
  -webkit-animation: 2s infinite bounce;
  animation: 2s infinite bounce;
}

.common-chatlist-box.chatbox-min {
  margin-bottom: -396px !important;
}

.common-chatlist-box {
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 333;
  display: flex;
}

.common-chatlist-box .common-chat-list {
  width: 350px;
  height: 450px;
  position: relative;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-flow: column;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  background: white;
  bottom: 0;
  transition: 0.1s ease-out;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
}

.common-chatlist-box .common-chat-list .chatlist-header {
  min-height: 54px;
  padding: 10px 15px;
  border: 0;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  background: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0 13px 0 rgb(186 184 201 / 30%);
  -webkit-box-shadow: 0 0 13px 0 rgb(186 184 201 / 30%);
  -moz-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
  -ms-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
  -o-box-shadow: 0 0 13px 0 rgba(186, 184, 201, 0.3);
  cursor: pointer;
}

.common-chatlist-box .common-chat-list .chatlist-header h4 {
  line-height: 37px;
  color: #ffffff;
}

.common-chatlist-box .common-chat-list .chatlist-header .count-number {
  background: #ff8a00;
  min-width: 24px;
  min-height: 20px;
  top: 0px;
  left: 68px;
  color: #fff;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  -ms-border-radius: 45px;
  -o-border-radius: 45px;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  transform: translateZ(0);
  will-change: transform, opacity, box-shadow;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.common-chatlist-box .common-chat-list .messaage-list .msg-list-item .count-number {
    background: #ff8400;
    width: 16px;
    height: 16px;
    top: 0px;
    right: 0;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    transform: translateZ(0);
    will-change: transform, opacity, box-shadow;
}

.common-chatlist-box .common-chat-list .messaage-list .msg-list-item .msg-txt p {
    padding-right: 10px;
}

.common-chatlist-box .common-chat-list .chatlist-header .count-number:hover {
  -webkit-animation: none;
  animation: none;
}

.name-tile {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
  align-self: flex-start;
}

.avatar-chat {
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin-right: 20px;
  align-self: flex-start;
}

.avatar-chat img {
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover !important;
  -moz-object-fit: cover !important;
  -ms-object-fit: cover !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.common-chatlist-box .common-chat-list .chatlist-header .common-chat-icons {
  right: 10px;
  top: 18px;
}

.common-chatlist-box .common-chat-list .chatlist-header .common-chat-icons i {
  font-size: 24px;
}

.common-chatlist-box .common-chat-list .chatlist-header i {
  right: 15px;
  top: 3px;
  left: auto;
}

.chatlist-text-success {
  color: #28cea5 !important;
}

.common-chatlist-box .common-chat-list .chatlist-body {
  overflow-y: auto;
  overflow-x: hidden;
  height: 450px;
  /* padding: 10px; */
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li
  .msg-list-item
  .flex-block {
  flex: 1;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li
  .msg-list-item
  .flex-block
  .d-flex {
  justify-content: space-between;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li
  .msg-list-item
  .flex-block
  .d-flex
  span {
  color: #a3b1bc;
  font-size: 11px;
}

.common-chatlist-box .common-chat-list .chatlist-body .messaage-list ul li {
  cursor: pointer;
  border-bottom: 1px solid #f4f4f4;
  padding: 15px;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li:hover {
  background: #f7f7f7;
}

.common-chatlist-box .common-chat-list .chatlist-body::-webkit-scrollbar {
  /* display: none; */
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-5px);
  }
}

.common-chatlist-box .common-chat-list .chatlist-header .name-tile {
  background: #e9f5fe;
  color: #2368d0;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li:nth-child(6n + 1)
  .msg-list-item
  .name-tile {
  background: #e6f5f9;
  color: #199bbf;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li:nth-child(6n + 2)
  .msg-list-item
  .name-tile {
  background: #fbebf9;
  color: #dc4acb;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li:nth-child(6n + 3)
  .msg-list-item
  .name-tile {
  background: #eeeff9;
  color: #444bd3;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li:nth-child(6n + 4)
  .msg-list-item
  .name-tile {
  background: #f5dedd;
  color: #e03630;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li:nth-child(6n + 5)
  .msg-list-item
  .name-tile {
  background: #e9fbf5;
  color: #0ddf9c;
}

.common-chatlist-box
  .common-chat-list
  .chatlist-body
  .messaage-list
  ul
  li:nth-child(6n + 6)
  .msg-list-item
  .name-tile {
  background: #e2e4f7;
  color: #767ecf;
}

.msg-item-title-row h5 {
  max-width: 170px;
}

.msg-item-counter-row .counter-circle {
  width: 20px;
  height: 20px;
  background-color: #3db851;
  border-radius: 50%;
  font-size: 11px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 2px;
}

.msg-item-counter-row .counter-circle-extended {
  width: 30px;
  height: 17px;
  border-radius: 50px;
}

.msg-item-counter-row .ml-auto {
  margin-left: auto;
}

.msg-item-counter-row p {
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: -ms-calc(100% - 30px);
  width: -o-calc(100% - 30px);
  width: calc(100% - 30px);
  max-width: 200px;
}

/* Ends Common Chatlist Css */

/* Starts Float Buttons */

.floatingButtonWrap {
  display: none;
}

/* Ends Float Buttons */

.products-details
  .products-container
  .top-section
  .prd-left-tile
  .txt-content.mobile {
  display: none;
}


.corporate-dash-stat-cta .add-assignment-btn {
  background: #5F73E2;
  border-radius: 5px;
  border: 1px solid #5F73E2;
  min-height: 40px;
  min-width: 180px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  margin-top: 20px;
  margin-bottom: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.corporate-dash-stat-cta .add-assignment-btn span {
  margin-right: 2px;
}

.corporate-dash-stat-cta .rates-btn {
    background: rgba(221, 255, 246, 0.43);
    border: 1px solid #2AB794;
    min-height: 40px;
    min-width: 180px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    color: #2C8E76;
    cursor: pointer;
}


.corporate-dashboard-description {
  
  display: inline-block;
}

.corporate-dashboard-description + .moreless-button {
 
  display: inline-block;
}

.corporate-dashboard-description-60 {
  height: 60px;
  overflow: hidden;
}

.topup-modal {
  max-width: 500px !important;
  padding: 20px !important;
}

.topup-modal-head {
  border-bottom: 0.35px solid rgba(0, 0, 0, 0.7);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.topup-choose-amount h2 {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.015em;
  color: #333333; 
}

.topup-amount-input {
  position: relative;
  margin-bottom: 10px;
}

.topup-amount-input svg {
  fill: #333333;
  zoom: 0.6;
  position: absolute;
  top: 10px;
  left: 10px;
}

.topup-amount-input input {
  border: 0.25px solid rgba(67, 65, 96, 0.86);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  min-width: 145px;
  padding-left: 25px;
  min-height: 25px;
  fill: #333333;
  font-size: 12px;
}

.topup-amount-tag-btn {
    min-width: 70px;
    min-height: 25px;
    border: 0.25px solid rgba(67, 65, 96, 0.86);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    background: transparent;
}

.topup-amount-tag-btn:nth-child(3) {
    margin-right: 28px;
}

.topup-amount-tag-btn-active {
  background: rgba(211, 212, 255, 0.45);
  border: 0.25px solid rgba(211, 212, 255, 0.45);
}

.topup-continue-cta {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    min-width: 140px;
    min-height: 30px;
    background: #5F73E2;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 0;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 13px;
    color: #FCFDFF;
}

.corporate-dashboard-stats-amount {
  padding-left: 20px;
}

.corporate-dashboard-stats-amount svg {
  position: absolute;
  left: 0;
  top: 2px;
}

.corporate-dashborad-stats .rate-cta {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 90px;
  height: 20px;
  background: #617DE5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 0;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
}

/* .corporate-dashborad-stats .addassignment-cta { */
.addassignment-cta {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 166px;
  height: 40px;
  background: #5F73E2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  color: #FCFDFF;
  border: 0;
}

.corporate-dashborad-stats .addassignment-cta span {
  margin-right: 2px;
}

.corporate-dashborad-stats .topup-cta {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 106px;
  height: 40px;
  background: #35AE5E;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  color: #FCFDFF;
  border: 0;
}

/* Topup Sucess page */

.topup-seccess .card-body {
  /* padding: 15px 18px; */
}

.topup-seccess .card {
  max-width: 726px;
  margin-left: auto;
  margin-right: auto;
}

.topup-seccess ol {
  list-style-type: none;
  border-bottom: 2.2px solid #F7F7F7;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 18px;
  padding-right: 18px;
}

.topup-seccess ol li a {
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
}

.topup-seccess ol li a i {
  margin-right: 7px;
  font-size: 14px;
  vertical-align: bottom;
}

.topup-seccess .recharge-content {
  padding-top: 24px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 28px;
}

.topup-seccess .recharge-content .left-side .left-icon {
  margin-right: 10px;
  align-self: flex-start;
}

.topup-seccess .recharge-content .left-side .right-wrap {
  flex: 1;
}

.topup-seccess .recharge-content .right-side .amount-state {
  padding-left: 20px;
}

.topup-seccess .recharge-content .right-side .amount-state svg {
  position: absolute;
  left: 0;
  top: 2px;
}

.topup-seccess .recharge-content .right-side .amount-state p {
  color: rgba(31, 29, 66, 0.8);
  margin-top: 5px;
}

.topup-seccess .address-tile {
  padding-top: 24px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 28px;
  border-top: 14px solid #F7F7F7;
}

.topup-seccess .address-tile .topup-cta {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 106px;
  height: 37px;
  background: #5F73E2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
  border: 0;
  margin-top: 35px;
}

.topup-seccess .address-tile .topup-cta:disabled,
.topup-seccess .address-tile .topup-cta[disabled] {
  background: #cccccc;
  border: 0 none;
  pointer-events: none;
}

.topup-seccess .order-track {
  padding-top: 24px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 28px;
  border-top: 14px solid #F7F7F7;
}

.topup-seccess .order-track .sessions {
  position: relative;
  margin: 0;
}

.topup-seccess .order-track ul.sessions {
  list-style-type: none;
  padding-left: 0;
}

.topup-seccess .order-track .sessions li {
  padding-bottom: 24px;
  border-left: 1px dashed rgba(0, 0, 0, 0.3);
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
  line-height: 15px;
}

.topup-seccess .order-track .sessions li:before {
  content: '';
  width: 15px;
  height: 15px;
  background: #3CAF47;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  left: -8px;
  top: 0px;
}

.topup-seccess .order-track .sessions li:after {
  content: "";
    display: block;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    position: absolute;
    left: -3px;
    top: 6px;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.topup-seccess .order-track .sessions li:last-child:before {
  background: #FFB800;
}

.topup-seccess .order-track .sessions li:last-child:after {
  content: url(../images/exclamation-icon.png);
  border: 0;
  border-width: initial;
  width: 3px;
  height: 9px;
  left: -2px;
  top: 1px;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.topup-seccess .order-track .sessions .time {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
  position: relative;
  top: -2px;
}

.topup-seccess .order-track .sessions li:last-child {
  border: 0px;
  padding-bottom: 0;
}





@media screen and (min-width: 1400px) {
  .container {
    max-width: 98%;
    margin: 0 auto;
    padding: 0 15px;
  }
}

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

.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-table {
  display: table;
}

.d-table-cell {
  display: table-cell;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.font-weight-thin {
  font-weight: 300;
}

.font-weight-normal {
  font-weight: 400;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-semi {
  font-weight: 600;
}

.font-semi {
  font-weight: 600 !important;
}

.font-weight-bold {
  font-weight: 700;
}

.font-weight-extrabold {
  font-weight: 800;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

.font-43 {
  font-size: 43px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-15 {
  font-size: 15px;
}

.font-18 {
  font-size: 18px;
}

.font-19 {
  font-size: 19px;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

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

.font-23 {
  font-size: 23px;
}

.font-24 {
  font-size: 24px;
}

.font-27 {
  font-size: 27px;
}

.font-29 {
  font-size: 29px;
}

.font-32 {
  font-size: 32px;
}

.font-34 {
  font-size: 34px;
}

.font-36 {
  font-size: 36px;
}

.font-40 {
  font-size: 40px;
}

.font-45 {
  font-size: 45px;
}

.font-50 {
  font-size: 50px;
}

.font-60 {
  font-size: 60px;
}

.pos-rel {
  position: relative !important;
}

.pos-abs {
  position: absolute !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-2 {
  margin-bottom: 2px;
}

.m-r-8 {
  margin-right: 8px;
}

.color-violet {
  color: #4853b8;
}

.border-radius-4 {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.border-radius-6 {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.border-radius-7 {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.border-radius-8 {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.border-radius-10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.border-radius-50 {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

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

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cursor-pointer {
  cursor: pointer !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

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

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.lineheight-1 {
  line-height: 1;
}

.lineheight-14 {
  line-height: 14px;
}

.lineheight-16 {
  line-height: 16px;
}

.lineheight-20 {
  line-height: 20px;
}

.lineheight-18 {
  line-height: 18px;
}

.lineheight-22 {
  line-height: 22px;
}

.lineheight-24 {
  line-height: 24px;
}

.common-action-btn {
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  background-color: #234d94;
  border: 1px solid #234d94;
  font-size: 20px;
  font-weight: 500;
  padding: 10px 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.common-action-btn:focus,
.common-action-btn:hover {
  color: #234d94;
  border-color: #234d94;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

.text-ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clear {
  clear: both;
  overflow: hidden;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.border-radius-5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.border-radius-8 {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.border-radius-10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.border-radius-50p {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* .common-shadow {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08);
    -ms-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08);
    -o-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08)
} */

.alert-msg {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  line-height: 1.6;
}

.common-border {
  border: 1px solid #b3baa9;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.loaderGifStyle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

pre {
  font-size: 14px !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: normal;
  margin: 0;
  white-space: pre-wrap;
}

.view-all-anchor {
  padding: 10px 20px 10px 10px;
  display: inline-block;
  font-size: 15px;
  text-decoration: underline;
  color: #42a1ea !important;
}

.clm-text-triple-dot {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 122px;
  /* width: 220px; */
  white-space: pre-wrap;
  word-break: break-all;
}

.color1 {
  color: #313131;
}

.color2 {
  color: #777777;
}

.color3 {
  color: #4d4e4b;
}

.color4 {
  color: #677476;
}

.color5 {
  color: #1f9bb6;
}

.color6 {
  color: #35AE5E;
}

.color7 {
  color: #40428C;
}

.color8 {
  color: #232356;
}

.primary-text-color70 {
  color: rgba(51, 51, 51, 0.7) !important;
}

.primary-text-color80 {
  color: rgba(51, 51, 51, 0.8) !important;
}

.primary-text-color95 {
  color: rgba(51, 51, 51, 0.95) !important;
}

.heading-title {
  color: #304378;
  line-height: 1.2;
}

.color-white {
  color: #ffffff !important;
}

.color-black {
  color: #000000 !important;
}

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

a,
a:active a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

.align-middle {
  vertical-align: middle;
}

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

.m-0 {
  margin: 0;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.m-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.m-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.m-tb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m-tb-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.m-b-2 {
  margin-bottom: 2px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-30 {
  margin-right: 30px;
}

.p-0 {
  padding: 0;
}

.p-10 {
  padding: 10px;
}

.p-16 {
  padding: 16px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-r-15 {
  padding-right: 15px;
}

i.right-chevron {
  border: solid #313131;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.decoration-none {
  text-decoration: none;
}

.modal {
  max-width: 600px;
}

/* Breadcrumb With Search Section */

.search-box .control-input {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  height: 70px;
  border: 0;
  box-shadow: none;
  padding-right: 70px;
  background-image: url(../layout-optim/doc-drafting/search-icon.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) center;
  padding: 0 30px;
  width: 100%;
  box-shadow: 2px 10px 16.38px 1.62px rgba(84, 83, 83, 0.3);
  -webkit-box-shadow: 2px 10px 16.38px 1.62px rgba(84, 83, 83, 0.3);
  -moz-box-shadow: 2px 10px 16.38px 1.62px rgba(84, 83, 83, 0.3);
  -ms-box-shadow: 2px 10px 16.38px 1.62px rgba(84, 83, 83, 0.3);
  -o-box-shadow: 2px 10px 16.38px 1.62px rgba(84, 83, 83, 0.3);
}

.breadcrumb ul li a i.right-chevron {
  font-size: 12px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

/*... Breadcrumb With Search Section */

main.main-content {
  min-height: 450px;
}

/* Document Modal Section */

.doc-modal h4 {
  border-bottom: 1px solid #cacaca;
}

.doc-modal hr {
  margin: 10px 0 10px 0;
}

.doc-modal button {
  background: #234d95;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 15px 30px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  cursor: pointer;
}

.payment-secure {
  border: 1px solid #cacaca;
  padding: 10px;
}

.payment-secure .img-secure img {
  height: 40px;
}

.accept-payment img {
  height: 35px;
}

/*... Document Modal Section */

/* Document Category Section */

.nested-accordion {
  cursor: pointer;
}

.nested-accordion h3 {
  padding: 0 0.5em;
}

.nested-accordion .accordion-box {
  padding: 10px;
  display: none;
}

.nested-accordion .accordion-box ul {
  margin-top: 5px;
}

.nested-accordion h3:before {
  content: "+";
  padding-right: 0.25em;
  color: #313131;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  right: 0;
}

.nested-accordion h3.selected {
  background: #e6ebff;
  color: #324377;
  padding: 10px;
}

.nested-accordion h3.selected:before {
  content: "-";
  color: #324377;
}

.nested-accordion .accordion-box {
  color: #768e9d;
  border: 0.063em solid #cdcdcd;
  border-top: none;
}

.nested-accordion .accordion-box ul {
}

.nested-accordion a {
  text-decoration: none;
  color: #313131;
}

/* Starts On Header Css */
/* header.main-header {
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 8px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 8px rgba(0,0,0,.1);
} */

header.main-header .container {
  padding: 0 !important;
}

.desktop-navs ul {
  top: 48px;
  margin-top: 14px !important;
  z-index: 11;
  list-style-type: none;
  padding-left: 0;
  padding-bottom: 0;
}

.desktop-navs ul li {
  margin-right: 25px;
}

.desktop-navs ul li a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}

.desktop-navs ul li:not(.wa-desktop) img {
  display: none;
}

.desktop-navs a span {
  padding: 10px 0;
  color: #333;
  text-shadow: none;
  position: relative;
  font-weight: 500;
  white-space: nowrap;
}

.desktop-navs a span::before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 10px 0;
  max-width: 0;
  color: #f8ba26;
  content: attr(data-hover);
  -webkit-transition: max-width 0.8s;
  -moz-transition: max-width 0.8s;
  transition: max-width 0.8s;
  font-weight: 500;
  border-bottom: 1px solid #f8ba26;
}

.desktop-navs .wa-desktop a {
  -webkit-transition: all 180ms;
  -moz-transition: all 180ms;
  -ms-transition: all 180ms;
  -o-transition: all 180ms;
  transition: all 180ms;
  display: block;
}

.main-header .logo img {
  width: 225px;
  display: block;
}

a.mini-photo-wrapper img {
  vertical-align: middle;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}
/* Ends On Header Css */

.doc-dashboard {
  background: #f5f4fa;
}

.pb-5,
.py-5 {
  padding-bottom: 20px !important;
}

.pt-5,
.py-5 {
  padding-top: 20px !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

.doc-dashboard .card-main {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  /* margin: 0 50px; */
  background: transparent;
  box-shadow: none;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid #f6f6f6;
}

.card {
  margin-bottom: 24px;
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  -ms-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
}

.dashboard-widget {
  clear: both;
  overflow: hidden;
  /* min-height: 635px; */
  /* min-height: 627px; */
  /* min-height: 680px; */
  min-height: 770px;
  background: #f5f4fa;
}

.dashboard-widget .left-aside {
  float: left;
  width: 255px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #f0f0f0;
  background: #ffffff;
  box-shadow: 3px 6px 16px 0px rgba(60, 57, 57, 0.16);
}

.dashboard-widget .left-aside .navigation-anchors ul li {
  margin-bottom: 10px;
  position: relative;
}

span.side-noti-badge {
  width: fit-content;
  height: 20px;
  background: #ff6e01;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  position: absolute;
  right: 15px;
  top: 11px;
  cursor: pointer;
  padding: 0 6px;
  font-size: 11px;
}

.dashboard-widget .left-aside .navigation-anchors ul li a.text-muted {
  color: #9392C1 !important;
}

.dashboard-widget .left-aside .navigation-anchors ul li a.active {
  position: relative;
  color: #212121 !important;
  font-weight: 600;
  background: #EFF3FD;
  border-radius: 8px;
}

.row-no-padding {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.row-no-padding div[class^="col-"]  {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.typing-anim .one {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.0s;
  animation: dot 1.3s infinite;
  animation-delay: 0.0s;
}

.typing-anim .two {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.typing-anim .three {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
   animation: dot 1.3s infinite;
   animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% { opacity: 0; }
   50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes dot {
    0% { opacity: 0; }
   50% { opacity: 0; }
  100% { opacity: 1; }
}


img.cw-sm-solid-icon {
  display: none;
}

.dashboard-widget .left-aside .navigation-anchors ul li a.active img.cw-sm-regular-icon {
  display: none;
}

.dashboard-widget .left-aside .navigation-anchors ul li a.active img.cw-sm-solid-icon {
  display: block;
}

.active-slot {
  border: 1px solid #20be79;
}

.dashboard-widget .left-aside .navigation-anchors ul li a {
  display: flex;
  min-height: 40px;
  align-items: center;
  font-size: 15px;
  padding: 8px 12px
}

.dashboard-widget .left-aside .navigation-anchors i {
  font-size: 20px;
}

.ac-menu .ac-icon {
  float: right;
  font-size: 1.2em;
}

.ac-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ac-menu .sub-menu li {
  margin-bottom: 5px !important;
  margin-left: 0;
  margin-top: 5px !important;
}

.ac-menu .sub-menu {
  display: none;
  padding-left: 10px;
}

/* Hover / Open */

.ac-menu .open > .ac-icon:before {
  content: "\e9b9";
}

/* Transition */
.ac-menu .ac-list > li > a {
  transition: all 0.24s ease-in-out;
}



.divider-sidebar {
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.dashboard-widget .right-aside {
  float: left;
  width: -webkit-calc(100% - 255px);
  width: -moz-calc(100% - 255px);
  width: -ms-calc(100% - 255px);
  width: -o-calc(100% - 255px);
  width: calc(100% - 255px);
  margin-left: 255px;
  padding: 20px;
  /* background: #f5f4fa; */
}

.font-30 {
  font-size: 30px;
}

.text-muted {
  color: #7b83a3 !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.dashboard-sec .bal-widget img {
  position: relative;
  top: 22px;
}

.dashboard-sec .call-stats,
.dashboard-sec .document-stats {
  background: #f4f1f1;
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.dashboard-sec .box-tile {
  padding: 30px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
  background: #ffffff;
}

.text-dark {
  color: #343a40 !important;
}

.text-primary {
  color: #556ee6 !important;
}

.text-primary-color1 {
  color: rgb(51, 51, 51, 0.8);
}

.dashboard-sec .call-stats,
.dashboard-sec.document-stats {
  background: #f4f1f1;
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* Starts On Footer css */

.footer-navs {
  background: #202020;
  padding: 30px 0;
}

.text-white {
  color: #fff;
}

.footer-navs a {
  color: #fff;
  font-size: 16px;
}

.footer-navs .right-chevron {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.footer-navs i {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  padding: 3px;
  float: right;
  display: none;
}

.footer-copyright {
  background: #414141;
  padding: 10px;
}

.footer-copyright p {
  color: #fff;
}

/* Ends On Footer css */

/* -profile Drop Down Menu  */

.menu-container {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

a.mini-photo-wrapper {
  color: #545454;
}

.menu-container.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.user-menu {
  position: absolute;
  right: 38px;
  background-color: #ffffff;
  width: 196px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 20px;
}

.user-menu:before {
  position: absolute;
  top: -16px;
  left: 34px;
  display: inline-block;
  content: "";
  border: 8px solid transparent;
  border-bottom-color: #e0e0e0;
}

.user-menu .user-menu-link {
  display: -webkit-box;
  display: flex;
  text-decoration: none;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  padding: 12px 20px;
}

.user-menu .user-menu-link div {
  margin: auto 10px;
}

.user-menu .footer {
  border-top: 1px solid #e0e0e0;
  padding-top: 6px;
  margin-top: 6px;
  background: #f2f2f2;
}

.user-menu:after {
  position: absolute;
  top: -14px;
  left: 34px;
  display: inline-block;
  content: "";
  border: 7px solid transparent;
  border-bottom-color: #ffffff;
}

.user-menu .footer .user-menu-link {
  font-size: 13px;
}

li.user-menu__item {
  margin-right: 0 !important;
}

li.user-menu__item.pos-rel a i {
  position: absolute;
  left: 10px;
  top: 13px;
  font-size: 15px;
}

/* -profile Drop Down Menu  */

/*... Document Category Section */

/* Profile Settings Css */

.profile-edit {
  display: none;
}

.profile-block {
  margin: 0 100px;
}

.profile-block .edit-abs {
  position: absolute;
  right: 150px;
  top: 40px;
  cursor: pointer;
}

.avatar-sm {
  height: 3rem;
  width: 3rem;
}

.avatar-title {
  align-items: center;
  background-color: #556ee6;
  color: #fff;
  display: flex;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.bg-soft-primary {
  background-color: rgba(85, 110, 230, 0.25) !important;
}

.avatar-lg {
  height: 6rem;
  width: 6rem;
}

.profile-block .img-edit .custom-file-upload {
  cursor: pointer;
  background: #20be79;
  color: #fff;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  position: absolute;
  bottom: 12px;
  left: 70px;
}

.rounded-circle {
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}

.profile-block .img-edit input[type="file"] {
  display: none;
}

.profile-edit label.error {
  color: #f00;
  margin-top: 5px;
  display: inline-block;
}

label#gender-error {
  position: absolute;
  width: 180px;
  left: 0;
  top: 45px;
}

.align-self-center {
  align-self: center !important;
}

.media-body {
  flex: 1;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

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

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.profile-edit .form-control {
  height: 46px;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.94rem + 2px);
  padding: 0.47rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.label-required {
  color: #ff0000;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.21875rem;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.profile-edit .btn-primary {
  min-width: 180px;
  height: 54px;
  cursor: pointer;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #495057;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.47rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  background-color: #28cea5;
  border-color: #28cea5;
  color: #fff;
  cursor: pointer;
}

.btn-info {
  background-color: #253b8e;
  border-color: #253b8e;
  color: #fff;
  cursor: pointer;
}

.btn-primary:focus,
.btn-primary:hover {
  color: #fff;
  background-color: #28cea5;
  border-color: #28cea5;
}

/* Profile Settings Css */

/* Transactions Css */

.common-container {
  /* padding: 20px 0 20px 0; */
}

.search-box .form-control {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  padding-left: 40px;
}

.search-box .search-icon {
  font-size: 16px;
  position: absolute;
  left: 13px;
  top: 0;
  line-height: 38px;
}

.search-box .search-icon {
  font-size: 16px;
  position: absolute;
  left: 30px;
  top: 0;
  line-height: 38px;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #495057;
  border-collapse: collapse;
}

.table .thead-light th {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #eff2f7;
}

.table .thead-light th {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #eff2f7;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eff2f7;
}
.table-nowrap th,
.table-nowrap td {
  white-space: nowrap;
}
.table-centered td,
.table-centered th {
  vertical-align: middle !important;
}
.table th {
  font-weight: 600;
}
.table th,
.table td {
  padding: 14px 10px;
  vertical-align: top;
  border-top: 1px solid #eff2f7;
  font-size: 14px;
}
th {
  text-align: inherit;
}

.justify-content-md-between {
  justify-content: space-between !important;
}
/* Transactions Css */

/* Documenmts Css */

.docu-tab-panel .card {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

.tab:not(:target) {
  display: none;
}

.tab:last-child {
  display: block;
}

.tab:target ~ .tab:last-child {
  display: none;
}

.docu-tab-panel .tabs li {
  display: inline-block;
  /* padding: 8px 25px; */
}

.docu-tab-panel li.active {
  /* border-bottom: 2px solid #5f73e2; */
  background: #ffffff;
}

.docu-tab-panel li a {
  padding: 10px 25px;
  display: inline-block;
}

.docu-tab-panel ul.nav.nav-tabs {
  padding-left: 0;
  /* border-bottom: 2px solid #f6f6f6; */
  margin-bottom: 0;
}

.document-page table ul li a {
  padding: 4px 6px;
}

/* Documenmts Css */

/* Datatable css */

.dataTables_wrapper .dataTables_filter input {
  border-radius: 25px !important;
  -webkit-border-radius: 25px !important;
  -moz-border-radius: 25px !important;
  -ms-border-radius: 25px !important;
  -o-border-radius: 25px !important;
  border: 1px solid #ced4da !important;
  padding-left: 20px !important;
}

.dataTables_wrapper .dataTables_length select {
  border: 1px solid #ced4da !important;
  border-radius: 25px !important;
  -webkit-border-radius: 25px !important;
  -moz-border-radius: 25px !important;
  -ms-border-radius: 25px !important;
  -o-border-radius: 25px !important;
  padding: 4px 8px 4px 10px !important;
}

/* Datatable css */

/* DataTable Styles */
.dataTable {
  width: 100% !important;
  margin-top: 1rem !important;
  margin-bottom: 20px !important;
  color: #495057 !important;
}

.dataTable td,
.dataTable th {
  /* border: 1px solid #eff2f7 !important; */
}

table.dataTable.no-footer {
  border-bottom: 0 !important;
}

.dataTable th {
  padding: 14px 14px !important;
  vertical-align: top !important;
  /* border-top: 1px solid #81858d !important; */
}

.dataTable td {
  padding: 10px 10px !important;
  vertical-align: top !important;
}

.dataTable thead th {
  vertical-align: bottom !important;
  border-bottom: 2px solid #eff2f7 !important;
}

.dataTable tbody + tbody {
  border-top: 2px solid #eff2f7 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 20px;
}

/*... DataTable Styles */

.common-all-button button {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  padding: 6px 25px;
}

.common-all-button button i {
  vertical-align: inherit;
  margin-right: 5px;
  font-size: 18px;
}

.edit-btn {
  background: #4caf50;
  border: 0 none;
  padding: 8px 10px 5px 10px;
}

.delete-btn {
  background: #e65757;
  border: 0 none;
  padding: 8px 10px 5px 10px;
}

.time-calendar {
  margin: 0 10px 20px 10px;
}

.time-calendar p {
  padding: 10px 15px;
  cursor: pointer;
}

.time-calendar p.active {
  color: #333333;
  background-color: #ececec;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.time-calendar .owl-nav {
  margin-top: 0;
}

.time-calendar button.owl-prev {
  left: -28px;
  top: 2px;
  position: absolute;
  font-size: 30px !important;
  background: transparent !important;
  color: #333 !important;
}

.time-calendar button.owl-next {
  right: -28px;
  top: 2px;
  position: absolute;
  font-size: 30px !important;
  background: transparent !important;
  color: #333 !important;
}

.doc_review h3 {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 12px;
}

.time-slot .tile-header img {
  height: 20px;
  width: 20px;
  vertical-align: sub;
}

.time-slot select {
  width: 100%;
  height: 42px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 8px;
  background-color: #ececec;
  border: 1px solid #f2f2f2;
}

.morning {
  box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  background: #ffffff;
  padding: 10px;
}

.time-slot .col-4,
.time-slot .col-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.t-slot .col-12 {
  padding-right: 15px;
  padding-left: 15px;
}

.time-slot .control-group .control-input {
  background: #f0f0f0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  height: 50px;
  padding: 10px;
  width: 100%;
  border: 0;
  outline: 0;
  color: #333333;
}

.time-slot .btn-file {
  display: block;
  outline: 0 none;
  text-decoration: none;
  color: #fff;
  border: none;
  cursor: pointer;
  letter-spacing: 1px;
  outline: none;
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  font-size: 14px;
  text-transform: capitalize;
  width: 135px;
  height: 50px;
  line-height: 42px;
  background-color: #00b48c;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.time-slot .btn-file span {
  font-size: 12px;
}

.time-slot .btn-file img {
  margin-right: 5px;
}

.time-slot .btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  cursor: inherit;
  display: block;
}

.time-slot .file-wrapper .control-input {
  padding-right: 140px;
}

/* .image-content .tile-img img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
} */

.dynamic-tile.pdf img {
  margin-top: 0;
}

.dynamic-tile {
  height: 64px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.image-content .close-btn {
  right: -6px;
  background: #ff0000;
  width: 20px;
  height: 20px;
  line-height: 23px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  top: -6px;
  cursor: pointer;
}

.image-content .close-btn i {
  color: #ffffff;
}

.image-content .tile-img {
  box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 23.25px 1.75px rgba(0, 0, 0, 0.1);
  padding: 6px;
  margin-bottom: 20px;
}

.image-content .col-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.image-content {
  padding: 0 12px;
  width: 100%;
}

.image-content .unlimited-file {
  height: 125px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 12px;
}

.image-content .col-12 {
  padding: 0 10px;
}

/* Doc files - modal */

a.files-link {
  color: #234d94;
  text-align: center;
  display: block;
  text-decoration: underline;
}

.browse-file .second-part h4,
.browse-file .second-part p {
  word-break: break-all;
  white-space: normal;
}

.doc-review-modal .browse-file {
  overflow: hidden;
  clear: both;
  border: 1px solid #d0d2db;
  padding: 5px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.doc-review-modal .browse-file .first-part {
  float: left;
  width: 60px;
  margin-right: 10px;
}

.doc-review-modal .browse-file .first-part .circle-file {
  background: #ecf4ff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: 2px solid #6c97e0;
  color: #6c97e0;
}

.doc-review-modal .browse-file .first-part .circle-file.no-file {
  background: #e6e6e6 !important;
  color: #212121 !important;
  border-color: #e6dbdb !important;
}

.doc-review-modal .browse-file .second-part {
  float: left;
  width: calc(100% - 220px);
}

.doc-review-modal .browse-file .third-part {
  float: left;
  width: 30px;
  margin-left: 20px;
}

.doc-review-modal .browse-file .fourth-part {
  float: left;
  width: 70px;
  margin-left: 20px;
}

.doc-review-modal .browse-file .first-part img {
  width: 100%;
  height: 100%;
}

.doc-review-modal .browse-file .third-part img {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.doc-review-modal .browse-file .fourth-part button {
  background-color: #00b48c;
  border: 0;
  padding: 8px 20px;
  color: #fff;
  border-radius: 30px;
  font-size: 14px;
  cursor: pointer;
  min-width: 70px;
}

/*... Doc files - modal */

/* Property Details Individual */
.property-details-individual .browse-file {
  overflow: hidden;
  clear: both;
  border: 2px solid #d0d2db;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.property-details-individual .browse-file .first-part {
  float: left;
  width: 60px;
  margin-right: 20px;
}

.property-details-individual .browse-file .first-part .circle-file {
  background: #ecf4ff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: 2px solid #6c97e0;
  color: #6c97e0;
}

.property-details-individual .browse-file .first-part .circle-file.no-file {
  background: #e6e6e6 !important;
  color: #212121 !important;
  border-color: #e6dbdb !important;
}

.property-details-individual .browse-file .second-part {
  float: left;
  width: calc(100% - 250px);
}

.property-details-individual .browse-file .third-part {
  float: left;
  width: 30px;
  margin-left: 20px;
}

.property-details-individual .browse-file .fourth-part {
  float: left;
  width: 100px;
  margin-left: 20px;
}

.property-details-individual .browse-file .first-part img {
  width: 24px;
  height: 24px;
}

.property-details-individual .browse-file .third-part img {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.property-details-individual .error {
  color: red;
}

.property-details-individual .btn-bs-primary {
  position: relative;
  background-color: #6c97e0;
  border: 0;
  padding: 0;
  color: #fff;
  border-radius: 30px;
  font-size: 14px;
  display: flex;
  height: 35px;
  align-items: center;
  justify-content: center;
}
.property-details-individual .btn-bs-success {
  position: relative;
  background-color: #22980c;
  border: 0;
  padding: 0;
  color: #fff;
  border-radius: 30px;
  font-size: 14px;
  display: flex;
  height: 35px;
  align-items: center;
  justify-content: center;
}

.property-details-individual .btn-bs-file {
  position: relative;
  background-color: #28cea5;
  border: 0;
  padding: 0;
  color: #fff;
  border-radius: 30px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  height: 35px;
  align-items: center;
  justify-content: center;
}

.property-details-individual .btn-bs-file input[type="file"] {
  position: absolute;
  top: -9999999;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 0;
  height: 0;
  outline: none;
  cursor: inherit;
}

/* Progress */

.property-details-individual .progressbar-main {
  color: #313131;
  background-color: #f1f1f1;
  font-size: 9px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
  max-width: 300px;
  margin-top: 5px;
}

.property-details-individual .progressbar {
  color: #ffffff;
  background-color: #00b48c;
  padding: 0.01em 16px;
}

.property-details-individual .progressbar-main:before,
.property-details-individual .progressbar-main:after {
  content: "";
  display: table;
  clear: both;
}

/*... Progress */

.property-details-individual .card {
  height: 100%;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2),
    0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2),
    0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2),
    0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 3px 3px -2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 3px 3px -2px rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  overflow: hidden;
}

.property-details-individual .card .card-header {
  padding: 20px 20px 10px 20px;
}

.property-details-individual .card .card-body {
  padding: 20px;
}

.property-details-individual .card .card-header:after {
  content: "";
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  left: 16px;
  right: 16px;
  position: absolute;
  bottom: 0;
}

.property-details-individual .card .text-dark {
  color: #343a40;
}

.property-details-individual .property-product-list p {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 10px;
}

.property-details-individual .card p span.d-block {
  color: #7a8994;
}

.doc_review .time-slot .col-12 {
  margin-bottom: 5px;
}

.doc_review .time-slot .col-12 p {
  margin-bottom: 5px;
}

.footer-submit .col-12 {
  padding: 0 5px;
}

/*... Property Details Individual */

a.doc-file-btn,
a.edit-file-btn {
  display: table;
  margin: 0 auto 5px;
}

a.doc-file-btn i {
  background: #278cf3;
  padding: 8px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 20px;
  color: #fff;
}

a.edit-file-btn i {
  background: #4caf50;
  padding: 8px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 20px;
  color: #fff;
}

/* Progress */

.tbl-progress .progressbar-main {
  color: #313131;
  background-color: #f1f1f1;
  font-size: 9px;
  border-radius: 10px;
  overflow: hidden;
  max-width: 300px;
  margin-top: 5px;
}

.tbl-progress .progressbar {
  color: #ffffff;
  background-color: #00b48c;
  padding: 0.01em 5px;
}

.tbl-progress .progressbar-main:before,
.tbl-progress .progressbar-main:after {
  content: "";
  display: table;
  clear: both;
}

/*... Progress */

.documentEditButtonPleaseWait:disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}

.swal-overlay {
  z-index: 99999;
}

.blocker {
  z-index: 99999 !important;
}

.tbl-width-80 {
  width: 80px;
}

.tbl-break-word {
  white-space: normal;
  word-break: break-all;
}

#selectPaymentMethodModal {
  padding-left: 10px;
  padding-right: 10px;
}

.txt-break-all {
  white-space: normal;
  word-break: break-all;
}

#selectPaymentMethodModal .payment-selection-list {
  margin: 0 auto;
  display: table;
}

.swal-icon.swal-icon--custom img {
  width: 50px !important;
}

.video-call-request-cancel .cancel-btn {
  background: #ff6366;
  padding: 15px 55px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 49px;
}

.video-call-request-cancel-multi-lawyer .cancel-btn {
  background: #ff6366;
  padding: 15px 55px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 49px;
}

.video-call-request-cancel-list .cancel-btn {
  background: #ff6366;
  padding: 15px 55px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 49px;
}

#video-call-request-to-lawyer a.close-modal,
#video-call-request-to-single-lawyer a.close-modal,
#video-call-request-to-single-lawyer-list a.close-modal {
  display: none;
}

.dashboard.docu-tab-panel {
  background: #ffffff;
  padding-top: 10px;
}

.dashboard.docu-tab-panel li.active {
  border-bottom: 2px solid #ff6e01;
}

.order-latest-update table .common-btn {
  background: rgba(227, 228, 232, 0.43);
  box-shadow: 0px 0px 2px -1px rgb(147 146 193 / 17%);
  width: 29px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.order-latest-update table .common-badge {
  border-radius: 21px;
  max-width: 97px;
  min-height: 18px;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 10px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
}

.order-latest-update table a.latest-update-anchor {
  color: #0000ee;
  display: inline-block;
}

.order-latest-update table a.edit-btn {
  color: #ffffff;
  width: 29px;
  height: 29px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative;
  top: -2px;
}

.order-latest-update table .common-badge.confirmed {
  background: #eafffc;
  color: #25a392;
}

.order-latest-update table .common-badge.ongoing {
  background: rgba(226, 204, 255, 0.39);
  color: #9b59b6;
}

.order-latest-update table .common-badge.accepted {
  background: rgba(19, 98, 255, 0.08);
  color: #1362ff;
}

.order-latest-update table .common-badge.varified {
  background: rgba(241, 196, 15, 0.08);
  color: #f39612;
}

.order-latest-update table .common-badge.overdue {
  background: rgba(241, 196, 15, 0.08);
  color: #f39612;
}

.order-latest-update table .common-badge.completed {
  background: rgba(48, 203, 131, 0.08);
  color: #30cb83;
}

.order-latest-update table .common-badge.need {
  background: rgba(211, 84, 0, 0.08);
  color: #d35400;
}

.order-latest-update table .common-badge.pending {
  background: rgba(231, 76, 60, 0.08);
  color: #e74c3c;
}

table.dataTable thead th {
  color: #808080;
}

.payment-req .top-head {
  padding: 0 0 20px 0;
}

.main-dash .enqu-tab .card .avatar-icon {
  width: 30px;
  height: 30px;
}

.main-dash .enqu-tab .card .avatar-icon img {
  width: 100%;
  height: 100%;
}

.main-dash .enqu-tab .card .w-100 {
  flex: 1;
}

.talk-to-lawyer-for-help {
  background: rgba(217, 217, 217, 0.23);
  border-radius: 10px;
  padding: 20px 12px;
}

.talk-to-lawyer-for-help .audio-call-cta,
.talk-to-lawyer-for-help .video-call-cta {
  min-height: 26px !important;
  letter-spacing: 0.03em;
  padding: 8px !important;
}

.talk-to-lawyer-for-help .audio-call-cta {
  background: #3aa78c;
}

.talk-to-lawyer-for-help .video-call-cta {
  background: #6989fe;
}

img {
  font-size: 0 !important;
}

.payment-id-txt {
  max-width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.latest-update-namedate-txt {
  max-width: 200px !important;
}

.loading-block {
  height: 70px;
  width: 70px;
  padding: 30px;
  border: 3px solid #efefef;
  border-right-color: #3f43c8;
  border-radius: 50%;
  animation: rotate 1s infinite linear;
  -webkit-animation: rotate 1s infinite linear
}

@keyframes rotate {
to {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg)
}
}

@-webkit-keyframes rotate {
to {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg)
}
}

.messaage-list-not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.notification-sticky {
  width: 325px;
  position: fixed;
  right: 0;
  /* height: -webkit-calc(100% - 70px);
  height: -moz-calc(100% - 70px);
  height: -ms-calc(100% - 70px);
  height: -o-calc(100% - 70px);
  height: calc(100% - 70px); */
  top: 70px;
  display: flex;
  flex-direction: column-reverse;
  z-index: 1;
  padding-bottom: 30px;
}

.notify-sticky-item {
  min-height: 75px;
  background: #3D406F;
  border-radius: 13px;
  padding: 15px;
  transform: -webkit-translateY(170%);
  transform: -moz-translateY(170%);
  transform: -ms-translateY(170%);
  transform: -o-translateY(170%);
  transform: translateY(170%);
  visibility: hidden;
  transition: all 1.5s linear;
}

.notify-sticky-item p {
  color: rgba(255, 255, 255, 0.7);
}

.notify-sticky-item .bx-x {
  color: rgba(255, 255, 255, 0.63);
}

.notify-sticky-item .tick-color {
  color: #2BCC45;
}

.notify-sticky-item .cross-color {
  color: #FC6085;
}

.notify-row .col-6:nth-last-child(1){
  margin-bottom: 0;
}

.notify-row .col-6:nth-last-child(2){
  margin-bottom: 0;
}

.notify-card {
  min-height: 45px;
  border-radius: 6px;
  padding: 12px 35px 12px 20px;
  position: relative;
}


.notify-card .bx-x {
  margin-left: auto;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}

.notify-card-bg1 {
  background: #DDE2FA;
  border: 1px solid #CCD4F8;
  color: #33428A;
}

.notify-card-bg2 {
  background: #FDE1E1;
  border: 1px solid #FFCDCD;
  color: rgba(146, 64, 64, 0.8);
}

.notify-card-bg3 {
  background: #DCEDFC;
  border: 1px solid #ABD5FA;
  color: rgba(56, 67, 111, 0.8);
}

.notify-card-bg4 {
  background: #ECFCDC;
  border: 1px solid #BAEB89;
  color: #57822D;
}

.notify-card-bg5 {
  background: #D6F3E9;
  border: 1px solid #AAE2CF;
  color: rgba(31, 117, 86, 0.8);
}

.notify-card-bg6 {
  background: #FCF0DB;
  border: 1px solid #FFE5B6;
  color: rgba(116, 86, 37, 0.8);
}

.notify-card-bg7 {
  background: #E3E4E8;
  border: 1px solid #CCBBCC;
  color: #464855;
}

.notify-card-bg8 {
  background: #EEE3FF;
  border: 1px solid #C39DFF;
  color: #5C4383;
}


.cw-anchor-without-border,
.cw-anchor-without-border:active,
.cw-anchor-without-border:focus,
.cw-anchor-without-border:hover {
  border: 0 !important;
}

.cw-color1 {
  color: #333333 !important;
}

.cw-color2 {
  color: #495057 !important;
}

.cw-color3 {
  color: rgba(49, 49, 49, 0.6) !important;
}

.cw-p-20 {
  padding: 20px !important;
}

.cw-py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.cw-py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

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

.cw-px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.cw-px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.cw-table thead {
  background: rgba(189, 188, 230, 0.17);
}

.cw-table thead th {
  text-transform: capitalize !important;
}

.cw-table thead td,
.cw-table thead th {
  color: #27292b !important;
}

.cw-table tbody td,
.cw-table tbody th {
  color: #5f5f60 !important;
}

.cw-table tbody a {
  color: #2c2c2f !important;
}

.cw-table tbody a:active,
.cw-table tbody a:focus,
.cw-table tbody a:hover {
  color: #5f73e2 !important;
}


.latest-update-action .tbl-width-100 {
  width: 75px !important;
  margin-left: 15px;
}


@media screen and (min-width: 768px) and (max-width: 1280px) {
  .navigation-anchors ul li:first-child {
    order: 20;
    flex-basis: 100%;
  }

  .navigation-anchors ul li:first-child .video-call-side,
  .navigation-anchors ul li:first-child .lw-call-btn {
    max-width: 200px;
    display: inline-flex !important;
    margin-bottom: 0 !important;
  }
  .navigation-anchors ul li:first-child p {
    display: inline-block !important;
  }

  .doc-dashboard .dashboard-widget .left-aside .navigation-anchors > ul {
      margin-top: 25px;
  }

  span.side-noti-badge {
    right: -5px;
    top: -8px;
}

}

@media screen and (min-width: 1367px) {
  .tbl-lg-width-550 {
    width: 550px !important;
  }

  .tbl-lg-maxwidth-550 {
    max-width: 550px !important;
  }
}

@media screen and (min-width: 1280px) {
  .tbl-width-160 {
    width: 160px !important;
  }

  .tbl-width-200 {
    width: 200px !important;
  }

  .tbl-width-220 {
    width: 220px !important;
  }

  .tbl-width-250 {
    width: 250px !important;
  }

  .tbl-width-450 {
    width: 450px !important;
  }

  .tbl-width-75 {
    width: 75px !important;
  }

  .tbl-width-100 {
    width: 100px !important;
  }

  .tbl-width-120 {
    width: 120px !important;
  }

  .tbl-width-30 {
    width: 30px !important;
  }

  .tbl-width-50 {
    width: 50px !important;
  }

  .tbl-width-150 {
    width: 150px !important;
  }

  .tbl-width-170 {
    width: 170px !important;
  }

  .tbl-width-180 {
    width: 180px !important;
  }

  .tbl-maxwidth-100 {
    max-width: 100px !important;
  }

  .tbl-maxwidth-160 {
    max-width: 160px !important;
  }

  .tbl-maxwidth-220 {
    max-width: 460px !important;
  }

  .tbl-maxwidth-250 {
    max-width: 250px !important;
  }

  .tbl-maxwidth-450 {
    max-width: 460px !important;
  }
}

@media screen and (max-width: 1260px) {
  .sm-menu-right {
    margin-right: 230px !important;
  }

  .doc-dashboard {
    margin: 0 !important;
    position: static !important;
    padding-top: 0 !important;
  }

  .doc-dashboard .dashboard-widget .left-aside {
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    background: #f7f8fa;
    margin-top: -16px;
  }

  .doc-dashboard .dashboard-widget .left-aside .navigation-anchors > ul {
    display: flex;
    flex-wrap: wrap;
  }

  .doc-dashboard .dashboard-widget .left-aside .navigation-anchors ul li {
    margin-bottom: 5px;
    margin-right: 15px;
  }

  .doc-dashboard
    .dashboard-widget
    .left-aside
    .navigation-anchors
    ul
    li
    a.active:before {
    position: absolute;
    background: #ff9900;
    content: "";
    height: 2px;
    width: 100%;
    right: auto;
    top: auto;
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    bottom: 0;
    border-radius: 60px !important;
    -webkit-border-radius: 60px !important;
    -moz-border-radius: 60px !important;
    -ms-border-radius: 60px !important;
    -o-border-radius: 60px !important;
  }

  .doc-dashboard .dashboard-widget .right-aside {
    float: none;
    width: 100%;
    margin-left: 0;
    position: relative;
    padding: 15px !important;
  }

  main.content-area.doc-dashboard .mt-3 {
    margin-top: 0 !important;
  }

  .dashboard-widget .profile-block {
    margin: 0 25px 0 0;
  }

  .dashboard-widget .profile-block .edit-abs {
    right: 5px;
    top: 30px;
    width: 36px;
    height: 36px;
  }
}

#doc_review_modal .document-file-title {
  padding-left: 30px;
  padding-right: 30px;
}

#doc_review_modal {
  padding-left: 0px;
  padding-right: 0px;
}

#doc_review_modal .files-list {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (max-width: 1170px) {
  .sm-menu-right {
    margin-right: 100px !important;
  }
}

@media screen and (max-width: 1098px) {
  .profile-card .right-side .profile-content h4 {
    width: 30%;
  }
}

@media screen and (max-width: 991px) {
  .dashboard-widget {
    overflow: visible;
  }

  .doc-dashboard
    .card-main
    .dashboard-widget
    .left-aside
    .navigation-anchors
    ul
    li {
    width: 160px;
  }

  /* .chatbox {
            width: 100%;
            margin: 0;
            z-index: 5;
        } */

  /* .chatbox {
            width: 100%;
            margin: 0;
            z-index: 5;
            position: fixed;
            top: 235px;
            left: 0;
        } */

  .chatbox {
    width: 100%;
    margin: 0;
    z-index: 5;
    position: fixed;
    left: 0;
    height: calc(100% - 132px);
  }

  .chat-wrapper {
    display: block;
  }

  .sticky-wrapper {
    position: fixed;
    right: 0;
    z-index: 1111;
    display: flex !important;
    top: 50px;
    background: rgba(69, 68, 63, 1);
    width: 100%;
    height: 132px;
  }

  .sticky-wrapper .avatar-sticky a {
    display: block;
    padding: 5px;
    width: 60px;
    height: 60px;
  }

  .avatar-sticky {
    /* width: 60px;
            height: 60px; */
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    transition: 0.1s ease-out;
    -webkit-transition: 0.1s ease-out;
    -moz-transition: 0.1s ease-out;
    -ms-transition: 0.1s ease-out;
    -o-transition: 0.1s ease-out;
  }

  .avatar-sticky1 {
    top: 10px;
    right: 10px;
  }

  .avatar-sticky2 {
    top: 10px;
    right: 63px;
  }

  .avatar-sticky3 {
    top: 10px;
    right: 116px;
  }

  .avatar-sticky img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 4px;
    /* border: 2px solid #73cc57; */
  }

  .active-avatar img {
    /* border: 2px solid #ffffff; */
    box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 20%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 20%);
    -moz-box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 20%);
    -ms-box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 20%);
    -o-box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 20%);
    background: #ffffff;
  }

  .opecity-avatar img {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }

  /* .opecity-avatar {
            background: transparent;
        } */

  .active-avatar a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ffffff;
    right: 50%;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }

  .active-avatar a {
    /* padding: 5px; */
  }

  .send-msg-btn {
    position: static;
    z-index: 4;
  }

  .sticky-wrapper.active {
    background: transparent;
  }

  .chat-wrapper {
    position: relative !important;
    z-index: 11111;
  }

  .chat-wrapper-zindex {
    z-index: -1 !important;
  }

  .chatbox-minimize {
    position: fixed !important;
    top: 100%;
    z-index: 5;
  }

  .col-100p {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .col-50p {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .row.top-row {
    height: auto;
    margin-top: 20px;
  }

  .row.bottom-row {
    height: auto;
  }

  .second-para-row {
    margin-top: 0;
  }

  .second-para-row .col-8 {
    margin-bottom: 20px;
  }

  .widget-box .col-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .pricing-plan .pricing-plan-content .col-3 {
    margin-bottom: 20px;
  }

  .pricing-plan .pricing-plan-content .col-3:last-child {
    margin-bottom: 0;
  }

  .court-form .modal-body .col-6:nth-child(4) label {
    display: none;
  }

  .dashboard-section .top-head .col-6.col-100p.text-right {
    text-align: left;
  }

  .dashboard-section
    .top-head
    .col-6
    .d-flex.align-items-center.justify-content-end {
    justify-content: flex-start;
  }

  .rgt-book-btn .common-action-btn {
    margin-left: 0;
    margin-top: 10px;
  }

  .pricing-plan .pricing-plan-content {
    /* padding: 0; */
  }

  .pricing-plan .pricing-plan-content .col-3 {
    /* padding-right: 15px;
            padding-left: 15px; */
  }

  .products-content-card .products-container .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px !important;
    border-right: 0;
  }

  .products-content-card .products-container .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px !important;
  }

  .products-details .products-container .deliverables-section {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid #cdcdd1;
    padding-top: 20px;
    margin-top: 20px;
  }

  .products-details .stepper-block {
    margin-top: 30px;
  }

  .clnt-review-section .col-6.col-left {
    padding-right: 15px;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .clnt-review-section .col-6.col-right {
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .chat-window .message-box-holder.left .message-box .left-side {
    width: 190px;
  }

  .chat-window .chatbox-min {
    margin-bottom: -408px;
  }

  .chat-window .message-box-holder.right .message-box .left-side {
    width: 190px;
  }

  .schdule-card .col-3:last-child label {
    display: none;
  }

  .schdule-card .col-3:last-child .flatpicker-wrap2 {
    margin-top: 0;
  }

  .schdule-card .col-3 .flatpicker-wrap1 label + .line-skeleton,
  .schdule-card .col-3 .flatpicker-wrap2 label + .line-skeleton {
    width: 100% !important;
  }

  .schdule-card .card .card-body .tick-btn {
    width: 92%;
  }

  .schdule-card .card .card-body .close-icon {
    right: 5px;
    top: 4px;
  }

  .scheduled-section
  .scheduled-tile 
  .col-4 
  {
    margin-top: 10px;
    text-align: left;
  }

  .scheduleBadge {
    margin-left: 0;
    margin-top: 10px;
  }

  .profile-card .right-side {
    padding: 0 20px;
  }

.dashboard-content .balance-card {
    height: auto;
}

.topup-modal {
  width: 100% !important;
}

 .cw-mb-md-10 {
  margin-bottom: 10px !important;
 }

 .cw-mb-md-15 {
  margin-bottom: 15px !important;
 }

 .cw-mb-md-20 {
  margin-bottom: 20px !important;
 }

 .cw-p-md-10 {
  padding: 10px !important;
 }

 .cw-p-md-10 {
  padding: 10px !important;
 }

 .cw-px-md-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
 }

 .cw-py-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
 }

 .cw-font-md-36 {
  font-size: 36px !important;
 }

 

.notify-row .col-6:nth-last-child(1),
.notify-row .col-6:nth-last-child(2)
 {
  margin-bottom: 15px;
}

.notify-row {
  margin-bottom: 5px;
}

.chatlist-footer-copyright {
  padding-bottom: 65px !important;
}

.chatlist-footer-copyright ul {
  flex-wrap: wrap;
  margin-top: 10px;
}

.chatlist-footer-copyright ul li:first-child {
  width: 100%;
  margin-bottom: 5px;
}

.chatlist-footer-copyright  p {
  line-height: 24px;
}

}

@media screen and (max-width: 850px) {
  .chat-window .chatbox {
    width: 100%;
    z-index: 5;
    position: fixed;
    left: 0;
    height: -webkit-calc(100% - 132px);
    height: -moz-calc(100% - 132px);
    height: -ms-calc(100% - 132px);
    height: -o-calc(100% - 132px);
    height: calc(100% - 132px);
  }

  .common-chatlist-box {
    width: 100%;
    right: 0;
    z-index: 4;
  }

  .common-chatlist-box .common-chat-list {
    width: 100%;
  }
}

@media screen and (max-width: 830px) {
  /* .doc-dashboard .card-main {
        margin: 90px 15px 0 15px !important;
      } */

  .doc-dashboard .common-container {
    padding: 0;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .dashboard-sec .call-stats,
  .document-stats {
    min-height: 260px;
  }
  .dashboard-sec .box-tile {
    min-height: 150px;
  }

  span.font-size-14 {
    min-height: 40px;
  }

  span.font-20 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .clientDashboardMenu {
    display: block !important;
  }
  .clientLoginOutsideMenu {
    display: none !important;
  }

  .legalAskMsgDashboard-40 {
    height: 37px;
    overflow: hidden;
    width: 100%;
  }

  .legalAskMsgDashboard-flex {
    display: block !important;
  }

  .doc-dashboard .dashboard-widget .left-aside {
    margin-top: 0;
    display: none;
  }

  .font-sm-24 {
    font-size: 24px !important;
    line-height: 30px;
  }

  .image-content .col-3 {
    -ms-flex: 0 0 33.3333333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .dashboard-sec .first-row .col-6 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .dashboard-sec .second-row .col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .dashboard-sec .bal-widget img {
    top: 48px;
  }

  .time-slot .tile-header img {
    height: 15px;
    width: 15px;
    margin-right: 5px;
  }

  .time-slot select {
    padding: 5px;
  }

  .doc-dashboard
    .card-main
    .dashboard-widget
    .left-aside
    .navigation-anchors
    ul
    li {
    width: 140px;
  }

  .agent-panel .profile-edit .mt-5:nth-child(1),
  .agent-panel .profile-edit .mt-5:nth-child(2) {
    margin-bottom: 0;
  }

  .agent-panel .profile-block {
    margin: 0 !important;
  }

  .agent-row {
    margin-bottom: 0 !important;
  }

  .agent-panel .table-responsive th {
    vertical-align: top !important;
  }

  .add_order .modal-body .list-unstyled li {
    margin-right: 0;
    display: block;
    margin-bottom: 10px;
  }

  .add_order .modal-body .payment-selection-list button {
    width: 100%;
  }

  .add_order .modal-body .list-unstyled li:last-child {
    margin-bottom: 0;
  }

  .add_order .modal {
    padding: 15px 15px;
  }

  .profile-card .right-side .head-text {
    margin-left: 0;
  }

  .profile-card .right-side .profile-content {
    padding-left: 35px;
    margin-bottom: 20px;
  }

  .profile-card .right-side .profile-content-edit {
    margin-right: 35px;
    margin-left: 35px;
  }

  .profile-card .left-side {
    padding-top: 25px;
    padding-bottom: 15px;
  }

  .toast-box {
    /* width: 365px; */
    position: relative;
    right: 0;
    top: 0;
    margin-bottom: 20px;
  }

  .mint-purc.mobile-view {
    display: block;
    margin-top: 15px;
    padding: 0 10px;
  }

  .row.top-row {
    display: none;
  }

  .bottom-row .card.table-card {
    margin-bottom: 0 !important;
  }

  .mobile-view-reply-enq {
    display: none;
  }

  .reply-mobile-d-none {
    display: none;
  }

  .row.bottom-row {
    margin-top: 15px;
  }

  .table-card {
    height: auto;
    margin-bottom: 15px !important;
  }

  .mint-purc.mobile-view .col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 5px;
    padding-left: 5px;
  }

  .mint-purc.mobile-view .col-6 .widget-box h4 {
    font-size: 18px !important;
  }

  .property-purchase-details .property-product-list .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .property-details-individual .browse-file .second-part {
    width: calc(100% - 170px);
  }

  .property-purchase-details .common-card .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .lk-ask-details .common-card .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .search-court .top-search-panel {
    margin-bottom: 20px;
  }

  .search-court .top-search-panel .col-3 {
    display: none;
  }

  .lawyers-profile-content .lk-client-profile .top-side .avatar-icon {
    width: 100px;
    height: 100px;
  }

  .lawyers-profile-content .lk-client-profile .top-side .right-side {
    max-width: 350px;
  }

  .lawyers-profile-content .lk-client-profile .top-side .right-side h2 {
    font-size: 18px;
  }

  .lk-client-profile .star-rating-box .col-2 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .lk-client-profile .star-rating-box .col-10 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .lk-client-profile .star-rating-box .right-progress-box .custom {
    width: 100%;
  }

  .lk-client-profile .chamber-tile .content-site {
    margin-bottom: 20px;
  }

  .appointment-detail .appointment-detail-content .top-side .info-tile .d-flex {
    flex-direction: initial;
    align-items: center !important;
  }

  .appointment-detail .appointment-detail-content .top-side .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .appointment-detail
    .appointment-detail-content
    .top-side
    .d-flex
    .right-side {
    justify-content: flex-start;
    align-items: flex-start !important;
  }

  .appointment-detail
    .appointment-detail-content
    .top-side
    .d-flex
    .right-side
    a {
    top: 15px;
    padding: 14px 25px;
    font-size: 14px;
    position: relative;
    top: 0;
  }

  .appointment-detail
    .appointment-detail-content
    .top-side
    .d-flex
    .right-side
    a.call-now-btn {
    padding: 14px 28px;
  }

  .appointment-detail .appointment-detail-content .bot-side {
    margin-top: 15px;
  }

  .appointment-detail .appointment-detail-content .foot-side .col-3,
  .appointment-detail .appointment-detail-content .foot-side .col-4 {
    margin-bottom: 12px;
  }

  .appointment-detail
    .appointment-detail-content
    .top-side
    .d-flex
    .right-side
    .name-box
    h2 {
    font-size: 18px !important;
    margin-top: 15px;
  }

  .appointment-detail .appointment-detail-content .bot-side .confirmed-badge {
    margin-bottom: 8px;
  }

  .feedback .feedback-content h2 {
    font-size: 18px !important;
    text-align: center;
  }

  .feedback .feedback-content .d-flex {
    margin-top: 20px !important;
  }

  .feedback .feedback-content .query-box {
    margin-top: 20px;
  }

  .feedback .feedback-content .query-box {
    text-align: center;
  }

  .feedback .feedback-content .query-box .common-action-btn {
    margin-top: 20px;
  }

  .lk-client-profile .star-rating-box .rating-number-count {
    padding-left: 0;
  }

  .lawyers-profile-content .col-4 {
    margin-top: 20px;
  }

  .book-appoint .book-appoint-content .court-form {
    padding: 0;
  }

  .book-appoint .book-appoint-content .court-form .col-12 {
    margin-bottom: 0;
    margin-top: 10px;
  }

  .lk-client-profile .education-tile .col-6:nth-child(2),
  .lk-client-profile .education-tile .col-6:nth-child(3) {
    margin-top: 10px;
  }

  .lk-client-profile .education-tile .col-6 .content-site .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .feedback .feedback-content.experience h2 {
    text-align: left;
  }

  .feedback .feedback-content.experience .col-12:last-child {
    margin-top: 0;
    margin-bottom: 0;
  }

  .feedback .feedback-content.experience .col-12:nth-child(3) {
    margin-bottom: 0;
  }

  .feedback .feedback-content.experience .thank-you {
    margin-top: 0 !important;
    padding: 15px;
  }

  .feedback .feedback-content.experience .thank-you p {
    font-size: 18px !important;
  }

  .appointment-detail .review-side {
    margin-top: 0;
    margin-bottom: 0 !important;
  }

  .appointment-detail .col-12.m-t-20 {
    margin-top: 0;
  }

  .appointment-detail .card {
    margin-bottom: 0 !important;
  }

  .pricing-plan-modal .top-side .col-6 {
    margin-bottom: 15px;
  }

  .icon-bar.desktop {
    display: none;
  }

  .video-bar.desktop {
    display: none;
  }

  form.smileys input[type="radio"] {
    width: 50px;
    height: 50px;
    margin: 0 15px;
  }

  .profile-card .right-side .profile-content {
    padding-right: 0;
  }

  .profile-card .right-side .profile-content .edit-btns-right {
    position: relative;
    right: 0;
    top: 0;
  }

  .concern-modal .concern-area h2 {
    /* margin-bottom: 20px; */
  }

  .concern-modal .concern-area .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }

  .concern-modal .concern-area .col-6:last-child {
    margin-bottom: 0;
  }

  .concern-modal .concern-area .col-12 {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .payment-link-card-toast .top-card .left-side .content-card p {
    max-width: 200px;
  }

  .sm-menu-right {
    margin-right: 0 !important;
  }

  .desktop-navs ul,
  header.main-header {
    z-index: 99999;
  }

  .main-header.fixed,
  .main-header.sticky-header {
    z-index: 111111;
  }

  .payment-link-card-toast {
    top: auto;
    bottom: 0;
    width: 100%;
    max-width: initial;
    left: 0;
  }

  /* .footer-copyright {
        padding: 10px 10px 165px 10px;
    } */

  .app-footer-padding-bottom {
    padding: 10px 10px 165px 10px;
  }

  /* .app-footer-padding-bottom {
        padding-bottom: 10px !important;
    } */

  /* .video-bar {
        z-index: 11;
        top: 60%;
    }

    .icon-bar {
        top: 30%;
        z-index: 111;
    } */

  .legalAskMsg-50 {
    height: 50px;
    overflow: hidden;
  }

  .legalAskMsg-50 + a {
    color: #5f73e2;
  }

  .desktop-view-ask-details {
    display: block !important;
  }

  .products-details .stepper-block {
    max-width: 650px;
  }

  .products-details .stepper-block .stepper-item {
    min-width: 120px;
  }

  .products-details .stepper-block .stepper-item:first-child {
    padding-right: 50px;
  }

  .products-details .stepper-block .stepper-item:nth-child(2) {
    padding-right: 50px;
  }

  .products-details .stepper-block .stepper-item:nth-child(3) {
    padding-right: 50px;
  }

  .products-details .stepper-block .stepper-item:nth-child(4) {
    padding-right: 50px;
  }

  .products-details .products-container .top-section > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .products-details .products-container .top-section .call-to-action {
    padding-right: 0;
    display: inline-flex;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .send-msg-btn {
    margin-right: 10px;
  }

  .products-details
    .top-panel
    .card-body
    .products-content-card
    .write-review-btn {
    margin-top: 0;
    margin-left: 10px;
  }

  .write-review-section .card .card-body {
    padding: 20px;
  }

  .clnt-review-section .card.left-card {
    padding: 20px;
  }

  .clnt-review-section .card.right-card {
    padding: 20px;
  }

  .products-details .card.doc-list-table .card-body {
    padding: 20px;
  }

  .floatingButtonWrap {
    display: block;
    position: fixed;
    bottom: 75px;
    right: 10px;
    z-index: 9999;
  }

  .floatingButtonInner {
    position: relative;
  }

  .floatingButton {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    transition: all 0.4s;
  }

  .floatingMenu {
    position: absolute;
    bottom: 55px;
    right: 0;
    display: none;
    padding: 0;
    margin: 0;
  }

  .floatingMenu li {
    width: 100%;
    list-style: none;
    /* margin-bottom: 10px; */
  }

  .floatingMenu li:last-child {
    margin-bottom: 0;
  } 

  .floatingMenu li a {
    transition: all 0.4s;
    margin-bottom: 10px;
  }

  .floatingMenu li:last-child a {
    margin-bottom: 0;
  }

  .floatingMenu li a.lw-call-btn {
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    height: auto;
    padding: 0;
  }

  .floatingMenu li a.video-call-side {
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    height: auto;
    padding: 0;
  }

  .floatingMenu li a.video-call-side img {
    width: 50px;
    height: 50px;
    margin-right: 0;
  }

  .floatingMenu li a.lw-call-btn img {
    width: 50px;
    height: 50px;
    margin-right: 0;
  }

  .floatingMenu li a.video-call-side i {
    margin-right: 0;
  }

  .floatingMenu li a:hover {
    margin-right: 10px;
    text-decoration: none;
  }

  .payment-request .card-body {
    padding: 10px;
  }

  .view-history-modal
    .minute-section
    .consultation-list
    .consultation-tile
    .consult-box:last-child {
    margin-bottom: 0;
  }

  .view-history-modal .minute-section .consultation-list .consultation-tile {
    height: 180px;
  }
}

@media screen and (max-width: 600px) {

  .cw-xs-card-px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
    background-color: #ffffff !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
  }

  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 13px;
    text-align: left;
    overflow: hidden;
  }

  .legal-ask pre {
    width: 100%;
    float: none;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .tbl-action a {
    float: right;
    /* margin-right: 10px; */
  }

  .property-page .tbl-action a {
    margin-left: 5px;
    margin-bottom: 0;
  }


  tr:nth-child(4) td:nth-child(1) {
    background: #f4efff !important;
    color: #4f56de;
  }

  tr:nth-child(5) td:nth-child(1) {
    background: #f4efff !important;
    color: #4f56de;
  }

  tr:nth-child(6) td:nth-child(1) {
    background: #f4efff !important;
    color: #4f56de;
  }

  tr:nth-child(7) td:nth-child(1) {
    background: #f4efff !important;
    color: #4f56de;
  }

  tr:nth-child(8) td:nth-child(1) {
    background: #f4efff !important;
    color: #4f56de;
  }

  tr:nth-child(9) td:nth-child(1) {
    background: #f4efff !important;
    color: #4f56de;
  }

  tr:nth-child(10) td:nth-child(1) {
    background: #f4efff !important;
    color: #4f56de;
  }


  .bottom-row .table-card tr td:nth-child(3)::before {
    width: 38%;
    margin-bottom: 5px;
  }

  .bottom-row .table-card tr:nth-child(2) td:nth-child(3)::before {
    width: 100%;
    margin-bottom: 5px;
  }

  .bottom-row .table-card tr:nth-child(3) td:nth-child(3)::before {
    width: 100%;
    margin-bottom: 5px;
  }

  .bottom-row .table-card tr:nth-child(4) td:nth-child(3)::before {
    width: 100%;
    margin-bottom: 5px;
  }

  .bottom-row .table-card tr:nth-child(1) td:nth-child(3) .clm-text-triple-dot {
    width: 100%;
    float: left;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .bottom-row .table-card tr:nth-child(2) td:nth-child(3) .clm-text-triple-dot {
    width: 100%;
    float: left;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .bottom-row .table-card tr:nth-child(3) td:nth-child(3) .clm-text-triple-dot {
    width: 100%;
    float: left;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .bottom-row .table-card tr:nth-child(4) td:nth-child(3) .clm-text-triple-dot {
    width: 100%;
    float: left;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .second-para-row
    .table-card
    tr:nth-child(1)
    td:nth-child(3)
    .clm-text-triple-dot {
    width: 100%;
    float: left;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .second-para-row
    .table-card
    tr:nth-child(2)
    td:nth-child(3)
    .clm-text-triple-dot {
    width: 100%;
    float: left;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .second-para-row
    .table-card
    tr:nth-child(3)
    td:nth-child(3)
    .clm-text-triple-dot {
    width: 100%;
    float: left;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .second-para-row
    .table-card
    tr:nth-child(4)
    td:nth-child(3)
    .clm-text-triple-dot {
    width: 100%;
    float: left;
    margin-top: 5px;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all;
  }

  .top-head .common-all-button {
    margin-top: 10px;
  }


  .legal-ask
    tr:nth-child(10)
    td:nth-child(4)
    .tbl-maxwidth-450.tbl-lg-maxwidth-550 {
    max-width: initial;
    float: left;
    padding-left: 0;
  }

  a.moreless-button {
    color: #5f73e2;
    font-weight: 500;
    margin-top: 5px;
    display: inline-block;
  }

  .card.border-0.bg-transparent {
    margin-top: 0 !important;
  }

  table td::before {
    /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: capitalize;
    width: 100px;
    text-align: left;
    word-break: break-word;
    margin-top: -5px;
  }

  .clm-text-triple-dot {
    width: 190px;
    float: right;
  }

  .legal-ask audio {
    width: 200px !important;
  }

  table td:last-child {
    border-bottom: 0;
  }

  .just-consult {
    margin-top: 10px;
  }

  .legal-ask {
    margin-top: 10px;
  }

  .start-up-page {
    margin-top: 10px;
  }

  .document-page {
    margin-top: 10px;
  }

  .calling-page .card.border-0.bg-transparent {
    margin-top: 0 !important;
  }

  .property-page .card.border-0.bg-transparent {
    margin-top: 20px !important;
  }

  .lk-ask-details .common-card .col-12 {
    margin-bottom: 0 !important;
  }

  .tbl-action a i {
    /* font-size: 18px; */
  }

  .tbl-action button i {
    font-size: 18px;
  }

  .tbl-action button {
    width: 30px;
    height: 26px;
  }

  .del-action-btn {
    width: auto !important;
    height: auto !important;
  }

  .directions-btns {
    margin-top: 5px;
    float: right;
    /* margin-right: 115px; */
    margin-right: 0;
  }

  .view-btn {
    padding: 5px 6px !important;
    float: right;
  }

  .phone-btn {
    padding: 5px 6px !important;
    float: right;
    margin-top: 0;
    margin-right: 5px;
  }

  .review-btn {
    padding: 5px 6px !important;
    float: right;
    margin-top: 0;
    margin-right: 5px;
  }

  .badge {
    padding: 5px 5px;
  }

  .badge-warning {
    float: right;
  }

  .payment-request .common-payment-badge {
    width: fit-content;
  }

  .products-details table.dataTable tbody tr td span.line-skeleton {
    display: inline-block;
  }

  .products-details table.dataTable tbody tr td {
    border-bottom: 0 !important;
  }

  .products-details table.dataTable thead tr {
    background: transparent;
    border-radius: 0;
  }


  .doc-list-table .table tr td span {
    display: block;
    /* margin-left: 110px; */
    font-size: 12px;
  }

  .order-latest-update table a.edit-btn {
    top: -3px;
  }

  .my-order table td.dataTables_empty:nth-child(1)::before {
    display: none;
  }

  .my-order table td:nth-child(1)::before {
    content: "#";
  }

  .my-order table td:nth-child(2)::before {
    content: "Name";
  }

  .my-order table td:nth-child(3)::before {
    content: "Date";
  }

  .my-order table td:nth-child(4)::before {
    content: "Payment ID";
  }

  .my-order table td:nth-child(5)::before {
    content: "Amount";
  }

  .my-order table td:nth-child(6)::before {
    content: "Status";
  }

  .my-order table td:nth-child(7)::before {
    content: "Action";
  }

  .my-order table .common-badge {
    max-width: 100px;
    min-width: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .my-order table td {
    padding-left: 150px !important;
  }

  .my-order table tr td::before {
    width: auto;
    position: absolute;
    left: 10px;
    margin-bottom: 5px;
  }

  .my-order table.dataTable tbody tr td {
    border-top: 1px solid #eff2f7 !important;
    word-break: break-all;
    white-space: initial;
  }

  .doc-list-table table td::before {
    margin-bottom: 5px;
  }

  .products-details table a.pdf-view-btn {
    float: left;
  }

  .profile-card .right-side {
    padding: 0;
  }

  
  .main-dash .table td
  {
    padding-left: 120px !important;
  }

  .cw-table-data-xs-width .table td
  {
    padding-left: 120px !important;
  }

  
  .cw-table-data-xs-width table td .tbl-action {
    justify-content: initial;
    padding-right: 0;
    align-items: center;
}

  table.dataTable td.dataTables_empty {
    text-align: center;
    padding-left: 0px !important;
    min-height: auto;
}

  .cw-table-data-xs-width .table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: capitalize;
    width: 100px;
    text-align: left;
    word-break: break-word;
    position: absolute;
    left: 10px;
    margin-top: -5px;
  }

  .mobilenum-with-code .row-no-padding div[class^="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.mobilenum-with-code .col-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 40%;
    max-width: 40%;
}

  .mobilenum-with-code .col-8 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    flex: 0 0 60%;
    max-width: 60%;
}

}

@media screen and (max-width: 575px) {

  
  .col-sm2-100p {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .cw-sm2-mb-5 {
    margin-bottom: 5px !important;
  }

  .cw-sm2-mb-20 {
    margin-bottom: 20px !important;
  }

  .cw-sm2-text-left {
    text-align: left !important;
  }

  .dashboard-buymore-btn {
    margin-left: 0;
    margin-top: 15px;
}

.balance-card .date-side {
  justify-content: flex-start;
  margin-top: 15px;
}

  .dashboard-widget .dashboard-sec .col-8,
  .dashboard-widget .dashboard-sec .col-4,
  .dashboard-widget .col-6 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .doc-dashboard .card-main .dashboard-widget .right-aside {
    padding: 20px 15px !important;
  }

  .dashboard-sec .box-tile {
    margin-bottom: 20px !important;
  }

  .profile-block .row.mt-4 {
    margin-top: 0 !important;
  }

  .row.mt-5,
  .row.mt-4,
  .col-12 {
    margin-bottom: 10px;
  }

  .profile-edit .row.mt-5:not(:first-child) {
    margin-top: 0 !important;
  }

  .row.mt-5,
  .col-12 {
    margin-bottom: 20px;
  }

  .dashboard-sec .bal-widget img {
    top: 22px;
  }

  .dashboard-sec .second-row .col-6 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .common-all-button a {
    display: table;
    margin: 0 auto;
  }

  .add-order .media p {
    margin-bottom: 20px;
  }

  .add-order .profile-edit .col-2 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .add-order .profile-edit .col-4 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .add-order .profile-edit .row.mt-5:not(:first-child) {
    margin-bottom: 0;
  }

  .gap label {
    display: none;
  }

  .gap button {
    display: table;
    margin: 0 auto;
  }

  .enquery-panel {
    padding: 15px;
  }

  .enquery-panel .recent-enq-item .name-symbol {
    height: 46px;
    width: 46px;
  }

  .card.call-time-sec.doc-box h4,
  .card.call-time-sec.doc-box h5 {
    margin-left: 0 !important;
  }

  .top-head .d-flex.align-items-center.justify-content-end {
    justify-content: normal;
    flex-direction: column;
    align-items: flex-start !important;
  }

  .dashboard-section .top-head .prd-search {
    width: 100%;
  }

  .dashboard-section .top-head .notification-tile {
    width: 12%;
    margin-right: 10px;
  }

  .dashboard-section .top-head .prd-search input {
    width: 100%;
  }

  .balance-card h6 {
    font-size: 13px;
  }

  .balance-card p.font-14 {
    font-size: 13px;
  }

  .balance-card p.font-13 {
    font-size: 11px;
  }

  .enquiries-card h6 {
    font-size: 13px;
  }

  .enquiries-card p.font-12 {
    font-size: 11px;
  }

  .enquiries-card p.font-13 {
    font-size: 11px;
  }

  .table-card .btn-trans {
    text-align: center;
  }

  .widget-box {
    padding: 15px;
  }

  .table th,
  .table td {
    font-size: 12px;
    padding: 12px 10px !important;
    overflow: hidden;
    clear: both;
  }



  .main-dash .table tr td::before {
    width: 100px;
    position: absolute;
    left: 10px;
    word-break: break-word;
  }

  .doc-list-table .table tr td:nth-child(4):before {
    width: 100px;
  }

  .products-details .doc-list-table table a.pdf-view-btn {
    float: left;
  }

  .main-dash .dashboard-content .row.second-para-row .table td {
    min-height: 55px;
  }

  
  td.tabledata-loader-col,
  .main-dash .table td.tabledata-loader-col,
  .main-dash .dashboard-content .row.second-para-row .table td.tabledata-loader-col
  
  {
    padding-left: 0px !important;
  }

  .payment-text {
    width: auto;
  }

  .calling-page .card-body {
    padding: 10px;
  }

  .legal-ask .card-body {
    padding: 10px;
  }

  .start-up-page .card-body {
    padding: 10px;
  }

  .document-page .card-body {
    padding: 10px;
  }

  .table-card .card-body {
    padding: 10px;
  }

  .just-consult .card-body {
    padding: 10px;
  }

  .property-page .card-body {
    padding: 10px;
  }


  .tbl-action {
    justify-content: flex-end;
    padding-right: 12px;
  }

  .profile-content-edit .row.mt-5 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .profile-card .right-side .head-text {
    padding-left: 15px;
  }

  .profile-card .right-side .profile-content {
    padding-left: 15px;
  }

  .profile-card .right-side .profile-content-edit {
    margin-right: 15px;
    margin-left: 15px;
  }

  .profile-card .right-side .profile-content h4 {
    width: 25%;
  }

  .profile-content-edit .col-8 .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .profile-content-edit .col-8 .col-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .buyminutes-card-wrapper
    .minutes-price
    .card-body
    .order-info-tile
    .price-middle-box
    .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .lawyer-find .modal-body .top-content .avatar-icon {
    width: 80px;
    height: 80px;
  }

  .lawyer-find .modal-body .foot-content .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }

  .lawyer-find .modal-body .foot-content .col-6:last-child {
    margin-top: 10px;
  }
  .lawyers-profile-content .lk-client-profile .top-side .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .lawyers-profile-content .lk-client-profile .top-side .avatar-icon {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .lawyers-profile-content .lk-client-profile .top-side .right-side {
    max-width: 100%;
  }
  .lawyers-profile-content
    .lk-client-profile
    .top-side
    .right-side
    .info-tile
    .d-flex {
    flex-direction: initial;
  }

  .lk-client-profile .star-rating-box {
    padding-left: 0;
    margin-bottom: 0px;
  }

  .lk-client-profile .star-rating-box .ratings-box {
    text-align: center;
  }

  .lk-client-profile .star-rating-box .ratings-box .star-box {
    justify-content: center;
  }

  .lk-client-profile .star-rating-box .ratings-box .text-left {
    text-align: center;
  }

  .lk-client-profile .star-rating-box .ratings-box .rating-number-count h2 {
    font-size: 38px;
  }

  .lk-client-profile .star-rating-box .col-2 {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .lk-client-profile .star-rating-box .col-10 {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .lk-client-profile .review-tile .review-item .content-wrap {
    margin-left: 0;
  }
  .appointment-detail .review-side .card-body {
    padding: 0;
  }

  .rgt-book-btn {
    width: 100%;
  }

  .rgt-book-btn a {
    margin-left: 0;
    width: 100%;
    justify-content: center;
  }

  .rgt-book-btn .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .lw-call-btn {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }

  .dashboard-content .balance-card .card-head h2 {
    margin-bottom: 10px;
  }

  .rgt-book-btn .common-action-btn {
    width: 100%;
    text-align: center;
  }

  .pricing-card-side .selected-price-tile {
    margin-top: 20px;
  }


  .pricing-card-side .selected-price-tile .d-flex.align-items-center.justify-content-center.pos-rel {
    flex-direction: column;
  }
  
  .pricing-card-side .selected-price-tile .pos-rel .recommended-badge {
    display: block;
    top: auto;
    right: auto;
    left: auto;
    margin: 5px auto;
    max-width: 130px;
  }

  .pricing-card-side .price-box-tile .each-price-card .card .active-img img ,
  .pricing-card-side .price-box-tile .each-price-card .card .nonactive-img img 
  {
    width: 15px;
    height: 16px;
  }

  .balance-card .recent-calls-side .video-call-btns {
    margin-right: 5px;
  }
  .property-purchase-details .col-6.attached-file {
    margin-top: 15px;
  }

  .add-review-modal {
    padding: 15px !important;
  }

  .ask-query-modal {
    padding: 15px !important;
  }

  .pricing-plan-modal,
  .ask-query-modal,
  .add-review-modal {
    width: 100% !important;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .flex-block
    h2 {
    font-size: 20px;
  }

  .clnt-review-section
    .card.right-card
    .pay-details-panel
    .bottom-order
    > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
    margin-bottom: 0;
  }

  .clnt-review-section
    .card.right-card
    .pay-details-panel
    .bottom-order
    .texts-tile {
    min-width: 100%;
    margin-bottom: 10px;
  }

  .clnt-review-section
    .card.right-card
    .pay-details-panel
    .bottom-order
    .texts-tile:last-child {
    margin-bottom: 0;
  }

  .products-details .stepper-block .stepper-item {
    min-width: 100px !important;
  }

  .products-details .stepper-block .stepper-item:first-child,
  .products-details .stepper-block .stepper-item:nth-child(2),
  .products-details .stepper-block .stepper-item:nth-child(3),
  .products-details .stepper-block .stepper-item:nth-child(4) {
    padding-right: 30px !important;
  }

  .dashboard.docu-tab-panel .legalAskMsgDashboard-40 {
    height: 32px;
  }

  .products-details .card.doc-list-table .card-body {
    padding: 10px;
  }
}

@media screen and (max-width: 535px) {
  .lawyer-find .modal-body .foot-content .d-flex {
    flex-direction: column;
  }

  .lawyer-find .modal-body .foot-content .common-action-btn.view {
    margin-right: 0;
    margin-bottom: 10px;
    width: 200px;
  }

  .lawyer-find .modal-body .foot-content .common-action-btn {
    width: 200px;
  }

  form.smileys input[type="radio"] {
    width: 50px;
    height: 50px;
    margin: 0 8px;
  }

  .dashboard-flex-wrap {
    flex-wrap: wrap;
  }

  .dashboard-buymore-btn {
    margin-top: 20px;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .flex-block
    .txt-content
    > .d-flex {
    /* flex-direction: column;
        align-items: flex-start !important; */
  }

  .products-details .products-container .top-section .prd-left-tile {
    width: 100%;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .prd-image-icon {
    width: 80px;
    height: 72px;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .send-msg-btn {
    min-width: 120px;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .mark-as-btn {
    /* min-width: 120px; */
  }

  .products-details .products-container .top-section .call-to-action {
    display: inline-block;
    width: 100%;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .send-msg-btn,
  .products-details
    .products-container
    .top-section
    .call-to-action
    .mark-as-btn {
    width: 100% !important;
    min-width: initial !important;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .write-review-btn {
    width: 100% !important;
    min-width: initial !important;
    margin-left: 0;
    margin-top: 12px;
  }

  .scheduled-section .scheduled-tile .col-4 {
    text-align: left;
    margin-top: 10px;
  }

  .scheduled-section .scheduled-tile .call-now .view-history-btn {
    padding: 0 9px;
    min-width: auto;
  }

  .scheduled-section .scheduled-tile .scheduled-time .flex-block .edit-part {
    align-self: flex-start;
  }

  .scheduled-section .scheduled-tile .scheduled-time .flex-block p {
    font-size: 14px !important;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .send-msg-btn
    .box-skeleton {
    width: 120px !important;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .mark-as-btn
    .box-skeleton {
    width: 120px !important;
  }

  .clnt-review-section .bottom-tile {
    margin-top: 20px;
    padding-left: 0;
  }

  .document-details-modal .modal-body .upload-section > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .document-details-modal .modal-body .upload-section .upload-view {
    margin-right: 0 !important;
    margin-top: 10px;
  }

  .document-details-modal .modal-body .upload-section .down-doc-btn {
    margin-top: 10px !important;
  }

  .document-details-modal .modal-body .text-tile > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .document-details-modal .modal-body .col-12:last-child {
    margin-bottom: 0;
  }

  .document-details-modal .modal-body .col-12:last-child .text-tile {
    margin-bottom: 0;
  }

  .document-details-modal .modal-body .text-tile h4 {
    min-width: initial;
    width: 100%;
    margin-bottom: 5px;
  }

  .document-details-modal .modal-body .top-view > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .document-details-modal .modal-body .top-view > .d-flex .send-box {
    margin-top: 10px;
  }

  .products-details table .common-btn {
    margin-right: 0;
  }

  .blocker {
    /* padding: 0 !important; */
    z-index: 99999 !important;
  }

  .products-details .stepper-block .stepper-item {
    min-width: 80px !important;
  }

  .products-details .stepper-block .stepper-item:first-child,
  .products-details .stepper-block .stepper-item:nth-child(2),
  .products-details .stepper-block .stepper-item:nth-child(3),
  .products-details .stepper-block .stepper-item:nth-child(4) {
    padding-right: 10px !important;
  }

  .schdule-card .card .card-body .close-icon {
    right: 0;
  }


.price-side-padding-left {
  padding-left: 20px !important;
  font-size: 14px !important;
}

.pricing-card-side .price-box-tile .col-6 {
    padding-right: 5px;
    padding-left: 5px;
}

.pricing-card-side .price-box-tile .each-price-card .card .price-side .font-16 {
  font-size: 14px !important;
}


}

@media screen and (max-width: 480px) {
  .doc-dashboard .navigation-anchors ul li {
    margin-right: 25px !important;
  }

  .profile-block .media .align-self-center {
    margin-right: 20px !important;
  }

  .docu-tab-panel .tabs li {
    padding: 8px 4px;
  }

  .add-order .profile-edit .col-2 {
    -ms-flex: 0 0 30%;
    -webkit-box-flex: 0;
    flex: 0 0 30%;
    max-width: 30%;
  }

  .add-order .profile-edit .col-4 {
    -ms-flex: 0 0 70%;
    -webkit-box-flex: 0;
    flex: 0 0 70%;
    max-width: 70%;
  }

  .add-order .time-slot .btn-file {
    width: auto;
  }

  .add-order .time-slot .file-wrapper .control-input {
    padding-right: 100px;
  }

  .modal.add-order {
    padding: 15px 20px;
  }

  .modal.add-order h3 {
    margin-bottom: 0;
  }

  .lawyers-profile-tab-content .docu-tab-panel .tabs li {
    /* padding: 8px 25px; */
  }

  .lawyers-profile-tab-content .docu-tab-panel li a {
    font-size: 14px;
  }

  form.smileys input[type="radio"] {
    width: 40px;
    height: 40px;
    margin: 0 8px;
  }

  .user-opinion {
    display: table;
    margin: 0 auto;
  }

  .pricing-card-side .accept-payment img {
    width: 100%;
    height: auto;
  }

  .payment-link-card-toast {
    right: 0;
    /* max-width: 360px; */
    /* min-width: 375px; */
    min-width: 100%;
  }

  .products-details
    .clnt-review-section
    .bottom-tile
    .common-tiles
    span.line-skeleton {
    width: 150px !important;
    margin-left: 15px;
  }

  .products-details .pay-details-panel span.line-skeleton {
    width: 150px !important;
    margin-bottom: 5px;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .flex-block
    span.line-skeleton {
    width: 100px !important;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .flex-block
    h2 {
    font-size: 18px;
  }

  .clnt-review-section .top-head-tile .flex-block .name-side h2 {
    font-size: 18px !important;
  }

  .clnt-review-section .bottom-tile > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .clnt-review-section .bottom-tile .common-tiles:first-child {
    margin-right: 0;
  }

  .clnt-review-section .bottom-tile .common-tiles {
    text-align: left;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .clnt-review-section .bottom-tile .common-tiles .icon {
    margin: 0;
    margin-right: 15px;
  }

  .clnt-review-section .bottom-tile .common-tiles {
    display: flex;
    align-items: center;
    max-width: initial;
  }

  .clnt-review-section .bottom-tile .common-tiles span {
    margin-top: 0;
  }

  .clnt-review-section .bottom-tile .common-tiles span br {
    display: none;
  }

  .clnt-review-section .bottom-tile .common-tiles:last-child {
    margin-bottom: 0;
  }

  .products-details .doc-list-table .card-body .heading {
    flex-direction: column;
    margin-bottom: 15px;
  }

  .products-details .doc-list-table .card-body .heading h2 {
    margin-bottom: 10px;
  }

  .clnt-review-section
    .card.right-card
    .pay-details-panel
    .txt-content
    > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .clnt-review-section
    .card.right-card
    .pay-details-panel
    .bottom-order
    > .d-flex
    .texts-tile
    > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .clnt-review-section .card.right-card .pay-details-panel > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .clnt-review-section .top-head-tile .name-side .d-flex img {
    margin-right: 7px;
    align-self: flex-start;
  }

  .clnt-review-section .card.right-card .pay-details-panel > .d-flex h2 {
    margin-bottom: 10px;
  }

  .my-order table td {
    padding-left: 100px !important;
  }

  .topup-seccess .recharge-content .d-flex.align-items-center.justify-content-between {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .topup-seccess .recharge-content .right-side {
    margin-top: 10px;
    padding-left: 40px;
  }

  .topup-seccess .recharge-content .left-side .right-wrap h2 {
    font-size: 18px !important;
  }

  .topup-seccess .address-tile h2.common-text-color10 {
    font-size: 16px !important;
    margin-bottom: 10px;
  }

  .topup-seccess .address-tile .topup-cta {
    margin-top: 15px;
  }
}

@media screen and (max-width: 450px) {
  .doc-dashboard .card-main .navigation-anchors ul li {
    margin-right: 20px !important;
    margin-bottom: 0px !important;
  }

  .time-slot .col-4 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }

  .doc-dashboard
    .card-main
    .dashboard-widget
    .left-aside
    .navigation-anchors
    ul
    li {
    width: 145px;
    margin-right: 5px !important;
  }

  .avatar-lg {
    height: 70px;
    width: 70px;
  }

  .profile-block .img-edit .custom-file-upload {
    left: 50px;
  }

  .add-order .profile-edit .col-2,
  .add-order .profile-edit .col-4 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .property-details-individual .browse-file {
    display: block;
  }

  .property-details-individual .browse-file .second-part {
    width: calc(100% - 100px);
  }

  .property-details-individual .browse-file .fourth-part {
    float: left;
    margin-left: 0;
    margin-top: 10px;
    width: 300px;
  }

  .property-details-individual .btn-bs-file {
    display: inline-flex;
    width: 100px;
    height: 30px;
  }
}

@media screen and (max-width: 420px) {
  .products-details .stepper-block .stepper-item {
    min-width: 70px !important;
  }

  .products-details .stepper-block .stepper-item:first-child,
  .products-details .stepper-block .stepper-item:nth-child(2),
  .products-details .stepper-block .stepper-item:nth-child(3),
  .products-details .stepper-block .stepper-item:nth-child(4) {
    padding-right: 5px !important;
  }

  .products-details .stepper-block .stepper-item h2 {
    font-size: 12px !important;
  }

  .products-details .products-container .top-section .prd-left-tile > .d-flex {
    /* flex-direction: column;
        align-items: flex-start !important; */
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .prd-image-icon {
    margin-bottom: 10px;
  }

  .scheduled-section .scheduled-tile .call-now .view-history-btn {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #5f73e2 !important;
  }

  .scheduled-section .scheduled-tile .call-now .call-now-btn {
    min-width: initial;
    width: 100%;
  }

  .scheduled-section .scheduled-tile .col-4 {
    margin-top: 25px;
  }

  .view-history-modal .minute-section .minute-box {
    padding: 15px;
  }

  .profile-card .left-side .avatar-icon {
    width: 100px;
    height: 100px;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    padding: 0;
    height: auto;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.next,
  .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0;
    top: -5px;
    text-align: center;
    background-position: 0 0 !important;
  }
}

@media screen and (max-width: 409px) {
  /* .products-details table td:last-child:before {
        width: 70px;
    } */

  /* .doc-list-table .table tr:nth-child(1) td:nth-child(3)::before {
        width: 90px;
    }

    .doc-list-table .table td::before {
        width: 90px;
    } */

  .doc-list-table .table tr td span {
    margin-left: 0;
  }
}

@media screen and (max-width: 392px) {
  .doc-dashboard
    .card-main
    .dashboard-widget
    .left-aside
    .navigation-anchors
    ul
    li {
    width: 125px;
  }

  .docu-tab-panel li a {
    padding: 10px 15px;
  }

  .add-review-modal form.smileys input[type="radio"] {
    width: 35px;
    height: 35px;
    margin: 0 4px;
  }

  .add-review-modal .review-list h4 {
    font-size: 20px;
  }

  .legalAskMsgDashboard-40 {
    height: 50px;
  }

  .profile-page .profile-card .right-side .profile-content h4 {
    width: 35%;
  }

  .payment-link-card-toast .copy-link {
    display: none;
  }

  .assignment-modal .cancel-btn {
    font-size: 12px;
    min-width: 93px;
  }

  .assignment-modal .complete-btn {
    font-size: 12px;
    min-width: 135px;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .flex-block
    h2 {
    font-size: 16px;
    max-width: 200px;
    line-height: 22px;
  }

  .products-details .products-container .deliverables-section h2 {
    font-size: 16px;
  }

  .clnt-review-section .top-head-tile .flex-block .name-side h2 {
    font-size: 16px !important;
  }

  .products-details .stepper-block .stepper-item h2 {
    font-size: 10px !important;
  }

  .products-details .stepper-block .stepper-item {
    min-width: 60px !important;
  }

  .products-details .stepper-block .stepper-item:first-child:before,
  .products-details .stepper-block .stepper-item:nth-child(2):before,
  .products-details .stepper-block .stepper-item:nth-child(3):before,
  .products-details .stepper-block .stepper-item:nth-child(4):before {
    left: 30px;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .flex-block {
    align-self: flex-start;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .txt-content.desktop {
    display: none;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .txt-content.mobile {
    display: block;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .txt-content.mobile
    .label-content {
    min-width: 130px;
  }

  .products-details
    .products-container
    .top-section
    .prd-left-tile
    .prd-image-icon {
    width: 60px;
    height: 54px;
  }

}

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

@media screen and (max-width: 369px) {
  .add-review-modal .loop-review {
    padding: 20px 10px;
  }

  .add-review-modal .loop-review img {
    margin-right: 15px !important;
  }
}

@media screen and (max-width: 360px) {


  .main-dash .balance-card .recent-calls-side {
    position: relative;
    top: 0;
    right: auto;
    margin-top: 12px;
  }

  .main-dash .balance-card .recent-calls-side .phone-btn {
    float: left;
  }

  .main-dash .enqu-tab .card .w-100 > .d-flex.pos-rel {
    flex-direction: column;
  }

  .main-dash .enqu-tab .card .w-100 > .d-flex.pos-rel h6 {
    margin-bottom: 5px;
  }

  .main-dash .enqu-tab .card .w-100 > .d-flex.pos-rel p {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 359px) {
  .doc-dashboard .card-main .navigation-anchors ul li {
    margin-right: 10px !important;
  }
  .dashboard-widget .profile-block .edit-abs {
    right: 8px;
    top: 10px;
    width: 30px;
    height: 30px;
  }

  .dashboard-widget .profile-block .edit-abs i {
    font-size: 14px;
  }

  .sticky-wrapper {
    top: 45px;
  }

  .profile-card .left-side p {
    font-size: 14px !important;
  }

  .profile-card .right-side .profile-content h4 {
    width: 30%;
  }

  .lk-client-profile .education-tile .content-site .d-flex {
    flex-direction: column;
    align-items: self-start !important;
  }

  .lk-client-profile .education-tile .content-site .d-flex p {
    margin-bottom: 5px;
    margin-right: 0;
  }

  .lk-client-profile .education-tile .content-site .d-flex span {
    margin-bottom: 5px;
  }

  .lk-client-profile .star-rating-box .ratings-box .rating-number-count p {
    font-size: 10px;
  }

  .pricing-card-side .price-box-tile .each-price-card .card .price-side p {
    font-size: 14px !important;
  }

  .pricing-card-side .price-box-tile .each-price-card .card .price-side .mint {
    font-size: 11px;
  }

  .pricing-card-side .price-box-tile .each-price-card .card .price-side span {
    font-size: 14px !important;
  }

  .pricing-card-side
    .price-box-tile
    .each-price-card
    .card
    .price-side
    span.mint {
    font-size: 12px !important;
  }

  .payment-link-card-toast {
    max-width: initial;
    min-width: auto;
    width: 100%;
  }

  .payment-link-card-toast .top-card .left-side .d-flex {
    flex-direction: initial;
    margin-bottom: 5px;
  }

  .payment-link-card-toast .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .payment-link-card-toast .bottom-card a {
    margin-left: 0;
    margin-bottom: 10px;
  }

  .payment-link-card-toast .bottom-card a.pay-btn {
    margin-bottom: 0;
  }

  .payment-link-card-toast .bottom-card .copytxt {
    margin-left: 0;
  }

  .payment-link-card-toast .link-hover {
    margin-bottom: 5px;
  }

  .scheduled-section .scheduled-tile .scheduled-time .flex-block p {
    font-size: 13px !important;
  }

  .products-details table a.pdf-view-btn {
    /* min-width: 100px; */
  }

  .corporate-dashborad-stats .rate-cta {
    margin-left: 5px;
    width: 75px;
    font-size: 11px;
  }
}

@media screen and (max-width: 350px) {
  .court-search-panel .court-search-tile .court-box {
    padding: 15px;
  }
  .court-form .modal-body .common-action-btn {
    padding: 15px 70px;
  }
  .pricing-card-side
    .price-box-tile
    .each-price-card
    .card
    .price-side
    .save-badge {
    font-size: 10px;
    padding: 4px 15px;
  }

  .property-page .tbl-action a {
    width: 30px;
    height: 30px;
  }

  .book-appoint .book-appoint-content .court-form .common-action-btn {
    padding: 15px 70px;
    width: 100%;
  }

  .transaction-page .badge {
    display: block;
  }

  .products-details .products-container .top-section .call-to-action {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .send-msg-btn {
    min-width: initial;
    width: 100%;
  }

  .products-details
    .products-container
    .top-section
    .call-to-action
    .mark-as-btn {
    min-width: initial;
    width: 100%;
  }

  .add-review-modal .loop-review img {
    width: 30px;
    height: 30px;
  }

  .dashboard.docu-tab-panel .tabs li {
    padding: 8px 0;
  }

  .dashboard.docu-tab-panel .tabs li a {
    padding: 10px 10px;
  }
}

@media screen and (max-width: 340px) {
  .clnt-review-section .top-head-tile .flex-block .name-side h2 {
    font-size: 14px !important;
  }

}

@media screen and (min-width: 340px) {
  .toast-box {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 329px) {
  /* .products-details table td:last-child:before {
            width: 60px;
        } */

  .add-review-modal .loop-review img {
    width: 26px;
    height: 26px;
  }

  .just-consult table td::before {
    width: 90px;
  }

  .just-consult tr:nth-child(1) td:nth-child(3)::before {
    width: 90px;
  }

  .just-consult .table-responsive {
    overflow-x: hidden;
    display: initial;
  }

}