.password-group,
.toggle-pass-icon {
    position: relative;
}

.eye,
.eye-btn,
[data-password-toggle] {
    cursor: pointer;
}

.eye:focus-visible,
.eye-btn:focus-visible,
[data-password-toggle]:focus-visible,
.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
a:focus-visible {
    outline: 3px solid #0d6efd;
    outline-offset: 2px;
}

.eye-btn {
    position: absolute;
    inset-inline-end: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0.25rem;
    z-index: 3;
}

.toggle-pass-icon .eye,
.form-group .eye {
    position: absolute;
    inset-inline-end: 2.75rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.quill-editor-shell {
    background: #fff;
    border: 1px solid #d9dee7;
    border-radius: 0.5rem;
}

.quill-editor-shell .ql-toolbar.ql-snow {
    border: 0;
    border-bottom: 1px solid #d9dee7;
}

.quill-editor-shell .ql-container.ql-snow {
    border: 0;
    min-height: 180px;
    font-family: inherit;
}

.table-responsive {
    overflow-x: auto;
}

img,
.img-fluid,
.table {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .dashboard-card,
    .contentbar,
    .login-block,
    .premium-content-card,
    .profile-sidebar {
        overflow-wrap: anywhere;
    }

    .toggle-pass-icon .eye,
    .form-group .eye {
        inset-inline-end: 2.25rem;
    }
}

@media (max-width: 767.98px) {
    .table-responsive table {
        min-width: 640px;
    }

    .eye-btn {
        inset-inline-end: 0.5rem;
    }
}