/* https://pictogrammers.com/library/mdi/ */
.svg-icon { width:1.5em; height:1.5em;  }

.text-danger svg,   .alert-danger svg, .btn-danger svg, .btn-outline-danger svg   { fill: #e10c1c; }
.text-danger:hover svg,   .alert-danger:hover svg, .btn-danger:hover svg, .btn-outline-danger:hover svg   { fill: #f8f9fa; }
.text-warning svg,  .alert-warning svg, .btn-warning svg, .btn-outline-warning svg  { fill: #ffc107; }
.text-success svg,  .alert-success svg, .btn-success svg, .btn-outline-success svg  { fill: #669900; }
.text-primary svg,  .alert-primary svg, .btn-primary svg, .btn-outline-primary svg  { fill: #286d9f; }
.text-secondary svg, .alert-secondary svg, .btn-secondary svg, .btn-outline-secondary svg { fill: #6c757d; }
.text-info svg, .alert-info svg, .btn-info svg, .btn-outline-info svg { fill: #0dcaf0; }
.text-info:hover svg, .alert-info:hover svg, .btn-info:hover svg, .btn-outline-info:hover svg { fill: #f8f9fa; }

.striped-container .row { background-color: rgba(60, 148, 255, 0.15); }
.striped-container .row:nth-child(odd) { background-color: rgba(60,148,255,.05); }

/*.form-label {*/
/*    position: absolute;*/
/*    pointer-events: none;*/
/*    left: 10px;*/
/*    top: 10px;*/
/*    transition: top 0.2s ease, font-size 0.2s ease;*/
/*}*/

/* Verstecken des eigentlichen Radiobuttons */
.custom-radio input[type="radio"] {
    display: none;
}

/* Styling des benutzerdefinierten Radiobuttons */
.custom-radio label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #286d9f;
}

.custom-radio label:before, .custom-radio label:after {
    content: '';
    position: absolute;
}

.custom-radio label:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    /*border: 2px solid #286d9f;*/
    /*background: #fff;*/
    background-image: url("../svg/checkbox-blank-outline.svg");
    filter: invert(37%) sepia(29%) saturate(1094%) hue-rotate(162deg) brightness(96%) contrast(94%);
}

.custom-radio input[type="radio"]:checked + label:after {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url("../svg/checkbox-outline.svg");
    filter: invert(37%) sepia(29%) saturate(1094%) hue-rotate(162deg) brightness(96%) contrast(94%);
}

.question-cover {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:transparent;
    z-index:100;
}

.hiliting:hover { background-color: #c7c7c7; cursor: pointer; }