#collapseCreatePost.show {
    /*display: flex !important;*/
}

#collapsePostModal .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

#collapsePostModal .each-form {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 4px rgba(0, 0, 0, 0.1);
    padding: 15px 20px;
    border-radius: 4px;
}

#collapsePostModal .each-form .each-form-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
}

#collapsePostModal .each-form .each-form-header img {
    width: 18px;
    height: 12px;
}

#collapsePostModal .each-form .each-form-header p {
    margin: 0;
}

#collapsePostModal label {
    width: 100%;
}

#collapsePostModal input, #collapsePostModal select {
    width: 100%;
    border: 1px solid #662584;
    border-radius: 4px;
    padding: 4px;
}

#collapsePostModal .mce-container-body {
    background: white;
}

#collapsePostModal .upload-image {
    width: inherit;
    cursor: pointer;
    border-radius: 4px;
    background: white;
    border: 1px solid black;
    font-weight: 500;
    padding: 5px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#collapsePostModal .publish-article, .publish-from-review {
    border-radius: 4px;
    background: #662584;
    color: white;
    border: 1px solid #662584;
    font-weight: 500;
    padding: 5px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
}

#collapsePostModal .modal-footer {
    border-top: none;
    padding-left: 32px;
    padding-right: 32px;
    justify-content: space-between
}

#collapsePostModal .modal-footer .audience {
    display: flex;
    align-items: center;
    gap: 1em;
}

#collapsePostModal .modal-footer .audience label {
    color: #662584;
    font-weight: 700;
    white-space: nowrap;
}

#collapsePostModal .modal-footer .audience label input[type=radio] {
    margin-top: -1px;
    vertical-align: middle;
}