a.no-link {
    text-decoration: none !important;
    cursor: pointer;
}

.input-group {
    flex-wrap: nowrap !important;
}

a.no-link:hover {
    text-decoration: none !important;
}

.animate__faster {
    --animate-duration: 0.4s;
}

.dropdown-item i {
    margin-right: 10px;
}

pre code {
    white-space: inherit;
    padding: 0;
    background-color: transparent;
}

body,
html {
    text-rendering: optimizeLegibility;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

a {
    transition: color 0.2s ease-in;
}

dt {
    color: #31343B;
}

.umbler-logo svg {
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

/*HOME*/

.icon-custom-recharge {
    background: transparent url("/images/icon-custom-recharge.svg") 0% 0% no-repeat padding-box;
    vertical-align: text-top;
}

    .icon-custom-recharge.success {
        background: transparent url("/images/icon-custom-recharge-success.svg") 0% 0% no-repeat padding-box;
        vertical-align: text-top;
    }

.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    line-height: 1;
    margin: 1rem 0;
}

    .divider:before {
        background-position: right 1em top 50%;
    }

    .divider:after {
        background-position: left 1em top 50%;
    }

    .divider:after,
    .divider:before {
        content: "";
        display: table-cell;
        position: relative;
        top: 50%;
        width: 50%;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAABAQMAAAB3zhZwAAAAA1BMVEXf5fJRFdtOAAAAC0lEQVQI12MYUAAAAH4AAasqQLMAAAAASUVORK5CYII=);
    }

/* _content/Umbler.UTalk.Shared/Shared/Components/ProfilePicture.razor.rz.scp.css */

.img-inside > div input[type="text"] {
    padding-right: 46px;
}

.img-inside img {
    position: absolute;
    top: 48px;
    right: 38px;
}

.focus-none:focus {
    box-shadow: unset;
}

.umbler-talk-logo-path {
    filter: invert(0%);
}

[data-bs-theme*=dark] .umbler-talk-logo-path {
    filter: invert(100%);
}

.card-header-fixed {
    z-index: 99;
    position: sticky;
    width: 100%;
    top: 0;
}

.is-invalid ~ .invalid-feedback {
    display: block !important;
}

#input-password.is-invalid ~ #toggle-password {
    padding-right: 20px;
}

.plan-card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.plan-card-grid > .plan-option {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.5rem;
}

@media (min-width: 768px) {
    .plan-card-grid.plan-card-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .plan-card-grid:not(.plan-card-grid-2) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .plan-card-grid.plan-card-grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .plan-card-grid.plan-card-grid-single {
        grid-template-columns: minmax(0, 1fr);
        max-width: 50%;
        margin-inline: auto;
    }
}

.plan-card-grid > .offer-card {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    row-gap: 1.25rem;
}

.auth-column {
    max-width: 616px;
    container-type: inline-size;
}

[data-bs-theme*=dark] .umbler-full-logo {
    content: url("/_content/Umbler.Common.Components/imgs/umbler-full-dark.svg");
}

.auth-aside-image {
    object-position: left top;
}

.signup-step {
    width: 28px;
    height: 28px;
}

.signup-step-line {
    width: 24px;
}

.product-icon {
    border-radius: 50%;
}

[data-bs-theme^=aurora] .product-icon {
    border-radius: var(--bs-border-radius);
}

[data-bs-theme^=aurora] .main-layout-section > .flex-grow-1:has(.settings-content-col),
[data-bs-theme^=aurora] .settings-content-col {
    min-height: 0;
}

[data-bs-theme^=aurora] .ub-sidebar-nav:not(.ub-sidebar-nav-drawer) .ub-sidebar-nav-inner {
    padding-right: var(--shell-gutter, 16px);
}

[data-bs-theme^=aurora] .ub-sidebar-nav:not(.ub-sidebar-nav-drawer):not(:has(.search-bar)) .ub-sidebar-nav-inner {
    padding-top: 7px;
}

[data-bs-theme^=aurora] .settings-content-scroll {
    overflow-y: auto;
    min-height: 0;
    flex: 1 1 auto;
}

[data-bs-theme^=aurora] .settings-content-scroll > .aurora-scroll-line {
    container-type: scroll-state;
    position: sticky;
    top: 0;
    z-index: 5;
    padding-inline: 16px;
}

[data-bs-theme^=aurora] .settings-content-col .breadcrumb-umb.breadcrumbs-header-fixed {
    padding-left: var(--shell-gutter, 16px) !important;
}

@media (min-width: 768px) {
    [data-bs-theme^=aurora] .settings-content-scroll > * {
        padding-left: var(--shell-gutter, 16px) !important;
        padding-right: var(--shell-gutter, 16px) !important;
    }

    [data-bs-theme^=aurora] .ub-layout:has(.ub-sidebar-collapsible) .settings-content-col .breadcrumb-umb.breadcrumbs-header-fixed,
    [data-bs-theme^=aurora] .ub-layout:has(.ub-sidebar-collapsible) .settings-content-scroll > * {
        padding-left: 0 !important;
    }

    [data-bs-theme^=aurora] .ub-layout:has(.ub-sidebar-nav:not(.ub-sidebar-nav-drawer)) .settings-content-col {
        margin-left: var(--shell-gutter, 16px);
    }

    [data-bs-theme^=aurora] .ub-layout:has(.ub-sidebar-nav:not(.ub-sidebar-nav-drawer)) .settings-content-col .breadcrumb-umb.breadcrumbs-header-fixed,
    [data-bs-theme^=aurora] .ub-layout:has(.ub-sidebar-nav:not(.ub-sidebar-nav-drawer)) .settings-content-scroll > * {
        padding-left: var(--shell-gutter, 16px) !important;
    }
}

.bg-gradient-purple {
    background: linear-gradient(135deg, hsl(234 70% 56%) 0%, hsl(250 60% 55%) 40%, hsl(265 55% 58%) 70%, hsl(275 50% 60%) 100%);
}

.profile-security-summary {
    --profile-security-color: var(--bs-danger);
}

.profile-security-summary[data-level="2"] {
    --profile-security-color: color-mix(in srgb, var(--bs-danger) 50%, var(--bs-warning));
}

.profile-security-summary[data-level="3"] {
    --profile-security-color: var(--bs-warning);
}

.profile-security-summary[data-level="4"] {
    --profile-security-color: color-mix(in srgb, var(--bs-success) 50%, var(--bs-warning));
}

.profile-security-summary[data-level="5"] {
    --profile-security-color: var(--bs-success);
}

.profile-security-panel {
    border-bottom: 1px solid var(--bs-border-color);
}

@media (min-width: 768px) {
    .profile-security-panel {
        width: 13.75rem;
        border-bottom: 0;
        border-right: 1px solid var(--bs-border-color);
    }
}

.profile-security-level {
    color: var(--profile-security-color);
}

.profile-security-bar > span {
    height: .5rem;
}

.profile-security-bar > .is-done {
    background-color: var(--profile-security-color) !important;
}

.profile-security-bar > .is-next {
    outline: 1px dashed var(--bs-warning);
    outline-offset: -1px;
}

.profile-security-dot {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.profile-security-dot-open {
    border: 2px solid currentColor;
}

.profile-security-summary .btn-link {
    font-size: inherit;
}

.adv-table.table-card {
    background: var(--bg-secondary);
    border-radius: 16px;
}

.admin-home-pin {
    position: relative;
}

.admin-home-tile .admin-home-pin {
    position: absolute;
    top: var(--bs-card-spacer-y);
    right: var(--bs-card-spacer-x);
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    padding: 0;
    line-height: 1;
}

.admin-home-link {
    transition: background-color .15s ease-in-out;
}

.admin-home-link:hover {
    background-color: rgba(var(--shadow-rgb), .1);
}

[data-bs-theme^=aurora] .admin-home-link:hover {
    background-color: var(--hover-tint);
}

@media (hover: hover) {
    .admin-home-item .admin-home-pin {
        opacity: 0;
        transition: opacity .15s ease-in-out;
    }

    .admin-home-item:hover .admin-home-pin,
    .admin-home-item .admin-home-pin:focus-visible {
        opacity: 1;
    }
}