
@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    src: local("Proxima Nova"),url(/fonts/ProximaNova-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    src: local("Proxima Nova"),url(/fonts/ProximaNova-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: Proxima Nova;
    src: local("Proxima Nova"),url(/fonts/ProximaNova-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: fab-icon;
    src: local("fab-icon"),url(/fonts/fab-icon.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    color: #3b3b3b;
    font-family: Proxima Nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
}


.dopinfo {
    font-size: 14px;
    text-align: left;
}

.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;
}

.default-color, .btn-default{
    background: #26A69A;
    color: white;
}
.secondary-color-dark, .btn-secondary {
    background: #9C27B0;
    color: white;
}
.navbar-dark .navbar-nav .nav-link {
    color: white;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}