/*
 *
 * specific stuff for this app
 *
 */
body, .page__background, ons-navigator > ons-page > .page__background
{
    background-color: #efeff4;
}

/* non button */
.toolbar .text
{
    opacity: 0.6;
    display: inline-block;
}

/**
 *
 */
.list-item .button
{
    margin: 0;
    padding: 0;
    line-height: inherit;
}

/*
.list-item .button i, .list-item .left i
*/
i.bigger
{
    font-size: 20px;
}

/**
 */
button.add i
{
    color: green;
}

/**
 *
 */
.action_delete, .action_delete .button
{
    color: red !important;
}
.list-item.action_add, .action_add > i
{
    color: green !important;
}

.fab.action_add, .fab.action_save
{
    background-color: rgba(0,158,0, 1);
}

.fab.action_cancel
{
    background-color: rgba(158,0,0, 1);
}

.card.max-height
{
    max-height: calc(100% - 16px); /*85vh*/
    overflow: auto;
}

/**
 * spacer
 */
.bottom_spacer
{
    height: 80px;
}

/**
 * form styling
 */
ons-input[type="text"], ons-input[type="tel"], textarea, .textarea
{
    width: 100%;
}
textarea, .textarea
{
    background-color: white;
}

.radio-button
{
    vertical-align: initial;
}

.form ons-row
{
    padding: 4px;
    font-size: 17px;
}
.form ons-col
{
    padding: 4px;
}

.nowrap
{
    white-space: nowrap;
}

.form ons-row .text
{
    opacity: 0.7;
}

/* width */
.form_input
{
    width: 100%;
    max-width: 720px;
    padding-bottom: 10px;
}

.form_input .counter
{
    opacity: 0.6;
    font-size: smaller;
    text-align: right;
}

.form_input .counter .current
{
    font-size: small;
}

.form_input input[type="file"]
{
    display: block;
}

.form_input .errorText
{
    font-size: small;
    color: rgba(158,0,0, 0.6);
    /*float: left;*/
}

.img_preview
{
    clear: both;
}

.img_preview .img
{
    display: inline-block;
    border: 1px solid white;
    border-radius: 5px;
/*
    margin: 3px;
*/

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/**
 * error
 */
textarea.error, input.error, ons-input.error
{
    background-color: rgba(158,0,0, 0.1);
    border-radius: 5px;
}

/**
 * Post
 */
a
{
    text-decoration: none;
}

.card.post
{
    padding: 10px;
}

.post .title
{
    width: 100%;
    font-size: larger;
}

.post .footer
{
    font-size: small;
    opacity: 0.6;
}

.post hr
{
    height: 1px;
    border: none;
    background-color: black;
    opacity: 0.2;
}

.post .actions ons-button
{
    padding: 0;
    line-height: normal;
    font-size: inherit;
}

.post [data-field="author"]
{
    font-weight: bold;
}
.post [data-field="author"]::after
{
    font-weight: normal;
    /*content: " - ";*/
}

.post .subtitle
{
    font-size: small;
    display: flex;
    align-items: center;
}

.post .subtitle ons-icon
{
    padding-right: 5px;
}

.post [data-field="datetime_created_diff"]
{
    font-size: smaller;
}

/**
 * Topic Post
 */
.topic [data-field="author"]
{
/*
    font-weight: normal;
*/
    display: none;
}

.topic .subtitle, .topic [data-field="datetime_created_diff"]
{
    font-size: unset;
}

/**
 * popover shadow
 */
.popover div.popover__content
{
    box-shadow: 0px 0px 6px 0px #71717145;
}

/**
 * report for admin
 */
#modal_admin_report .card > .content
{
    max-height: 85vh;
    overflow: auto;
}

#modal_admin_report .section > .title
{
    font-size: larger;
    background-color: #fafafa;
}

/**
 * fullscreen image
 */
#modal_image img.to_show
{
    max-height: 100vh;
    max-width: 100vw;
}