﻿.page-dialog-container
{
    margin-top: 20px;
}

.page-dialog-header
{
    font-size: 14pt;
    font-weight: bold;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 50px;
    cursor: pointer;
}

    .page-dialog-header div
    {
        display: inline-block;
        padding-top: 10px;
    }

        .page-dialog-header div:nth-child(2)
        {
            float: right;
        }

.page-dialog-body
{
    border-top: 0px;
}

/*.page-dialog-section, .page-dialog-section-with-button > div:first-child*/
.page-dialog-section
{
    font-weight: bold;
    font-size: 15pt;
    margin-left: 10px;
    min-height: 50px;
}


    .page-dialog-section-with-button > div
    {
        display: inline-block;
    }

        /*.page-dialog-section-with-button > div:last-child
        {
            float: right;
            margin: 5px 5px 0px 0px;
        }*/

.page-dialog-row
{
    /*margin-left: 20px;*/
    /*display: flex;*/
}

    .page-dialog-row div
    {
        display: inline-block;
        /*flex: none;*/
        padding: 5px 5px 5px 20px;
        min-height: 45px;
    }

    .page-dialog-row-header
    {
        background-color: gray;
        color:white;
    }

        /*.page-dialog-row div:first-child
        {
            width: 250px;
            margin-right: 10px;
        }

        .page-dialog-row div:nth-child(2)
        {
            font-weight: bold;
        }

        .page-dialog-row div:nth-child(3)
        {
            float: right;
            padding-right: 9px;
        }*/

.page-dialog-footer
{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 10px;
    cursor: pointer;
}

.section-title
{
    font-weight: bold;
    border: 0px !important;
    margin-left: -20px;
    width:100%;
}

.section-title-divider
{
    border-top:2px solid #ddd;
    width:100%;
}

.reconciliation-row
{
    margin-left: 0px;
    /*float: none;*/
    font-weight: normal;
    background-color: none;
}

.content-negative
{
    color: red;
}

.content-neutral
{
    /*color: black;*/
}

.content-positive
{
    color:green;
}
.content-title, .content-title-sub
{
    font-weight: bold;
    font-size: 15pt;
    color: #555;
    margin-left: 10px;
}
.content-title-sub
{
    font-size: 11pt;
}

.editing-object-saving
{
    background-color: orange;
}

.editing-object-failure
{
    background-color: red;
}

.text-label
{
    width: 200px;
    vertical-align:bottom;
}
.text-value
{
    cursor: pointer;
    width: 400px;
    vertical-align: bottom;
}

.vs-toggle-button
{
    border-radius:5px !important;
    margin:2px;
}
.vs-popup-table td
{
    border-right:1px solid #ddd;
}

.vs-required-field
{
    color:red;
    font-size:7px;
    vertical-align:top;
}
.vs-error-message
{
    border:1px solid red;
    color:red;
    display:none;
    font-weight:bold;
    margin:5px;
    padding:5px;
}
.section-title-description
{
    font-size:8pt;
    font-style:italic;
    color:#888;
}