/* ### Input Anpassungen _ VOK DAMS. StaR ### */

.form-check {
  padding-left: 1px !important;
}
input, select, textarea {
  background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQImV3IOREAIAADsPp3CwgIE881Y6KsOaQDL0/c/APSARtGvmLaZE5cFAAAAABJRU5ErkJggg==) repeat ; /* // Theme-Value */
  /*background: rgba(255,255,255,.75) !important;*/
  border-radius: 0px !important; /* // Theme-Value */
  border: 1px solid rgba(255,255,255,.75) !important; /* // Theme-Value */
  box-shadow: 0 0 12px rgba(0,0,0,.08) !important; /* // Theme-Value */
  transition: all .7s ease-in-out !important; /* // Theme-Value */
  color: #666666 !important; /* // Theme-Value */
}
input:hover, select:hover, textarea:hover {
  /*background: rgba(255,255,255,1) !important;*/
  border-radius: 0px !important; /* // Theme-Value */
  border: 1px solid rgba(255,255,255,1) !important; /* // Theme-Value */
  box-shadow: 0 0 19px rgba(0,0,0,.3) !important; /* // Theme-Value */
  transition: all .3s ease-in-out !important; /* // Theme-Value */
}
input:focus, select:focus, textarea:focus {
  /*background: rgba(255,255,255,1) !important;*/
  border: 1px solid rgba(0,0,0,0) !important; /* // Theme-Value */
  /*box-shadow: 0 0 9px rgba(0,0,0,.1), inset 0 0 5px rgba(255,255,255,.5) !important;*/
  background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQImV3IOREAIAADsPp3CwgIE881Y6KsOaQDL0/c/APSARtGvmLaZE5cFAAAAABJRU5ErkJggg==) repeat !important; /* // Theme-Value */
  box-shadow: 0 0 19px rgba(0,0,0,.3), inset 0 0 48px 12px rgba(255,255,255,.75) !important; /* // Theme-Value */
  color: #000000 !important; /* // Theme-Value */
}
input[type="text"] {
  /*border-bottom: 1px dotted rgba(0,0,0,0) !important; /* // Theme-Value */
}
input[type="text"]:hover {
  /*border-bottom: 1px dotted rgba(0,0,0,0) !important; /* // Theme-Value */
}
input[type="text"]:focus {
  border-bottom: 1px dashed rgba(247,61,68,.95) !important; /* // Theme-Value */
}
textarea:focus {
  box-shadow: 0 0 19px rgba(0,0,0,.3), inset 0 0 75px 50px rgba(255,255,255,.75) !important; /* // Theme-Value */
  color: #000000 !important; /* // Theme-Value */
  border: 1px dashed rgba(247,61,68,.95) !important; /* // Theme-Value */
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}
/* graceful degradation for ie8 */
 input[type='checkbox'],
 input[type='radio'] {
  width:auto;
  float:left;
  margin-right: 0;
  background:transparent;
  border:none;
}
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before ,
label > input[type='checkbox']::before{
  content:' ';
  display:inline-block;
  width: 20px; /* // Theme-Value */
  height:20px; /* // Theme-Value */
  position: relative;
  top:4px;
  border: 1px solid rgba(255,255,255,1); /* // Theme-Value */
  background: rgba(255,255,255,0); /* // Theme-Value */
  margin-right: 1em;
  box-shadow: 0 0 4px rgba(0,0,0,.16), inset 0 0 30px 30px rgba(255,255,255,.95); /* // Theme-Value */
  transition: all .7s ease-in-out; /* // Theme-Value */
  visibility: visible;
}
.disabled input[type='checkbox']:not(:checked) + label:before,
.disabled input[type='radio']:not(:checked) + label:before {
  background: rgba(255,255,255,.25); /* // Theme-Value */
  box-shadow: 0 0 1px rgba(0,0,0,0), inset 30px 20px rgba(255,255,255,.15); /* // Theme-Value */
}
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}
input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background: rgba(255,255,255,0); /* // Theme-Value */
  box-shadow: 0 0 6px rgba(0,0,0,.24), inset 0 0 30px 20px rgba(255,255,255,1); /* // Theme-Value */
  transition: all .3s ease-in-out !important; /* // Theme-Value */
  border: 1px solid rgba(255,255,255,1); /* // Theme-Value */
}
input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before,
label > input[type='checkbox']:checked::before{
  background: linear-gradient(160deg, #f73d44 10%, #dc0019 90%); /* // Theme-Value */
  border: 1px solid rgba(255,255,255,1); /* // Theme-Value */
  box-shadow: none; /* // Theme-Value */
}
select {
  padding:.75em 1em .5em 1em;
}
option {
  background: #f1f1f1; /* // Theme-Value */
  border-top: 1px solid #444; /* // Theme-Value */
  padding:.3em 1em .3em 1em;
}
option:checked {
  background: linear-gradient(160deg, #f73d44 10%, #dc0019 90%); /* // Theme-Value */
}
select.vdselectbox option:hover {
  background: #ffffff; /* // Theme-Value */
  box-shadow: 0 0 12px rgba(0,0,0,.15); /* // Theme-Value */
  transition: all .3s ease-in-out; /* // Theme-Value */
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALUlEQVQImWP4f+/Rf2T8dd3O/wzoAv/vPUIIwgTggsgC/+89+s+ALvD/3qP/AMsEW6BiBIzmAAAAAElFTkSuQmCC) repeat !important;
}
.form-control.is-valid, .was-validated .form-control:valid {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQImV3IsREAIBADoIzmaG6Olb4XSqJsSzoweePlH5AOOCcWXWehH7MkAAAAAElFTkSuQmCC) repeat !important;
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border: 1px solid rgba(255,255,255,1) !important;
}
.form-control:disabled, .form-control[readonly] {
    background-image: none;
    background-color: #e9ecef;
    opacity: 0.7;
}
.input-group-prepend, .input-group-text {
  border-radius: 0px;
  background: #fff;
  border: 1px transparent;
  border-right: 1px solid rgba(0,0,0,.16);
}
.input-group-prepend {
  box-shadow: 0 0 9px rgba(0,0,0,.16);
  margin-left: 15px;
}
.custom-file-label {
  border-radius: 0px;
  background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQImV3IOREAIAADsPp3CwgIE881Y6KsOaQDL0/c/APSARtGvmLaZE5cFAAAAABJRU5ErkJggg==) repeat !important; /* // Theme-Value */
  border: 1px solid rgba(255,255,255,.75) !important; /* // Theme-Value */
  box-shadow: 0 0 12px rgba(0,0,0,.08) !important; /* // Theme-Value */
  transition: all .7s ease-in-out !important; /* // Theme-Value */
}
.custom-file-label:hover {
  border: 1px solid rgba(255,255,255,1) !important; /* // Theme-Value */
  box-shadow: 0 0 19px rgba(0,0,0,.3) !important; /* // Theme-Value */
  transition: all .3s ease-in-out !important; /* // Theme-Value */
}
.custom-file-label:after {
  background: #fff;
  border-radius: 0px !important;
  border: 1px transparent;
  border-left: 1px solid rgba(0,0,0,.16);
  transition: all .7s ease-in-out;
}
.custom-file-label:hover:after {
  border: 1px transparent;
  border-left: 1px solid rgba(0,0,0,.16);
  transition: all .3s ease-in-out;
}
  .form-buttons button.vdtnmbtn {
        height:120px;
        width:120px;
        background-color: #fff;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
        border: 0;
        position: relative;
    }
    .form-buttons button.vdtnmbtn svg {
        height:40px !important;
        width:40px !important;
        display: block;
        margin: 0 auto;
    }
    .form-buttons button.vdtnmbtn div {
        position: absolute;
        bottom: 5px;
        left: 5px;
        color:#787878;
        font-family: SofiaProUltraLight,sans-serif;

    }
    .form {
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
    }
    .form-inputs{
        background-color: #F6F6F6;
        padding: 20px;
    }
    .form-buttons {
        background-color: #eee;
        padding: 0 20px;
        text-align: right;
    }
    .vdtnmbtn[disabled] {
    cursor: not-allowed;
}
    div.required label:after {
    content: " *";
    color: var(--required-color);
}