.cc-window {
  background-color: #282a3a;
}
.cc-btn {
  background-color: #5867dd;
  border-color: #5867dd;
  color: #ffffff;
}
.cc-message {
  color: #fefefe;
}
html,
body {
  max-width: 100%;
  width: 100%;
  overflow-x: hidden;
}
.blockUI.blockOverlay {
  position: fixed !important;
}
#header_notification_bar .topbar-item {
  position: relative;
}
#header_notification_bar .flaticon2-notification {
  font-size: 15px;
}
#header_notification_bar .fa-info-circle {
  font-size: 20px;
}
#header_notification_bar .holder a {
  padding: 10px 15px;
  font-size: 13px;
}
.unread-notification {
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}
.modal-dialog .container .container_inner {
  margin: 0 auto;
  max-width: 700px;
}
.modal-footer,
.modal-content {
  border-radius: 0;
}
.points-button {
  padding: 5px 12px !important;
}
.points-button a {
  color: var(--kt-secondary-inverse);
}
.points-button .icon {
  margin: 0px;
  margin-left: 10px;
  padding: 3px;
  background-color: #F1416C;
  color: #fff !important;
  border-radius: 50%;
}
.points-button .icon::before {
  width: 22px;
  height: 22px;
  line-height: 23px;
  font-size: 12px;
}
.points-button.btn.btn-secondary:hover {
  background-color: #d5d8e5 !important;
}
.select2-container--disabled .select2-selection--single {
  background: #efefef;
  cursor: not-allowed;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
  box-shadow: none !important;
  border: 1px solid var(--kt-form-select-border-color) !important;
  color: var(--kt-form-select-color) !important;
  color: var(--kt-input-focus-color) !important;
  border-color: var(--kt-form-select-focus-border-color) !important;
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  box-shadow: none !important;
  border-color: var(--kt-form-select-focus-border-color) !important;
}
.select2-container--bootstrap-5 .select2-dropdown {
  border-color: var(--kt-form-select-focus-border-color) !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  background-color: #E0E0E6 !important;
  color: var(--kt-form-select-color) !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #eaeaef !important;
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }
  1% {
    -moz-transform: rotate(30deg);
  }
  3% {
    -moz-transform: rotate(-28deg);
  }
  5% {
    -moz-transform: rotate(34deg);
  }
  7% {
    -moz-transform: rotate(-32deg);
  }
  9% {
    -moz-transform: rotate(30deg);
  }
  11% {
    -moz-transform: rotate(-28deg);
  }
  13% {
    -moz-transform: rotate(26deg);
  }
  15% {
    -moz-transform: rotate(-24deg);
  }
  17% {
    -moz-transform: rotate(22deg);
  }
  19% {
    -moz-transform: rotate(-20deg);
  }
  21% {
    -moz-transform: rotate(18deg);
  }
  23% {
    -moz-transform: rotate(-16deg);
  }
  25% {
    -moz-transform: rotate(14deg);
  }
  27% {
    -moz-transform: rotate(-12deg);
  }
  29% {
    -moz-transform: rotate(10deg);
  }
  31% {
    -moz-transform: rotate(-8deg);
  }
  33% {
    -moz-transform: rotate(6deg);
  }
  35% {
    -moz-transform: rotate(-4deg);
  }
  37% {
    -moz-transform: rotate(2deg);
  }
  39% {
    -moz-transform: rotate(-1deg);
  }
  41% {
    -moz-transform: rotate(1deg);
  }
  43% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.ace_editor {
  min-height: 100px;
}
.unread-notification-count {
  position: absolute;
  top: 13px;
  right: 3px;
}
.unread-chat-message-count {
  position: absolute;
  top: 13px;
}
#TenantTable td,
#TenantTable th {
  padding: 10px 20px;
}
.daterangepicker {
  z-index: 9999;
}
.searchMenuContainerSelect2 .select2-container {
  width: 214px !important;
}
@media (max-width: 991.98px) {
  .searchMenuContainerSelect2 .select2-container {
    width: 180px !important;
  }
}
@media (min-width: 1200px) {
  .subscriptionTemplate .option {
    min-height: 600px;
  }
}
[data-kt-aside-minimize="on"] .searchMenuContainerSelect2 .select2-container {
  width: 45px !important;
}
[data-kt-aside-minimize="on"] .searchMenuContainerSelect2 .select2-selection__placeholder,
.side-minimize .searchMenuContainerSelect2 .select2-selection__arrow {
  display: none;
}
[data-kt-aside-minimize="on"] .searchMenuContainerSelect2 span.select2-selection.select2-selection--single:before {
  left: 15px;
}
[data-kt-aside-minimize="on"] .searchMenuDropDownSelect2.select2-dropdown {
  width: 235px !important;
}
.searchMenuContainerSelect2 {
  margin: 15px;
}
.searchMenuContainerSelect2 .select2-selection {
  height: 40px !important;
}
.searchMenuContainerSelect2 .select2-selection__rendered {
  padding-top: 8px;
}
.searchMenuContainerSelect2 .select2-selection__arrow {
  margin-top: 7px;
}
#ActiveUserDelegationsCombobox {
  max-width: 120px;
}
body[data-kt-app-layout=dark-sidebar] .searchMenuContainerSelect2 .select2-selection {
  background-color: #12121e !important;
  border: 1px solid #2c2d44 !important;
  color: #9899ac !important;
}
body[data-kt-app-layout=dark-sidebar] .searchMenuContainerSelect2 .select2-selection:focus {
  border-color: #7380fc !important;
  color: #fff !important;
}
body[data-kt-app-layout=dark-sidebar] .searchMenuContainerSelect2 .searchMenuSelect2 {
  background-color: #12121e !important;
  border: 1px solid #2c2d44 !important;
  color: #9899ac !important;
}
body[data-kt-app-layout=dark-sidebar] .searchMenuContainerSelect2 .searchMenuSelect2:focus {
  border-color: #7380fc !important;
  color: #fff !important;
}
body[data-kt-app-layout=dark-sidebar] .searchMenuDropDownSelect2.select2-dropdown.select2-dropdown--below {
  background-color: #1e1e2d !important;
  border: 1px solid #323248 !important;
  color: #999 !important;
}
body[data-kt-app-layout=dark-sidebar] .searchMenuDropDownSelect2.select2-dropdown.select2-dropdown--below input {
  background-color: #1e1e2d !important;
  border: 1px solid #323248 !important;
  color: #999 !important;
}
body[data-kt-app-layout=dark-sidebar] .searchMenuDropDownSelect2.select2-dropdown.select2-dropdown--below input:focus-visible {
  border: 1px solid #323248 !important;
}
body[data-kt-app-toolbar-fixed=true] .app-sidebar-logo {
  height: 71px;
}
[data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true] .app-wrapper {
  margin-top: 120px;
}
.tenant-register-form div[class^="col-"] {
  position: relative;
}
.tenant-register-form .form-holder {
  background-color: #F0F3FA;
}
.login-area .login-form {
  max-width: 500px;
}
.app-content {
  padding-bottom: 0;
}
/* custom color palette  */
:root,
[data-theme=light] {
  --ldc-light-color: #fff;
  --ldc-black-color: #3a3a3a;
  --ldc-dark-black: #181620;
  --ldc-dark-color: #003F5E;
  --ldc-main-color: #0DA5B2;
  --ldc-secodary-color: #EB4364;
  --ldc-secondary-light-blue-color: #24B4F5;
  --ldc-secondary-light-blue-color-active: #0fa4e9;
  --ldc-secondary-danger-color: #F54B3E;
  --ldc-main-bg-color: #F0F3FA;
  --ldc-warning-color: #F3A22D;
  --ldc-success-color: #197864;
  --ldc-danger-color: #C42F45;
  /* overwrite primary color*/
  --kt-primary: #0DA5B2;
  --kt-text-primary: #0DA5B2;
  --kt-primary-active: #2599A2;
  /* Overwrite font family*/
  --ldc-main-font: 'Comfortaa', cursive;
}
html,
body,
.btn {
  font-family: var(--ldc-main-font) !important;
}
body {
  font-family: var(--ldc-main-font);
}
body,
.app-default {
  background-color: var(--kt-app-blank-bg-color);
}
.flex-column .btn + .btn {
  margin-left: 0px;
}
#previewMessageSpan,
.bubble .message {
  white-space: pre-wrap;
}
.text-info {
  color: var(--ldc-secondary-light-blue-color) !important;
}
.card-header {
  position: relative;
}
.card-header.search-filters {
  padding: 0 !important;
}
.card-header.search-filters .form {
  max-width: 280px;
}
.card-header.search-filters .form.full-width {
  width: 100%;
}
.card .card-header .main {
  background-color: #EFF2F5;
  border-radius: 5px;
}
.card .card-header.grey-header {
  background-color: #EFF1F9;
}
.shadow-box {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.nav-group {
  background-color: #fff !important;
}
.subtitle {
  margin-bottom: 30px;
}
.filter-button {
  top: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .filter-button {
    position: relative !important;
  }
}
.main-content-container {
  margin-bottom: 30px;
}
.btn {
  cursor: pointer;
}
.btn.disabled {
  background: #eee;
}
.btn-bg-info {
  color: var(--ldc-light-color);
}
.btn-bg-info:hover {
  background-color: var(--kt-info-active);
  color: var(--ldc-light-color);
}
.btn-bg-info:focus,
.btn-bg-info:active,
.btn-bg-info:disabled {
  color: var(--ldc-light-color);
}
.btn-bg-dark-blue {
  color: var(--ldc-light-color);
  background-color: #174F68;
}
.btn-bg-dark-blue:hover {
  background-color: #003F5E;
  color: var(--ldc-light-color);
}
.btn-bg-dark-blue:focus,
.btn-bg-dark-blue:active,
.btn-bg-dark-blue:disabled {
  color: var(--ldc-light-color);
  background-color: #174F68;
}
.dataTables_processing {
  opacity: 0;
}
.dataTables_info {
  font-size: 12px;
  color: #B5B5C3 !important;
}
.fa-times-circle,
.fa-check-circle,
.fa-circle-check {
  font-size: 16px;
}
.fa-times-circle {
  color: var(--ldc-secondary-danger-color);
}
.dropdown-menu {
  min-width: 350px;
}
.table > :not(caption) > * > * {
  border-bottom-width: 0;
}
/* modals */
.swal2-styled.swal2-confirm {
  background-color: var(--ldc-secondary-light-blue-color);
}
.swal2-styled.swal2-cancel {
  background-color: var(--ldc-secondary-danger-color);
}
.swal2-icon.swal2-warning {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
table tbody tr:not(.selected) > td:not(.dataTables_empty) {
  transition: color 0.5s ease-in-out;
}
table tbody tr:not(.selected):hover > td:not(.dataTables_empty) {
  color: var(--ldc-secondary-light-blue-color);
  transition: color 0.3s ease-in-out;
}
.cc-window {
  background-color: #123a4c;
}
.cc-btn {
  background-color: #24B4F5;
  border-color: #24B4F5;
  color: #ffffff;
  border-radius: 0.475rem;
  min-width: 120px;
}
.cc-btn:hover {
  background-color: #12A1E4;
  border-color: #12A1E4;
  color: #ffffff;
}
/* end of modals */
.spinner {
  width: 50px !important;
  height: 50px;
  border: 5px solid #fff;
  border-bottom-color: #0DA4B1;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.spinner div {
  display: none;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* buttons */
.btn.btn-info {
  background-color: var(--ldc-secondary-light-blue-color);
}
.btn-check:checked + .btn.btn-info,
.btn-check:active + .btn.btn-info,
.btn.btn-info:focus:not(.btn-active),
.btn.btn-info:hover:not(.btn-active),
.btn.btn-info:active:not(.btn-active),
.btn.btn-info.active,
.btn.btn-info.show,
.show > .btn.btn-info {
  background-color: #12a1e4 !important;
}
.close-button {
  color: var(--ldc-secondary-danger-color);
}
.close-button:hover {
  color: var(--ldc-light-color);
  background-color: var(--ldc-secondary-danger-color);
}
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
  padding: calc(0.6rem + 1px) calc(1.8rem + 5px);
}
.btn.btn-active-success:hover:not(.btn-active) {
  background-color: #49b379 !important;
}
.btn.border {
  border-radius: 25px;
}
/* end of buttons */
.app-main {
  background: var(--ldc-main-bg-color);
}
/* dark mode */
[data-theme=dark] .app-main {
  background: var(--kt-highlight-bg);
}
[data-theme=dark] .table tr.odd {
  background-color: var(--kt-border-color);
}
[data-theme=dark] .advacedFiltersArea {
  background-color: var(--ldc-dark-black);
}
[data-theme=dark] .card .card-header.main {
  background-color: var(--ldc-dark-black);
}
[data-theme=dark] .nav-group {
  background-color: var(--kt-gray-100) !important;
}
[data-theme=dark] .CodeMirror {
  background: transparent;
  color: #ddd;
}
[data-theme=dark] .editor-toolbar a {
  color: #ddd !important;
}
[data-theme=dark] .editor-toolbar a:hover {
  background-color: var(--ldc-dark-black);
}
[data-theme=dark] .alert {
  color: #eee;
}
[data-theme=dark] .alert-info {
  color: var(--kt-text-gray-700);
  background-color: var(--kt-primary-light);
}
[data-theme=dark] .card .card-header.grey-header {
  background-color: var(--kt-border-color);
}
/* end of dark mode */
.error-msg {
  font-size: 0.925rem;
  color: #f1416c;
  font-weight: 600;
}
/* generic grid styles */
[data-kt-app-layout=light-sidebar][data-kt-app-header-fixed=true] .app-sidebar .app-sidebar-logo {
  border-bottom: none;
}
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
  font-size: 16px;
}
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
  font-size: 14px;
}
.grid-stack {
  margin: 10px;
  border-radius: 10px;
}
.uploadzone {
  min-height: auto;
  padding: 0.5rem 1.75rem;
  text-align: center;
  cursor: pointer;
  border: 1px dashed var(--kt-primary);
  background-color: var(--kt-primary-light);
  border-radius: 0.475rem !important;
}
.advacedFiltersArea {
  background-color: #EFF2F5;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
}
/* footer */
[data-theme=dark] .app-footer {
  background: var(--kt-highlight-bg);
}
.app-footer {
  background-color: var(--ldc-main-bg-color);
}
.app-footer .text-muted {
  font-size: 10px;
}
#kt_app_footer {
  justify-content: flex-end;
}
.scrolltop {
  background-color: var(--ldc-secondary-light-blue-color);
}
form .svg-icon {
  z-index: 1;
}
.stepper [data-kt-stepper-element=info],
.stepper [data-kt-stepper-element=content] {
  display: none;
}
.stepper [data-kt-stepper-element=info].current,
.stepper [data-kt-stepper-element=content].current {
  display: flex;
  justify-content: center;
}
.stepper .stepper-item[data-kt-stepper-action=step] {
  cursor: pointer;
}
.stepper [data-kt-stepper-action=previous] {
  display: none;
}
.stepper [data-kt-stepper-action=next] {
  display: inline-block;
}
.stepper [data-kt-stepper-action=submit] {
  display: none;
}
.stepper.first [data-kt-stepper-action=previous] {
  display: none;
}
.stepper.first [data-kt-stepper-action=next] {
  display: inline-block;
}
.stepper.first [data-kt-stepper-action=submit] {
  display: none;
}
.stepper.between [data-kt-stepper-action=previous] {
  display: inline-block;
}
.stepper.between [data-kt-stepper-action=next] {
  display: inline-block;
}
.stepper.between [data-kt-stepper-action=submit] {
  display: none;
}
.stepper.last [data-kt-stepper-action=previous] {
  display: inline-block;
}
.stepper.last [data-kt-stepper-action=next] {
  display: none;
}
.stepper.last [data-kt-stepper-action=submit] {
  display: none;
}
.stepper.last [data-kt-stepper-action=submit].btn-flex {
  display: flex;
}
.stepper.stepper-pills .stepper-nav {
  display: flex;
}
.stepper.stepper-pills .stepper-item {
  display: flex;
  align-items: center;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.stepper.stepper-pills .stepper-item .stepper-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, background-color 0.2s ease;
  width: 40px;
  height: 40px;
  border-radius: 0.475rem;
  background-color: #F1FAFF;
  margin-right: 1.5rem;
}
.stepper.stepper-pills .stepper-item .stepper-icon .stepper-check {
  display: none;
  font-size: 1rem;
}
.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
  font-weight: 600;
  color: var(--ldc-main-color) !important;
  font-size: 1.25rem;
}
.stepper.stepper-pills .stepper-item .stepper-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
  color: #3F4254;
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 0.3rem;
}
.stepper.stepper-pills .stepper-item .stepper-label .stepper-desc {
  color: #A1A5B7;
}
.stepper.stepper-pills .stepper-item.current {
  transition: color 0.2s ease, background-color 0.2s ease;
}
.stepper.stepper-pills .stepper-item.current .stepper-icon {
  transition: color 0.2s ease, background-color 0.2s ease;
  background-color: var(--ldc-main-color);
}
.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-check {
  color: var(--ldc-main-color);
  display: none;
}
.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-number {
  color: #ffffff !important;
  font-size: 1.35rem;
}
.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
  color: #7E8299;
}
.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
  color: #B5B5C3;
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon,
.stepper.stepper-pills .stepper-item.completed .stepper-icon {
  transition: color 0.2s ease, background-color 0.2s ease;
  background-color: #F1FAFF;
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check,
.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
  color: var(--ldc-main-color) !important;
  display: inline-block;
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-number,
.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-number {
  display: none;
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-title,
.stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title {
  color: #A1A5B7;
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-desc,
.stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-desc {
  color: #B5B5C3;
}
.stepper.stepper-pills.stepper-column .stepper-nav {
  flex-direction: column;
}
.stepper.stepper-pills.stepper-column .stepper-item {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 2.5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.stepper.stepper-pills.stepper-column .stepper-icon {
  z-index: 1;
}
.stepper.stepper-pills.stepper-column .stepper-line {
  display: block;
  content: " ";
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  transform: translate(0%);
  border-left-width: 1px;
  border-left-style: dashed;
  border-left-color: #E4E6EF;
}
.stepper.stepper-pills.stepper-column .stepper-item:first-child .stepper-line {
  top: 50%;
}
.stepper.stepper-pills.stepper-column .stepper-item:last-child .stepper-line {
  bottom: 50%;
}
.stepper .step-nav-buttons {
  margin: auto;
}
#kt_account_notifications select.hide {
  opacity: 0;
}
.unsubscribePage .inner-container {
  width: 100%;
}
.unsubscribePage svg {
  max-width: 30%;
  position: relative;
  margin: 0 auto;
}
.unsubscribePage .bottom {
  text-align: center;
  margin-top: 0em;
  max-width: 70%;
  position: relative;
  margin: 0 auto;
}
.unsubscribePage .bottom h2 {
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
  margin: 0 auto 0.25em;
}
.unsubscribePage .bottom p {
  color: #777;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 auto 2em;
}
.unsubscribePage .buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.unsubscribePage .buttons button {
  padding: 10px 30px;
  font-size: 20px;
  border: 0;
  cursor: pointer;
  border-radius: 4px;
  color: #ffffff;
  margin-right: 20px;
  margin-bottom: 15px;
  transition: all 0.25s ease-in-out;
}
.unsubscribePage .buttons button:focus {
  border: none;
  outline: 0;
}
.unsubscribePage #blob-3,
.unsubscribePage #blob-2,
.unsubscribePage #mouth-happy,
.unsubscribePage #eyebrow-happy-left,
.unsubscribePage #eyebrow-happy-right,
.unsubscribePage #eyes-laughing,
.unsubscribePage #open-mouth,
.unsubscribePage #tongue {
  display: none;
}
@media (max-width: 699px) {
  .unsubscribePage .container {
    width: 90%;
  }
  .unsubscribePage .bottom {
    margin-top: 1em;
    max-width: 90%;
  }
}
@media (max-width: 399px) {
  .unsubscribePage .container {
    padding: 20px;
  }
  .unsubscribePage .bottom h2 {
    font-size: 24px;
  }
  .unsubscribePage .buttons {
    flex-direction: column;
  }
  .unsubscribePage .buttons button {
    margin-right: 0;
  }
  .unsubscribePage svg {
    padding-top: 0;
  }
}
.actions {
  display: flex;
  justify-content: flex-end;
}
.actions .menu-link {
  border-radius: 10px;
  height: 40px;
}
.actions .menu-link i {
  color: var(--ldc-light-color);
}
.actions .menu-link.edit {
  background-color: #50CD89;
  transition: background-color 0.5s;
}
.actions .menu-link.edit:hover {
  background-color: #1AA179;
}
.actions .menu-link.view {
  background-color: #03A9F3;
  transition: background-color 0.5s;
}
.actions .menu-link.view:hover {
  background-color: #0393d6;
}
.actions .menu-link.delete {
  background-color: #F1416C;
  transition: background-color 0.5s;
}
.actions .menu-link.delete:hover {
  background-color: #B02A37;
}
.actions .menu-link.select {
  background-color: #0DA5B2;
  transition: background-color 0.5s;
}
.actions .menu-link.select:hover {
  background-color: #2599A2;
}
.opt-in-template .table-responsive table tbody tr td {
  min-width: 125px;
}
@media (max-width: 699px) {
  .opt-in-template .table-responsive table tbody tr td {
    min-width: auto;
  }
}
.table thead th {
  font-weight: 600;
  font-size: 15px;
}
/* .table th, .table td {
  border-style: none;
} */
.table td:first-child {
  padding-left: 0.75rem;
}
.table:not(.card) tr:last-child,
.table th:last-child,
.table td:last-child {
  padding-right: 0.75rem !important;
}
.table tr.odd {
  background-color: #F8F9FD;
}
/* Login overwrites */
#kt_login_signin_submit {
  width: 100%;
}
#forget-password {
  color: #525ADA;
}
/* toast notif styles*/
.toast.toast-success {
  background-color: #20C997;
}
.toast.toast-success .toast-message {
  font-size: 13px;
}
.toast.toast-info {
  background-color: var(--ldc-secondary-light-blue-color);
}
.toast.toast-info .toast-message {
  font-size: 13px;
}
/* form styles */
.register-form .invalid-feedback {
  position: absolute;
  margin-top: 0;
}
.register-form .fv-row {
  position: relative;
}
.register-form #toc-error {
  margin-top: 50px;
}
.register-form .tax-check-button {
  min-height: 45px;
}
input.checkbox {
  border: none !important;
}
.form-check-custom.form-check-solid .form-check-input:checked {
  background-color: var(--ldc-main-color);
}
#show_hide_password {
  margin-bottom: 30px;
}
#show_hide_password.custom .input-group-addon {
  top: 0;
  right: 0;
  min-height: 45px;
  border: none;
}
#show_hide_password.custom input {
  padding-right: 40px;
}
#show_hide_password.custom .invalid-feedback {
  position: absolute;
}
#show_hide_password:not(.custom) input {
  border-right: 1px solid transparent;
}
#show_hide_password:not(.custom) .invalid-feedback {
  position: absolute;
  bottom: -25px;
  left: 0;
}
#show_hide_password .input-group-addon {
  align-content: center;
  align-items: center;
  min-width: 40px;
  padding: 10px;
  border: 1px solid var(--kt-input-border-color);
  border-left: transparent;
  border-top-right-radius: 0.475rem;
  border-bottom-right-radius: 0.475rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#show_hide_password .input-group-addon .fa {
  font-size: 16px;
  cursor: pointer;
  min-width: 20px;
}
#show_hide_password .input-group-addon.active {
  border-color: var(--kt-input-focus-border-color);
}
#show_hide_password .input-group-addon.invalid {
  border-color: #f1416c;
}
#show_hide_password .input-group-addon::before {
  content: '';
  border: 1px solid var(--kt-input-solid-bg-focus);
  height: 100%;
  margin-right: 10px;
}
#advanced_filters_form .form-check-input {
  background-color: var(--ldc-light-color);
}
#advanced_filters_form .form-check-input:checked {
  background-color: var(--ldc-main-color);
}
.alert-warning {
  color: var(--bs-alert-color);
}
.alert-warning i {
  color: var(--kt-warning);
}
.alert-info {
  color: var(--ldc-black-color);
  border-color: var(--ldc-secondary-light-blue-color);
  background-color: #f7fcff;
}
.alert-info i {
  color: var(--ldc-secondary-light-blue-color);
}
.alert-secondary {
  color: var(--ldc-black-color);
}
.alert-success {
  color: var(--ldc-black-color);
}
.search-with-loader {
  display: flex;
  align-items: center;
}
/* Templates page */
.PersonalTemplated .templates .card tbody tr,
.SponsoredTemplated .templates .card tbody tr {
  max-width: 265px;
  padding: 10px 30px;
  width: calc(100% * (1/3) - 10px - 2px);
}
.PersonalTemplated .templates .card tbody tr:last-child,
.SponsoredTemplated .templates .card tbody tr:last-child {
  padding-right: 30px !important;
}
.templates .dataTables_filter {
  position: absolute;
  top: 0;
}
.templates .dataTables_filter label {
  background: var(--ldc-light-color);
  padding: 5px 10px;
  border-radius: 0.625rem;
}
.templates .dataTables_filter label .fa-search {
  font-size: 14px;
  color: var(--ldc-black-color);
}
.templates .dataTables_filter input {
  border: none;
  padding: 0;
  font-size: 14px;
}
.templates .card {
  margin-top: 10px;
}
.templates .card .colHeader {
  font-size: 13px;
  color: #9b9b9b;
}
.templates .card .title {
  font-size: 16px;
}
.templates .card .actions {
  border-top: 1px solid #eee;
  margin-top: 10px;
}
.templates .card .actions .btn-group {
  width: 100%;
  margin-top: 10px;
}
.templates .card .actions .colHeader {
  display: none;
}
.templates .card tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
}
.templates .card tbody tr {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 10px 30px;
  box-sizing: border-box;
  max-width: 290px;
  width: 100%;
}
.templates .card tbody tr:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  cursor: pointer;
}
.templates .card tbody tr td {
  display: flex;
  text-align: right;
  border: 0;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;
}
.templates .card tbody tr td span {
  text-align: left;
}
.templates .card tbody tr td:last-child {
  padding: 10px 0 !important;
}
.templates .card tbody tr td .preview-template {
  width: 100%;
}
.templates .card tbody tr:last-child {
  border: 1px solid #eee !important;
}
.templates .card thead {
  display: none;
}
.templates .filters {
  width: 100%;
  justify-content: flex-end;
}
.templates .filters a {
  color: var(--ldc-light-color);
  background-color: var(--ldc-secondary-light-blue-color);
}
.templates .filters .form-switch.form-check-solid .form-check-input {
  background-image: var(--kt-form-switch-bg-image);
}
.templates .type-logo {
  border-radius: 5px;
}
.templates .openFilters .hide {
  display: none;
}
/* templates details */
.templateDetails,
.previewContainer {
  position: relative;
}
.templateDetails .card .card-header .card-toolbar,
.previewContainer .card .card-header .card-toolbar {
  flex-wrap: nowrap;
}
.templateDetails .pviewport,
.previewContainer .pviewport {
  max-height: 550px;
  overflow-y: auto;
}
.templateDetails .pviewport::-webkit-scrollbar,
.previewContainer .pviewport::-webkit-scrollbar {
  width: 0.5em;
}
.templateDetails .pviewport::-webkit-scrollbar-track,
.previewContainer .pviewport::-webkit-scrollbar-track {
  background: white;
}
.templateDetails .pviewport::-webkit-scrollbar-thumb,
.previewContainer .pviewport::-webkit-scrollbar-thumb {
  background: lightgray;
  border-radius: 10px;
}
.templateDetails .pviewport:hover::-webkit-scrollbar-thumb,
.previewContainer .pviewport:hover::-webkit-scrollbar-thumb {
  background: darkgray;
}
.templateDetails .pviewport::-webkit-scrollbar-thumb:hover,
.previewContainer .pviewport::-webkit-scrollbar-thumb:hover {
  background: black;
}
.templateDetails .pviewport:hover::-webkit-scrollbar-thumb:hover,
.previewContainer .pviewport:hover::-webkit-scrollbar-thumb:hover {
  background: black;
}
.templateDetails .table .update,
.previewContainer .table .update {
  display: none;
}
@media (max-width: 992px) {
  .templateDetails .previewContainer,
  .previewContainer .previewContainer {
    max-width: 400px;
  }
}
.templateDetails .viber-layout-selected,
.previewContainer .viber-layout-selected {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.templateDetails .viber-layouts,
.previewContainer .viber-layouts {
  flex-wrap: wrap;
}
.templateDetails .viber-layouts .holder,
.previewContainer .viber-layouts .holder {
  position: relative;
}
.templateDetails .viber-layouts .holder .slected-item,
.previewContainer .viber-layouts .holder .slected-item {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 18px;
  display: none;
}
.templateDetails .viber-layouts .holder.selected .slected-item,
.previewContainer .viber-layouts .holder.selected .slected-item {
  display: block;
}
.templateDetails .viber-layouts .viber-layout,
.previewContainer .viber-layouts .viber-layout {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  transition: transform 0.2s;
  cursor: pointer;
  filter: contrast(115%);
  height: 140px;
}
.templateDetails .viber-layouts .viber-layout.selected,
.previewContainer .viber-layouts .viber-layout.selected {
  transform: translateY(-6px) scale(1.04);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border: 1px solid #DBDBDB;
  filter: contrast(100%);
}
.templateDetails .viber-layouts .viber-layout:hover,
.previewContainer .viber-layouts .viber-layout:hover {
  transform: translateY(-6px) scale(1.04);
}
.templateDetails .viber-button,
.previewContainer .viber-button {
  border: 1px dashed transparent;
  background-color: #7b549b;
  border-radius: 100px;
  color: #FFF;
  margin: 15px 0;
  font-size: 14px;
  min-width: 200px;
}
.templateDetails .type-logo,
.previewContainer .type-logo {
  display: none;
}
.templateDetails .template-type.sms .type-logo.sms,
.previewContainer .template-type.sms .type-logo.sms {
  display: block;
}
.templateDetails .template-type.viber .type-logo.viber,
.previewContainer .template-type.viber .type-logo.viber {
  display: block;
}
.templateDetails .template-type.email .type-logo.mail,
.previewContainer .template-type.email .type-logo.mail {
  display: block;
}
.templateDetails .editor-field .view,
.previewContainer .editor-field .view {
  display: flex;
}
.templateDetails .template-test,
.previewContainer .template-test {
  position: fixed;
  bottom: 0px;
  right: 0px;
}
.templateDetails .template-test img,
.previewContainer .template-test img {
  cursor: pointer;
  transition: transform 0.2s;
}
.templateDetails .template-test img:hover,
.previewContainer .template-test img:hover {
  transform: scale(1.3);
}
@media (max-width: 440px) {
  .templateDetails .viber-button,
  .previewContainer .viber-button {
    min-width: 100%;
  }
}
.preview-window {
  background-color: #F8F8F8;
  border: 15px solid var(--ldc-black-color);
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  border-radius: 25px;
  display: none;
}
.preview-window .card-body {
  min-height: 550px;
}
.preview-window .card-body .symbol {
  display: none;
}
.preview-window .card-body .message .bubble {
  padding: 7px;
  background-color: #ddd;
  max-width: 280px;
}
.preview-window .card-body .message .bubble img {
  display: none;
}
.preview-window .card-body .message .bubble .viber-button {
  display: none;
}
.preview-window .card-header .card-title span {
  font-size: 14px;
}
.preview-window .card-header::before {
  content: "";
  display: block;
  width: 120px;
  height: 15px;
  background-color: var(--ldc-black-color);
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.preview-window .card-footer {
  background-color: #DBDBDB;
  text-align: center;
  padding: 15px 30px;
  display: flex;
}
.preview-window .card-footer .bar {
  width: 80%;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
}
.preview-window .card-footer .send {
  width: 40px;
  height: 40px;
  background: #3BC6EF;
  margin-left: 20px;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.preview-window .card-footer .send .fas {
  color: var(--ldc-light-color);
  font-size: 16px;
}
.preview-window.viber {
  display: block;
}
.preview-window.viber .card-header {
  background-color: #6355AA;
}
.preview-window.viber .card-header .card-title span {
  color: #fff;
}
.preview-window.viber .card-body {
  background-color: #DFE0E2;
}
.preview-window.viber .card-body .symbol {
  display: block;
}
.preview-window.viber .card-body .message .bubble {
  background-color: #fff;
  border-radius: 20px;
  font-size: 13px;
  padding: 15px;
  color: #333;
}
.preview-window.viber .card-body .message .bubble img {
  display: block;
  max-width: 100%;
}
.preview-window.viber .card-body .message .bubble .viber-button {
  display: block;
}
.preview-window.viber .card-footer .send {
  background: #6355AA;
}
.preview-window.viber .viber-button {
  width: 100%;
}
.preview-window.sms {
  display: block;
}
.preview-window.sms .card-header {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 10px 0px;
}
.preview-window.sms .card-body .message .bubble {
  background-color: #DBDBDB;
  border-radius: 20px;
  font-size: 13px;
  padding: 15px;
}
.preview-window.sms .card-body .message .bubble img {
  display: none;
}
.preview-window.sms .card-body .message .bubble .viber-button {
  display: none;
}
@media (max-width: 440px) {
  .preview-window .message .bubble {
    max-width: 180px !important;
  }
}
.subscriptionTemplate .option {
  border: 1px solid #eee;
  transition: box-shadow 0.5s;
}
.subscriptionTemplate .option:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.subscriptionTemplate .option.active {
  border: 3px solid #0DA5B2;
}
.doctorSubscribeTemplate .doctor-info {
  flex-direction: column;
  align-items: baseline;
  width: 100%;
}
.doctorSubscribeTemplate .doctor-info .box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-content: center;
  align-items: baseline;
}
.doctorSubscribeTemplate .card-body {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.doctorSubscribeTemplate .card-doctor {
  background-color: #EFF2F5;
  padding: 30px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  min-width: 500px;
}
.doctorSubscribeTemplate .card-doctor .profile-image img {
  object-fit: cover;
}
.doctorSubscribeTemplate #kt_sign_in_form {
  min-width: 500px;
}
.doctorSubscribeTemplate .final-step {
  max-width: 500px;
}
.doctorSubscribeTemplate .doctor-info-table {
  display: flex;
  flex-wrap: wrap;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.doctorSubscribeTemplate .doctor-info-table div {
  width: 50%;
}
.doctorSubscribeTemplate .doctor-info-table div.value {
  text-align: right;
}
.doctorSubscribeTemplate .more-info {
  background-color: #EFF2F5;
}
.doctorSubscribeTemplate .more-info .collapsible {
  width: 100%;
}
.doctorSubscribeTemplate .input-form {
  width: 100%;
}
@media screen and (max-width: 560px) {
  .doctorSubscribeTemplate .card-doctor,
  .doctorSubscribeTemplate #kt_sign_in_form {
    min-width: 320px;
  }
  .doctorSubscribeTemplate .doctor-info-table {
    flex-direction: column;
  }
  .doctorSubscribeTemplate .doctor-info-table div {
    width: 100%;
  }
  .doctorSubscribeTemplate .doctor-info-table div.value {
    text-align: left;
  }
}
@media screen and (max-width: 380px) {
  .doctorSubscribeTemplate .card-doctor,
  .doctorSubscribeTemplate #kt_sign_in_form {
    min-width: 100%;
  }
}
.subscriptionTemplate .features-list {
  list-style: none;
}
.subscriptionTemplate .see-more {
  cursor: pointer;
}
.Edit_AudienceContact_AudienceId,
.Edit_DrSpecialtiesTranslation_DrSpecialtyId,
.Edit_ContactNotificationSetting_ContactId,
.Edit_NonContactNotificationSetting_NonContactContactId,
.Edit_ExclReasonsTranslation_ExclReasonId,
.Edit_ThrClassesTranslation_ThrClassId {
  padding: calc(0.6rem + 1px) calc(0.8rem + 5px) !important;
}
.Edit_AudienceContact_AudienceId::before,
.Edit_DrSpecialtiesTranslation_DrSpecialtyId::before,
.Edit_ContactNotificationSetting_ContactId::before,
.Edit_NonContactNotificationSetting_NonContactContactId::before,
.Edit_ExclReasonsTranslation_ExclReasonId::before,
.Edit_ThrClassesTranslation_ThrClassId::before {
  font-family: "Font Awesome 6 Free";
}
table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px #6FB3E8;
  color: var(--kt-primary-inverse);
}
#AudiencesTable tr:hover,
#ContactsTable tr:hover {
  cursor: pointer;
}
.selectTemplateButtons .selected {
  transform: scale(1.05);
}
.selectTemplateButtons .selected::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  padding: 1px 5px;
}
.selectTemplateButtons .btn {
  transition: transform 0.2s;
}
.selectTemplateButtons .btn:hover {
  transform: scale(1.05);
}
.selectTemplateButtons .btn:hover::before {
  visibility: visible;
}
@media (max-width: 768px) {
  .selectTemplateButtons .selected {
    transform: scale(1);
  }
}
.selectedTemplate {
  border: 1px dashed #0DA5B2;
  background-color: #E9F7FE;
}
.selectedTemplate.notice.selectFromTemplates {
  border: 1px dashed #174F68;
  background-color: #c7e2ef;
}
.selectedTemplate.notice.selectFromsponsored {
  border: 1px dashed #F1416C;
  background-color: #FEECF0;
}
.actionBox {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
}
.DivMedicineReference {
  width: fit-content;
}
.campaignDetails .btn.btn-outline:not(.btn-outline-dashed).channel.active {
  background-color: var(--kt-primary);
  color: #fff;
  border-color: var(--kt-primary);
}
.campaignDetails .receipients .uploadListBox .file-templates .col {
  background-color: #F5F8FA;
}
.campaignDetails .receipients .uploadListBox .file-templates .title,
.campaignDetails .receipients .uploadListBox .file-templates .icon {
  font-size: 16px;
}
.campaignDetails .receipients .icon {
  font-size: 25px;
}
.campaignDetails form .sendCampaignTime {
  column-gap: 15px;
}
.campaignDetails form .sendCampaignTime .form-check-inline {
  padding: 20px 40px;
  border: 1px solid var(--kt-input-border-color);
  border-radius: 5px;
  width: 100%;
  margin: 0;
  background-color: #F1FAFF;
}
.campaignDetails form .sendCampaignTime label {
  width: 100%;
}
.campaignDetails form .form-check-inline {
  cursor: pointer;
}
.campaignDetails form .form-check-inline .form-check-label,
.campaignDetails form .form-check-inline .form-check-input {
  cursor: pointer;
}
.campaignDetails .offcanvas-header {
  background-color: #F1FAFF;
}
.campaignDetails .templates .card-header:first-child {
  border-radius: 5px;
}
.campaignDetails .templates .dataTables_filter {
  padding: 1rem 1.25rem;
}
.campaignDetails .templates .card tbody tr {
  max-width: 265px;
}
.campaignDetails .templates .actions .delete {
  display: none;
}
.campaignDetails .campaign-info {
  flex-direction: column;
  width: 100%;
  align-items: start;
  justify-content: center;
  margin-bottom: 40px;
}
.campaignDetails .campaign-info .box {
  width: 100%;
  margin-bottom: 10px;
}
.campaignDetails .campaign-info .box.box-six {
  width: auto;
  align-self: flex-start;
}
.campaignDetails .campaign-info.email {
  flex-direction: row;
  justify-content: space-between;
}
.campaignDetails .campaign-info.email .box {
  width: auto;
}
.campaignDetails .campaign-info .recipients-group .box {
  padding: 7px 0;
  border-bottom: 1px solid #eee;
}
#selected_users_wrapper > .row div {
  display: block !important;
}
#selected_users_wrapper > .row div .dataTables_info {
  margin-left: 0;
  padding: 0;
}
#selected_users_wrapper > .row div ul.pagination li {
  margin-right: 0;
}
.preview-total-recipients {
  cursor: pointer;
  margin-left: 10px;
}
#offcanvasCreateTemplate.template-email {
  width: 100% !important;
}
.testCampaignPhone {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
#templatePreviewModal .preview-window {
  position: -webkit-relative;
  position: relative;
  top: 0;
  display: block;
}
#templatePreviewModal .preview-window .card-body {
  min-height: 550px;
}
#templatePreviewModal .preview-window .card-body .symbol {
  display: none;
}
#templatePreviewModal .preview-window .card-body .message .bubble {
  padding: 7px;
  background-color: #ddd;
  max-width: 280px;
}
#templatePreviewModal .preview-window .card-body .message .bubble img {
  display: none;
}
#templatePreviewModal .preview-window .card-body .message .bubble .viber-button {
  display: none;
}
#templatePreviewModal .preview-window .card-header .card-title span {
  font-size: 14px;
}
#templatePreviewModal .preview-window .card-header::before {
  content: "";
  display: block;
  width: 120px;
  height: 15px;
  background-color: var(--ldc-black-color);
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#templatePreviewModal .preview-window .card-footer {
  background-color: #DBDBDB;
  text-align: center;
  padding: 15px 30px;
  display: flex;
}
#templatePreviewModal .preview-window .card-footer .bar {
  width: 80%;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
}
#templatePreviewModal .preview-window .card-footer .send {
  width: 40px;
  height: 40px;
  background: #3BC6EF;
  margin-left: 20px;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
#templatePreviewModal .preview-window .card-footer .send .fas {
  color: var(--ldc-light-color);
  font-size: 16px;
}
#templatePreviewModal .preview-window.viber {
  display: block;
}
#templatePreviewModal .preview-window.viber .card-header {
  background-color: #6355AA;
}
#templatePreviewModal .preview-window.viber .card-header .card-title span {
  color: #fff;
}
#templatePreviewModal .preview-window.viber .card-body {
  background-color: #DFE0E2;
}
#templatePreviewModal .preview-window.viber .card-body .symbol {
  display: block;
}
#templatePreviewModal .preview-window.viber .card-body .message .bubble {
  background-color: #fff;
  border-radius: 20px;
  font-size: 13px;
  padding: 15px;
  color: #333;
}
#templatePreviewModal .preview-window.viber .card-body .message .bubble img {
  display: block;
  max-width: 100%;
}
#templatePreviewModal .preview-window.viber .card-body .message .bubble .viber-button {
  display: block;
}
#templatePreviewModal .preview-window.viber .card-footer .send {
  background: #6355AA;
}
#templatePreviewModal .preview-window.viber .viber-button {
  border: 1px dashed transparent;
  background-color: #7b549b;
  border-radius: 100px;
  color: #FFF;
  margin: 15px 0;
  font-size: 14px;
  min-width: 200px;
}
#templatePreviewModal .preview-window.sms {
  display: block;
}
#templatePreviewModal .preview-window.sms .card-header {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 10px 0px;
}
#templatePreviewModal .preview-window.sms .card-body .message .bubble {
  background-color: #DBDBDB;
  border-radius: 20px;
  font-size: 13px;
  padding: 15px;
}
#templatePreviewModal .preview-window.sms .card-body .message .bubble img {
  display: none;
}
#templatePreviewModal .preview-window.sms .card-body .message .bubble .viber-button {
  display: none;
}
@media (max-width: 440px) {
  .preview-window .message .bubble {
    max-width: 180px !important;
  }
}
.MySettingsModalForm .verification-btn {
  min-height: 45px;
}
.doctorSubscribeTemplate #kt_create_account_form .success-icon {
  color: var(--ldc-main-color);
  font-size: 26px;
  margin-bottom: 10px;
}
.doctorSubscribeTemplate #kt_create_account_form p {
  font-size: 16px;
}
.doctorSubscribeTemplate .wrapper {
  max-width: 100%;
}
.doctorSubscribeTemplate .table.table-row-dashed tr.noBorder {
  border-bottom: none;
}
@media screen and (max-width: 992px) {
  .doctorSubscribeTemplate .special-aside-area {
    display: none !important;
  }
}
#InvitationOptInForm .sms-field .CodeMirror {
  border-radius: 4px !important;
}
.dashboard .journey {
  margin-right: 0;
  margin-left: 0;
  border-radius: 10px;
}
.dashboard .journey .journey-items {
  gap: 15px;
}
.dashboard .ctaWithButtons .card-body {
  min-height: 200px;
  text-align: left;
}
.dashboard .ctaWithButtons .templateRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard .campaignBanner .card {
  text-align: left;
  background-position: 100% 10px;
  background-size: 600px auto;
  background-image: url('/dist/img/dashboard_campaign.png');
}
.dashboard .card-stretch .box-title {
  max-width: 120px;
}
.dashboard .card-stretch .btn-flex {
  min-height: 135px;
}
.dashboard .card-stretch svg {
  transition: transform 0.2s;
}
.dashboard .card-stretch svg path {
  fill: #A2A9AE;
  transition: fill 0.5s, transform 0.5s;
}
.dashboard .card-stretch:hover svg {
  transform: scale(1.1);
  transition: transform 0.2s;
}
.dashboard .card-stretch:hover svg path {
  fill: var(--kt-primary);
  transition: fill 0.5s;
}
.dashboard .callToActionCards .card {
  transition: filter 0.2s;
}
.dashboard .callToActionCards .card:hover {
  transition: filter 0.2s;
  filter: brightness(0.9);
  -webkit-filter: brightness(0.9);
  -moz-filter: brightness(0.9);
  -o-filter: brightness(0.9);
  -ms-filter: brightness(0.9);
}
.dashboard .callToActionCards .card svg path {
  fill: #fff;
}
.dashboard .buttonsCards .card svg path {
  fill: #A2A9AE;
}
@media screen and (max-width: 767px) {
  .dashboard .campaignBanner .card {
    text-align: left;
    background-position: 95% 0px;
    background-size: 570px auto;
    background-image: url('/dist/img/dashboard_campaign_mobile.png');
  }
}
.billingPage .paymentValues {
  width: 100%;
}
.billingPage .paymentAmount {
  min-height: 50px;
}
.billingPage .paymentAmount.customInput {
  min-width: 250px;
}
.billingPage .paymentAmount.active {
  background-color: var(--kt-primary);
  color: #fff;
  border-color: var(--kt-primary);
}
.vTimeline {
  position: relative;
  padding: 20px 0;
}
.vTimeline::before {
  content: '';
  background: #C5CAE9;
  width: 5px;
  height: 95%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.vTimeline .vTimeline-item {
  width: 100%;
  margin-bottom: 70px;
}
.vTimeline .vTimeline-item .vTimeline-content {
  padding: 40px 30px 10px 30px;
}
.vTimeline .vTimeline-item:nth-child(even) .vTimeline-content {
  float: right;
  padding: 40px 30px 10px 30px;
}
.vTimeline .vTimeline-item:nth-child(even) .vTimeline-content .date {
  right: auto;
  left: 0;
}
.vTimeline .vTimeline-item:nth-child(even) .vTimeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #f5f5f5 transparent transparent;
}
.vTimeline .vTimeline-item::after {
  content: '';
  display: block;
  clear: both;
}
.vTimeline .vTimeline-content {
  position: relative;
  width: 45%;
  padding: 10px 30px;
  border-radius: 4px;
  background: #f5f5f5;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.vTimeline .vTimeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  right: -15px;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #f5f5f5;
}
.vTimeline .vTimeline-img {
  width: 30px;
  height: 30px;
  background: #3F51B5;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 0px;
  margin-left: -15px;
}
.vTimeline a {
  background: #3F51B5;
  color: #333;
  padding: 8px 20px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
}
.vTimeline a:hover,
.vTimeline a:active,
.vTimeline a:focus {
  background: #32408f;
  color: #333;
  text-decoration: none;
}
.vTimeline .vTimeline-card {
  padding: 0!important;
}
.vTimeline .vTimeline-card p {
  padding: 0 20px;
}
.vTimeline .vTimeline-card a {
  margin-left: 20px;
}
.vTimeline .date {
  background: #FF4081;
  display: inline-block;
  color: #fff;
  padding: 5px 15px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .vTimeline::before {
    left: 50px;
  }
  .vTimeline .vTimeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 70px;
  }
  .vTimeline .vTimeline-item:nth-child(even) .vTimeline-content {
    float: none;
  }
  .vTimeline .vTimeline-item:nth-child(odd) .vTimeline-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #f5f5f5 transparent transparent;
  }
}
@media print {
  .btn,
  .app-header,
  .app-footer,
  #kt_app_sidebar {
    display: none!important;
  }
  .card-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  @page {
    /* Default, but explicitly in portrait or landscape orientation and not user-
    customizable. In my instance of Chrome, this is a vertical or horizontal letter
    format, but you might find something different depending on your locale. */
    size: portrait;
    /* Predefined format, can be coupled with an orientation. */
    size: letter;
  }
}