.dopinfo {
    font-size: 14px;
    text-align: left;
}
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
.wrap {
    flex: 1 0 auto;
}
.has-error .help-block {
    color: red;
}
.collapsible-link::before {
    content: '';
    width: 14px;
    height: 2px;
    background: #333;
    position: absolute;
    top: calc(50% - 1px);
    right: 1rem;
    display: block;
    transition: all 0.3s;
}

/* Vertical line */
.collapsible-link::after {
    content: '';
    width: 2px;
    height: 14px;
    background: #333;
    position: absolute;
    top: calc(50% - 7px);
    right: calc(1rem + 6px);
    display: block;
    transition: all 0.3s;
}

.collapsible-link[aria-expanded='true']::after {
    transform: rotate(90deg) translateX(-1px);
}

.collapsible-link[aria-expanded='true']::before {
    transform: rotate(180deg);
}
.hint-block {
    color: #2bbbad;
}
label, .control-label{
    font-weight: bold;
}

.dopinfo {
    font-size: 14px;
    text-align: left;
}

.default-color, .btn-default{
    background: teal;
    color: aliceblue;
}
.primary-color{
    background: teal;
}