body {
    background-color: #fdf1b1;
}
.logo {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    height: 10%;
    float: left;
    position: relative;
}

.my_header {
    background-color: #faa85b;
    color: darkgrey;
    margin-right: 0;
}

.control-label {
    margin-top: 8;
}

.textInput  {
    width: 40%;
}

.emailinput {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#id_name {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#id_subject {
    width: 100%;
}

#id_message {
    width: 100%;
}

.contactformulier {
    margin: auto;
    width: 100%;
}

.my_button {
    font-weight: bold;
}

.item td {
    text-transform: capitalize;
}

.my_panel {
    border-color: #faa85b;
    background-color: #fdf1b1;

}

.my_panel body {
    min-height: 400px;
}

.my_panel-heading {
    border-color: #faa85b;
    background-color: #faa85b;
}

.my_panel-title {
    font-weight: bold;
}

.my_detail_form {
    text-transform: capitalize;
    width: 66%;
}

#my_info_table tabel body tr td {
    color: black;
    font-size: 14px;
    border: 0;
    background-color: transparent;
    border-color: #fdf1b1;
    padding: 1px;
    border-top: none;

    cellspacing:0;
    cellpadding:0;
    kpxc-container-border: #fdf1b1;
    border: none;
    border: 0;
    border-color: transparent;
    outline:0;
    border-collapse:collapse;
}

#my_info_table td {
    display: table-cell;
    vertical-align: middle;
}

.my_tabel-label {
    font-weight: bold;
    width: 50%;
    border-top: 0px;
}

.my_tabel-info {
    text-transform: capitalize;
    width: 50%;
    border-top: 0px;

}

.p_auteurs {
    margin-bottom: 0;
}

.my-select {
    text-transform: capitalize;
}

.my_cover {
    object-fit: contain;
    padding-right: 20px;
    position: relative;
    width: 30%;
}

.info_table {
    width: 70%;
}

.my_cover_img {
    object-fit: contain;
    object-position: right;
    max-width: 100%;
    max-height: 100%;
}

.panel-body {
    width: 100%;
}

//input:invalid {
//  background-color: pink;
//}

//form:invalid {
//  border: 5px solid #ffdddd;
//}

:root {
  --star-size: 18px;
  --star-color: #fff;
  --star-background: #faa85b;
}

.stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: Times;
    line-height: 1;
}

.stars::before {
        content: ' ★★★★★        ';
        letter-spacing: -3px;
        background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.chart-wrapper {
    max-width: 100%;
}

#chart {
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
}

#email_button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}
.feedback_message {
    text-align: center;
    font-weight: bold;
}

.success_message em {
    font-weight: bold;
    color: black;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
}

.fail_message em {
    font-weight: bold;
    color: #a94442;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
}

.has-error {
    border-color: #a94442;
}

.glyphicon-remove {
    color: #a94442;
}

.glyphicon-ok {
    color: green;
}

.img_with_text img {
    display: block;
    opacity:0.2;
    width:80%;
    margin-left: auto;
    margin-right: auto;
}

.img_with_text p {
    vertical-align: bottom;
    text-align: right;
    font-size: 10;
    margin-right: 10%;
}

.img_with_text2 {
    vertical-align: top;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
}

.img_with_text2 img {
    margin-top: 5;
    max-width: 100%;
    float: right;

}

.img_with_text2 p {
    display: block;
    vertical-align: bottom;
    font-size: 10;
    text-align: right;
    clear: both;
}

.about_us {
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
}

.about_us_headers {
    margin-left: 10%;
    text-align: left;
    font-weight: bold;
}

.about_us_develop {
    text-align: justify;
    margin-left: -15;
}

.overlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 90%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 10px;
  margin-bottom: 22px;
  margin-left: 15;
  text-align: center;
  float: right;

}

.img_with_text2:hover .overlay {
  opacity: 1;
}

#no_rights {
  font-size: 10px;
}