.fb-panel .card-header{
    align-items: center;
}

.card.borderless {
    --card-border-width: 0 !important;
    --card-box-shadow: none !important;
}
.card.borderless > .card-header {
    padding: 0 !important;
}

.card.borderless > .card-body {
    padding: 0 !important;
}



/** POPUPONMOBILE **/
.popuponmobile .popuponmobile-header {
  border-bottom: 1px solid #ddd;
  position: relative;
  /* width: 100%; */
  left: -20px;
  width: calc(100% + 40px);
  padding: 0 20px 15px 20px;
  display: none;
  margin-bottom: 15px;
}
.popuponmobile .popuponmobile-button {
  display: none;
}

.popuponmobile .popuponmobile-header > i {
	position: absolute;
  padding: 28px;
	/** top: 28px;  right: 28px; **/
  top: 0;
  right: 0;
  top: -20px;
  
}
@media (max-width: 576px) {
  .popuponmobile .popuponmobile-button {
    display: block;
  }
  .popuponmobile .card-header {
    border-bottom: none;
  }
  .popuponmobile .card-body {
    position: fixed;
    /** bottom: 0; **/ /** animate from -100% to 0% **/
    left: 0;
    right: 0;
    background-color: white;
    z-index: 1031;
    border: 1px solid #ddd;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;  
    display: none;
    overflow-y: auto !important;
    max-height: 100vh;
  }
  .popuponmobile.popuponmobile-shown .card-body {
    display: block;
  }

  .popuponmobile .popuponmobile-header {
    display: block !important;
  }
}

.popup-backdrop {
  z-index: 1030;
  background-color: var(--black);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.popup-backdrop.show {
  opacity: 0.35;
}
.bootbox.modal .bootbox-close-button {
         color:#333333 !important;
 }
 .ph.ph-caret-right[data-bs-toggle='offcanvas'] {
     margin-left: 5px;
 }
 
 
/** END POPUPONMOBILE **/