a {
  color: #3498db;;
  text-decoration: none;
}

.progress {
  height: 2rem !important;
}

a:hover {
  color: #32889b;;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.bg-blue {
  background-color: rgba(52, 150, 219, 1) !important;
}
.bg-blue-light {
  background-color: rgba(52, 150, 219, 0.3) !important;
}
.bg-mid-dark {
  background-color: rgba(0,0,0, 0.7) !important;
}
.bg-yellow {
  background-color: rgba(255, 255, 143, 1) !important;
}
.bg-sand {
  background-color: rgba(254, 245, 231, 1) !important;
}
.bg-warning-light {
  background-color: rgba(243, 149, 104, 0.3) !important;
}

.link {
  text-decoration: none !important;
}
.link-light-blue {
  color: #c8f0ff !important;
}
.text-blue {
  color: rgba(52, 150, 219, 1) !important;
}
.text-blue-light {
  color: rgba(78, 225, 255, 1) !important;
  letter-spacing: 0.1em !important;
}
.text-yellow {
  color: rgba(255, 255, 143, 1) !important;
}

.hr-form-darker {
  border: 1px solid #677788 !important;
}

.bg-f-img {
  background: url("/css/front/network.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

@media (min-width: 992px) {
  .pt-lg-7 {
    padding-top: 7.5rem !important;
  }
  .py-lg-7 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .w-lg-60 {
    width: 60% !important;
  }
}
.pt-6 {
  padding-top: 5rem !important;
}
.py-6 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.pb-6 {
  padding-bottom: 5rem !important;
}

.mt-6 {
  margin-top: 5rem !important;
}
.mt-11 {
  margin-top: 7.5rem !important;
}
.mt-12 {
  margin-top: 8.9rem !important;
}

.mb-11 {
  margin-bottom: 10.5rem !important;
}

.mb-10 {
  margin-bottom: 7.5rem !important;
}

.ms-n5 {
  margin-left: -2rem !important;
}

.ms-n10 {
  margin-left: -4.5rem !important;
}

.fs-7 {
  font-size: 0.875rem !important;
}

.fs-8 {
  font-size: 0.8125rem !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
      justify-content: center !important;
}

.avatar {
  position: relative;
  display: inline-block;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 0.5rem;
}

.avatar-circle {
  border-radius: 50%;
}

.avatar-circle .avatar-initials,
.avatar-circle .avatar-img {
  border-radius: 50%;
}

.avatar-img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}

.avatar-lg .avatar-img {
  border: 5px solid #fff;
}

.avatar-lg {
  width: 4.25rem;
  height: 4.25rem;
}

.avatar.avatar-4x3 {
  width: 3.83333rem;
  height: auto;
  border-radius: 0;
}

.avatar.avatar-4x3 .avatar-img {
  height: inherit;
}

.avatar-lg.avatar-4x3 {
  width: 5.66667rem;
  height: auto;
  border-radius: 0;
}

.avatar-lg.avatar-7x3 {
  width: 7rem;
  height: auto;
  border-radius: 0;
}

.avatar-lg.avatar-4x3 .avatar-img {
  height: inherit;
}

/*------------------------------------
  List Checked
------------------------------------*/
.list-checked {
  padding-left: 0;
  list-style: none;
}

.list-checked-item,
.list-unchecked-item {
  position: relative;
  color: #51596C;
  padding-left: 2rem;
}

.list-checked-item:not(:last-child),
.list-unchecked-item:not(:last-child) {
  margin-bottom: 0.5rem;
}

.list-checked-item::before,
.list-unchecked-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%2351596C'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.25rem 1.25rem;
  content: '';
  margin-top: 0.125rem;
}

.list-checked-item[hover]:hover,
.list-unchecked-item[hover]:hover {
  color: #0ABF53;
}

[class*="list-checked-bg-"] .list-checked-item::before,
[class*="list-checked-bg-"] .list-unchecked-item::before,
[class*="list-checked-soft-bg-"] .list-checked-item::before,
[class*="list-checked-soft-bg-"] .list-unchecked-item::before {
  margin-top: 0.125rem;
}


.list-checked-soft-bg-info .list-checked-item::before {
  background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23334AC0' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23334AC0'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-info .list-unchecked-item::before {
  background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e");
}

.list-checked-sm .list-checked-item,
.list-checked-sm .list-unchecked-item {
  padding-left: 1.5rem;
}

.list-checked-sm .list-checked-item::before,
.list-checked-sm .list-unchecked-item::before {
  width: 1rem;
  height: 1rem;
  background-size: 1rem 1rem;
  margin-top: 0.3125rem;
}

.list-checked-sm[class*="list-checked-bg-"] .list-checked-item::before,
.list-checked-sm[class*="list-checked-bg-"] .list-unchecked-item::before, .list-checked-sm[class*="list-checked-soft-bg-"] .list-checked-item::before,
.list-checked-sm[class*="list-checked-soft-bg-"] .list-unchecked-item::before {
  margin-top: 0.25rem;
}

.list-checked-lg .list-checked-item,
.list-checked-lg .list-unchecked-item {
  padding-left: 2.5rem;
}

.list-checked-lg .list-checked-item:not(:last-child),
.list-checked-lg .list-unchecked-item:not(:last-child) {
  margin-bottom: 1.25rem;
}

.list-checked-lg .list-checked-item::before,
.list-checked-lg .list-unchecked-item::before {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem 1.5rem;
  margin-top: 0;
}

.list-checked-lg[class*="list-checked-bg-"] .list-checked-item::before,
.list-checked-lg[class*="list-checked-bg-"] .list-unchecked-item::before, .list-checked-lg[class*="list-checked-soft-bg-"] .list-checked-item::before,
.list-checked-lg[class*="list-checked-soft-bg-"] .list-unchecked-item::before {
  margin-top: -0.0625rem;
}

/*------------------------------------
  List Timeline
------------------------------------*/

.list-timeline {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.list-timeline::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg width='309' height='968' viewBox='0 0 309 968' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 961C125.667 948.167 313.5 863 227.5 685C185.5 609 139 596.5 58 554C-43.8683 500.551 19 440 141.5 384.5C264 329 365.5 203 267.5 121C252.167 109.833 209 88.5 162.5 80.5C103.946 70.4263 65 63.5 23 18' stroke='%23F39568' stroke-width='3' stroke-dasharray='12 12'/%3E%3Ccircle cx='7.5' cy='960.5' r='7.5'  fill='%23f39568'/%3E%3Ccircle cx='14.5' cy='7.5' r='7.5'  fill='%23f39568'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
}

.list-timeline-item {
  max-width: 32rem;
}

/*------------------------------------
  Blockquote
------------------------------------*/
.blockquote {
  position: relative;
  color: #2d374b;
}

.blockquote::before {
  position: absolute;
  top: -2rem;
  left: -1.5rem;
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3csvg width='5' height='4' viewBox='0 0 5 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.244 2.84803C2.244 3.08003 2.168 3.26803 2.016 3.41203C1.864 3.54803 1.672 3.61603 1.44 3.61603C1.16 3.61603 0.927996 3.52403 0.743996 3.34003C0.567996 3.15603 0.479996 2.89203 0.479996 2.54803C0.479996 2.18003 0.583996 1.82003 0.791996 1.46803C1.008 1.10803 1.308 0.824028 1.692 0.616028L1.968 1.03603C1.76 1.18003 1.592 1.34003 1.464 1.51603C1.344 1.69203 1.264 1.89603 1.224 2.12803C1.296 2.09603 1.38 2.08003 1.476 2.08003C1.7 2.08003 1.884 2.15203 2.028 2.29603C2.172 2.44003 2.244 2.62403 2.244 2.84803ZM4.452 2.84803C4.452 3.08003 4.376 3.26803 4.224 3.41203C4.072 3.54803 3.88 3.61603 3.648 3.61603C3.368 3.61603 3.136 3.52403 2.952 3.34003C2.776 3.15603 2.688 2.89203 2.688 2.54803C2.688 2.18003 2.792 1.82003 3 1.46803C3.216 1.10803 3.516 0.824028 3.9 0.616028L4.176 1.03603C3.968 1.18003 3.8 1.34003 3.672 1.51603C3.552 1.69203 3.472 1.89603 3.432 2.12803C3.504 2.09603 3.588 2.08003 3.684 2.08003C3.908 2.08003 4.092 2.15203 4.236 2.29603C4.38 2.44003 4.452 2.62403 4.452 2.84803Z' fill='%232d374b' fill-opacity='.125'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: '';
}

.blockquote-footer {
  font-weight: 700 ;
  line-height: normal;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.blockquote-footer::before {
  content: '';
}

.blockquote-footer-source {
  display: block;
  color: #677788;
  font-size: 0.8125rem;
  font-weight: 400;
  margin-top: 0.25rem;
}

.blockquote-light blockquote,
.blockquote-light .blockquote {
  color: #fff;
}

.blockquote-light blockquote::before,
.blockquote-light .blockquote::before {
  background-image: url("data:image/svg+xml,%3csvg width='5' height='4' viewBox='0 0 5 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.244 2.84803C2.244 3.08003 2.168 3.26803 2.016 3.41203C1.864 3.54803 1.672 3.61603 1.44 3.61603C1.16 3.61603 0.927996 3.52403 0.743996 3.34003C0.567996 3.15603 0.479996 2.89203 0.479996 2.54803C0.479996 2.18003 0.583996 1.82003 0.791996 1.46803C1.008 1.10803 1.308 0.824028 1.692 0.616028L1.968 1.03603C1.76 1.18003 1.592 1.34003 1.464 1.51603C1.344 1.69203 1.264 1.89603 1.224 2.12803C1.296 2.09603 1.38 2.08003 1.476 2.08003C1.7 2.08003 1.884 2.15203 2.028 2.29603C2.172 2.44003 2.244 2.62403 2.244 2.84803ZM4.452 2.84803C4.452 3.08003 4.376 3.26803 4.224 3.41203C4.072 3.54803 3.88 3.61603 3.648 3.61603C3.368 3.61603 3.136 3.52403 2.952 3.34003C2.776 3.15603 2.688 2.89203 2.688 2.54803C2.688 2.18003 2.792 1.82003 3 1.46803C3.216 1.10803 3.516 0.824028 3.9 0.616028L4.176 1.03603C3.968 1.18003 3.8 1.34003 3.672 1.51603C3.552 1.69203 3.472 1.89603 3.432 2.12803C3.504 2.09603 3.588 2.08003 3.684 2.08003C3.908 2.08003 4.092 2.15203 4.236 2.29603C4.38 2.44003 4.452 2.62403 4.452 2.84803Z' fill='%23fff' fill-opacity='.15'/%3e%3c/svg%3e");
}

.blockquote-light .blockquote-footer {
  color: #fff;
}

.blockquote-light .blockquote-footer-source {
  color: rgba(255, 255, 255, 0.7);
}

.blockquote-sm.blockquote,
.blockquote-sm .blockquote {
  font-size: 1rem;
}

.blockquote-sm.blockquote::before,
.blockquote-sm .blockquote::before {
  top: -1.125rem;
  left: -1rem;
  width: 2.5rem;
  height: 2.5rem;
}

.blockquote-lg.blockquote,
.blockquote-lg .blockquote {
  font-size: calc(1.30625rem + 0.675vw);
  font-weight: 500;
}

@media (min-width: 1200px) {
  .blockquote-lg.blockquote,
  .blockquote-lg .blockquote {
    font-size: 1.8125rem;
  }
}

.blockquote-lg.blockquote::before,
.blockquote-lg .blockquote::before {
  top: -3rem;
  left: -2rem;
  width: 6rem;
  height: 6rem;
}


/*------------------------------------
  List Equal Height
------------------------------------*/
.list-equal-height {
  position: relative;
  display: grid;
  overflow: hidden;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.list-equal-height-2-cols {
  grid-template-columns: 50% 50%;
}

.list-equal-height-3-cols {
  grid-template-columns: 33% 33% 33%;
}

.list-equal-height-4-cols {
  grid-template-columns: 25% 25% 25% 25%;
}

.list-equal-height-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 2rem 2rem;
}

.list-equal-height-item::before,
.list-equal-height-item::after {
  position: absolute;
  left: 0;
  bottom: 0;
  border: 0 solid rgba(220, 224, 229, 0.6);
  content: '';
}

.list-equal-height-item::before {
  top: 0;
  border-right-width: 0.125rem;
  margin-left: -0.125rem;
}

.list-equal-height-item::after {
  right: 0;
  border-bottom-width: 0.125rem;
  margin-bottom: -0.125rem;
}

@media (max-width: 991.98px) {
  .list-equal-height-4-cols {
    grid-template-columns: 33% 33% 33%;
  }
}

@media (max-width: 767.98px) {
  .list-equal-height-3-cols,
  .list-equal-height-4-cols {
    grid-template-columns: 50% 50%;
  }
}

@media (max-width: 575.98px) {
  .list-equal-height {
    grid-template-columns: 100%;
  }
  .list-equal-height-item {
    padding: 1rem 0;
    margin-bottom: 1rem;
  }
  .list-equal-height-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .list-equal-height-item:last-child::after {
    display: none;
  }
  .col-xs-hide {
    display: none !important;
  }
}

/*------------------------------------
  List Padding
------------------------------------*/
.list-py-1 > li:not(:first-child) {
  padding-top: 0.3125rem;
}

.list-py-1 > li:not(:last-child) {
  padding-bottom: 0.3125rem;
}

.list-py-2 > li:not(:first-child) {
  padding-top: 0.5rem;
}

.list-py-2 > li:not(:last-child) {
  padding-bottom: 0.5rem;
}

.list-py-3 > li:not(:first-child) {
  padding-top: 1rem;
}

.list-py-3 > li:not(:last-child) {
  padding-bottom: 1rem;
}

.list-px-1 > li:not(:first-child) {
  padding-left: 0.25rem;
}

.list-px-1 > li:not(:last-child) {
  padding-right: 0.25rem;
}

.list-px-2 > li:not(:first-child) {
  padding-left: 0.5rem;
}

.list-px-2 > li:not(:last-child) {
  padding-right: 0.5rem;
}

.list-px-3 > li:not(:first-child) {
  padding-left: 1rem;
}

.list-px-3 > li:not(:last-child) {
  padding-right: 1rem;
}

/** CARD */
.ccard-body {
  height: 8.5rem !important; /* Set a fixed height for the card body */
  overflow: hidden; /* Hide overflowing content */
  text-overflow: ellipsis; /* Optional: Add ellipsis for overflowed text */
  white-space: nowrap; /* Optional: Prevent text wrapping */
}

.card[href] {
  transition: all 0.2s ease-in-out;
}

.card[href]:hover {
  box-shadow: 0rem 1rem 1.75rem 0rem rgba(45, 55, 75, 0.1);
}

.card-ghost {
  background-color: transparent;
  border-width: 0;
  text-decoration: none !important;
}

.card-ghost[href]:hover {
  box-shadow: none;
}

.card-ghost .card-body {
  padding-left: 0;
  padding-right: 0;
}

.card-ghost .card-footer {
  padding: 0;
}

.card-transition {
  transition: all 0.2s ease-in-out;
}

.card-transition:hover, .card-transition:focus {
  -webkit-transform: translateY(-0.1875rem) !important;
          transform: translateY(-0.1875rem) !important;
}

.card-transition-zoom {
  overflow: hidden;
}

.card-transition-zoom .card-transition-zoom-item {
  overflow: hidden;
  border-radius: 0.8125rem;
}

.card-transition-zoom .card-img {
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.card-transition-zoom:hover .card-img {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.card-shadow {
  box-shadow: 0rem 1rem 1.75rem 0rem rgba(45, 55, 75, 0.1);
}

.card-login {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: hidden;
}

.card-login .card-body {
  padding: 2.75rem 2.75rem;
}

/** CARD LG *************/
.card-lg > .card-body,
.card-lg > .card-header,
.card-lg > .card-footer,
.card-lg > .card-img-overlay,
.card-lg > .collapse .card-body {
  padding: 2.75rem 2.75rem;
}

@media (max-width: 767.98px) {
  .card-lg > .card-body,
  .card-lg > .card-header,
  .card-lg > .card-footer,
  .card-lg > .card-img-overlay,
  .card-lg > .collapse .card-body {
    padding: 1.83333rem 1.83333rem;
  }
}

.card-lg .card-table > tbody > tr:first-child > td {
  padding-top: 2.75rem;
}

@media (max-width: 767.98px) {
  .card-lg .card-table > tbody > tr:first-child > td {
    padding-top: 1.83333rem;
  }
}

.card-lg .card-table > tbody > tr:last-child > td {
  padding-bottom: 2.75rem;
}

@media (max-width: 767.98px) {
  .card-lg .card-table > tbody > tr:last-child > td {
    padding-bottom: 1.83333rem;
  }
}

.card-lg .card-table > :not(caption) > * > * {
  padding-right: 2.75rem;
  padding-left: 2.75rem;
}

@media (max-width: 767.98px) {
  .card-lg .card-table > :not(caption) > * > * {
    padding-right: 1.83333rem;
    padding-left: 1.83333rem;
  }
}

.card-pinned {
  position: relative;
  display: block;
}

.card-pinned-top-start {
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.card-pinned-top-start.badge {
  border-radius: 0.8125rem 0 0.8125rem 0;
}

.card-pinned-top-end {
  position: absolute;
  top: -0.0625rem;
  right: -0.0625rem;
}

.card-pinned-top-end.badge {
  border-radius: 0 0.8125rem 0 0.8125rem;
}

.ui-datepicker-week-end a, .ui-holiday a{
  background-image: none;
  color: #ff0000 !important;
}

.ui-meeting-day, .ui-meeting-day a{
  background: none !important;
  background-color: rgba(52, 150, 219, 0.3) !important;
}

.btn-gmaps {
  background: url("./img/google-maps.png") #f2f2f2;
  background-position: -9px -7px;
  background-repeat: no-repeat;
  background-size: 39px 43px;
  padding-left: 41px;
  color: #000;
}
.btn-gmaps:hover {
  background: url("./img/google-maps.png") #e0e0e0;
  background-position: -9px -7px;
  background-repeat: no-repeat;
  background-size: 39px 43px;
  padding-left: 41px;
  color: #000;
}

.g-map {
  height: 22px;
  width: auto;
}

.chat-col {
  min-height: 80vh;
  max-height: 80vh;
}

.chat-left{
  height: 100%;
  overflow-y: auto;
}

@media (min-width: 576px) {
  .chat-right{
    height: 100%;
    overflow-y: auto;
  }
}

.img-hr-th {
  max-height: 70px !important;
  max-width: 70px !important;
}

.chat-hr-text {
  overflow: auto;
  white-space: nowrap;
}

/** ************ BUBBLE ************* */
.bbubble {
  --r: 25px; /* the radius */
  --t: 30px; /* the size of the tail */
  
  /*max-width: 300px;*/
  display:inline-block !important;
  max-width: 80%;
  padding: calc(2*var(--r)/3);
  -webkit-mask: 
    radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) 
      var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,
    conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) 
      calc(var(--r)/-2) calc(var(--r)/-2) padding-box, 
    radial-gradient(50% 50%,#000 98%,#0000 101%) 
      0 0/var(--r) var(--r) space padding-box;
  mask: 
      radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) 
      var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,
    conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) 
      calc(var(--r)/-2) calc(var(--r)/-2) padding-box, 
    radial-gradient(50% 50%,#000 98%,#0000 101%) 
      0 0/var(--r) var(--r) space padding-box;
}
.bb-left {
  --_d: 0%;
  border-left: var(--t) solid #0000;
  margin-right: var(--t);
  background: rgba(52, 150, 219, 0.3) border-box;
}
.bb-right {
  --_d: 100%;
  border-right: var(--t) solid #0000;
  margin-left: var(--t);
  background: rgba(25, 135, 84, 0.3) border-box;
}

a.not-normal {
  color: inherit !important;
  text-decoration: none !important;
}

a.not-normal:hover {
  color: inherit !important;
  text-decoration: none !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 6.1875rem !important;
}

/**** SPINNER ****/

.hloading {
  display: inline-block;
  overflow: hidden;
  height: 1.3em;
  margin-top: -0.3em;
  line-height: 1.5em;
  vertical-align: text-bottom;
}

.hloading::after {
  display: inline-table;
  white-space: pre;
  text-align: left;
}

.hloading::after {
  content: "\A.\A..\A...";
  animation: spin4 2s steps(4) infinite;
}

.hloading.dots::after {
  content: "⠋\A⠙\A⠹\A⠸\A⠼\A⠴\A⠦\A⠧\A⠇\A⠏";
  animation: spin10 1s steps(10) infinite;
}

@keyframes spin10 { to { transform: translateY(-15.0em); } }

.img-logo {
  max-height: 100px !important;
}

/*Autocomplete in stock page*/
.ui-front {
	z-index: 98;
}
.ui-autocomplete {
  position: relative;
	top: 0;
	left: 0;
	cursor: default;
	overflow: visible;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
  position: relative;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	text-align: left;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}