/* ********************* */
/* Main Layout           */
/* ********************* */
html
{
    height: 100%;
    background-color: #f8f9fa
}

.main
{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.top-bar
{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 5px 30px;
}

/* ********************* */
/* Header / Top          */
/* ********************* */
.top-logo
{
    vertical-align: middle;
    height: auto;
    width: 216px;
}

.top-text
{
    margin-left: 10px;
    vertical-align: middle;
}

/* ********************* */
/* Footer                */
/* ********************* */
.footer-bar
{
    text-align: center;
    padding-bottom: 1em;
    font-size: .8em;
}

/* ********************* */
/* Panel                 */
/* ********************* */
.panel
{
    width: 100%;
    padding: 16px 16px 8px 16px;
    margin-bottom: 16px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    background: #fff
}

.panel-header
{
    font-size: 18px;
    color: #8c8c8c;
    margin-bottom: .7em;
}

/* ********************* */
/* Fields                */
/* ********************* */
.row-data
{
    overflow: auto;
}

.row-label
{
    box-sizing: border-box;
    width: 100%;
    padding: 5px 5px 2px 0;
}

.row-label-800
{
    box-sizing: border-box;
    width: 100%;
    padding: 5px 5px 2px 5px;
}

@media ( min-width: 640px)
{
    .row-label
    {
        float: left;
        width: 200px;
        padding: 10px 5px 4px 5px;
    }
}

@media ( min-width: 640px)
{
    .row-label-50
    {
        width: 400px;
    }
}

@media ( min-width: 800px)
{
    .row-label-800
    {
        float: left;
        width: 200px;
    }
}

.row-value, .row-value-800
{
    position: relative;
    float: left;
    box-sizing: border-box;
    width: calc(100% - 32px);
    padding: 5px 0 5px 0;
}

.row-value-800
{
    padding-left: 5px;
}

.row-value .ui-inputfield
{
    box-sizing: border-box;
    width: 100%;
    padding: 2px 0 2px 5px;
}

.row-value .ui-selectonemenu
{
    box-sizing: border-box;
    width: 100%;
}

@media ( min-width: 640px)
{
    .row-value
    {
        width: calc(100% - 234px);
    }
}

@media ( min-width: 640px)
{
    .row-value-50
    {
        width: calc(100% - 434px);
    }
}

@media ( min-width: 800px)
{
    .row-value-800
    {
        width: calc(100% - 234px);
    }
}

.row-value-left30
{
    float: left;
    width: 28% !important;
}

.row-value-right70
{
    float: right;
    width: 70% !important;
}

.row-value-left70
{
    float: left;
    width: 70% !important;
}

.row-value-right30
{
    float: right;
    width: 28% !important;
}

.row-info
{
    float: left;
    margin-top: 9px;
    margin-left: 10px;
    width: 20px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    /*-moz-transition: all 0.2s ease;*/
    /*-o-transition: all 0.2s ease;*/
    /*-ms-transition: all 0.2s ease;*/
    transition: all 0.2s ease;
    color: #909090;
}

.row-info:hover
{
    color: #186ba0;
    transform: scale(1.15, 1.15);
    text-shadow: 2px 2px 3px #e0e0e0;
    overflow: hidden !important;
}

.clear
{
    clear: both;
    float: none;
}

.row-info:after
{
    clear: both;
    float: none;
    display: block;
}

.row-info-text
{
    display: none;
    clear: both;
    padding: 0 30px 10px 15px;
    font-size: 13px;
}

.row-text
{
    clear: both;
    padding: 2px 30px 2px 15px;
    font-size: 0.8em;
}

/* ********************* */
/* Input fields          */
/* ********************* */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight
{
    color: #fff;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight
{
    color: #fff;
}

.scheme-button
{
    border: 1px solid #764545 !important;
    background: #bf1829 !important;
    color: #fff !important;
    padding: 0 15px;
    overflow: hidden;
}

body .ui-widget + .ui-message
{
    margin: 0;
}

body .ui-message
{
    padding: 5px 0;
}

body .ui-inputfield.ui-state-hover, body .ui-selectonemenu.ui-state-hover, body .ui-chkbox .ui-chkbox-box.ui-state-hover
{
    border: 1px solid #808080;
}

body .ui-inputfield.ui-state-focus, body .ui-selectonemenu.ui-state-focus, body .ui-chkbox .ui-chkbox-box.ui-state-focus
{
    box-shadow: none;
    border: 1px solid #808080;
}

body .ui-chkbox .ui-chkbox-box
{
    border-width: 1px;
}

body .ui-panelgrid .ui-panelgrid-cell
{
    color: black;
    padding: 0;
}

body .ui-button.ui-state-focus
{
    box-shadow: none;
}

/* ********************* */
/* Messages              */
/* ********************* */
.ui-message
{
    float: left;
    border: none !important;
    color: #d51f1f !important;
    background-color: transparent !important;
    margin: 0;
}

.ui-messages-info-summary, .ui-messages-warn-summary,
.ui-messages-error-summary, .ui-messages-fatal-summary,
.ui-message-info-summary, .ui-message-warn-summary,
.ui-message-error-summary, .ui-message-fatal-summary,
.ui-messages-info-detail, .ui-messages-warn-detail,
.ui-messages-error-detail, .ui-messages-fatal-detail,
.ui-message-info-detail, .ui-message-warn-detail,
.ui-message-error-detail, .ui-message-fatal-detail
{
    margin-left: 0 !important;
}

/* message icon werden ausgeblendet */
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,
.ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon,
.ui-message-error-icon, .ui-message-fatal-icon
{
    display: none !important;
    visibility: hidden !important;
}

/* ********************* */
/* Checkbox              */
/* ********************* */

.check-box-text
{
    display: inline-block;
    width: calc(100% - 60px);
    padding-left: 15px;
}