/*
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
*/

.hidden{
  display: none!important;
}

.vh2-square{
  height: 2.2vh!important;
  width: 2.2vh!important;
}

.row.fixed-chat-input{
  position: fixed;
  bottom: 0px;
  width: 100%;
  max-width: 1700px;
  z-index: 3;
  padding-left: calc(var(--bs-gutter-x) * .5);
}

.amina-chat-container{
  max-height: calc(100vh - 270px);
  overflow-y: scroll; 
  overflow-x: hidden;  
}

@media (min-width: 990px){
  .card.fixed-chat-input {
    flex: 0 0 auto;
    width: 66.6%;

    --border:1px dashed #BBBBBB;

  }
  .row.fixed-chat-input {
    padding-right: calc(var(--bs-gutter-x) * .5 + 50px);
  }
}
@media (max-width: 990px){
  .card.fixed-chat-input {
    flex: 0 0 auto;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);

    border:1px dotted #BBBBBB;

  }
  .row.fixed-chat-input{
    padding-right: calc(var(--bs-gutter-x) * .5 + 20px);
  }
  .amina-chat-container{
    max-height: unset;
    overflow-y: unset;
    overflow-x: unset;
  }  
}

.list-item {
  border-bottom: 1px dashed #f1f4ff;
  padding-left: 10px;
}
.list-item:before{
  margin-left:-10px;
}

.list-item:hover {
  background-color: #f1f4ff;
}

.list-item.h1_item:before{
  content: "- "; 
  font-weight:bold;
}
.list-item.h0_item:before, .list-item.h2_item:before{
  content: "- ";
}


/***********************************************/
/** https://github.com/nzbin/three-dots
 * ==============================================
 * Dot Elastic
 * ==============================================
 */
.dot-elastic {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--kt-form-check-input-checked-bg-color);
  color: var(--kt-form-check-input-checked-bg-color);
  animation: dot-elastic 1s infinite linear;
}
.dot-elastic::before, .dot-elastic::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-elastic::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--kt-form-check-input-checked-bg-color);
  color: var(--kt-form-check-input-checked-bg-color);
  animation: dot-elastic-before 1s infinite linear;
}
.dot-elastic::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--kt-form-check-input-checked-bg-color);
  color: var(--kt-form-check-input-checked-bg-color);
  animation: dot-elastic-after 1s infinite linear;
}

@keyframes dot-elastic-before {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dot-elastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dot-elastic-after {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

::highlight(search-results2) {
  background-color: #ff0;
  color: #000;
}

.btn.btn-light-bazoom {
  color: #50cd89;
  border-color: rgba(0,119,181,.1);
  background-color: rgba(0,119,181,.1);
}

.btn-check:active+.btn.btn-light-bazoom, .btn-check:checked+.btn.btn-light-bazoom, .btn.btn-light-bazoom.active, .btn.btn-light-bazoom.show, .btn.btn-light-bazoom:active:not(.btn-active), .btn.btn-light-bazoom:focus:not(.btn-active), .btn.btn-light-bazoom:hover:not(.btn-active), .show>.btn.btn-light-bazoom {
  color: #fff;
  border-color: #0d7b58;
  background-color: #0d7b58!important;
}