﻿.file-manager-container .dx-popup-wrapper>.dx-overlay-content .dx-popup-content {
    padding: 0px;
}

.file-manager-container .dx-popup-wrapper>.dx-overlay-content .dx-popup-content .dx-list-item-icon-container {
    text-align: center;
}

[data-page="storage"] .dx-popup-wrapper>.dx-overlay-content {
    max-width: 100%;
}

[data-page="storage"] #sds-app {
    padding: 10px;
}

[data-page="storage"] .sds-page-heading-divider {
    margin: 10px 0px;
}

[data-page="storage"] #file-manager .dx-treeview-toggle-item-visibility-opened {
    display: block !important;
}

[data-page="storage"] .dx-popup-normal .dx-toolbar-item-content .dx-button {
    border-radius: 6px !important;
    /* padding: .47rem .75rem; */
    font-size: .9rem;
}

[data-page="storage"] .dx-popup-normal .dx-toolbar-item-content .dx-button[aria-label="Save"],
[data-page="storage"] .dx-popup-normal .dx-toolbar-item-content .dx-button[aria-label="Copy"],
[data-page="storage"] .dx-popup-normal .dx-toolbar-item-content .dx-button[aria-label="Move"] {
    color: var(--sds-white) !important;
    background: var(--sds-primary) !important;
}

[data-page="storage"] .dx-popup-normal .dx-toolbar-item-content .dx-button[aria-label="Delete"] {
    color: var(--sds-white) !important;
    background: var(--sds-critical) !important;
}

[data-page="storage"] .dx-popup-normal .dx-toolbar-item-content .dx-button[aria-label="Cancel"] {
    color: var(--sds-grey-900) !important;
    border: 1px solid var(--sds-grey) !important;
    background: var(--sds-grey-000) !important;
}

[data-page="storage"] .dx-popup-normal .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 36px
}

.dx-popup-wrapper .dx-switch-container {
    background-color: var(--sds-grey);

    height: 21px;
    border-radius: 30px;
    border: none;
}

.dx-popup-wrapper .dx-switch-container .dx-switch-inner {
    margin-top: 1.5px;
}

.dx-popup-wrapper .dx-switch-on-value .dx-switch-container {
    background-color: var(--sds-primary);
    transition: all 0.3s ease-in-out;
}

.dx-popup-wrapper .dx-switch-on-value .dx-switch-container {
    background-color: var(--sds-primary);
    transition: all 0.3s ease-in-out;
}

.dx-popup-wrapper .dx-switch.dx-state-hover .dx-switch-container {
    background-color: var(--sds-grey);
}

.dx-popup-wrapper .dx-switch.dx-state-hover.dx-switch-on-value .dx-switch-container {
    background-color: var(--sds-primary);
}
.dx-popup-wrapper .dx-switch-on-value .dx-switch-container .dx-switch-handle::before {
    background-color: white;
    border-radius: 30px;
}

.dx-popup-wrapper .dx-switch-handle::before {
    background-color: white;
    border-radius: 30px;
}

.dx-popup-wrapper .dx-switch.dx-state-focused .dx-switch-handle::before,
.dx-popup-wrapper .dx-switch.dx-state-hover .dx-switch-handle::before {
    background-color: white;
}



.dx-popup-wrapper .dx-switch-container .dx-switch-on {
    color: transparent;
}

.dx-popup-wrapper .dx-switch-container .dx-switch-off {
    color: transparent;
}

@media screen and (min-width: 768px) {

    [data-page="storage"] .dx-popup-wrapper>.dx-overlay-content {
        max-width: 500px;
    }
}