.icons {
    width: 25px;
    height: 25px;
}

p {
    line-height:25px;
}

.required {
    font-weight: bold;
}
.error {
    color: red;
}

.btn_tab {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 1px;
        margin-left: -2px;
}

.tooltip {
    position: relative;
    display: inline-block;
    color: #006080;
}

.fieldtooltip {
    background: url("../../../static/hp/img/fragezeichen.svg") no-repeat right top;
    background-size: 3%;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
  top: -5px;
  left: 125%;
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;
  margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
  top: -5px;
  bottom:auto;
  right: 128%;
}
.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.filter {
    background-color: #EEEEEE;
    border-radius: 10px;
}

.select2-container {
    margin: 0 0 1rem !important;
}

.signotec-wrapper .signotec-step {
    display: none;
}

.signotec-wrapper[data-step="1"] .signotec-step1,
.signotec-wrapper[data-step="2"] .signotec-step2,
.signotec-wrapper[data-step="3"] .signotec-step1,
.signotec-wrapper[data-step="3"] .signotec-step3 {
    display: block;
}

.signotec-wrapper canvas {
    border: 1px solid #000000;
}

.signotec-wrapper img {
    width: 100%;
    max-width: 320px;
}