/* .card-form-post{display: none;} */
.home-profile-page .card-form-post{display: block;}
.popup-menu-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
    z-index: 10000;
    overflow-y: auto;
}
.__dark-mode .popup-menu-container {
    background-color: #222;
}
.__dark-mode #btnCloseMenu {color: #fff !important;}

.popup-menu-container.show {
    transform: translateY(0);
}

.popup-menu-container .container-list-menu{
    overflow-y: auto;
    height: calc(100% - 220px);
}

.popup-menu-container .container-list-menu li{border-bottom: 1px solid #ddd;}
.popup-menu-container .container-list-menu li:last-child{border-bottom: 0;}
.popup-menu-container .container-list-menu li button{
    width: 100%;
    text-align: left;
}
.popup-menu-container .container-list-menu li button:hover,
.popup-menu-container .container-list-menu li a:hover{
    background-color: unset;
}
.text-red-color{color: #EF3936;}

#remove_schedule_post_date{width: auto;}

#updateDescription-input{border-radius: 30px;}

#updateDescription-input{display: none;}
.home-profile-page #updateDescription-input{display: block;}

#bigPreviewImage{max-width: 500px;margin: 0 auto;}
#bigPreviewImage video{max-height: 350px;}

#previewImage {
    max-width: 100%;
    /* gap: 2px; */
    display: grid;
    column-count: 4;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    margin-bottom: 2px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#previewImage .image-pr:last-child{margin-right: 0;}
#previewImage .image-pr img, #previewImage .image-pr video{object-fit: cover;height: 100px;}

#previewImage .open-editor {padding: .1rem .5rem !important;}
#previewImage .open-editor i{
    margin-top: -4px;
    font-size: 12px;
}

.post-settings-wrap{top: 5px; left: 5px;}
.post-settings-wrap .btn{border-radius: 5px !important;}
.post-settings-wrap .deleteIndiPhoto i{font-size: 18px;}

/* @media(max-width: 991px){
    #updateDescription-input{display: none;}
} */
@media(min-width: 769px){
    #previewImage {column-count: 6; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
}