body {
            background-color: #eee;
            font-family: sans-serif;
            font-size: 20px;
            line-height: 1.4em;
            padding: 0;
            margin: 0;
        }
        .loaded {
            font-family: 'Open Sans', sans-serif;
        }
        .container {
            display: block;
            max-width: 960px;
            margin: 2em auto 2em;
            padding: 2em;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 3px;
        }

        h1, h2, h3, h4, h5 {
            /*color: #494949;*/
            color: black;
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
        }
        h1 {
            font-size: 36px;
        }
        h2 {
            font-size: 29px;
        }
        h3 {
            font-size: 24px;
        }

        a {
            color: #0f7096;
        }

        p{margin-top:5px;}

        .disclaimer {
            max-width: 960px;
            display: block;
            margin: 0 auto;
            text-align: center;
            color: #333;
            font-size: .6em;
        }

        @media (min-width: 768px) and (max-width: 991px)  {
            .container {
                padding: 1em;
                border: 0;
                border-radius: 0;
            }
        }

        @media (max-width: 767px)  {
            body {
                font-size: 16px;
            }
            .container {
                padding: 1em;
                margin: 0 0 1em;
                border: 0;
                border-radius: 0;
            }
            }
            
            h1 {
                font-size: 24px;
            }
            h2 {
                font-size: 22px;
                margin-bottom: 0px;
                /*color: black;*/
            }
            h3 {
                font-size: 16px;
            }
            /*code tussen slash en asterix word als commentaar gezien*/
            
                    .input-group.md-form.form-sm.form-1 input{
border: 1px solid #bdbdbd;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.input-group.md-form.form-sm.form-2 input {
border: 1px solid #bdbdbd;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.input-group.md-form.form-sm.form-2 input.red-border {border: 1px solid #5c7096;height: 25px;padding: 0px 13px;width: 200px;}
.input-group.md-form.form-sm.form-2 input.lime-border {
border: 1px solid #cddc39;
}
.input-group.md-form.form-sm.form-2 input.amber-border {
border: 1px solid #ffca28;
}

.input-group-text{
 text-indent: -27px;
    color: #0f7096;
    font-size: 17px;       
}