body {
}
/* The form container */
.kpi-form {
    border: 1px solid #ddd;
    font-family: 'Raleway', sans-serif !important;
}

/* The form heading text */
.kpi-form-heading {
    background-color: #028844;
    font-size: xx-large;
    width: 100%;
    border-bottom: 1px solid #ddd;
    /* border-top: 1px solid #ddd; */
    color: white;
    text-align: center;
    padding-top: 17px;
    padding-bottom: 11px;
}

/* Form details, like image, subtitle, description etc... */
.kpi-form-info {
  
}

.kpi-form-footer {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding: 5px;
}

/* Form Sections Container */
.kpi-form-sections {
}

/* Individual Section */
.kpi-section {
    font-family: 'Raleway', sans-serif;
}

.form-subtitle {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    font-weight: bold;
    display: block;
}

.form-description {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
}
/* Body of the section */
.kpi-section-body {
    margin-left: 30px;
    margin-right: 30px;
}

/* Section details like description, subtitle etc... */
.kpi-section-info {
  
}

.kpi-section-footer {
    font-size: small;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

.security-level {
    background-color: gray;
    color: white;
    border-radius: 11px;
    padding: 5px;
    font-size: 9px;
}

.form-image {
    text-align: center;
    margin: 2px;
    margin-top: 15px;
}

    .form-image img {
        margin: auto;
    }

.section-header {
    padding: 10px;
    padding-left: 20px;
    background-color: #FFD500;
    color: white;
    font-size: large;
    min-height: 40px !important;
    width: 100%;
    font-weight: bold;
    border-bottom: 1px solid white;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-top: 0px;
}

    .section-header a {
        text-decoration: none;
    }


/* The Question Container */
.question {
    font-family: 'Raleway', sans-serif;
}

/* Label/text of the question */
.question-label {
    font-weight: bold;
    padding: 0px 20px 10px 0px;
    display: block;
}

/* Label/text of the question helpinstruction */
.help-label {
    padding: 0px 20px 10px 0px;
    display: block;
    color: gray;
    font-size: 0.9em;
}

.save-button {
    border: none;
    padding: 15px;
    margin: 10px;
    border-radius: 0px;
}

.abort-button {
    border: none;
    padding: 15px;
    margin: 10px;
    border-radius: 0px;
}

.prev-button {
    border: none;
    padding: 15px;
    margin: 10px;
    border-radius: 0px;
}

.next-button {
    border: none;
    padding: 15px;
    margin: 10px;
    border-radius: 0px;
}

/* The "required" text span */
.question-required {
    color: red !important;
    margin-right: 5px;
    font-size: 0.7em;
    font-weight: 100;
}

/* The input control e.g. text box, multiline text box, dropdown, radio buttons, datecontrol, etc... */
.question-input {
    font-size: 1.1em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

/* The items inside a dropdown, radiobutton list, etc... */
.input-item {
    margin-right: 10px;
    margin-left: 10px;
}

    /* Label for the radio button */
    .input-item label {
        font-weight: 100 !important;
        margin-left: 10px;
    }