.downloaded_message
{
    margin-top: 2em;
    /*margin-bottom: 2em;*/
    overflow: hidden;
    font-size: 1rem;
    background-color: #e6e7ee;
    background-clip: padding-box;
    border: 1px solid #D1D9E6;
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 0.55rem;
}

#sending_row
{
    margin-top: 4em;
}

.downloaded_message_header
{
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
}

.downloaded_message_body
{
    padding: 0.75rem;
}

body, .system_fonts
{
    font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", system-ui, Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    "Helvetica Neue", sans-serif;
}

.downloaded_message_footer
{
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    margin-bottom: 0.25rem;
}

.selected_filename
{
    display: flex;
    align-items: center;
    padding: 0.50rem 0.75rem;
}

#parent_summary
{
    /*padding: 0.75rem;*/
    margin-bottom: 2rem;
    display: none;
}

#parent_summary_header
{
    margin-top: 0.25rem;
}

.sender_name
{
    font-weight: bold;
    color: rgb(136, 120, 195); /* 8878C3 */
}

hr
{
    height: 2px;
    /*border: 0;*/
    /*box-shadow: 0 10px 10px -10px #8c8c8c inset;*/
    border-top-color: rgba(38, 40, 51, 0.05);
    border-top-style: solid;
    border-top-width: 1px;
}

h4
{
    font-weight: 900;
}

.ube
{
    color: rgb(136, 120, 195) !important;
}

.bg-ube
{
    background-color: rgb(136, 120, 195) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, button
{
    color: rgb(136, 120, 195) !important;
}

button
{
    font-family: "Nunito Sans", sans-serif
}

::placeholder
{
    /*color: darkgray;*/
    font-size: small;
}

@media screen and (max-width: 420px)
{
    .emoji-modal-body
    {
        padding: 0;
    }
}

.emoji
{
    font-size: 24px;
}

.active_emoji
{
    cursor: pointer;
}

:root
{
    --emoji_size_for_picker: 24;
}

div[dir="rtl"]
{
    text-align: right
}

.progress-bar2
{
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    /*color: #ECF0F3;*/
    /*text-align: center;*/
    white-space: nowrap;
    background-color: #e6e7ee;
    transition: width 0.6s ease;
}

.bootbox .modal-title h4
{
    font-weight: 900;
    color: rgb(136, 120, 195); /* Ube */
}

.bootbox .modal-header
{
    display: none;
}

.bootbox-cancel
{
    color: #31344b;
    background-color: #e6e7ee;
}

.accordion-panel-header[aria-expanded="true"], .accordion-panel-header
{
    color: rgb(136, 120, 195) !important; /* Ube */
}