/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000; 
}

/* ck editor */
.ck.ck-toolbar.ck-toolbar_grouping {
    border-radius: 10px 10px 0px 0px !important;
    border-color: #E3E6F5;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
    border-radius: 0px 0px 10px 10px;
    border-color: #E3E6F5;
    height: 120px;
}
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    box-shadow: 0 0 0 0;
    outline: 0;
}

p.ck-placeholder {
    opacity: 0.4;
    color: #80808030;
}

.dark img.dark-invert {
    filter: contrast(1) grayscale(1) invert(1);
}

@media (max-width: 400px) {
    div#notification-list {
        top: 40px;
        right: -60px !important;
    }
}

button[aria-expanded="true"] .collapse-controls .expand-page, button[aria-expanded="false"] .collapse-controls .minimize-page {
    display: none;
}

button[aria-expanded="true"] .collapse-controls .minimize-page, button[aria-expanded="false"] .collapse-controls .expand-page {
    display: block;
}

[x-cloak] { display: none !important; }

trix-toolbar {
    background-color: #f9fafb;
    border-radius: 0.5rem;
}
trix-editor {
    min-height: 150px;
}