.form-fields
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 3px 6px;
}

.fields-row
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1px 2px;
    align-items: baseline;
    width: 100%;
}

.fields-row:not(:last-child)
{
    margin-bottom: 4px;
}

.form-control:not(:last-child)
{
    margin-right: 6px;
}

.subsection-header
{
    width: 100%;
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: 1px solid #5E5E5E;
}

.subsection-content
{
    width: 100%;
    padding: 10px;
    padding-bottom: 0;
}

.subsection-content .form-control:last-child:not(:first-child) 
{
    padding-right: 20px;
}

.header-dark
{
    background-color: #5e5e5e;
    color: #ffffff;
    font-size: 0.9em;
}

.actionButtonGroup
{
    display: flex;
    justify-content: flex-end;
}

.actionButtonGroup button:not(:first-child), .actionButtonGroup a:not(:first-child)
{
    margin-left: 12px;
}

.hover-pointer:hover
{
    cursor: pointer;
}

.bg-highlight
{
    background-color: #e1e463 !important;
}

.text-left
{
    text-align: left;
}

.text-right
{
    text-align: right;
}

.text-center
{
    text-align: center;
}

.text-nowrap
{
    white-space: nowrap;
}

.text-xsmall
{
    font-size: 0.8em !important;
}

.text-small
{
    font-size: 0.9em !important;
}

.text-normal
{
    font-size: 1em !important;
}

.text-large
{
    font-size: 1.1em !important;
}

.text-xlarge
{
    font-size: 1.2em !important;
}

.width-100
{
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.width-75
{
    width: 75%;
}

.width-50
{
    width: 50%;
}

.width-25
{
    width: 25%;
}

.width-0
{
    width: 0%;
}