:root {
  --brand-main: #1451a4;
  --brand-main-dark: #12488f;
  --brand-main-light: #e3eaf7;
  --brand-main-gradient: linear-gradient(45deg, #1451a4, #5d8fd3);
}

.text-primary { color: #1451a4 !important; }
.bg-primary { background-color: #1451a4 !important; }
.bg-label-primary { background-color: #e3eaf7 !important; color: #1451a4 !important; }
.bg-label-hover-primary { background-color: #e3eaf7 !important; color: #1451a4 !important; }
.bg-label-hover-primary:hover { background-color: #1451a4 !important; color: #fff !important; }
.bg-gradient-primary { background-image: linear-gradient(45deg, #1451a4, #5d8fd3) !important; }

.btn-primary {
  color: #fff;
  background-color: #1451a4;
  border-color: #1451a4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show.dropdown-toggle,
.show > .btn-primary.dropdown-toggle {
  background-color: #12488f !important;
  border-color: #12488f !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #1451a4 !important;
  border-color: #1451a4 !important;
}

.btn-outline-primary {
  color: #1451a4;
  border-color: #1451a4;
  background: transparent;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #1451a4 !important;
  background-color: #e3eaf7 !important;
  border-color: #1451a4 !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #1451a4 !important;
}
.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
  border-color: #1451a4 !important;
}
.form-check-input:focus {
  border-color: #1451a4;
}
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
  background-color: #1451a4;
  border-color: #1451a4;
}

.alert-primary {
  background-color: #e3eaf7;
  border-color: #e3eaf7;
  color: #1451a4;
}
.alert-primary .alert-link { color: #1451a4; }

.page-item.active .page-link,
.pagination li.active > a:not(.page-link),
.progress-bar,
.nav-pills .nav-link.active,
.list-group-item-primary.active,
.list-group-item-action.active,
.list-group.list-group-timeline .list-group-timeline-primary:before {
  background-color: #1451a4 !important;
  color: #fff !important;
  border-color: #1451a4 !important;
}

a { color: #1451a4; }
a:hover { color: #12488f; }


.swiper-container.swiper-card-advance-bg {
  background-color: #1451a4;
}
.swiper-container .swiper-wrapper .swiper-slide .website-analytics-text-bg {
  background-color: #12488f;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #2196f3 22.16%, rgba(33, 150, 243, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(33, 150, 243, 0.48);
  color: #fff !important;
}
[dir=rtl] .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(33, 150, 243, 0.7) 22.16%, #2196f3 76.47%) !important;
}
.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #2196f3 22.16%, rgba(33, 150, 243, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(33, 150, 243, 0.48);
}
[dir=rtl] .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(33, 150, 243, 0.7) 22.16%, #2196f3 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(33, 150, 243, 0.48);
  color: #fff !important;
}
.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.bg-menu-theme.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #fff;
}
.bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #e3f2fd;
  color: #2196f3 !important;
}

.json-pretty {
    background: #f7f7f9;
    border-radius: 6px;
    padding: 12px;
    font-family: 'Fira Mono', 'Consolas', 'monospace';
    font-size: 0.95em;
    color: #222;
    direction: ltr;
    text-align: left;
    max-height: 350px;
    overflow: auto;
}

.pre-line {
  white-space: pre-line !important;
  word-wrap: break-word;
}


.json-box {
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f1f1f1;
    padding: 15px;
    overflow-x: auto;
    max-height: 400px;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: monospace;
    font-size: 14px;
    color: #333;
    text-align: left;
}
.tooltip.show.bs-tooltip-top .tooltip-inner {
  background-color: #fefefe !important;
  color: #212529 !important;
  border-radius: 6px !important;
  border: 1px solid #ddd !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  min-width: 280px !important;
  font-size: 0.9rem !important;
  padding: 10px !important;
  opacity: 0;
  animation: fadeInTooltip 0.25s forwards;
  font-family: "Vazir", sans-serif;
}

@keyframes fadeInTooltip {
  to {
    opacity: 1;
  }
}
/*.table th {*/
/*    text-align: center;*/
/*}*/