img {
    object-fit: cover;
}

video {
    max-width: 100%;
    min-width: 100%;
}

table tr td {
    text-wrap: initial;
}

.logo-main img {
    max-width: 60px;
    max-height: 60px;
}

.file-btn-action-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.file-btn-action-container button {
    all: unset;
    cursor: pointer;
}

.form-control:read-only {
    background: #f0f0f0;
}

.form-control:not(:placeholder-shown) {
    color: #030303;
}

.nav .search-input.input-group .input-group-text, .nav .search-input.input-group .form-control {
    transition: 0.15s ease-in-out;
}

.profile-img-edit img:not(.empty-file-state-img) {
    max-width: 100%;
    max-height: 350px;
    object-fit: cover;
    margin: auto;
}

.base-img-fit-contain {
    border-radius: 12px;
    width: 70%;
    margin: auto;
    object-fit: cover;
}

.empty-file-state-img {
    display: none;
    width: 70%;
    margin: auto;
    border-radius: 12px;
}

video[src=""], video:not([src]),
img[src=""], img:not([src]) {
    display: none;
}

video[src=""] ~ .empty-file-state-img, video:not([src]) ~ .empty-file-state-img,
img[src=""] ~ .empty-file-state-img, img:not([src]) ~ .empty-file-state-img{
    display: block;
}

.caption svg {
    width: 16px;
    height: 16px;
    transform: translateY(-1px);
    margin-left: 6px;
}

.sidebar-list {
    min-height: calc(100vh - 120px);
    display: flex;
}