[x-cloak] {
    display: none !important;
}
.w-auto {
    width: auto!important;
}

.alert {
    flex-direction: column;
}

[data-bs-theme!="dark"] .alert.alert-important {
    color: #fff;
}

[data-bs-theme!="dark"] .alert:not(.alert-important) {
    background-color: #fff;
}

.table-responsive .dropdown {
    position: static;
}

.btn.icon-end .icon {
    margin-right: 0;
}

.page-pretitle {
    margin-bottom: 0.5rem;
}

.bg-position-bottom {
    background-position: bottom;
}

.btn-icon > .icon {
    pointer-events: none;
}

.bg-cover-1 {
    background-image: url("/public/assets/images/covers/cover-1.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-1-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-1-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-1.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-1.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-2 {
    background-image: url("/public/assets/images/covers/cover-2.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-2-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-2-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-2.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-2.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-3 {
    background-image: url("/public/assets/images/covers/cover-3.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-3-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-3-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-3.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-3.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-4 {
    background-image: url("/public/assets/images/covers/cover-4.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-4-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-4-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-4.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-4.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-5 {
    background-image: url("/public/assets/images/covers/cover-5.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-5-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-5-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-5.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-5.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-6 {
    background-image: url("/public/assets/images/covers/cover-6.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-6-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-6-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-6.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-6.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-7 {
    background-image: url("/public/assets/images/covers/cover-7.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-7-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-7-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-7.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-7.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-8 {
    background-image: url("/public/assets/images/covers/cover-8.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-8-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-8-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-8.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-8.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-9 {
    background-image: url("/public/assets/images/covers/cover-9.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-9-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-9-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-9.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-9.jpeg") 1x type("image/jpeg")
    )
}

.bg-cover-10 {
    background-image: url("/public/assets/images/covers/cover-10.jpg");
    background-image: image-set(
        url("/public/assets/images/covers/cover-10-xl.avif") 3x type("image/avif"),
        url("/public/assets/images/covers/cover-10-lg.avif") 2x type("image/avif"),
        url("/public/assets/images/covers/cover-10.avif") 1x type("image/avif"),
        url("/public/assets/images/covers/cover-10.jpeg") 1x type("image/jpeg")
    )
}

a.disabled {
    opacity: 0.9;
    pointer-events: none;
}

.onboarding textarea {
    height: 100%;
    max-height: 200px;
}

.alert-important .alert-title, .alert-important .text-secondary {
    color: #fff!important;
}

#three-d-secure-container {
    position: relative; height: 400px;
}

#three-d-secure-container .spinner-border {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
}

div[data-recurly="three-d-secure-container"] {
    position: relative;
    z-index: 1;
}

.bg-gmail {
    background-color: #c71610;
}

.bg-yahoo {
    background-color: #410093;
}

.bg-microsoft {
    background-color: #00A4EF;
}

.status-sm {
    font-size: 0.7rem;
}

.status-gray {
    --tblr-status-color: #a7bdd0;
    --tblr-status-color-rgb: 167, 189, 208;
}

a.message:hover {
    text-decoration: none;
}

.header-horizontal .header-with-help {
    background: var(--tblr-gray-800)
}
.header-with-help {
    --tblr-bg-surface: var(--tblr-gray-800);
    background: var(--tblr-bg-surface);
    padding-bottom: 2rem;
}

[data-bs-theme="dark"] .header-with-help {
    background: var(--tblr-bg-surface);
}

.ts-control {
    padding-left: 1rem!important;
}
[data-bs-theme="dark"] .ts-control {
    background: var(--tblr-bg-forms)!important;
    border: var(--tblr-border-width) solid var(--tblr-border-color)!important;
    border-radius: var(--tblr-border-radius)!important;
    box-shadow: var(--tblr-shadow-input)!important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
[data-bs-theme="dark"] .modal-blur {
    background: rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .card-pricing-recommended {
    background-color: #1e293b;
}

[data-bs-theme="dark"] .ts-dropdown {
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: 0 1px 3px #999;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.feedback-absolute {
    position: absolute;
    bottom: 0px;
}

.card-status-top {
    top: -1px;
}

.card-badges {
    display: flex;
    gap: 0.3rem;
}
.badge {
    --tblr-badge-color: #fff;
}

.card.card-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.card.card-sm:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.list-group-item:hover {
    box-shadow: 0 .0rem 1rem rgba(0,0,0,.15)!important;
}

.card-add-placeholder {
    min-height: 133px;
    border: 2px dashed #aaa;
}

.routes .card-add-placeholder {
    min-height: 153px;
}

.card-body.route-card, .card-body.webhook-card {
    min-height: 133px;
}


.card-add-placeholder .card-title .action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0.875rem;
    color: var(--tblr-body-color);
    gap: 0.4rem;
}

.account-settings-page-wrapper {
    min-height: 400px;
}

.card.pricing ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-top: 1px solid #eaeaea; */
    line-height: 2.4;
}

.input-group {
    box-shadow: none!important;
}

.input-group-flat:focus-within {
    box-shadow: none!important;
}

pre.message-plaintext-body {
    color: #182433;
    background: #fff;
    font-family: 'Inter var';
    font-size: 0.875rem;
    text-wrap: wrap;
}

.apexcharts-text.apexcharts-pie-label {
    color: #fff!important;
    fill: #fff!important;
}

/* Query Builder Styles */
.connection-operator {
    width: 100px !important;
    display: inline-block;
}
.group-connection hr {
    border-top: 2px dashed #ccc;
    opacity: 0.5;
}
.query-group .card {
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.query-group .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #eee;
}
.opt-in-type .form-selectgroup-item {
    max-width: 48%;
}

/* Fixes for navbar */
.nav-link:focus, .nav-link:hover {
    --tblr-nav-link-hover-bg: rgba(255, 255, 255, 0.05);
    background-color: var(--tblr-nav-link-hover-bg);
}

.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active,
.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
    --tblr-navbar-active-bg: rgba(0, 0, 0, 0.2);
}

.navbar .navbar-nav .nav-link {
    min-width: 2.5rem;
    min-height: 2.5rem;
    transition: color .3s,background-color .3s;
}

@media (min-width: 992px) {
    .modal-lgx {
        --tblr-modal-width: 780px;
    }
}

/** Campaign Editor Styles */
.campaign-steps p {
    margin: 0;
}
.campaign-steps .step-title {
    margin-bottom: 0.25rem;
}
.step-status-icon > .icon {
    width: 1.1rem;
    height: 1.45rem;
}

.campaign-steps .btn {
    min-width: 160px;
}
.campaign-steps .dropdown .btn {
    min-width: unset;
}
.campaign-steps .dropdown .btn:not(.show) {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.disabled-with-tooltip {
    pointer-events: all!important;
}

.preview-wrapper {
    overflow: hidden;
    width: 230px;
    height: 160px;
}

.card-help-popover > svg {
    height: 16px;
}

.ahasend-popover {
    font-size: 1rem;
}

.form-check {
    -webkit-user-select: unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
    user-select: unset;
}

/* Firefox */
pre code::-moz-selection {
    background-color: var(--tblr-light) !important;
    color: var(--tblr-bg-surface-dark) !important;
}

/* Chrome, Safari, Edge, and other modern browsers */
pre code::selection {
    background-color: var(--tblr-light) !important;
    color: var(--tblr-bg-surface-dark) !important;
}


.header-with-help .page-title {
    color: var(--tblr-body-bg);
}

[data-bs-theme=dark] .header-with-help .page-title {
    color: var(--tblr-body-color);
}