.basky-alert-styling {
    max-width: 30vw;
}

#baskySideNav {
    height: 100vh !important;
    width: 300px !important;
    transition-duration: 0.2s !important;
}

.basky-nav-menu {
    font-size: 24px !important;
}

.basky-nav-menu:hover,
.basky-nav-menu:active,
.basky-nav-menu:focus {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.basky-nav-menu::before:hover,
.basky-nav-menu::before:active,
.basky-nav-menu::before:focus {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.sidenav-submenu {
    padding-left: 1rem;
    display: none;
}
.sidenav-submenu.show {
    display: block;
}
.has-children > .sidenav-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidenav-backdrop {
    background: #21212190 !important;
}

.basky-large-pb {
    --mdb-progress-circular-size: 92px !important;
    --mdb-progress-circular-bar-width: 10px !important;
}

.basky-large-pb .progress-label {
    font-size: 24px;
}

.basky-thmb-paper-112 { 
    max-height: 112px;
    object-fit: contain;
    max-width: 76px;
}

.w-fit {
    min-width: fit-content !important;
    width: fit-content !important;
    max-width: fit-content !important;
}

.btn-basky-stay:hover,
.btn-basky-stay:focus {
    color: var(--mdb-btn-outline-focus-border-color);
    background-color: transparent;
}

html[data-mdb-theme="dark"] .btn-basky:hover,
html[data-mdb-theme="dark"] .btn-basky:focus {
    background-color: transparent;
    outline: none;
}

html:not([data-mdb-theme="dark"]) .btn-basky:hover,
html:not([data-mdb-theme="dark"]) .btn-basky:focus {
    background-color: transparent;
    outline: none;
}

.user-photo-updatable {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease-in-out;
}

#profile-photo-wrapper:hover .user-photo-updatable,
.user-photo-updatable:focus {
    opacity: 1;
    pointer-events: auto;
}

#media-attachment-date-filters {
    min-width: fit-content;
}

.attachment-details {
    overflow: hidden !important;
}

.media-modal.wp-core-ui button,
.media-modal.wp-core-ui button {
    border: solid 1px #E0E0E0 !important;
    background-color: transparent !important;
    color: #212121;
}

.media-modal.wp-core-ui button:hover,
.media-modal.wp-core-ui button:focus {
    border: solid 1px #212121 !important;
}

html[data-mdb-theme="dark"] .media-modal.wp-core-ui button,
html[data-mdb-theme="dark"] .media-modal.wp-core-ui button {
    border: solid 1px #616161 !important;
    color: #fafafa;
}

html[data-mdb-theme="dark"] .media-modal.wp-core-ui button:hover,
html[data-mdb-theme="dark"] .media-modal.wp-core-ui button:focus {
    border: solid 1px #fafafa !important;
}

html[data-mdb-theme="dark"] .upload-error,
html[data-mdb-theme="dark"] .media-modal-content,
html[data-mdb-theme="dark"] .media-frame-content,
html[data-mdb-theme="dark"] .media-frame-router button[role="tab"],
html[data-mdb-theme="dark"] .media-toolbar,
html[data-mdb-theme="dark"] .media-sidebar,
html[data-mdb-theme="dark"] .attachment-filters,
html[data-mdb-theme="dark"] #media-search-input {
    background: var(--mdb-surface-bg) !important;
}

html[data-mdb-theme="dark"] .attachment-filters,
html[data-mdb-theme="dark"] .media-menu-item.active,
html[data-mdb-theme="dark"] .media-sidebar :not(textarea):not(input[type="text"]):not(button) {
    color: #fafafa;
}

.e-con-inner:has(#dms-main-content) {
    margin: 0px !important;
    max-width: 100% !important;
}

.elementor-element.e-con.e-parent:has(#dms-main-content) {
    padding: 0px !important;
}

#myAccountModal .modal-content {
    border-radius: 20px;
}

#myAccountModal .modal-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.sidenav-link.active {
    background-color: #9E9E9E90; /* light gray or your preferred highlight */
    font-weight: bold;
    color: #000; /* override text color if needed */
}

table.datatable-table td,
table.datatable-table th { 
    border: none;
    border-bottom: 1px solid var(--mdb-border-color);
    border-bottom-width: var(--mdb-border-width) !important;
}

.basky-boxed-layout {
    justify-self: anchor-center;
    max-width: 1140px;
}

/*******TABLETS*******/
@media (max-width: 991.98px) {
    .basky-alert-styling {
        max-width: 40vw;
    }
    html {
        overflow: hidden !important;
    }
}

/*******MOBILE*******/
@media (max-width: 767.98px) {
    .basky-alert-styling {
        max-width: 50vw;
    }

    .stepper-head {
        display: none !important;
    }

    .basky-boxed-layout {
        max-width: none;
        margin: 0;
    }
}