/* Colors */
.ModOpenFormC{
    --of-accent: #FF690E;       /* orange: required marker, button, heading line, notice */
    --of-accent-text: #FFFFFF;  /* text on accent background */
    --of-primary: #30827d;      /* teal: headings, datepicker border */
}

.ModOpenFormC input,
.ModOpenFormC textarea{
	width: 100%;
    max-width: 100%;
    margin: 0.3em 0 0;
    font-size: 1em;
    padding: 0.4em;
}

.ModOpenFormC input, .ModOpenFormC .alpaca-field-select{
    max-width: 300px;
}

.ModOpenFormC .form-group{
    padding-bottom: 1em;
}

.ModOpenFormC .form-group{
    padding-bottom: 1em;
}
.ModOpenFormC .form-group .glyphicon-exclamation-sign:after{
    content: "*";
    color: var(--of-accent);
    display:inline;
}

.ModOpenFormC .btn{
    background: var(--of-accent);
    color: var(--of-accent-text);
    padding: 0.5em;
}
/* Section headings (Adres, Reservering, Periode) */
.ModOpenFormC .form-heading{
    padding-bottom: 1em;
    color: var(--of-primary);
}
.ModOpenFormC .form-heading .control-label{
    font-size: 1.3em;
    font-weight: bold;
    margin: 0.8em 0 0;
    padding-bottom: 0.2em;
    border-bottom: 1px solid var(--of-accent);
    width: 100%;
}
.ModOpenFormC .form-heading .alpaca-control{
    display: none;
}

/* Notice (whole weeks in July/August) */
.ModOpenFormC .form-notice .control-label{
    font-weight: bold;
    color: var(--of-accent);
}
.ModOpenFormC .form-notice .alpaca-control{
    display: none;
}

/* Radio buttons / checkboxes must not stretch */
.ModOpenFormC input[type="radio"],
.ModOpenFormC input[type="checkbox"]{
    width: auto;
    margin: 0 0.4em 0 0;
}

.ModOpenFormC .bootstrap-datetimepicker-widget{
    border: solid 1px var(--of-primary);
}

.ModOpenFormC .dnnActions{
    padding-left: 0;
}