.content-right, .email-app-details {
    width: 100% !important;
    border: 0 !important;
}

.content-area-wrapper {
    height: 100% !important;
}

.email-application {
    padding-top: calc(4.45rem + 1.3rem) !important;
    height: calc(1vh * 100 - calc(calc(2rem * 1) + 4.45rem + 3.35rem + 1.3rem + 4.45rem));
}

.mail-message {
    font-size: .9rem;
}

.email-subject {
    margin-top: .25rem !important;
}

#post-edit-contents {
    resize: none;
}

.empty {
    padding: 1.5rem;
}

.list-sub {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
    padding: 3rem 0 3rem;
    transition: opacity .3s ease-in-out;
}

.list-sub.show {
    opacity: 1;
}

#list-search input, #list-search .cursor-pointer {
    border: 1px solid #EBE9F1;
}

.email-user-list {
    height: calc(100% - calc(3.49rem)) !important;
}

.file-root {
    margin-top: 1rem;
    border: 1px solid #d8d6de;
    border-radius: 0.428rem;
}

.file-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EBE9F1 !important;
    padding: 1rem;
}

.file-header > button {
    display: flex;
    align-items: center;
}

.file-container {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem;
}

.file-item {
    border: 1px solid #ebe9f1;
    border-radius: 0.428rem;
    box-shadow: none;
    word-wrap: break-word;
    flex: 0 0 18%;
    max-width: 18%;
}

.file-item > .file-item-del {
    margin: .5rem .5rem 0 0;
    float: right !important;
    cursor: pointer;
}

.file-item > .file-item-icon {
    margin: 1rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.file-item > .file-item-name {
    border-top: 1px solid #EBE9F1;
    padding: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#post-view-file-container a:first-child {
    margin-top: .5rem;
    padding: 0 0 0 1rem;
}

#post-view-file-container a {
    border-left: 1px solid #EBE9F1;
    padding: .5rem 0 0 1rem;
    color: #B9B9C3;
}

#post-view-file-container a:hover {
    color: var(--bs-primary) !important;
}

#post-view-file-container span {
    cursor: pointer;
    margin-left: .5rem;
    color: #B9B9C3;
}

#post-view-file-container span:hover {
    color: var(--bs-success) !important;
}

.btn-more {
    padding: 1rem 0 1rem;
    cursor: pointer;
    color: #B9B9C3;
    text-align: center;
    font-size: 1rem;
    transition: font-size .3s ease-in-out;
    display: block !important;
}

.btn-more:hover {
    font-size: 1.1rem;
}

.email-media-list > .user-mail:first-child {
    border-top: 0;
}

.email-application {
    display: flex;
    flex-direction: column;
}

#post-edit-subject {
    border-radius: 0 !important;
    border-bottom: 1px solid #EBE9F1;
    padding: 0 .5rem;
    margin: .571rem .5rem;
}

.uppy-Dashboard-innerWrap, .uppy-DashboardContent-bar {
    background-color: #FFFFFF;
}

.uppy-Dashboard-inner {
    border-color: #D8D6DE;
}

.uppy-Dashboard-Item {
    height: auto !important;
}

.uppy-StatusBar-actions {
    justify-content: end;
}

.uppy-Dashboard-files {
    padding: .5rem .25rem .25rem !important;
}

.uppy-Dashboard-AddFiles-title {
    /*font-size: 20px !important;*/
    display: none;
}

.uppy-Dashboard-AddFiles-list {
    max-width: none !important;
    height: 100%;
    align-items: center;
    margin-top: 0 !important;
}

.uppy-Dashboard-AddFiles-list > div {
    width: 100% !important;
    height: 100% !important;
}

.uppy-Dashboard-AddFiles-list button {
    width: 100% !important;
    display: flex;
    flex-direction: column !important;
    justify-content: center;
}

.uppy-c-btn-primary {
    background-color: rgb(var(--bs-primary-rgb)) !important;
}

.uppy-Dashboard-Item-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.uppy-Dashboard-Item-fileInfo {
    width: 100%;
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
    margin-top: .1rem;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
    display: none;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-action--remove {
    color: rgba(var(--bs-success-rgb), 1) !important;
}

.uppy-Dashboard-files > div[role="presentation"] {
    height: auto !important;
}

.ps > div[role="presentation"] {
    padding-right: 1rem;
}

.uppy-DashboardContent-title {
    text-align: left;
    flex: 1 !important;
    max-width: none !important;
    position: relative !important;
}

.uppy-StatusBar-actionBtn--done {
    display: none !important;
}

.uppy-Dashboard-Item-previewInnerWrap {
    object-fit: contain !important;
}

.uppy-Dashboard-Item-previewImg {
    background-color: #000000 !important;
    padding: .5rem;
}

.lc-modal {
    display: none !important;
}

@keyframes menu-open {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes menu-hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.menu-backdrop::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #22292F80;
    z-index: 200;
    opacity: 0;
    pointer-events: none;
}

.menu-open .menu-backdrop::after {
    animation: menu-open 0.5s both;
    pointer-events: auto;
}

/*.menu-hide .menu-backdrop::after {*/
/*    animation: menu-hide 0.5s both;*/
/*}*/

html:has(body.menu-open) {
    overflow: hidden;
}

.base-logo {
    object-fit: cover;
    object-position: left;
    width: 100%;
    transition: width ease-in-out .3s;
}

.menu-collapsed .main-menu:not(.expanded) .base-logo {
    width: 45px;
}

#file-modal-body {
    padding: 0 0 1rem;
}

#file-modal-name {
    padding: .5rem;
}

#file-modal-body table {
    width: 100%;
    border-radius: 6px;
    border-collapse: collapse;
    background-color: #f8f8f8;
}

#file-modal-body table th, #file-modal-body table td {
    width: 50%;
    text-align: center;
    border: 1px solid #ffffff;
    padding: .5rem;
}

.uppy-DashboardTab-name {
    margin-top: 8px !important;
}

.mail-meta-item, .item-reg {
    display: flex;
    flex-direction: row;
}

.item-date {
    margin-top: .25rem;
}

@media (max-width: 575.98px) {
    .mail-meta-item, .item-reg {
        flex-direction: column;
    }

    .item-date {
        margin-top: 0;
    }

    .btn > svg {
        margin-left: -35%;
    }

    .item-reg-nm, .item-reg-id {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

html body.swal2-height-auto {
    height: 100% !important;
}

.menu-close {
    position: fixed;
    left: -30px;
    top: 20px;
    z-index: 201;
    cursor: pointer;
    transition-property: transform, color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.menu-close:hover {
    color: black;
}

body.menu-open .menu-close {
    transform: translateX(300px);
}

.dataTables_wrapper {
    overflow: auto;
}

/**/

::-webkit-scrollbar {
    display: block;
    overflow: auto;
    width: .75rem;
    height: .75rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
    opacity: 0;
}

::-webkit-scrollbar-thumb {
    background-color: #A2A2A280;
    border-radius: .25rem;
}

html.dark-layout ::-webkit-scrollbar-thumb {
    background-color: #3A435E;
}

:root, html.body, .navigation, .header-navbar {
    font-family: 'Montserrat', 'Noto Sans KR' !important;
    --bs-font-sans-serif: 'Montserrat', 'Noto Sans KR' !important;
}

.select-none {
    -webkit-user-select: none;
    user-select: none;
}

.form-control.disabled {
    background-color: #EFEFEF !important;
    cursor: auto;
}

.text-pink {
    color: #DB817F;
}

html.dark-layout .text-pink {
    color: #F7CAC9;
}

html.dark-layout .text-success {
    color: #20FF82 !important;
}

.table thead th, .table tfoot th {
	text-transform: none !important;
}