.border-left-dashed {
  border-left: 1px dashed #dbdade !important;
  padding-left: 3rem !important;
}

.chatbubble-left,
.chatbubble-right {
  display: flex;
}

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

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

.timeline .timeline-item .chatbubble-item-right,
.timeline .timeline-item .chatbubble-item-left {

  width: 90%;

}

.timeline .timeline-item .chatbubble-item-left:before {
  left: 32px !important;
  right: 100% !important;
  border-top: 1rem solid transparent;
  border-right: 1rem solid !important;
  border-left: 0 solid !important;
  border-bottom: 1rem solid transparent;
  border-left-color: rgba(0, 207, 232, 0.1);
  border-right-color: rgba(75, 75, 75, 0.1) !important;
  margin-left: -3rem;
}

.timeline .timeline-item .chatbubble-right:before {
  right: 32px !important;
  left: 100% !important;
  border-top: 1rem solid transparent;
  border-left: 1rem solid !important;
  border-right: 0 solid !important;
  border-bottom: 1rem solid transparent;
  border-left-color: rgba(75, 75, 75, 0.1) !important;
  border-right-color: var(--bs-white);
  margin-right: -3rem !important;
}

.chatbubble-indicator-advanced-right {
  right: -0.75rem;

}

.chatbubble-indicator-advanced-left {
  left: -0.75rem;
}

.timeline .timeline-item .timeline-indicator-advanced {
  position: absolute;
  top: -0.2rem;
  z-index: 2;
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
}

.avatar-sm-chatbubble {
  width: 1.6rem;
  height: 1.6rem;
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

jdp-container .jdp-month,
jdp-container .jdp-month input,
jdp-container .jdp-month select,
jdp-container .jdp-time,
jdp-container .jdp-time input,
jdp-container .jdp-time select,
jdp-container .jdp-year,
jdp-container .jdp-year input,
jdp-container .jdp-year select {
  background: var(--bs-white) !important;
  font-family: "vazir", "tahoma" !important;
}

jdp-container .jdp-btn-close,
jdp-container .jdp-btn-empty,
jdp-container .jdp-btn-today,
jdp-container .jdp-btn-empty,
jdp-container .jdp-btn-close,
jdp-container .jdp-btn-today {
  background: var(--bs-white) !important;
}

jdp-container .jdp-icon-minus,
jdp-container .jdp-icon-plus {
  background: var(--bs-white) !important;
  border: 1px solid #e6e6e6;
}

jdp-container .jdp-days .jdp-day.selected {
  background: rgba(0, 0, 0, .1) !important;
  color: black !important;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////// */
.ltr {
  direction: ltr !important;
}

.hiddenhtml {
  display: none;
}




/* /////////////////////////////////////////////////////////////////////////////////////////// */

.dropzone-header {
  padding: .25rem var(--bs-card-cap-padding-x) !important;
}

progress .progress-bar {
  box-shadow: 1px 1px 4px rgba(149, 85, 85, 0.2);
}

progress::-webkit-progress-bar {
  background-color: var(--bs-progress-bar-bg);
}

progress::-webkit-progress-value {
  background-color: var(--bs-progress-bar-bg);
  box-shadow: 1px 1px 5px 3px rgba(255, 0, 0, 0.8);
}

progress::-moz-progress-bar {

  background-color: var(--bs-progress-bar-bg);

}

/*/////////////////////////////////////////////////////////////////////////////////////////////*/


#fullpage-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding-bottom: 60px;
  gap: 30px;
  position: fixed;
  background-color: var(--bs-white);
  z-index: 100000;
}

.progress-custom {
  width: 60%;
  z-index: 9999;
  background-color: #F2F2F2;
}

.bar-custom {
  background-color: var(--custom-color);
  width: 0%;
  /* height:5px;  */
  border-radius: 3px;
}

.percent-custom {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%;
}

#wrapper-custom {
  width: 995px;
  padding: 0px;
  margin: 0px auto;
  font-family: helvetica;
  text-align: center;
}

.demoforloader {
  height: 150px !important;
}

.DivLogin {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  gap: 30px;
  position: fixed;
  background-color: var(--bs-white);
  z-index: 99999;
  overflow-y: scroll;
}

/* //////////////////////////////////////////////////////////////////////////////////////////// */


.context-menu {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 10000;
}

.context-menu-item {
  padding: 8px 12px;
  cursor: pointer;
}


/* ////////////////////////////////////////////////////////////////////// */

.select2-container {
  z-index: 1090 !important;
}

.light-style .select2-container--default .select2-selection--single,
.light-style .select2-container--default .select2-selection--single {
  height: calc(1.5em + 0.532rem + 2px) !important;
  padding: 0.266rem 0.625rem;
  font-size: 0.8125rem;
}

.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.5rem !important;
  color: #6f6b7d;
  padding-left: 0.875rem;
}


.truncate-text-multiline {
  overflow: hidden;
  display: block;
  height: 65.2px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.truncate-text-multiline.truncate-height-1 {
  height: 65.2px;
}

.truncate-text-multiline.truncate-height-2 {
  height: 90.2px;
}

.truncate-text-multiline.truncate-height-3 {
  height: 120.2px;
}
  

.truncate-text-multiline-gradient {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bs-card-bg) 50%);
}


.truncate-text-multiline-gradient>img {
  transform: rotate(90deg);
}

.truncate-active,
.truncate-text-multiline-gradient {
  height: 30px;
  cursor: pointer;

}

.truncate-active>img {

  transform: rotate(-90deg);

}
/* //////////////////////////////////////////////////////////////////////////////////// */

.img-nothing {
  width: 100%;
  max-width: 400px;
}

.color-gray {
  color: #6f6b7d;
}

.color-red {
  color: #ea5455 !important;
}

.color-orange {
  color: #f57f17 !important;
}

.color-green {
  color: green !important;
}

.border-green {
  border-color: green !important;
}

.border-red {
  border-color: red !important;
}

[dir=rtl] .dropdown-menu-start[data-bs-popper] {
  left: auto !important;
  right: 0 !important;
}

.layout-navbar .search-input-wrapper .search-input {
  text-align: right;
}

/* //////////////////////////////////////////////////////////////////////////////////// */

.icon-tada {
  transition: all 0.15s ease 0s;
  animation: tada 3s ease infinite;
  animation-fill-mode: both;
}

.span-icon-pulse {
  border-radius: 50%;
  padding: 8px;
  box-shadow: 0px 1px 10px 1px rgb(254 2 54 / 32%);
  transition: all 0.15s ease 0s;
  animation: pulse .5s ease infinite;
  animation-fill-mode: both;
}

/* ///////////////////////////////////////////////////// */
/* .btn-arrow{
  padding: 30px !important;
  background-color: #afafb2;
  border-radius: 50%;
} */


.swiper-link,
#cardList .card,
tbody tr {
  cursor: pointer;
}

/* ////////////////////////////////////////////////////////// */

.border-captcha {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;

}

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

/* ///////////////////////////////////////////////////////// */
.app-brand {
  z-index: 3;
}

/* ////////////////////////////////////////////////////////// */
.light-style #toast-bottom.toast-bottom-left>div.toast-success {
  background-image: url(../../app/img/cbg/cbg2.svg) !important;
  background-size: cover !important;
  padding: 10px;
}

[dir=rtl] #toast-bottom.toast-bottom-left>div.toast-success {
  background-position: 0 !important;
}
#toast-bottom {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  width: 22rem;
}

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

.fontsize-20{
  font-size: 20px;
}
/* ///////////////////////////////////////////////////////////////////////////////// */

.navbar-search-suggestion{
  background: #ffffffc3 !important;
}

/* ///////////////////////////////////////////////////////////////////////////////// */

.button-outside-card {
  position: relative;
  top: -15px; 
  left: -20px; 
  z-index: 1; 
}