/*  global: override settings from pylons.css */

html, body, #top, #container {
    background-color:#d9f0c8 !important;
}
.ueberschrift{
    color:#4dbd38;
    font-weight: bold;
}
#container {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 10px;
}
#middle {
    border-top: 0;
    border-bottom: 0;
}
.footer{
    margin-left: 20px;
}

/* the form */

/* the background: green */
#bottom, #wrap {
    background-color:#d9f0c8;
}
/* subheadings: bright green */
.panel-heading {
    color:#4dbd38!important;
    font-weight:bold;
    padding-top:10px;
}
/* date of birth display with DatePartsWidget: control sizes */
/* input#date_of_birth { width:50px!important;} */
/* #date_of_birth-month, #date_of_birth-day { width:25px!important;} */

#item-date_of_birth .input-group {
    float: left;
    padding-right: 3%;
    padding-left: 3%;
}
#date_of_birth {
    min-width: 60px;
}
#date_of_birth-month {
    min-width: 40px;
}
#date_of_birth-day {
    min-width: 40px;
}


/* form subparts: /fieldset/legend */
#item-deformField1 > fieldset > legend {color:#4dbd38;font-weight:bold;}
#item-deformField13 > fieldset > legend {color:#4dbd38;font-weight:bold;}
#item-deformField18 > fieldset > legend {color:#4dbd38;font-weight:bold;}
/* general text imput fields: enlarge font a bit */
input[type=text], select {
    font-size:120%;
    border-color:#4dbd38;
}
/* error messages: enlarge font a bit */
.error {
    font-size: 120%;
    color: #a94442;
}
/* the number of shares display */
.num_shares_input#num_shares {
    border: 0; color: #4dbd38; font-weight: bold;
    font-size:120%;
    width: 50px;
}
.num_shares_input#num_shares-value {
    border: 0;
    color: #4dbd38;
    font-weight: bold;
    font-size:120%;
    text-align:right;
    width: 60px;
}
.num_shares_input#num_shares-slider {
    width: 60%;
    border-radius: 5px;
    background-color: #f0f0f0;
}
.num_shares_input#num_shares-slider::-webkit-slider-thumb {
    background-color: #4dbd38;
}
.num_shares_input#num_shares-slider::-moz-range-thumb {
    background-color: #4dbd38;
}
.ui-slider-handle {
    border:#d9f0c8;
    background:#4dbd38!important;}

/* https://redmine.c-3-s.org/issues/156 */
input {margin-right: 8px;}
a {text-decoration: underline;}

/* footer with image */
#footer {
    background-color:#d9f0c8!important;
    background-image:url(/static/g8532.png); background-repeat:repeat-x;
    height:300px;
}

/* part 2 : the success page */
.align-center{text-align:center;}
.c3s-subheading-4 {
    margin-top:20px;
    color:#4dbd38;
    font-weight:bold;}
.greenButton,
#deformsubmit,
#deformreset
{
    color:#4dbd38;
    padding: 10px;
    border-color:#4dbd38;
    font-size:140%;
    font-weight:bold;
}


/* Fix Bootstrap 4 issues which only shows .invalid-feedback in restricted
   scenarios*/
.is-invalid~.invalid-feedback,
.has-error > .invalid-feedback
{
    display: block;
}
.has-error,
.has-error > .text-muted
{
    color: #dc3545 !important;
}
/* End of Bootstrap 4 fixes */