/* If a field is required we make the label bold to indicate this */
div.required div.abc-label {
    font-weight: bold;
}
/* If the field should be hidden vi hides */
div.abc-form div.hidden {
    display: none;
}
/*
    Set the background color of the control to red if the validation failed.
*/
div.abc-form div.error select ,
div.abc-form div.error input {
    background-color: #ff8888;
}
/* Sets the background color to yellow if the we find that the control is not
configured correctly in Visma- This is done to make it possible to easily see
any problems when configuring up new forms in Visma.

We do not tell what the problem is, only that we have a problem. */
div.abc-form div.init-error select ,
div.abc-form div.init-error input ,
div.abc-form div.init-error
{
    background-color: #ffff88;
}
/* Color of the error message text */
.abc-errors {
    color: #ff2222;
}
/* Container for all fields - adds some space between form title and the fields */
div.abc-fields {
    padding-top: 20px;
    position: relative;
}
/* Container for the field - sets some space between the different fields */
div.abc-field {
    padding-top: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}
/* Container that hold the fields label */
div.abc-label {
    float: left;
    /* Set this property to adjust the width of the "label" column */
    width: 130px;
}
/* Container that hold the filds control */
div.abc-control {
    float: left;
    clear: right;
    padding-right: 3px;
}
/* CSS for moving a field/control up and to the right control above it */
div.share div.float-break {
    display: none;
}
div.move-up div.abc-label {
    width: auto;
    padding-right: 4px;
}
div.move-up div.abc-control {
    margin-top: -4px;
}
/* Set some space around the text in a "label control" */
div.label {
    padding-top: 4px;
    padding-bottom: 4px;
}
/* Set the label style if the control is required */
div.required div.label {
    font-weight: bold;
}
/* Set alignment right in text boxes if the datatype is numeric */
input.numeric
{
    text-align: right;
}
/* Make the label on radio and checkboxes follow right behind the controls */
label.radio ,
label.checkbox
{
    display: inline;
}
/* List control */
table.list-ctrl tr.tbl-header td {
    font-weight: bold;
}
table.list-ctrl td {
    padding-right: 5px;
}
/* Checklist control */
div.full-width div.abc-label {
    display: none;
}
div.full-width div.abc-control ,
.checklist4 div.abc-control ,
.checklist5 div.abc-control {
    width: 99%;
}
.checklist4 div.abc-label ,
.checklist5 div.abc-label {
    padding-bottom: 2px;
    width: 99%;
}
.checklist div.item {
    float: left;
}
.checklist1 div.item {
    width: 99%;
}
.checklist2 div.item {
    width: 49%;
}
.checklist3 div.item {
    width: 33%;
}
.checklist4 div.item {
    width: 24%;
}
.checklist5 div.item {
    width: 19%;
}
/* Wait message (waiting on first form screen)*/
div#abc-wait-message {
    padding-top: 300px;
    font-weight: bold;
    font-size: 20px;
    text-align:center;
}
/* Wait message (after submitting a form) */
div#abc-form-wait-message {
    padding-top: 50px;
    padding-bottom: 50px;
    font-weight: bold;
    font-size: 20px;
    text-align:center;
}