.position-relative {
    position: relative;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right;
}
.strict-width {
    max-width: 300px;
}
.required-text {
    color: #e37976;
}
.offset-top {
    margin-top: 10px;
}
.offset-top-medium {
    margin-top: 30px;
}
.offset-bottom {
    margin-bottom: 15px;
}
.error-message-help:empty {
    display: none;
}
.space-between {
    display: flex;
    justify-content: space-between;
}
.text-truncated {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text-nowrap {
    white-space: nowrap;
}
.text-pre-wrap {
    white-space: pre-wrap;
}
a,
.pointer {
    cursor: pointer;
}
.custom-form h1 {
    margin-top: 0;
    color: #009cff;
}
.custom-form h3 {
    margin-top: 0;
    font-family: "evo-bold", sans-serif;
    color: #666;
}
.custom-form p {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 16px;
}
.custom-form .form-row-submit {
    margin-top: 15px;
    text-align: center;
}
.custom-form .form-row-submit .main-button {
    margin: 2px 5px 0;
}
.custom-form.login-form {
    max-width: 650px !important;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .custom-form.login-form .functional-block .result-col.medium-cols li b {
        width: 120px;
    }
}
.main-wrapper.registration-page,
.main-wrapper.login-page {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.main-wrapper.registration-page .main-container,
.main-wrapper.login-page .main-container {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}
.main-wrapper.registration-page footer,
.main-wrapper.login-page footer {
    flex: 0 0 auto;
}
.login-page header,
.registration-page header {
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 2px solid #009cff;
    background-color: white;
    z-index: 5;
    transition: transform 0.3s ease-in-out;
}
.login-page header .header-inner,
.registration-page header .header-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row nowrap;
    height: 120px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    transition: height 0.3s ease-in-out;
}
.login-page header .logo,
.registration-page header .logo {
    position: relative;
    height: auto;
    width: 350px;
    overflow: hidden;
}
.login-page header .logo img,
.registration-page header .logo img {
    vertical-align: bottom;
}
.login-page header .header-inner.hallesche-logo .logo,
.registration-page header .header-inner.hallesche-logo .logo {
    flex: 272px 0 1;
}
@media screen and (max-width: 1023px) {
    .login-page header .header-inner,
    .registration-page header .header-inner {
        height: 60px;
        padding: 0 15px;
        flex-flow: row wrap;
    }
    .login-page header .logo img,
    .registration-page header .logo img {
        max-height: 54px;
    }
}
@media screen and (max-width: 767px) {
    .login-page header .header-inner,
    .registration-page header .header-inner {
        padding: 0 15px;
    }
    .login-page header .logo,
    .registration-page header .logo {
        width: 225px;
    }
    .login-page header .logo img,
    .registration-page header .logo img {
        height: 35px;
    }
}
.login-page .login-banner,
.registration-page .login-banner {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
@media screen and (min-width: 768px) {
    .login-page .login-banner,
    .registration-page .login-banner {
        height: 350px;
    }
}
.login-page .login-form,
.registration-page .login-form,
.login-page .registration-form,
.registration-page .registration-form {
    max-width: 800px;
}
@media screen and (min-width: 768px) {
    .login-page .login-form,
    .registration-page .login-form,
    .login-page .registration-form,
    .registration-page .registration-form {
        margin-top: 40px;
        border-radius: 4px;
        border: 2px solid #e2e2e2;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }
}
.login-page .login-form form,
.registration-page .login-form form,
.login-page .registration-form form,
.registration-page .registration-form form {
    width: 100%;
    padding: 30px 0;
}
@media screen and (min-width: 768px) {
    .login-page .login-form form,
    .registration-page .login-form form,
    .login-page .registration-form form,
    .registration-page .registration-form form {
        width: 390px;
        padding: 20px 15px;
        border-radius: 4px;
        background-color: rgba(249, 249, 249, 0.9);
    }
}
@media screen and (max-width: 767px) {
    .login-page .login-form form .row,
    .registration-page .login-form form .row,
    .login-page .registration-form form .row,
    .registration-page .registration-form form .row {
        margin-left: 0;
        margin-right: 0;
    }
    .login-page .login-form form .form-row,
    .registration-page .login-form form .form-row,
    .login-page .registration-form form .form-row,
    .registration-page .registration-form form .form-row {
        padding-left: 15px;
        padding-right: 0;
    }
}
.login-page .login-form .block-center,
.registration-page .login-form .block-center,
.login-page .registration-form .block-center,
.registration-page .registration-form .block-center {
    margin: 0 auto;
    float: none;
}
.login-page .login-form .alert-info,
.registration-page .login-form .alert-info,
.login-page .registration-form .alert-info,
.registration-page .registration-form .alert-info {
    float: none;
    margin: -20px auto 0;
}
@media screen and (max-width: 767px) {
    .login-page .login-form .alert-info,
    .registration-page .login-form .alert-info,
    .login-page .registration-form .alert-info,
    .registration-page .registration-form .alert-info {
        margin: -20px 15px 0 0;
    }
}
.login-page .login-form h1,
.registration-page .login-form h1,
.login-page .registration-form h1,
.registration-page .registration-form h1 {
    margin-bottom: 0;
    font-size: 24px;
    color: #333;
}
@media screen and (max-width: 767px) {
    .login-page .login-form h1,
    .registration-page .login-form h1,
    .login-page .registration-form h1,
    .registration-page .registration-form h1 {
        font-size: 21px;
    }
}
.login-page .login-form .fa-user,
.registration-page .login-form .fa-user,
.login-page .registration-form .fa-user,
.registration-page .registration-form .fa-user,
.login-page .login-form .fa-unlock-alt,
.registration-page .login-form .fa-unlock-alt,
.login-page .registration-form .fa-unlock-alt,
.registration-page .registration-form .fa-unlock-alt {
    position: absolute;
    height: 16px;
    top: 0;
    bottom: 0;
    left: -5px;
    margin: auto;
    font-size: 16px;
    color: #666;
}
.login-page .login-form .text-label,
.registration-page .login-form .text-label,
.login-page .registration-form .text-label,
.registration-page .registration-form .text-label {
    position: absolute;
    display: inline-block;
    min-width: 100px;
    top: 6px;
    left: 27px;
    font-size: 12px;
    color: #666;
    pointer-events: none;
    animation: label 0.6s ease forwards;
    transform: translateY(0);
    transition: color 0.4s ease-in-out;
    z-index: 2;
}
.login-page .login-form .form-row,
.registration-page .login-form .form-row,
.login-page .registration-form .form-row,
.registration-page .registration-form .form-row {
    padding-top: 20px;
    margin-bottom: 20px;
}
.login-page .login-form .form-row-submit .main-button,
.registration-page .login-form .form-row-submit .main-button,
.login-page .registration-form .form-row-submit .main-button,
.registration-page .registration-form .form-row-submit .main-button {
    margin-bottom: 10px;
}
.login-page .login-form .form-row-submit,
.registration-page .login-form .form-row-submit,
.login-page .registration-form .form-row-submit,
.registration-page .registration-form .form-row-submit {
    margin-top: 10px;
}
.login-page .login-form .forgot-link,
.registration-page .login-form .forgot-link,
.login-page .registration-form .forgot-link,
.registration-page .registration-form .forgot-link {
    display: inline-block;
    margin-top: 0;
    font-size: 12px;
    color: #555;
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
}
.login-page .login-form .forgot-link:hover,
.registration-page .login-form .forgot-link:hover,
.login-page .registration-form .forgot-link:hover,
.registration-page .registration-form .forgot-link:hover {
    color: #009cff;
    text-decoration: none;
}
.login-page .login-form .form-head,
.registration-page .login-form .form-head,
.login-page .registration-form .form-head,
.registration-page .registration-form .form-head {
    max-width: 400px;
    margin: 0 auto 20px;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}
.login-page .login-form .login-notice,
.registration-page .login-form .login-notice,
.login-page .registration-form .login-notice,
.registration-page .registration-form .login-notice {
    max-width: 310px;
    margin: -10px auto 20px;
    font-size: 12px;
}
.login-page .login-form .login-notice,
.registration-page .login-form .login-notice,
.login-page .registration-form .login-notice,
.registration-page .registration-form .login-notice,
.login-page .login-form .login-notice a,
.registration-page .login-form .login-notice a,
.login-page .registration-form .login-notice a,
.registration-page .registration-form .login-notice a {
    color: #929292;
}
.login-page .login-form .login-notice a,
.registration-page .login-form .login-notice a,
.login-page .registration-form .login-notice a,
.registration-page .registration-form .login-notice a {
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
}
.login-page .login-form .login-notice a:hover,
.registration-page .login-form .login-notice a:hover,
.login-page .registration-form .login-notice a:hover,
.registration-page .registration-form .login-notice a:hover {
    text-decoration: none;
    color: #009cff;
}
.login-page #FOOTER,
.registration-page #FOOTER {
    display: inline-block;
}
.login-page #FOOTER a,
.registration-page #FOOTER a {
    color: #009cff;
}
.login-page footer > .container,
.registration-page footer > .container {
    width: 100%;
    margin-top: 0;
    padding-bottom: 10px;
    background-color: #e6e6e6;
}
.login-block,
.registration-block {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 60px 0 40px;
    box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
    .login-block,
    .registration-block {
        padding-top: 120px;
    }
}
.checkbox-custom,
.radio-inline,
.radio,
.switch-custom {
    position: relative;
    cursor: pointer;
}
.checkbox-custom input[type="radio"],
.radio-inline input[type="radio"],
.radio input[type="radio"],
.switch-custom input[type="radio"],
.checkbox-custom input[type="checkbox"],
.radio-inline input[type="checkbox"],
.radio input[type="checkbox"],
.switch-custom input[type="checkbox"] {
    position: absolute;
    width: 0;
    opacity: 0;
}
.checkbox-custom > span,
.radio-inline > span,
.radio > span,
.switch-custom > span,
.checkbox-custom > label > span,
.radio-inline > label > span,
.radio > label > span,
.switch-custom > label > span {
    position: relative;
    display: block;
    padding-top: 3px;
    padding-left: 30px;
    font-size: 12px;
    line-height: 1.3;
    color: #666;
}
.checkbox-custom > span:before,
.radio-inline > span:before,
.radio > span:before,
.switch-custom > span:before,
.checkbox-custom > label > span:before,
.radio-inline > label > span:before,
.radio > label > span:before,
.switch-custom > label > span:before,
.checkbox-custom > span:after,
.radio-inline > span:after,
.radio > span:after,
.switch-custom > span:after,
.checkbox-custom > label > span:after,
.radio-inline > label > span:after,
.radio > label > span:after,
.switch-custom > label > span:after {
    content: "";
    display: block;
    position: absolute;
}
.checkbox-custom > span:before,
.radio-inline > span:before,
.radio > span:before,
.switch-custom > span:before,
.checkbox-custom > label > span:before,
.radio-inline > label > span:before,
.radio > label > span:before,
.switch-custom > label > span:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.checkbox-custom > span:after,
.radio-inline > span:after,
.radio > span:after,
.switch-custom > span:after,
.checkbox-custom > label > span:after,
.radio-inline > label > span:after,
.radio > label > span:after,
.switch-custom > label > span:after {
    opacity: 0;
    transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
}
.checkbox-custom input:checked ~ span:after,
.radio-inline input:checked ~ span:after,
.radio input:checked ~ span:after,
.switch-custom input:checked ~ span:after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.checkbox-custom input:checked ~ span:before,
.radio-inline input:checked ~ span:before,
.radio input:checked ~ span:before,
.switch-custom input:checked ~ span:before {
    animation: scale-toggle 0.4s ease-in-out forwards;
}
.checkbox-custom input:focus ~ span:before,
.radio-inline input:focus ~ span:before,
.radio input:focus ~ span:before,
.switch-custom input:focus ~ span:before {
    border-color: #009cff;
    box-shadow: none;
}
.checkbox-custom span:hover:before,
.radio-inline span:hover:before,
.radio span:hover:before,
.switch-custom span:hover:before {
    border-color: #009cff;
}
.checkbox-custom a,
.radio-inline a,
.radio a,
.switch-custom a {
    text-decoration: underline;
    color: #009cff;
}
.checkbox-custom a:hover,
.radio-inline a:hover,
.radio a:hover,
.switch-custom a:hover {
    text-decoration: none;
}
.checkbox-custom input[disabled] + span,
.radio-inline input[disabled] + span,
.radio input[disabled] + span,
.switch-custom input[disabled] + span {
    color: #c9c9c9;
    cursor: not-allowed;
}
.checkbox-custom input[disabled] + span:before,
.radio-inline input[disabled] + span:before,
.radio input[disabled] + span:before,
.switch-custom input[disabled] + span:before {
    border-color: #e6e6e6;
    box-shadow: none;
}
.checkbox-custom .pre-label:before,
.radio-inline .pre-label:before,
.radio .pre-label:before,
.switch-custom .pre-label:before,
.checkbox-custom .pre-label:after,
.radio-inline .pre-label:after,
.radio .pre-label:after,
.switch-custom .pre-label:after {
    display: none;
}
.checkbox-custom .pre-label:first-child,
.radio-inline .pre-label:first-child,
.radio .pre-label:first-child,
.switch-custom .pre-label:first-child {
    display: inline-block;
    padding-right: 9px;
    padding-left: 0;
}
.checkbox-custom .pre-label ~ span,
.radio-inline .pre-label ~ span,
.radio .pre-label ~ span,
.switch-custom .pre-label ~ span {
    display: inline-block;
}
.checkbox-custom {
    font-weight: 400;
}
.checkbox-custom > span {
    min-height: 11px;
}
.checkbox-custom > span:after {
    width: 10px;
    height: 6px;
    top: 5px;
    left: 5px;
    border-left: 2px solid #009cff;
    border-bottom: 2px solid #009cff;
    transform: rotate(-45deg) scale(1.5);
}
.checkbox-custom > span:before {
    box-shadow: 1px 1px 6px -3px rgba(0, 0, 0, 0.4);
}
.checkbox-custom input:checked ~ span:before {
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.25);
}
.checkbox-custom input[disabled]:checked ~ span:after {
    border-left-color: #c9c9c9;
    border-bottom-color: #c9c9c9;
}
.checkbox-custom input[disabled]:checked ~ span:before {
    box-shadow: none;
}
.radio-inline,
.radio {
    padding-left: 0;
}
.radio-inline > span:before,
.radio > span:before,
.radio-inline > label > span:before,
.radio > label > span:before {
    border-radius: 50%;
    box-shadow: 1px 1px 6px -3px rgba(0, 0, 0, 0.4);
}
.radio-inline > span:after,
.radio > span:after,
.radio-inline > label > span:after,
.radio > label > span:after {
    width: 8px;
    height: 8px;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    background-color: #009cff;
    transform: scale(1.5);
}
.radio-inline input:checked ~ span:after,
.radio input:checked ~ span:after {
    transform: scale(1);
}
.radio-inline input:focus ~ span:before,
.radio input:focus ~ span:before {
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.25);
}
.radio-inline input[disabled]:checked ~ span:after,
.radio input[disabled]:checked ~ span:after {
    background-color: #c9c9c9;
}
.radio-inline input[disabled]:checked ~ span:before,
.radio input[disabled]:checked ~ span:before {
    background-color: #fff;
    box-shadow: none;
}
@keyframes scale-toggle {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
}
.radio > label {
    padding-left: 0;
}
.radio-inline {
    margin-left: 0 !important;
    margin-top: 10px;
    margin-bottom: 5px;
}
.radio-inline:not(:last-child) {
    margin-right: 20px;
}
.radio-inline + .radio-inline {
    margin-top: 10px !important;
    margin-left: 0;
}
.checkbox-inline,
.radio-inline {
    padding-left: 0 !important;
    top: -3px;
}
.switch-custom > span {
    min-height: 11px;
}
.switch-custom > span:after {
    width: 12px;
    height: 12px;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    background-color: #009cff;
    opacity: 1;
    transform: none;
    transition: transform 0.2s ease-in, background-color 0.2s ease-in-out;
}
.switch-custom > span:before {
    width: 40px;
    border-radius: 20px;
    box-shadow: 1px 1px 6px -3px rgba(0, 0, 0, 0.4);
    transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.switch-custom input:checked ~ span:before {
    background-color: #009cff;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.25);
}
.switch-custom input:checked ~ span:after {
    background-color: #fff;
    transform: translateX(20px);
}
.switch-custom input[disabled] ~ span:after {
    background-color: #c9c9c9;
}
.switch-custom input[disabled]:checked ~ span:after {
    background-color: #fff;
}
.switch-custom input[disabled]:checked ~ span:before {
    background-color: #c9c9c9;
    box-shadow: none;
}
.field-col-submit,
.interactive-buttons {
    position: relative;
    top: 8px;
    padding-top: 5px;
    text-align: center;
    clear: both;
}
.field-col-submit.text-align-left,
.interactive-buttons.text-align-left {
    text-align: left;
}
.field-col-submit:after,
.interactive-buttons:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}
@media screen and (min-width: 600px) {
    .field-col-submit:after,
    .interactive-buttons:after {
        width: calc(100% + 10px);
        left: -5px;
    }
}
.field-col-submit .main-button,
.interactive-buttons .main-button {
    margin: 2px 10px 0;
}
.field-col-submit.options-row .manage-options,
.interactive-buttons.options-row .manage-options {
    position: absolute;
    margin-bottom: 0;
    bottom: 10px;
    right: -85px;
}
@media screen and (max-width: 767px) {
    .field-col-submit.options-row .manage-options,
    .interactive-buttons.options-row .manage-options {
        right: 0;
    }
    .field-col-submit.options-row .manage-options:hover,
    .interactive-buttons.options-row .manage-options:hover {
        padding-left: 0;
        transform: translateX(0);
    }
}
.field-col-submit + div hr,
.interactive-buttons + div hr {
    display: none;
}
.interactive-buttons {
    padding-bottom: 5px;
}
.interactive-buttons .main-button {
    margin: 5px;
}
.interactive-buttons.flex-stretched {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.interactive-buttons.flex-stretched .main-button {
    flex-grow: 1;
    flex-basis: 200px;
    white-space: nowrap;
}
.interactive-buttons.dark-background {
    background-color: #e6e6e6;
}
.field-col-button {
    position: relative;
    top: 4px;
    padding-top: 5px;
    padding-bottom: 0;
    text-align: center;
    clear: both;
}
.field-col-button .main-button {
    margin: 2px 5px 0;
}
.custom-form input[type="text"],
.custom-page input[type="text"],
.custom-form input[type="search"],
.custom-page input[type="search"],
.custom-form input[type="password"],
.custom-page input[type="password"],
.custom-form input[type="email"],
.custom-page input[type="email"],
.custom-form select,
.custom-page select,
.custom-form textarea,
.custom-page textarea {
    width: 100%;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #666;
    box-shadow: 2px 2px 12px -10px rgba(0, 0, 0, 0.9);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-appearance: none;
}
.custom-form input[type="text"]:focus,
.custom-page input[type="text"]:focus,
.custom-form input[type="search"]:focus,
.custom-page input[type="search"]:focus,
.custom-form input[type="password"]:focus,
.custom-page input[type="password"]:focus,
.custom-form input[type="email"]:focus,
.custom-page input[type="email"]:focus,
.custom-form select:focus,
.custom-page select:focus,
.custom-form textarea:focus,
.custom-page textarea:focus {
    outline: none;
    border-color: #009cff;
    box-shadow: none;
}
.custom-form input[type="text"]:focus + .text-label,
.custom-page input[type="text"]:focus + .text-label,
.custom-form input[type="search"]:focus + .text-label,
.custom-page input[type="search"]:focus + .text-label,
.custom-form input[type="password"]:focus + .text-label,
.custom-page input[type="password"]:focus + .text-label,
.custom-form input[type="email"]:focus + .text-label,
.custom-page input[type="email"]:focus + .text-label,
.custom-form select:focus + .text-label,
.custom-page select:focus + .text-label,
.custom-form textarea:focus + .text-label,
.custom-page textarea:focus + .text-label {
    color: #009cff;
}
.custom-form input[type="text"]:focus + .input-group-addon,
.custom-page input[type="text"]:focus + .input-group-addon,
.custom-form input[type="search"]:focus + .input-group-addon,
.custom-page input[type="search"]:focus + .input-group-addon,
.custom-form input[type="password"]:focus + .input-group-addon,
.custom-page input[type="password"]:focus + .input-group-addon,
.custom-form input[type="email"]:focus + .input-group-addon,
.custom-page input[type="email"]:focus + .input-group-addon,
.custom-form select:focus + .input-group-addon,
.custom-page select:focus + .input-group-addon,
.custom-form textarea:focus + .input-group-addon,
.custom-page textarea:focus + .input-group-addon {
    border-color: #009cff;
    color: #ffffff;
    background-color: #009cff;
    box-shadow: none;
}
.custom-form input[type="text"]:focus ~ .hint-custom,
.custom-page input[type="text"]:focus ~ .hint-custom,
.custom-form input[type="search"]:focus ~ .hint-custom,
.custom-page input[type="search"]:focus ~ .hint-custom,
.custom-form input[type="password"]:focus ~ .hint-custom,
.custom-page input[type="password"]:focus ~ .hint-custom,
.custom-form input[type="email"]:focus ~ .hint-custom,
.custom-page input[type="email"]:focus ~ .hint-custom,
.custom-form select:focus ~ .hint-custom,
.custom-page select:focus ~ .hint-custom,
.custom-form textarea:focus ~ .hint-custom,
.custom-page textarea:focus ~ .hint-custom {
    animation: label 0.6s ease-in-out forwards;
}
.custom-form input[type="text"]:focus ~ .hint-custom ul,
.custom-page input[type="text"]:focus ~ .hint-custom ul,
.custom-form input[type="search"]:focus ~ .hint-custom ul,
.custom-page input[type="search"]:focus ~ .hint-custom ul,
.custom-form input[type="password"]:focus ~ .hint-custom ul,
.custom-page input[type="password"]:focus ~ .hint-custom ul,
.custom-form input[type="email"]:focus ~ .hint-custom ul,
.custom-page input[type="email"]:focus ~ .hint-custom ul,
.custom-form select:focus ~ .hint-custom ul,
.custom-page select:focus ~ .hint-custom ul,
.custom-form textarea:focus ~ .hint-custom ul,
.custom-page textarea:focus ~ .hint-custom ul {
    top: 85px;
    transform: translateY(50px);
}
.custom-form input[type="text"]:focus ~ .hint-custom:hover ul,
.custom-page input[type="text"]:focus ~ .hint-custom:hover ul,
.custom-form input[type="search"]:focus ~ .hint-custom:hover ul,
.custom-page input[type="search"]:focus ~ .hint-custom:hover ul,
.custom-form input[type="password"]:focus ~ .hint-custom:hover ul,
.custom-page input[type="password"]:focus ~ .hint-custom:hover ul,
.custom-form input[type="email"]:focus ~ .hint-custom:hover ul,
.custom-page input[type="email"]:focus ~ .hint-custom:hover ul,
.custom-form select:focus ~ .hint-custom:hover ul,
.custom-page select:focus ~ .hint-custom:hover ul,
.custom-form textarea:focus ~ .hint-custom:hover ul,
.custom-page textarea:focus ~ .hint-custom:hover ul {
    transform: translateY(0);
}
.custom-form input[type="text"]:not([value=""]),
.custom-page input[type="text"]:not([value=""]),
.custom-form input[type="search"]:not([value=""]),
.custom-page input[type="search"]:not([value=""]),
.custom-form input[type="password"]:not([value=""]),
.custom-page input[type="password"]:not([value=""]),
.custom-form input[type="email"]:not([value=""]),
.custom-page input[type="email"]:not([value=""]),
.custom-form select:not([value=""]),
.custom-page select:not([value=""]),
.custom-form textarea:not([value=""]),
.custom-page textarea:not([value=""]) {
    outline: none !important;
}
.custom-form input[type="text"]:not([value=""]) ~ .hint-custom,
.custom-page input[type="text"]:not([value=""]) ~ .hint-custom,
.custom-form input[type="search"]:not([value=""]) ~ .hint-custom,
.custom-page input[type="search"]:not([value=""]) ~ .hint-custom,
.custom-form input[type="password"]:not([value=""]) ~ .hint-custom,
.custom-page input[type="password"]:not([value=""]) ~ .hint-custom,
.custom-form input[type="email"]:not([value=""]) ~ .hint-custom,
.custom-page input[type="email"]:not([value=""]) ~ .hint-custom,
.custom-form select:not([value=""]) ~ .hint-custom,
.custom-page select:not([value=""]) ~ .hint-custom,
.custom-form textarea:not([value=""]) ~ .hint-custom,
.custom-page textarea:not([value=""]) ~ .hint-custom {
    animation: label 0.6s ease-in-out forwards !important;
}
.custom-form input[type="text"]:not([value=""]) ~ .hint-custom ul,
.custom-page input[type="text"]:not([value=""]) ~ .hint-custom ul,
.custom-form input[type="search"]:not([value=""]) ~ .hint-custom ul,
.custom-page input[type="search"]:not([value=""]) ~ .hint-custom ul,
.custom-form input[type="password"]:not([value=""]) ~ .hint-custom ul,
.custom-page input[type="password"]:not([value=""]) ~ .hint-custom ul,
.custom-form input[type="email"]:not([value=""]) ~ .hint-custom ul,
.custom-page input[type="email"]:not([value=""]) ~ .hint-custom ul,
.custom-form select:not([value=""]) ~ .hint-custom ul,
.custom-page select:not([value=""]) ~ .hint-custom ul,
.custom-form textarea:not([value=""]) ~ .hint-custom ul,
.custom-page textarea:not([value=""]) ~ .hint-custom ul {
    top: 85px;
    transform: translateY(50px);
}
.custom-form input[type="text"]:not([value=""]) ~ .hint-custom:hover ul,
.custom-page input[type="text"]:not([value=""]) ~ .hint-custom:hover ul,
.custom-form input[type="search"]:not([value=""]) ~ .hint-custom:hover ul,
.custom-page input[type="search"]:not([value=""]) ~ .hint-custom:hover ul,
.custom-form input[type="password"]:not([value=""]) ~ .hint-custom:hover ul,
.custom-page input[type="password"]:not([value=""]) ~ .hint-custom:hover ul,
.custom-form input[type="email"]:not([value=""]) ~ .hint-custom:hover ul,
.custom-page input[type="email"]:not([value=""]) ~ .hint-custom:hover ul,
.custom-form select:not([value=""]) ~ .hint-custom:hover ul,
.custom-page select:not([value=""]) ~ .hint-custom:hover ul,
.custom-form textarea:not([value=""]) ~ .hint-custom:hover ul,
.custom-page textarea:not([value=""]) ~ .hint-custom:hover ul {
    transform: translateY(0);
}
.custom-form input[type="text"]:disabled,
.custom-page input[type="text"]:disabled,
.custom-form input[type="search"]:disabled,
.custom-page input[type="search"]:disabled,
.custom-form input[type="password"]:disabled,
.custom-page input[type="password"]:disabled,
.custom-form input[type="email"]:disabled,
.custom-page input[type="email"]:disabled,
.custom-form select:disabled,
.custom-page select:disabled,
.custom-form textarea:disabled,
.custom-page textarea:disabled {
    color: #c9c9c9;
    background-color: #fbfbfb;
    cursor: not-allowed;
    box-shadow: none;
}
.custom-form input[type="text"],
.custom-page input[type="text"],
.custom-form input[type="search"],
.custom-page input[type="search"],
.custom-form input[type="password"],
.custom-page input[type="password"],
.custom-form input[type="email"],
.custom-page input[type="email"],
.custom-form select,
.custom-page select {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
}
.custom-form select,
.custom-page select {
    padding-right: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAIAAAD5O0jeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODEyNjcxQTA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODEyNjcxQjA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4MTI2NzE4MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4MTI2NzE5MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U3NFBgAAAWFJREFUeNpi/P//PwMS+P7jx9XrN799/26op8PLw4MsxYis9MuXrzdu337x6jULMwsXF6euloaggAAWpR8/fbp87fqbt++YmZkZGRn//PnLw8Olq60lLiKCovTT58/nLl3+8OETMzMTUB1EDqgaSFqam0BUM0HMO3nmHFydj7srEAHFWViAxjOcu3D51Zs3IFNfv317+NhJoAq4OrjjtuzcDST//v3LxMRspK/LuH7LdqBWJiZ0dXDVQBf++wck/jOiBRYewMRANBhSSv/++0eMOmBAsdy6c/fu/QcQPtZwhTBUlBSZJMRE+fn40CTQuAL8fBwc7EzAZKavo8XDzYUmDWdwsLPLSksryMoiUtb5y1d+/fr18+cvZINZWFg1VJQU5OUQIcDHy2ugo83JwYHmVg01ZYg6rLngDjAXAH3Mxsqqo60pJS6OPcMAwQ9g3rpx6+27d8aG+sKCgshSAAEGAECppOmEw8PZAAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 6px auto;
}
.custom-form select::-ms-expand,
.custom-page select::-ms-expand {
    display: none;
}
.custom-form textarea,
.custom-page textarea {
    max-width: 100%;
    min-height: 50px;
    height: 100px;
    padding: 10px;
    line-height: 1.2;
}
.custom-form input::-moz-placeholder,
.custom-page input::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form input::-webkit-input-placeholder,
.custom-page input::-webkit-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form input:-ms-input-placeholder,
.custom-page input:-ms-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form textarea:-moz-placeholder,
.custom-page textarea:-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form textarea::-webkit-input-placeholder,
.custom-page textarea::-webkit-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form textarea:-ms-input-placeholder,
.custom-page textarea:-ms-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form input:disabled::-moz-placeholder,
.custom-page input:disabled::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form input:disabled::-webkit-input-placeholder,
.custom-page input:disabled::-webkit-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form input:disabled:-ms-input-placeholder,
.custom-page input:disabled:-ms-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form textarea:disabled::-moz-placeholder,
.custom-page textarea:disabled::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form textarea:disabled::-webkit-input-placeholder,
.custom-page textarea:disabled::-webkit-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form textarea:disabled:-ms-input-placeholder,
.custom-page textarea:disabled:-ms-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.custom-form input[type="submit"],
.custom-page input[type="submit"],
.custom-form .main-button,
.custom-page .main-button,
.custom-form .secondary-button,
.custom-page .secondary-button,
.custom-form .link-button,
.custom-page .link-button {
    display: inline-block;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    border: none;
    font-weight: bold;
    border-radius: 4px;
    font-family: Titillium, sans-serif;
    color: #ffffff;
    background-color: #009cff;
    box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, 0.5);
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}
.custom-form input[type="submit"]:hover,
.custom-page input[type="submit"]:hover,
.custom-form .main-button:hover,
.custom-page .main-button:hover,
.custom-form .secondary-button:hover,
.custom-page .secondary-button:hover,
.custom-form .link-button:hover,
.custom-page .link-button:hover {
    text-decoration: none;
    box-shadow: none;
    background-color: #24aaff;
}
.custom-form input[type="submit"]:focus,
.custom-page input[type="submit"]:focus,
.custom-form .main-button:focus,
.custom-page .main-button:focus,
.custom-form .secondary-button:focus,
.custom-page .secondary-button:focus,
.custom-form .link-button:focus,
.custom-page .link-button:focus {
    outline: none;
}
.custom-form input[type="submit"] i,
.custom-page input[type="submit"] i,
.custom-form .main-button i,
.custom-page .main-button i,
.custom-form .secondary-button i,
.custom-page .secondary-button i,
.custom-form .link-button i,
.custom-page .link-button i {
    margin-right: 8px;
}
.custom-form input[type="submit"][disabled],
.custom-page input[type="submit"][disabled],
.custom-form .main-button[disabled],
.custom-page .main-button[disabled],
.custom-form .secondary-button[disabled],
.custom-page .secondary-button[disabled],
.custom-form .link-button[disabled],
.custom-page .link-button[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
    box-shadow: none;
}
.custom-form input[type="submit"][disabled]:hover,
.custom-page input[type="submit"][disabled]:hover,
.custom-form .main-button[disabled]:hover,
.custom-page .main-button[disabled]:hover,
.custom-form .secondary-button[disabled]:hover,
.custom-page .secondary-button[disabled]:hover,
.custom-form .link-button[disabled]:hover,
.custom-page .link-button[disabled]:hover {
    background-color: #009cff;
}
.custom-form .secondary-button,
.custom-page .secondary-button {
    line-height: 26px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-color: #009cff;
    color: #009cff;
}
.custom-form .secondary-button:hover,
.custom-page .secondary-button:hover {
    border-color: #24aaff;
    color: #ffffff !important;
}
.custom-form .secondary-button[disabled]:hover,
.custom-page .secondary-button[disabled]:hover {
    background-color: #ffffff;
    color: #009cff;
}
.custom-form .link-button,
.custom-page .link-button {
    line-height: 26px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-color: #009cff;
    color: #009cff;
}
.custom-form .link-button:hover,
.custom-page .link-button:hover {
    background-color: #009cff;
    color: #fff;
}
.custom-form .link-button[disabled]:hover,
.custom-page .link-button[disabled]:hover {
    background-color: #fff;
    color: #009cff;
}
.custom-form .input-button-wrapper,
.custom-page .input-button-wrapper {
    position: relative;
    font-weight: normal;
}
.custom-form .input-button-wrapper .form-control,
.custom-page .input-button-wrapper .form-control {
    padding-right: 50px;
}
.custom-form .input-button-wrapper .input-button,
.custom-page .input-button-wrapper .input-button {
    position: absolute;
    right: 3px;
    bottom: 3px;
    z-index: 2;
}
.custom-form .input-button,
.custom-page .input-button {
    height: 22px;
    line-height: 22px;
}
.custom-form .input-button i,
.custom-page .input-button i {
    margin-right: 0;
}
.custom-form .no-option,
.custom-page .no-option {
    width: 100%;
    height: 33px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 33px;
    border: none;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    color: #666;
    box-shadow: none;
}
.custom-form .has-error .input-group-addon,
.custom-page .has-error .input-group-addon,
.custom-form .has-success .input-group-addon,
.custom-page .has-success .input-group-addon {
    border: none;
    color: #333;
}
.custom-form .has-error .input-group-addon,
.custom-page .has-error .input-group-addon,
.custom-form .has-error .input-group-prepend,
.custom-page .has-error .input-group-prepend {
    background-color: #a94442 !important;
}
.custom-form .has-error .form-control,
.custom-page .has-error .form-control,
.custom-form .has-error select,
.custom-page .has-error select {
    border-color: #a94442 !important;
}
.custom-form .has-error div.filter-col div.filter-select div.filter-select__control,
.custom-page .has-error div.filter-col div.filter-select div.filter-select__control {
    border-color: #a94442;
}
.custom-form .has-error .input-group-prepend,
.custom-page .has-error .input-group-prepend {
    border: none;
    color: #fff;
}
.custom-form .has-error .checkbox-custom span:before,
.custom-page .has-error .checkbox-custom span:before,
.custom-form .has-error .radio-inline span:before,
.custom-page .has-error .radio-inline span:before,
.custom-form .has-error .radio span:before,
.custom-page .has-error .radio span:before {
    border-color: #a94442 !important;
}
.custom-form .has-error .checkbox-custom ~ .error-message-help,
.custom-page .has-error .checkbox-custom ~ .error-message-help,
.custom-form .has-error .radio-inline ~ .error-message-help,
.custom-page .has-error .radio-inline ~ .error-message-help,
.custom-form .has-error .radio ~ .error-message-help,
.custom-page .has-error .radio ~ .error-message-help {
    margin-top: 2px;
}
.custom-form .has-success .form-control:focus,
.custom-page .has-success .form-control:focus {
    border-color: #009cff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.custom-form .has-success .form-control:focus + .input-group-addon,
.custom-page .has-success .form-control:focus + .input-group-addon {
    background-color: #009cff;
}
.custom-form .has-success .input-group-addon,
.custom-page .has-success .input-group-addon,
.custom-form .has-success .input-group-prepend,
.custom-page .has-success .input-group-prepend {
    background-color: #e2e2e2;
}
.custom-form .has-success .form-control,
.custom-page .has-success .form-control {
    border-color: #e2e2e2;
}
.input-group-addon {
    flex-shrink: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #e2e2e2;
    color: #333;
    background-color: #e2e2e2;
    transition: 0.2s ease-in-out;
}
.input-group-addon:empty {
    display: none;
}
.input-group-addon:before,
.input-group-addon:after {
    content: "\00a0\00a0\00a0";
}
.additional-field-text {
    margin-left: 10px;
}
.account-chart {
    height: 800px;
}
@media screen and (min-width: 768px) {
    .account-chart {
        height: 300px;
    }
}
.functional-block {
    margin-top: 25px;
    border-radius: 4px;
    background-color: #f9f9f9;
    border: 1px solid #ededf0;
    overflow: hidden;
}
.functional-block.no-overflow {
    overflow: visible;
}
.functional-block.chart-block .row {
    margin-left: -15px;
    margin-right: -15px;
}
.functional-block.list-component {
    position: relative;
    height: 300px;
    min-height: 180px;
}
@media screen and (min-width: 768px) {
    .functional-block.list-component {
        height: calc(100% - 25px);
    }
}
.functional-block.list-component .list-title {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 12px 0 12px 20px;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid #009cff;
    background-color: #f9f9f9;
    z-index: 1;
}
.functional-block.list-component .list-info {
    position: absolute;
    width: 100%;
    height: calc(100% - 68px);
    padding: 15px 10px 0 20px;
    overflow-y: auto;
}
.functional-block.list-component .list-info b {
    margin-right: 5px;
}
.functional-block.list-component .list-info p:last-child {
    margin-bottom: 50px;
}
.functional-block.list-component .list-expand {
    position: absolute;
    width: calc(100% - 32px);
    height: 55px;
    padding-top: 25px;
    left: 16px;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    opacity: 0;
    color: #009cff;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f9f9f9 57%);
    transform: translateY(100%);
    transition: 0.4s ease-out;
    z-index: 3;
}
.functional-block.list-component .list-expand:before {
    content: "\f105";
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 1px;
    margin-right: 5px;
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    color: #f9f9f9;
    background-color: #009cff;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.functional-block.list-component .list-expand a {
    position: relative;
    font-size: 12px;
    font-family: "evo-bold", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #009cff;
}
.functional-block.list-component .list-expand a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    margin: auto;
    width: 0;
    height: 1px;
    background-color: #009cff;
    transition: width 0.35s ease;
}
.functional-block.list-component .list-expand a:hover:after {
    width: 100%;
}
.functional-block.list-component .list-expand a:focus {
    text-decoration: none;
}
.functional-block.list-component:hover .list-expand {
    opacity: 1;
    transform: translateY(0);
}
.functional-block .field-label {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.2;
}
.functional-block .field-label span {
    margin-left: 2px;
    font-size: 16px;
    line-height: 8px;
    color: #e37976;
}
.functional-block .form-control-feedback {
    width: 28px;
    height: 28px;
    line-height: 28px;
}
@media screen and (min-width: 768px) {
    .functional-block .inline-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
@media screen and (min-width: 768px) {
    .functional-block .inline-col .field-label {
        margin: 0;
    }
}
@media screen and (min-width: 768px) {
    .functional-block .inline-col .field-radio {
        width: 160px;
    }
}
@media screen and (min-width: 768px) {
    .functional-block .inline-col select {
        width: calc(50% - 15px);
    }
}
@media screen and (min-width: 768px) {
    .functional-block .inline-col .hint-custom .hint-inner {
        top: 20px;
    }
}
.functional-block .addon-value {
    position: relative;
}
.functional-block .addon-value input {
    padding-right: 30px;
}
.functional-block .addon-value span {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 42px;
    font-size: 16px;
    line-height: 44px;
    padding-right: 11px;
    color: #666;
    background-color: #fff;
}
.functional-block .saved-value {
    display: flex;
    align-items: center;
    height: 44px;
    font-size: 16px;
    font-family: "evo-bold", sans-serif;
    font-weight: normal;
}
.functional-block .document-file-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 10px;
    counter-reset: list;
}
@media screen and (min-width: 768px) {
    .functional-block .document-file-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .document-file-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}
.functional-block .document-file {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    padding: 15px 10px;
    font-size: 18px;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 600px) {
    .functional-block .document-file {
        width: 49%;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .document-file {
        width: 32%;
    }
}
.functional-block .document-file:hover p {
    opacity: 1;
    transform: translateY(8px);
    transition: 0.4s 0.4s ease-in-out;
}
.functional-block .document-file:hover:after {
    opacity: 1;
    transform: translateX(0);
    transition: 0.4s ease-in-out, opacity 0.3s 0.1s ease-in-out;
}
.functional-block .document-file:hover:before {
    opacity: 0;
}
.functional-block .document-file:hover .fa-file-pdf-o {
    opacity: 1;
    transform: translateX(0);
    transition: 0.4s ease-in-out, opacity 0.3s 0.1s ease-in-out;
}
.functional-block .document-file i {
    position: absolute;
    top: 1px;
    left: 0;
    opacity: 0;
    color: #c30b15;
    transform: translateX(-20px);
    transition: 0.4s ease-in-out, opacity 0.2s ease-in-out;
}
.functional-block .document-file a {
    position: relative;
    display: block;
    padding-left: 22px;
    padding-right: 10px;
    line-height: 1.2;
    font-family: "evo-bold", sans-serif;
    font-weight: normal;
    color: #009cff;
}
.functional-block .document-file p {
    display: flex;
    align-items: center;
    position: absolute;
    width: 104%;
    min-height: 68px;
    top: 100%;
    left: -2%;
    margin-top: 0;
    padding: 10px;
    font-size: 16px;
    opacity: 0;
    pointer-events: none;
    color: #fff;
    background-color: #009cff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(20px);
    z-index: 1;
    transition: 0.4s ease-in-out;
}
.functional-block .document-file p:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -14px;
    left: 12px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #009cff;
}
.functional-block .document-file:after {
    content: "\f019";
    position: absolute;
    top: 18px;
    right: 5px;
    opacity: 0;
    font: normal normal normal 16px/1 FontAwesome;
    color: #009cff;
    transform: translateX(20px);
    transition: 0.4s ease-in-out, opacity 0.2s ease-in-out;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.functional-block .document-file:before {
    counter-increment: list;
    content: counter(list) ".";
    position: absolute;
    top: 16px;
    left: 14px;
    font-family: "evo-bold", sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #009cff;
    transition: 0.4s ease-in-out;
}
.functional-block .hint-custom {
    z-index: 10;
    cursor: pointer;
    animation: label-back 0.3s ease forwards;
    transform: translateY(0);
}
.functional-block .hint-custom:hover .hint-custom-body .hint-inner {
    opacity: 1;
    transform: translateY(0);
}
.functional-block .hint-custom i {
    position: relative;
    top: 2px;
    font-size: 16px;
    color: #009cff;
}
.functional-block .hint-custom .hint-custom-body {
    position: absolute;
    width: 100%;
    margin-left: 0;
    left: 0;
    z-index: 3;
}
.functional-block .hint-custom .hint-inner {
    position: absolute;
    width: 100%;
    margin-left: 0;
    padding: 0 10px;
    top: 90px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    border-radius: 4px;
    background-color: #fff;
    color: #666;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
    border: 1px solid #009cff;
    transform: translateY(30px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.functional-block .hint-custom .hint-inner h5 {
    width: calc(100% + 20px);
    margin: 0 0 0 -10px;
    padding: 8px 10px;
    font-size: 16px;
    color: #fff;
    background-color: #009cff;
}
.functional-block .hint-custom .hint-inner p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2;
}
.functional-block .hint-custom .hint-inner:after,
.functional-block .hint-custom .hint-inner:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
}
.functional-block .hint-custom .hint-inner:before {
    left: 30px;
    top: -14px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #009cff;
}
.functional-block .hint-custom .hint-inner:after {
    left: 31px;
    top: -13px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 13px solid #009cff;
}
@media screen and (max-width: 599px) {
    .functional-block .hint-custom .hint-inner {
        width: 280px;
    }
}
.functional-block .checkbox-custom .hint-custom .hint-inner {
    top: 20px;
}
.functional-block .title-col {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
    .functional-block .title-col {
        padding: 0 15px 1px;
        margin-bottom: 0;
    }
}
.functional-block .title-col h3 {
    font-size: 12px;
    font-family: Titillium, sans-serif;
}
.functional-block .title-col + .result-col {
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .functional-block .title-col + .result-col {
        margin-bottom: 15px;
    }
}
.functional-block .stretched-cols .result-col li b + * {
    max-width: 600px !important;
}
.functional-block .result-col {
    font-size: 12px;
}
.functional-block .result-col .input-group {
    display: block;
}
.functional-block .result-col .input-group .form-control {
    float: none;
}
@media screen and (min-width: 768px) {
    .functional-block .result-col .input-group {
        width: auto;
    }
    .functional-block .result-col .input-group:last-child {
        max-width: 300px;
        width: 100%;
    }
}
.functional-block .result-col .input-group.strict-width {
    max-width: 300px !important;
}
.functional-block .result-col .input-group .btn-primary {
    padding-top: 7px;
    padding-bottom: 7px;
    border: none;
    color: #ffffff;
    background-color: #009cff;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.functional-block .result-col .input-group .btn-primary:hover {
    background-color: #24aaff;
}
.functional-block .result-col .input-group .btn-primary .glyphicon {
    top: 3px;
}
.functional-block .result-col .add-more {
    position: relative;
    bottom: auto;
}
.functional-block .result-col .field-col button {
    height: 44px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 44px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    color: #333;
    background-color: #e2e2e2;
    transition: 0.2s ease-in-out;
}
.functional-block .result-col .field-col button:hover,
.functional-block .result-col .field-col button:focus {
    outline: none;
    color: #fff;
    background-color: #009cff;
}
.functional-block .result-col .field-col button:focus {
    background-color: #24aaff;
}
@media screen and (min-width: 768px) {
    .functional-block .result-col .field-col button {
        margin-left: -15px;
    }
}
.functional-block .result-col ul {
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .functional-block .result-col ul {
        margin-bottom: 10px;
    }
}
.functional-block .result-col ul:last-child {
    margin-bottom: 0;
}
.functional-block .result-col ul hr:last-child {
    margin-bottom: 0;
}
.functional-block .result-col ul hr + hr {
    margin-top: -16px;
    opacity: 0;
}
.functional-block .result-col li {
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.functional-block .result-col li:not(:last-child) {
    margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
    .functional-block .result-col li {
        display: block;
    }
    .functional-block .result-col li:not(:last-child) {
        margin-bottom: 12px;
    }
}
.functional-block .result-col li b {
    flex-grow: 0;
    flex-shrink: 0;
    width: 200px;
    margin-right: 5px;
    word-wrap: break-word;
}
.functional-block .result-col li b + * {
    width: 100%;
    max-width: 300px;
    flex-grow: 1;
    flex-shrink: 1;
}
.functional-block .result-col li b + * .add-more {
    font-size: 12px;
}
.functional-block .result-col li b + * .add-more i {
    font-size: 14px;
}
.functional-block .result-col li b + .stretched-field {
    max-width: 600px;
}
.functional-block .result-col li b + .stretched-field .filter-select__multi-value__label {
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
}
.functional-block .result-col li b + .stretched-field .filter-select__multi-value,
.functional-block .result-col li b + .stretched-field .filter-select__multi-value__label,
.functional-block .result-col li b + .stretched-field .filter-select__multi-value__remove {
    height: auto;
    min-height: 19px;
}
.functional-block .result-col li b + .uploaded-files {
    margin-left: 0;
}
.functional-block .result-col li b ~ .field-radio {
    max-width: 200px;
}
@media screen and (max-width: 767px) {
    .functional-block .result-col li b {
        width: 100%;
        display: block;
        margin-bottom: 5px;
    }
}
.functional-block .result-col li.two-narrow-fields .field-view {
    flex-grow: 1;
}
@media screen and (min-width: 768px) {
    .functional-block .result-col li.two-narrow-fields {
        max-width: 505px;
    }
    .functional-block .result-col li.two-narrow-fields > .input-group:nth-of-type(1) {
        max-width: 70px;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .result-col li.two-narrow-fields {
        max-width: 625px;
    }
}
.functional-block .result-col li .filter-select__value-container--has-value:not(.filter-select__value-container--is-multi) {
    padding-left: 8px !important;
}
.functional-block .result-col li .form-group,
.functional-block .result-col li .field-col {
    margin-bottom: 0;
}
.functional-block .result-col li .form-control-feedback {
    top: 0;
    color: #4fa250;
}
.functional-block .result-col li .has-error .form-control-feedback {
    color: #a94442;
}
.functional-block .result-col span li {
    margin-bottom: 18px;
}
.functional-block .result-col.read-only-view .field-view {
    background-color: transparent;
}
@media screen and (max-width: 767px) {
    .functional-block .result-col.read-only-view .field-view {
        padding-top: 0;
        padding-left: 0;
    }
}
.functional-block .result-col.read-only-view li:not(:last-child) {
    margin-bottom: 4px;
}
.functional-block .result-col.col-sm-6 .checkbox-custom:last-child span {
    padding-right: 0;
}
@media screen and (max-width: 991px) {
    .functional-block .result-col.col-sm-6 li b {
        width: 100px;
        margin-right: 15px;
    }
}
.functional-block .result-col.medium-cols li b {
    width: 320px;
    font-family: Titillium, sans-serif;
}
.functional-block .result-col.medium-cols li b ~ b {
    width: auto;
    margin-left: 20px;
    margin-right: 10px;
}
@media screen and (min-width: 768px) {
    .functional-block .result-col.medium-cols li b ~ b ~ .input-group {
        width: auto;
    }
}
.functional-block .result-col.medium-cols li b ~ .main-button,
.functional-block .result-col.medium-cols li b ~ .secondary-button,
.functional-block .result-col.medium-cols li b ~ .link-button {
    margin-top: 5px;
}
@media screen and (min-width: 768px) {
    .functional-block .result-col.medium-cols li b ~ .main-button,
    .functional-block .result-col.medium-cols li b ~ .secondary-button,
    .functional-block .result-col.medium-cols li b ~ .link-button {
        margin-top: 0;
        margin-left: 10px;
    }
}
.functional-block .result-col.medium-cols li b .fa-question-circle {
    margin-left: 3px;
    margin-right: 3px;
}
@media screen and (max-width: 991px) {
    .functional-block .result-col.medium-cols li b {
        width: 200px;
    }
}
@media screen and (max-width: 767px) {
    .functional-block .result-col.medium-cols li b {
        width: 100%;
    }
    .functional-block .result-col.medium-cols li b ~ b {
        margin-top: 10px;
        margin-left: 0;
    }
}
@media screen and (min-width: 480px) {
    .functional-block .result-col.medium-cols.wide-labels li b {
        width: 380px;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .result-col.medium-cols.wide-labels li b {
        width: 500px;
    }
}
.functional-block .result-col .group-title {
    display: block;
    margin-top: 10px;
}
.functional-block .result-col p {
    display: flex;
}
@media screen and (max-width: 767px) {
    .functional-block .result-col p {
        flex-direction: column;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
    .functional-block .result-col p > span:first-child {
        min-width: 200px !important;
    }
}
@media screen and (max-width: 767px) {
    .functional-block .result-col p > span:first-child {
        margin-bottom: 5px;
    }
}
.functional-block .result-col p > span:last-child {
    color: #666;
}
.functional-block .form-group .input-group {
    display: flex;
}
.functional-block .form-group .input-group .input-group-addon {
    width: auto;
    height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 28px;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #e6e6e6;
    box-shadow: 2px 2px 12px -10px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
}
.functional-block .form-group.has-feedback .form-control {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.functional-block .input-group.focused .input-group-prepend {
    color: #fff;
    background-color: #009cff;
    box-shadow: none;
}
.functional-block .input-group-prepend {
    position: relative;
    flex-shrink: 0;
    width: auto;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    white-space: nowrap;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #e2e2e2;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
}
.functional-block .input-group-prepend:before,
.functional-block .input-group-prepend:after {
    content: "\00a0\00a0";
}
.functional-block .upload-field {
    display: table !important;
}
.functional-block .upload-field .input-group-btn,
.functional-block .upload-field .form-control {
    display: table-cell;
}
.functional-block .input-group-btn .btn {
    height: 28px;
    padding: 0 10px !important;
    font-size: 12px;
    line-height: 28px;
    font-weight: bold;
    font-family: Titillium, sans-serif;
}
.functional-block .field-col {
    margin-bottom: 10px;
}
.functional-block .field-col .form-group {
    margin-bottom: 0;
}
.functional-block .field-col .field-col-submit {
    margin-top: 15px;
    padding-bottom: 0;
}
.functional-block .field-col .field-col-submit .main-button {
    margin-top: 2px;
}
@media screen and (min-width: 768px) {
    .functional-block .field-col {
        display: inline-block;
        vertical-align: top;
        float: none;
    }
    .functional-block .field-col.col-sm-4 {
        width: 33.3%;
    }
}
@media screen and (max-width: 767px) {
    .functional-block .field-col.devider-sm {
        margin-bottom: 30px;
    }
    .functional-block .field-col.devider-sm:after {
        content: "";
        position: absolute;
        left: -15px;
        bottom: -20px;
        width: calc(100% + 30px);
        height: 1px;
        background-color: #e6e6e6;
    }
}
.functional-block .field-col.offset-bottom-none {
    margin-bottom: 0;
}
.functional-block .field-col > .add-more {
    position: relative;
    float: right;
    top: -7px;
    font-size: 16px;
}
.functional-block .input-group .form-control {
    z-index: 1;
}
.functional-block .head {
    padding: 10px 18px;
    font-size: 12px;
    border-radius: 4px 4px 0 0;
    background: #002f63;
    color: #ffffff;
    font-weight: bold;
}
.functional-block .head i {
    margin-right: 3px;
}
.functional-block .head .step-number {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    font-family: "evo-bold", sans-serif;
    font-weight: normal;
    border-radius: 10px;
    font-style: normal;
    color: #fff;
    background-color: #009cff;
    text-align: center;
    transition: padding-right 0.4s ease-in-out;
}
.functional-block .head .step-number span {
    position: relative;
    display: block;
    transition: transform 0.4s ease-in-out;
}
.functional-block .head .step-number:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 20px;
    top: 0;
    right: 0;
    border-radius: 10px;
    background-color: #009cff;
    transition: 0.4s ease-in-out;
}
.functional-block .head.head-columns {
    display: flex;
    justify-content: space-between;
}
.functional-block .head.head-columns .col-left {
    padding-right: 20px;
}
.functional-block .head.head-columns .col-right {
    position: relative;
}
.functional-block .head.head-columns .col-right i {
    position: relative;
    margin: 0;
    line-height: 18px;
    top: -1px;
}
.functional-block .head.head-columns .col-right .btn-toggle {
    height: 12px;
    margin-left: 5px;
    font-size: 22px;
    color: #fff;
    border-radius: 4px;
    border: none;
    box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, 0.5);
    transition: 0.2s ease-in-out;
}
.functional-block .head.head-columns .col-right .btn-toggle.opened i {
    transform: rotate(180deg);
}
.functional-block .head.head-columns .col-right .btn-toggle.btn-background {
    position: absolute;
    height: 18px;
    top: -3px;
    right: -7px;
    padding: 0 4px;
    background-color: #009cff;
}
.functional-block .head.head-columns .col-right .btn-toggle.btn-background:hover {
    color: #fff;
    box-shadow: none;
    background-color: #4dbaff;
}
.functional-block .head .btn-popover {
    margin-top: -2px;
    margin-left: 5px;
    color: #fff;
}
.functional-block .head .btn-popover:hover {
    color: #006db3;
}
.functional-block:hover .step-number {
    padding-right: 12px;
}
.functional-block:hover .step-number span {
    transform: scale(1.3);
}
.functional-block:hover .step-number:before {
    top: -10px;
    width: 45px;
    height: 40px;
    border-radius: 0;
}
.functional-block .body {
    padding: 15px;
}
@media screen and (min-width: 600px) {
    .functional-block .body {
        padding: 15px 20px;
    }
}
.functional-block .body > .list-view {
    padding: 0;
    width: calc(100% + 30px);
    margin-left: -15px;
}
@media screen and (min-width: 600px) {
    .functional-block .body > .list-view {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}
@media screen and (min-width: 768px) {
    .functional-block .body > .list-view {
        width: auto;
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .functional-block .body > .list-view .document-list {
        margin: 0;
    }
    .functional-block .body > .list-view .document-list .buttons-row {
        margin-top: 0;
    }
}
.functional-block .body .container {
    width: 100%;
}
.functional-block .body .interactive-buttons.dark-background {
    padding: 10px 15px;
    margin-left: -15px;
    margin-right: -15px;
}
@media screen and (min-width: 600px) {
    .functional-block .body .interactive-buttons.dark-background {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.functional-block .body .interactive-buttons.dark-background:after {
    width: 100%;
    left: 0;
}
.functional-block .document-row,
.functional-block .email-row {
    position: relative;
}
@media screen and (min-width: 768px) {
    .functional-block .document-row .buttons-row,
    .functional-block .email-row .buttons-row {
        position: absolute;
        top: -2px;
        right: 0;
        margin: 0 0 20px;
        transition: transform 0.4s ease-in-out, padding 0.6s ease-in-out;
        transform: translateX(100%) translateX(-25px);
    }
    .functional-block .document-row .buttons-row:hover,
    .functional-block .email-row .buttons-row:hover {
        padding-right: 40px;
        transform: translateX(0) translateX(38px);
    }
    .functional-block .document-row .buttons-row:hover .options,
    .functional-block .email-row .buttons-row:hover .options {
        opacity: 0;
        transition: none;
    }
    .functional-block .document-row .buttons-row button,
    .functional-block .email-row .buttons-row button {
        white-space: nowrap;
        background-color: #fff;
    }
}
.functional-block .document-row .options,
.functional-block .email-row .options {
    position: relative;
    margin-right: 20px;
    color: #009cff;
    transition: opacity 0.4s 0.4s ease-in-out;
}
@media screen and (max-width: 767px) {
    .functional-block .document-row .options,
    .functional-block .email-row .options {
        display: none;
    }
}
.functional-block .document-row .options .fa-file,
.functional-block .email-row .options .fa-file {
    font-size: 20px;
}
.functional-block .document-row .options .fa-wrench,
.functional-block .email-row .options .fa-wrench {
    position: absolute;
    font-size: 12px;
    top: 3px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    transform: rotate(-90deg);
}
.functional-block .document-header {
    align-items: center;
    width: calc(100% + 50px);
    margin-top: -15px;
    margin-left: -15px;
    padding: 7px 35px 7px 15px;
    border-bottom: 1px solid #e0e0e0;
    color: #009cff;
    background-color: #f9f9f9;
}
.functional-block .document-header .document-date {
    width: 93px;
}
.functional-block .document-header .pointer {
    transition: color 0.2s ease-in-out;
}
.functional-block .document-header .pointer .sort-icon:before,
.functional-block .document-header .pointer .sort-icon:after {
    color: #009cff;
}
.functional-block .document-header .pointer .sort-icon:before {
    top: -4px;
}
.functional-block .document-header .pointer .sort-icon:after {
    top: 4px;
}
.functional-block .document-header .pointer .sort-icon:hover {
    color: #33b0ff;
}
@media screen and (max-width: 479px) {
    .functional-block .document-header {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .functional-block .document-header > div {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
.functional-block .document-row:not(:last-child) {
    margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
    .functional-block .document-row .buttons-row {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 9%, #fff 100%);
    }
}
.functional-block .document-title {
    padding-right: 10px;
    transition: color 0.2s ease-in-out;
}
.functional-block .document-title:hover {
    cursor: pointer;
    color: #009cff;
}
.functional-block .document-date {
    flex-shrink: 0;
}
.functional-block .document-list {
    position: relative;
    font-size: 12px;
    line-height: 1.3;
    margin: 10px 0;
    padding: 15px 15px 5px;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .functional-block .document-list {
        padding: 15px;
        margin: 0 0 10px 0;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        background: #fff;
    }
}
@media screen and (max-width: 767px) {
    .functional-block .document-list.result-list .document-row > div {
        flex: 1 1 20%;
    }
}
.functional-block .buttons-row {
    display: flex;
    justify-content: center;
    min-height: 28px;
    margin: 7px 0;
    text-align: center;
}
@media screen and (min-width: 480px) {
    .functional-block .buttons-row {
        margin: 7px 0;
        padding: 0;
    }
}
.functional-block .buttons-row:after {
    content: "";
    display: table;
    clear: both;
}
.functional-block .buttons-row button {
    height: 28px;
    font-size: 12px;
    line-height: 20px;
    margin: 0 5px;
    border: 1px solid #009cff;
    border-radius: 4px;
    color: #009cff;
    background-color: #fff;
    box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, 0.5);
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.functional-block .buttons-row button:hover {
    background-color: #009cff;
    color: #fff;
}
.functional-block .buttons-row button i {
    margin-right: 5px;
}
.functional-block .email-row {
    margin: 10px -3px 0;
    font-size: 12px;
    line-height: 1.3;
}
.functional-block .email-row:not(:last-child) {
    margin-bottom: 25px;
}
.functional-block .email-row .flex-container .checkbox-custom {
    display: block;
}
.functional-block .email-row .flex-container .checkbox-custom > span {
    padding-right: 0;
}
@media screen and (min-width: 600px) {
    .functional-block .email-row {
        margin-left: -5px;
        margin-right: -5px;
    }
}
@media screen and (min-width: 768px) {
    .functional-block .email-row {
        padding-right: 25px;
    }
    .functional-block .email-row:not(:last-child) {
        margin-bottom: 15px;
    }
    .functional-block .email-row .flex-container .checkbox-custom {
        display: inline-block;
        margin-bottom: 0;
    }
    .functional-block .email-row .flex-container .checkbox-custom > span {
        padding-right: 25px;
    }
}
.functional-block .email-row .buttons-row {
    background: linear-gradient(to right, rgba(249, 249, 249, 0) 0%, #f9f9f9 9%, #f9f9f9 100%);
}
.functional-block .email-row .buttons-row button {
    position: relative;
}
@media screen and (min-width: 768px) {
    .functional-block .email-row .buttons-row button {
        top: -6px;
    }
}
.functional-block .email-row .buttons-row .fa-envelope-open-o {
    position: relative;
    top: -2px;
}
.functional-block .email-row .buttons-row .fa-long-arrow-right {
    position: absolute;
    top: 16px;
    left: 7px;
    font-size: 14px;
}
.functional-block .email-row .buttons-row .fa-long-arrow-left {
    position: absolute;
    top: 16px;
    left: 7px;
    font-size: 14px;
}
.functional-block .checkbox-custom > span {
    padding-right: 25px;
    word-wrap: break-word;
}
.functional-block .radio-inline {
    margin-top: 10px;
    margin-bottom: 5px;
}
.functional-block .expanded-btn-wrapper {
    position: relative;
    height: 10px;
    top: -10px;
}
.functional-block .expanded-btn-wrapper.expanded-btn {
    position: absolute;
    left: 0;
}
.functional-block .add-more {
    position: absolute;
    right: 0;
    bottom: -6px;
    max-width: 30px;
    height: 30px;
    padding: 0 10px 0 20px;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 28px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid transparent;
    color: transparent;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
}
.functional-block .add-more i {
    position: absolute;
    height: 14px;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #009cff;
    transition: color 0.4s ease-in-out;
}
.functional-block .add-more.expanded-btn {
    max-width: 260px;
    padding-left: 30px;
    border-color: transparent;
    color: #009cff;
    background-color: transparent;
}
.functional-block .add-more:hover {
    max-width: 260px;
    padding: 0 10px 0 30px;
    border-color: #fff;
    background-color: #009cff;
    color: #fff;
}
.functional-block .add-more:hover i {
    color: #fff;
}
.functional-block .field-radio {
    display: flex;
    height: 28px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #666;
    overflow: hidden;
    box-shadow: none;
}
.functional-block .field-radio.auto-width {
    display: flex;
}
.functional-block .field-radio.auto-width label {
    float: none;
    width: 100%;
}
.functional-block .field-radio.auto-width label i {
    top: 0;
}
.functional-block .field-radio.auto-width svg path {
    fill: #666;
    transition: fill 0.2s ease-in-out;
}
.functional-block .field-radio.field-mood input[type="radio"]:checked + span:nth-of-type(1) {
    background-color: #94b355;
}
.functional-block .field-radio.field-mood input[type="radio"]:checked + span:nth-of-type(2) {
    background-color: #55b356;
}
.functional-block .field-radio.field-mood input[type="radio"]:checked + span:nth-of-type(3) {
    background-color: #e37976;
}
.functional-block .field-radio.field-mood input[type="radio"]:checked + span svg path {
    fill: #fff;
}
.functional-block .field-radio.field-mood label:hover svg path {
    fill: #666;
}
@media screen and (max-width: 767px) {
    .functional-block .field-radio.field-medium label {
        position: relative;
    }
    .functional-block .field-radio.field-medium label span {
        display: none;
    }
    .functional-block .field-radio.field-medium label i {
        margin-right: 0;
    }
}
.functional-block .field-radio input[type="radio"] {
    position: absolute;
    width: 0;
    opacity: 0;
    visibility: hidden;
}
.functional-block .field-radio input[type="radio"]:checked + span {
    background-color: #009cff;
    color: #fff;
}
.functional-block .field-radio span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    width: 100%;
    height: 26px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.functional-block .field-radio span i {
    position: relative;
    margin-right: 2px;
    font-size: 16px;
}
.functional-block .field-radio span span {
    display: inline-block;
    padding: 0 15px;
    line-height: 1.2;
}
.functional-block .field-radio span span i {
    margin-right: 0;
    margin-left: 3px;
}
.functional-block .field-radio span.small-text {
    font-size: 16px;
    font-family: Titillium, sans-serif;
}
.functional-block .field-radio span:hover {
    color: #666;
}
.functional-block .field-radio .field-radio-item {
    float: left;
    width: 50%;
    text-align: center;
}
.functional-block .field-radio .field-radio-item label {
    display: block;
}
.functional-block .field-radio .field-radio-item i {
    margin-right: 7px;
}
.functional-block .field-measure {
    position: relative;
}
.functional-block .field-measure input {
    padding-right: 30px;
}
.functional-block .field-measure:after {
    content: attr(data-measure);
    position: absolute;
    top: 0;
    right: 10px;
    display: inline-block;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    color: #666;
}
.functional-block .field-measure.year input {
    padding-right: 55px;
}
.functional-block .field-file {
    position: relative;
    height: 44px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 44px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    background-color: #fff;
    color: #666;
    box-shadow: none;
    transition: border-color 0.2s ease-in-out;
}
.functional-block .field-file [type="file"] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.functional-block .field-file i {
    position: absolute;
    top: 13px;
    right: 10px;
}
.functional-block .dummy-text-plugin {
    overflow-x: auto;
}
.functional-block .list-info p {
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .functional-block .list-info p {
        font-size: 12px;
    }
}
.functional-block .count-info {
    display: block;
    height: 116px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}
.functional-block .count-info .icon-first {
    margin-bottom: 10px;
    font-size: 40px;
    color: #009cff;
    transition: color 0.2s ease-in-out;
}
.functional-block .count-info div {
    position: relative;
    color: #333;
}
.functional-block .count-info span {
    position: relative;
    display: block;
    margin-top: 10px;
    font-size: 24px;
    color: #009cff;
    transition: color 0.2s ease-in-out;
}
.functional-block .count-info:hover .icon-first,
.functional-block .count-info span {
    color: #40b5ff;
}
.functional-block .count-info:focus {
    text-decoration: none;
}
.functional-block .filter-date {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 46%;
}
@media screen and (min-width: 370px) {
    .functional-block .filter-date {
        width: 47%;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .filter-date {
        width: 48%;
    }
}
.functional-block .filter-date span {
    position: absolute;
    left: 15px;
    font-size: 14px;
    line-height: 44px;
    pointer-events: none;
}
.functional-block .filter-date input {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.functional-block .filter-date:after {
    content: "\f073";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: 18px;
    font: normal normal normal 18px/1 FontAwesome;
    pointer-events: none;
    color: #009cff;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.functional-block .total-col:after {
    content: "";
    display: table;
    clear: both;
}
.functional-block .total-col .total-align-right {
    width: 25%;
    padding-left: 20px;
    float: right;
}
@media screen and (max-width: 767px) {
    .functional-block .total-col .total-align-right {
        width: 160px;
    }
}
.functional-block .total-col:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: calc(100% + 20px);
    height: 1px;
    background-color: #e6e6e6;
}
@media screen and (max-width: 991px) {
    .functional-block .total-col:before {
        left: -5px;
        width: calc(100% + 10px);
    }
}
@media screen and (max-width: 767px) {
    .functional-block .total-col:before {
        display: none;
    }
}
.functional-block .list-view {
    padding: 0;
}
@media screen and (min-width: 768px) {
    .functional-block .list-view {
        display: flex;
        align-items: stretch;
        padding: 15px 20px;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .list-view {
        padding: 15px 25px;
    }
}
.functional-block .main-list {
    margin-bottom: 0;
    padding: 5px 15px;
    border-bottom: 1px solid #c9c9c9;
}
@media screen and (min-width: 768px) {
    .functional-block .main-list {
        width: 30%;
        padding: 10px 0 0;
        border-bottom: none;
    }
    .functional-block .main-list.sticky {
        position: fixed;
        width: 206px;
        top: 100px;
    }
    .functional-block .main-list.sticky + .result-list {
        margin-left: 30%;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .main-list.sticky {
        width: 275px;
        top: 60px;
    }
}
@media screen and (min-width: 1200px) {
    .functional-block .main-list.sticky {
        width: 245px;
    }
}
.functional-block .main-list li {
    display: block;
    position: relative;
    cursor: pointer;
}
.functional-block .main-list li.subtype {
    margin-left: 20px;
}
.functional-block .main-list li.subtype h4 {
    position: relative;
}
.functional-block .main-list li.subtype h4:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    top: 7px;
    left: -10px;
    height: 1px;
    background-color: #e6e6e6;
}
.functional-block .main-list li.subtype h4:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 7px;
    left: -11px;
    background-color: #e6e6e6;
    z-index: 1;
}
.functional-block .main-list li.subtype.last-child h4:after {
    top: -10px;
}
@media screen and (min-width: 768px) {
    .functional-block .main-list li {
        padding-right: 20px;
    }
}
.functional-block .main-list li:hover h4 {
    color: #009cff;
}
.functional-block .main-list li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 16px;
    top: 0;
    left: 0;
    float: right;
    border-radius: 20px;
    color: #f9f9f9;
    background-color: #e6e6e6;
    text-align: center;
    transition: background-color 0.2s ease-in-out;
    z-index: 2;
}
.functional-block .main-list li:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    transition: transform 0.2s ease-in-out;
    z-index: 2;
}
.functional-block .main-list .opened.parent {
    position: relative;
}
.functional-block .main-list .opened.parent h4:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 8px;
    left: 9px;
    background-color: #e6e6e6;
    z-index: 1;
}
.functional-block .main-list .opened h4 {
    color: #009cff;
}
.functional-block .main-list .opened:after {
    transform: translateX(16px);
}
.functional-block .main-list .opened:before {
    background-color: #009cff;
}
.functional-block .main-list h4 {
    display: inline-block;
    padding-left: 40px;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.3;
    font-family: Titillium, sans-serif;
    font-weight: bold;
    color: #555;
    transition: color 0.1s linear;
    word-break: break-word;
}
.functional-block .result-list {
    box-sizing: border-box;
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .functional-block .result-list {
        width: 70%;
        padding-left: 15px;
        padding-right: 35px;
    }
}
.functional-block .result-list > li {
    display: none;
}
.functional-block .result-list > li.opened {
    display: block;
}
.functional-block .plugin-editor {
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-shadow: none;
}
@media screen and (min-width: 768px) {
    .functional-block .plugin-editor {
        margin: 0 15px 20px;
    }
}
.functional-block .mce-tinymce {
    border: none !important;
    box-shadow: none !important;
}
.functional-block .popover {
    padding: 0;
    border-color: #009cff;
    border-radius: 0;
    font-family: Titillium, sans-serif;
    font-size: 16px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.functional-block .popover.wide-popover {
    max-width: calc(100% + 22px);
    transform: translateX(-2px);
}
@media screen and (min-width: 600px) {
    .functional-block .popover.wide-popover {
        max-width: calc(100% - 40px);
        transform: translateX(-22px);
    }
}
.functional-block .popover .popover-title {
    border-radius: 0;
    color: #ffffff;
    background-color: #009cff;
}
.functional-block .popover .popover-title p {
    margin-bottom: 0;
}
@media screen and (max-width: 599px) {
    .functional-block .popover .popover-title p {
        font-size: 22px !important;
    }
}
@media screen and (max-width: 599px) {
    .functional-block .popover .popover-content p:first-child {
        font-size: 18px !important;
    }
    .functional-block .popover .popover-content ul {
        padding-left: 20px;
        font-size: 15px !important;
    }
}
.functional-block .popover.top > .arrow {
    border-top-color: #009cff;
}
.functional-block .mailbox {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox {
        padding-bottom: 0;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .mailbox {
        flex-direction: row;
    }
}
.functional-block .mailbox .col-left {
    display: flex;
    flex-direction: column;
    padding-top: 7px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
@media screen and (min-width: 600px) {
    .functional-block .mailbox .col-left {
        align-items: center;
        flex-direction: row;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .mailbox .col-left {
        display: block;
        width: 160px;
        margin-bottom: 0;
    }
}
.functional-block .mailbox .col-left .secondary-button {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox .col-left .secondary-button {
        width: 160px;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .mailbox .col-left .secondary-button {
        width: 100%;
    }
}
.functional-block .mailbox .col-left .secondary-button i {
    margin-right: 0;
    margin-left: 5px;
}
.functional-block .mailbox .col-left .secondary-button .fa-envelope-open-o {
    font-size: 14px;
}
.functional-block .mailbox .col-left .secondary-button .fa-envelope-open-o + .fa-pencil {
    position: absolute;
    top: 2px;
    right: 9px;
    font-size: 10px;
}
.functional-block .mailbox .col-left ul {
    display: flex;
    margin-top: 10px;
    margin-bottom: 0;
}
@media screen and (min-width: 600px) {
    .functional-block .mailbox .col-left ul {
        margin-top: 0;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .mailbox .col-left ul {
        display: block;
        padding-top: 10px;
    }
}
.functional-block .mailbox .col-left li {
    margin-top: 5px;
    font-size: 14px;
}
@media screen and (max-width: 991px) {
    .functional-block .mailbox .col-left li {
        margin-left: 20px;
    }
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox .col-left li {
        margin-right: 20px;
        margin-left: 0;
    }
}
.functional-block .mailbox .col-left li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
}
.functional-block .mailbox .col-left .is-active {
    color: #009cff;
}
.functional-block .mailbox .col-left .is-active .mailbox-category {
    text-decoration: underline;
}
.functional-block .mailbox .col-right {
    width: 100%;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox .col-right {
        width: calc(100% + 32px);
        margin: 0 -16px -1px;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .mailbox .col-right {
        width: calc(100% - 160px);
        padding-left: 20px;
    }
}
.functional-block .mailbox .mailbox-count {
    margin-left: 5px;
    font-weight: bold;
    color: #009cff;
}
.functional-block .mailbox .table-filter-options {
    margin-left: 20px;
    margin-right: 20px;
}
@media screen and (max-width: 991px) {
    .functional-block .mailbox .table-filter-options {
        margin: 5px 20px 0 0;
    }
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox .table-filter-options {
        margin: 10px 0 0;
    }
}
.functional-block .mailbox .table-filter-options .is-active {
    font-weight: bold;
}
.functional-block .mailbox .document-row {
    flex-wrap: nowrap;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox .document-row {
        display: block;
    }
}
.functional-block .mailbox .document-header {
    width: calc(100% + 30px);
    padding-right: 15px;
    border-radius: 4px 4px 0 0;
}
@media screen and (max-width: 991px) {
    .functional-block .mailbox .document-header {
        align-items: flex-start;
    }
}
.functional-block .mailbox .document-header .mailbox-subject {
    white-space: nowrap;
}
@media screen and (max-width: 991px) {
    .functional-block .mailbox .document-header .mailbox-subject {
        flex-direction: column;
    }
}
.functional-block .mailbox .document-header .document-row {
    flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox .document-header .mailbox-subject {
        flex-direction: column;
    }
}
@media screen and (min-width: 600px) {
    .functional-block .mailbox .document-header .mailbox-subject {
        padding-left: 0;
        margin: 0;
    }
}
.functional-block .mailbox .document-list {
    padding-bottom: 15px;
    margin-bottom: 0;
    overflow: visible;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background: #fff;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox .document-list {
        margin-bottom: -15px;
    }
}
@media screen and (min-width: 600px) {
    .functional-block .mailbox .document-list {
        margin-top: 10px;
    }
}
.functional-block .mailbox li .document-row:not(:last-child) {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.functional-block .mailbox li .document-row:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 10px);
    height: 1px;
    left: -5px;
    bottom: 0;
    background-color: #ededf0;
}
.functional-block .mailbox li a {
    color: #333;
}
.functional-block .mailbox li a:hover {
    color: #009cff;
}
.functional-block .mailbox .unread .mailbox-date,
.functional-block .mailbox .unread .mailbox-subject,
.functional-block .mailbox .unread .mailbox-receiver {
    font-weight: bold;
}
.functional-block .mailbox .table-submit {
    margin: 5px -15px -15px;
    border-radius: 0 0 4px 4px;
    border: none;
    background-color: #fff;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox .table-submit .table-navigation {
        margin-top: 5px;
    }
}
.functional-block .mailbox .table-submit .buttons-row {
    margin: 10px 0;
}
.functional-block .mailbox .table-submit .buttons-row .table-edit-buttons {
    background: linear-gradient(to right, #fff 0%, #fff 91%, rgba(249, 249, 249, 0) 100%);
}
.functional-block .mailbox .table-submit:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 20px);
    height: 1px;
    left: 10px;
    top: 0;
    background-color: #ededf0;
}
.functional-block .mailbox-column-last {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    font-size: 14px;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox-column-last {
        justify-content: flex-end;
    }
}
.functional-block .mailbox-column-last a:hover {
    text-decoration: none !important;
}
.functional-block .mailbox-column-last .mailbox-attach .fa-paperclip {
    font-size: 16px;
}
.functional-block .mailbox-column-last .mailbox-answer .fa-angle-right {
    font-size: 20px;
}
.functional-block .mailbox-attach .fa-paperclip {
    margin-left: 4px;
}
.functional-block .mailbox-delete {
    width: 30px;
}
.functional-block .mailbox-delete .fa-trash {
    margin-left: 10px;
    padding: 0 5px;
}
.functional-block .mailbox-answer {
    position: relative;
    width: 22px;
    top: -2px;
}
.functional-block .mailbox-answer .fa-angle-right {
    margin-left: 5px;
    padding: 0 5px;
}
.functional-block .mailbox-date {
    min-width: 120px;
    flex-shrink: 0;
    padding-right: 10px;
}
.functional-block .mailbox-receiver {
    width: 160px;
    flex-shrink: 0;
    padding-right: 10px;
}
@media screen and (max-width: 1199px) {
    .functional-block .mailbox-receiver {
        width: 120px;
    }
}
@media screen and (max-width: 991px) {
    .functional-block .mailbox-receiver {
        width: 100px;
    }
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox-receiver {
        width: 100%;
        margin-top: 3px;
    }
}
.functional-block .mailbox-subject {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding-left: 15px;
    padding-right: 10px;
}
@media screen and (max-width: 767px) {
    .functional-block .mailbox-subject {
        word-break: break-all;
    }
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox-subject {
        padding-right: 0;
        margin-left: -15px;
        margin-top: 5px;
        word-break: normal;
    }
}
.functional-block .mailbox-subject .fa-long-arrow-up,
.functional-block .mailbox-subject .fa-long-arrow-down {
    position: absolute;
    top: 1px;
    left: 2px;
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox-subject .fa-long-arrow-up,
    .functional-block .mailbox-subject .fa-long-arrow-down {
        left: 7px;
    }
}
.functional-block .mailbox-search {
    position: relative;
    width: 300px;
}
.functional-block .mailbox-search .input-group {
    width: 100%;
}
.functional-block .mailbox-search .input-group .form-control {
    border-radius: 4px;
}
@media screen and (max-width: 1199px) {
    .functional-block .mailbox-search {
        width: 270px;
    }
}
@media screen and (max-width: 659px) {
    .functional-block .mailbox-search .input-button-wrapper {
        position: absolute;
        right: 0;
        width: 100px;
    }
}
@media screen and (max-width: 599px) {
    .functional-block .mailbox-search {
        width: 100%;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .functional-block .mailbox-search .input-button-wrapper,
    .functional-block .mailbox-search .input-group {
        width: 100%;
    }
    .functional-block .mailbox-search .input-button-wrapper {
        position: static;
    }
}
.apply-view-only-styling .field-view {
    display: block;
    width: 100%;
    padding: 11px 12px 10px;
    font-size: 12px;
    border-radius: 4px;
    background: #e2e2e2;
}
@media screen and (min-width: 768px) {
    .widgets {
        display: flex;
        justify-content: stretch;
        flex-wrap: wrap;
    }
    .widgets .col-sm-6 {
        width: 49.9%;
    }
}
.link {
    position: relative;
    padding: 0;
    border: none;
    color: #009cff;
    background-color: transparent;
}
.link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    margin: auto;
    width: 100%;
    height: 1px;
    background-color: #009cff;
    transition: width 0.35s ease;
}
.link:hover {
    background-color: transparent;
}
.link:hover:after {
    width: 0;
}
.link:focus {
    outline: none;
    text-decoration: none;
}
.align-center {
    float: none;
    margin: 0 auto;
}
.collapsible-content {
    overflow: hidden;
}
.collapsible-content .functional-block {
    margin-top: 0;
}
.buttons-row.buttons-row--center {
    margin-top: 30px;
}
.buttons-row--center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.buttons-row--center button,
.buttons-row--center a {
    margin: 0 10px 10px;
}
.tile-wrapper {
    margin-top: 25px;
}
.tile {
    display: flex;
    flex-flow: row wrap;
    margin-left: -8px;
    position: relative;
}
.tile.collapse .tile-block {
    transition: 0.4s ease-in-out;
}
.tile .tile-block {
    flex: auto;
    margin: 0 0 8px 8px;
    border: 1px solid #009cff;
    background-color: #fff;
    transition: none;
}
.tile .tile-block.dropdown-list {
    border-bottom-right-radius: 20px;
}
.tile .tile-block.dropdown-list .main-button {
    position: relative;
    border-bottom-right-radius: 20px;
}
.tile .tile-block.dropdown-list .main-button:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 2px);
    height: 100%;
    top: -1px;
    left: -1px;
    border: 1px solid #009cff;
    border-bottom-right-radius: 20px;
}
.tile .tile-block.dropdown-list .main-button:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% - 2px);
    top: -1px;
    left: -1px;
    border: 1px solid #009cff;
    border-bottom-right-radius: 20px;
}
.tile .tile-block.open {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: calc(100% - 8px) !important;
    min-height: 189px !important;
    border-bottom-right-radius: 0;
    overflow: hidden;
    z-index: 4;
}
.tile .tile-block.open .main-button {
    box-shadow: none;
    border-bottom: 1px solid #009cff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.tile .tile-block.open .main-button:before,
.tile .tile-block.open .main-button:after {
    opacity: 0;
}
.tile .tile-block.open .main-button:focus {
    outline: none;
}
.tile .tile-block.open .tile-close {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.4s 0.4s ease-in-out;
}
.tile .tile-block.open .tile-expand {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.4s 1.2s ease-in-out;
}
.tile .tile-block.open .main-button:after {
    display: none;
}
.tile .tile-block.open ul {
    position: static;
    max-height: calc(100% - 57px);
    margin-bottom: 0;
    padding-bottom: 15px;
    overflow-y: auto;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition: 0.4s ease-in-out, max-height 0.4s ease-in-out;
}
.tile .tile-block.expand {
    height: auto !important;
}
.tile .tile-block.expand ul {
    max-height: 600px;
    height: auto;
}
.tile .tile-block.expand .tile-expand i {
    transform: rotate(180deg);
}
.tile .tile-block .tile-expand {
    position: absolute;
    width: 100%;
    height: 35px;
    padding-top: 15px;
    left: 0;
    bottom: 0;
    opacity: 0;
    text-align: center;
    pointer-events: none;
    font-size: 16px;
    color: #009cff;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 57%);
    transition: none;
}
.tile .tile-block .tile-expand i {
    position: relative;
    top: 2px;
}
.tile .tile-block ul {
    position: absolute;
    max-height: 0;
    left: 0;
    opacity: 0;
    padding-top: 15px;
    margin-left: 15px;
    pointer-events: none;
    transform: translateY(40px);
    transition: none;
}
.tile .tile-block li {
    position: relative;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 15px;
    padding-left: 25px;
}
.tile .tile-block li:before {
    content: "\f105";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -2px;
    left: 0;
    float: right;
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    color: #f9f9f9;
    background-color: #009cff;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tile .tile-block li a {
    position: relative;
    font-size: 12px;
    font-family: "evo-bold", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #009cff;
}
.tile .tile-block li a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    margin: auto;
    width: 0;
    height: 1px;
    background-color: #009cff;
    transition: width 0.35s ease;
}
.tile .tile-block li a:hover:after {
    width: 100%;
}
.tile .main-button {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-transform: none;
    color: #009cff;
    background-color: #fff;
    transition: color 0.2s ease-in-out;
}
.tile .main-button:hover {
    color: #007dcc;
    background-color: #fff;
}
.tile .tile-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    padding: 0 0 0 13px;
    border: none;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    background-color: transparent;
    transition: none;
}
.tile .tile-close:before,
.tile .tile-close:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 1px;
    background-color: #333;
    transition: transform 0.4s ease-in-out;
}
.tile .tile-close:before {
    transform: rotate(45deg);
}
.tile .tile-close:after {
    transform: rotate(-45deg);
}
.tile .tile-close:hover:before {
    transform: rotate(130deg);
}
.tile .tile-close:hover:after {
    transform: rotate(-130deg);
}
.custom-page {
    max-width: 100%;
    margin-bottom: 40px;
    line-height: 1;
    font-family: Titillium, sans-serif;
    color: #333;
}
.custom-page a {
    color: #009cff;
    transition: 0.2s ease-in-out;
}
.custom-page a:not(.main-button):hover {
    color: #006db3;
}
.custom-page b {
    font-family: Titillium, sans-serif;
    font-weight: normal;
}
.custom-page table td,
.custom-page table th {
    font-family: Titillium, sans-serif;
}
.custom-page hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top-color: #e6e6e6;
}
.custom-page hr + li .group-title {
    margin-top: 0 !important;
}
.custom-page hr.margin-bottom-enable {
    margin-bottom: 15px !important;
}
.custom-page button {
    outline: none;
}
.custom-page .field-view {
    min-height: 28px;
    padding: 7px 10px;
    line-height: 1.1;
    border-radius: 4px;
    color: #666;
    background-color: #f1f1f1;
    word-break: break-all;
}
.custom-page .field-view span:not(:first-child) {
    display: inline-block;
    margin-top: 6px;
}
.custom-page .group-title {
    font-family: Titillium, sans-serif;
    font-size: 16px;
    color: #009cff;
}
.custom-page .group-title .add-more {
    margin-left: 5px;
}
.custom-page h1 {
    font-size: 18px;
    font-family: Titillium, sans-serif;
    font-weight: bold;
    color: #272727;
}
.custom-page h3 {
    font-size: 12px;
    margin-top: 0;
    font-family: Titillium, sans-serif;
    font-weight: bold;
    color: #333;
}
.custom-page p {
    font-family: Titillium, sans-serif;
    font-size: 12px;
}
.custom-page > p {
    line-height: 1.4;
}
.custom-page .filter .body {
    padding: 15px;
}
@media screen and (min-width: 600px) {
    .custom-page .filter .body {
        padding: 15px 20px 15px;
    }
}
.custom-page .filter .filter-label {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.custom-page .filter .filter-col {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.custom-page .filter .filter-col .form-group {
    margin-bottom: 0;
}
.custom-page .filter .filter-col-submit {
    position: relative;
    top: 8px;
    padding-top: 7px;
    padding-bottom: 0;
    text-align: center;
}
.custom-page .filter .filter-col-submit:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}
@media screen and (min-width: 600px) {
    .custom-page .filter .filter-col-submit:after {
        width: calc(100% + 10px);
        left: -5px;
    }
}
.custom-page .filter .filter-radio {
    height: 44px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #666;
    overflow: hidden;
    box-shadow: none;
}
.custom-page .filter .filter-radio input[type="radio"] {
    position: absolute;
    width: 0;
    opacity: 0;
    visibility: hidden;
}
.custom-page .filter .filter-radio input[type="radio"]:checked + label {
    background-color: #009cff;
    color: #fff;
}
.custom-page .filter .filter-radio label {
    float: left;
    width: 50%;
    margin-bottom: 0;
    height: 44px;
    line-height: 44px;
    font-family: Titillium, sans-serif;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.custom-page .filter .filter-radio label i {
    position: relative;
    top: 2px;
    margin-right: 4px;
    font-size: 18px;
}
.custom-page .filter .filter-radio label span {
    display: inline-block;
    line-height: 34px;
}
.custom-page .filter .filter-radio label span i {
    margin-right: 0;
    margin-left: 3px;
}
.custom-page .filter .filter-radio label.small-text {
    font-size: 16px;
}
.custom-page .filter .filter-radio label:hover {
    color: #666;
}
.custom-page .filter .more-filter-row {
    clear: both;
}
.custom-page .filter .date-devider {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 44px;
    padding: 0 3px;
    color: #666;
}
.custom-page td i.btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
}
.custom-page .more-filters,
.custom-page .more-details {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 20px;
    margin-right: -5px;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 4px;
    border: none;
    color: #009cff;
    text-align: center;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.custom-page .more-filters i,
.custom-page .more-details i {
    position: relative;
    top: 3px;
    margin-left: 3px;
    font-size: 24px;
    transition: transform 0.4s ease-in-out;
    transform: translateY(0);
}
.custom-page .more-filters:focus,
.custom-page .more-details:focus {
    outline: none;
}
.custom-page .more-filters:hover i,
.custom-page .more-details:hover i {
    animation: top-down 1s ease-in-out infinite;
}
.custom-page .more-filters.open i,
.custom-page .more-details.open i {
    transform: rotate(180deg);
}
.custom-page .more-filters.open:hover i,
.custom-page .more-details.open:hover i {
    animation: top-down-rotated 1s ease-in-out infinite;
}
.custom-page .btn {
    padding: 3px 10px;
    transition: color 0.2s ease-in-out;
}
.custom-page .btn:hover {
    color: #006db3;
}
.custom-page i.btn {
    position: relative;
    color: #009cff;
}
.custom-page i.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.custom-page .btn-disabled {
    padding: 3px 10px;
    font-size: 14px;
    line-height: 1.4;
}
.custom-page .btn-disabled.fa-lock {
    position: relative;
    width: 33px;
    top: 2px;
    text-align: center;
}
.custom-page .help-block {
    font-size: 12px;
    line-height: 1.2;
}
.custom-page .show-hide-buttons {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 2;
}
.custom-page .show-hide-buttons .secondary-button {
    height: 24px;
    line-height: 21px;
}
.custom-page .show-hide-buttons .secondary-button i {
    margin: 0;
    font-size: 10px;
}
.custom-page .show-hide-buttons .secondary-button:first-child {
    border-radius: 4px 4px 4px 4px;
}
.custom-page .show-hide-buttons .secondary-button:last-child {
    border-radius: 4px 4px 4px 4px;
}
.custom-page.classic-component .popup-inner .form-group select {
    width: 100%;
}
.manage-options {
    position: fixed;
    float: right;
    margin-bottom: 40px;
    padding-top: 20px;
    right: -76px;
    bottom: 60px;
    transition: transform 0.6s ease-in-out;
    z-index: 3;
    pointer-events: none;
}
.manage-options:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 33px;
    height: 26px;
    pointer-events: auto;
}
.manage-options:hover {
    padding-left: 180px;
    transform: translateX(-70px);
}
.manage-options:hover:after {
    width: 100%;
    height: 50px;
}
.manage-options:hover .manage-list {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}
.manage-options:hover .manage-button {
    color: #fff;
    background-color: #009cff;
}
.manage-options:hover .manage-button i {
    transform: rotate(180deg);
}
.manage-options .manage-button {
    display: inline-block;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fff;
    color: #009cff;
    border: 1px solid #009cff;
    transition: color 0.1s linear, background-color 0.1s linear;
}
.manage-options .manage-button i {
    margin-right: 8px;
    transition: transform 1s ease-in-out;
}
.manage-options .manage-list {
    position: absolute;
    width: 250px;
    padding: 15px 15px 8px;
    right: 10px;
    bottom: 45px;
    font-size: 12px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.35);
    border: 1px solid #009cff;
    opacity: 0;
    pointer-events: none;
    transform: translateX(200px);
    transition: opacity 0.6s 0.2s ease-in-out, transform 0.6s 0.2s ease-in-out;
}
.manage-options .manage-list:before,
.manage-options .manage-list:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
}
.manage-options .manage-list:before {
    right: 58px;
    bottom: -14px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 14px solid #009cff;
}
.manage-options .manage-list:after {
    right: 59px;
    bottom: -13px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 13px solid #fff;
}
.manage-options .manage-list li:not(:last-child) {
    margin-bottom: 10px;
}
.manage-options .manage-list a {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    padding-bottom: 10px;
    color: #666;
    transition: color 0.2s ease-in-out;
}
.manage-options .manage-list a:hover,
.manage-options .manage-list a:hover i {
    color: #009cff;
}
.manage-options .manage-list a:hover .fa-user-circle-o,
.manage-options .manage-list a:hover .fa-file-text.small,
.manage-options .manage-list a:hover .fa-comment.small,
.manage-options .manage-list a:hover .fa-history.small,
.manage-options .manage-list a:hover .fa-trash.small,
.manage-options .manage-list a:hover .fa-pencil.small,
.manage-options .manage-list a:hover .fa-print.small,
.manage-options .manage-list a:hover .fa-envelope.small,
.manage-options .manage-list a:hover .fa-play-circle-o,
.manage-options .manage-list a:hover .fa-eur {
    transform: rotateY(180deg) skewY(-5deg);
}
.manage-options .manage-list a:hover .fa-file-excel-o,
.manage-options .manage-list a:hover .fa-file-text-o,
.manage-options .manage-list a:hover .fa-sitemap,
.manage-options .manage-list a:hover .fa-file-text,
.manage-options .manage-list a:hover .fa-file-o {
    transform: rotate3d(0, 1, 0, 40deg) skewY(-10deg);
}
.manage-options .manage-list a:hover .fa-share.import {
    transform: rotateY(30deg) translateX(2px);
}
.manage-options .manage-list a:hover .fa-share.export {
    transform: translateX(3px) scale(-1, 1);
}
.manage-options .manage-list a:focus {
    text-decoration: none;
}
.manage-options .manage-list i {
    position: absolute;
    top: -4px;
    left: 0;
    margin-right: 10px;
    font-size: 20px;
    color: #009cff;
}
.manage-options .manage-list .fa-user-circle-o,
.manage-options .manage-list .fa-file-text.small,
.manage-options .manage-list .fa-share,
.manage-options .manage-list .fa-file-excel-o,
.manage-options .manage-list .fa-file-text-o,
.manage-options .manage-list .fa-sitemap,
.manage-options .manage-list .fa-file-text,
.manage-options .manage-list .fa-comment,
.manage-options .manage-list .fa-history,
.manage-options .manage-list .fa-trash,
.manage-options .manage-list .fa-pencil,
.manage-options .manage-list .fa-print,
.manage-options .manage-list .fa-envelope,
.manage-options .manage-list .fa-file-o,
.manage-options .manage-list .fa-play-circle-o,
.manage-options .manage-list .fa-eur {
    transition: transform 0.6s ease-out;
}
.manage-options .manage-list .fa-user-circle-o {
    position: absolute;
    display: inline-block;
    top: 8px;
    left: 11px;
    font-size: 12px;
    border-radius: 50%;
    color: #55b356 !important;
    background-color: #fff;
}
.manage-options .manage-list .fa-file-text.small,
.manage-options .manage-list .fa-comment.small,
.manage-options .manage-list .fa-history.small,
.manage-options .manage-list .fa-trash.small,
.manage-options .manage-list .fa-pencil.small,
.manage-options .manage-list .fa-print.small,
.manage-options .manage-list .fa-envelope.small,
.manage-options .manage-list .fa-eur.small {
    position: absolute;
    display: inline-block;
    top: 8px;
    left: 12px;
    font-size: 12px;
    border-radius: 50%;
    color: #55b356;
    background-color: #fff;
}
.manage-options .manage-list .fa-eur.small {
    width: 12px;
    height: 12px;
    padding-top: 1px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    background-color: #55b356;
}
.manage-options .manage-list .fa-history.small,
.manage-options .manage-list .fa-trash.small,
.manage-options .manage-list .fa-pencil.small,
.manage-options .manage-list .fa-print.small {
    font-size: 16px;
}
.manage-options .manage-list .fa-share {
    position: absolute;
    display: inline-block;
    font-size: 10px;
    color: #55b356;
}
.manage-options .manage-list .fa-share.import {
    top: 6px;
    left: -4px;
    color: #55b356;
}
.manage-options .manage-list .fa-share.export {
    top: 4px;
    left: -6px;
    color: #e37976;
    transform: scale(-1, 1);
}
.manage-options .manage-list .fa-play-circle-o {
    font-size: 16px;
    top: 4px;
    left: 8px;
    border-radius: 50%;
    color: #55b356 !important;
    background-color: #fff;
}
.pointer {
    position: relative;
    padding-left: 10px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.pointer .sort-icon {
    position: absolute;
    transform: translateX(-9px);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .pointer .sort-icon {
        position: static;
    }
}
.pointer .sort-icon:before,
.pointer .sort-icon:after {
    position: absolute;
    left: -1px;
    top: -5px;
    display: inline-block;
    opacity: 0.3;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
}
.pointer .sort-icon:before {
    content: "\f0d8";
}
.pointer .sort-icon:after {
    content: "\f0d7";
    top: 3px;
}
.sort-asc:before {
    opacity: 1;
}
.sort-asc:after {
    opacity: 0.3;
}
.sort-desc:after {
    opacity: 1;
}
.sort-desc:before {
    opacity: 0.3;
}
.stretch-table-button {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #009cff;
    background: none;
    border: none;
}
.stretch-table-button i {
    position: relative;
    top: 3px;
    font-size: 24px;
    transition: transform 0.4s ease-in-out;
}
.stretch-table-button:focus {
    outline: none;
}
.stretch-table-button:hover i {
    animation: shake 0.7s linear;
}
.stretch-table-button + .result-view-table {
    margin-top: 0;
}
.result-view-table .table-submit,
.functional-block .table-submit {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    position: relative;
    border-color: #e6e6e6;
}
.result-view-table .table-submit .table-navigation,
.functional-block .table-submit .table-navigation {
    display: inline-block;
    margin-top: 10px;
    text-align: center;
}
.result-view-table .table-submit .table-navigation button,
.functional-block .table-submit .table-navigation button {
    margin: 0 1px;
}
.result-view-table .table-submit .table-navigation button i,
.functional-block .table-submit .table-navigation button i {
    margin: 2px 2px 0;
}
@media screen and (min-width: 768px) {
    .result-view-table .table-submit .table-navigation,
    .functional-block .table-submit .table-navigation {
        margin-top: 0;
        margin-right: 0;
    }
}
.result-view-table .table-submit .buttons-row,
.functional-block .table-submit .buttons-row {
    display: block;
    margin-bottom: 7px;
}
.result-view-table .table-submit .buttons-row .table-edit-buttons,
.functional-block .table-submit .buttons-row .table-edit-buttons {
    position: relative;
    top: 5px;
    padding: 0 10px;
    text-align: center;
    background: linear-gradient(to right, #f9f9f9 0%, #f9f9f9 91%, rgba(249, 249, 249, 0) 100%);
}
.result-view-table .table-submit .buttons-row .table-edit-buttons button,
.functional-block .table-submit .buttons-row .table-edit-buttons button {
    margin-bottom: 10px;
}
@media screen and (max-width: 479px) {
    .result-view-table .table-submit .buttons-row .table-edit-buttons button,
    .functional-block .table-submit .buttons-row .table-edit-buttons button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #009cff;
        text-align: left;
    }
    .result-view-table .table-submit .buttons-row .table-edit-buttons button i,
    .functional-block .table-submit .buttons-row .table-edit-buttons button i {
        display: inline-block;
    }
}
@media screen and (min-width: 768px) {
    .result-view-table .table-submit .buttons-row .table-edit-buttons,
    .functional-block .table-submit .buttons-row .table-edit-buttons {
        position: absolute;
        display: block;
        top: 0;
        right: calc(100% - 30px);
        margin: 0 0 20px;
        padding: 0;
        white-space: nowrap;
        transition: transform 0.4s ease-in-out, padding 0.6s ease-in-out;
    }
    .result-view-table .table-submit .buttons-row .table-edit-buttons:hover,
    .functional-block .table-submit .buttons-row .table-edit-buttons:hover {
        padding-left: 40px;
        padding-right: 20px;
        transform: translateX(100%) translateX(-65px);
    }
    .result-view-table .table-submit .buttons-row .table-edit-buttons:hover .options,
    .functional-block .table-submit .buttons-row .table-edit-buttons:hover .options {
        opacity: 0;
        transition: none;
    }
    .result-view-table .table-submit .buttons-row .table-edit-buttons button,
    .functional-block .table-submit .buttons-row .table-edit-buttons button {
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        background-color: #fff;
    }
    .result-view-table .table-submit .buttons-row .table-edit-buttons button:hover,
    .functional-block .table-submit .buttons-row .table-edit-buttons button:hover {
        background-color: #009cff;
    }
}
.result-view-table .table-submit .options,
.functional-block .table-submit .options {
    display: inline-block;
    position: relative;
    margin-top: 4px;
    margin-left: 20px;
    color: #009cff;
    transition: opacity 0.4s 0.4s ease-in-out;
}
@media screen and (max-width: 767px) {
    .result-view-table .table-submit .options,
    .functional-block .table-submit .options {
        display: none;
    }
}
.result-view-table .table-submit .options .fa-file,
.functional-block .table-submit .options .fa-file {
    font-size: 20px;
}
.result-view-table .table-submit .options .fa-wrench,
.functional-block .table-submit .options .fa-wrench {
    position: absolute;
    font-size: 12px;
    top: 3px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    transform: rotate(-90deg);
}
.result-view-table .table-submit .page-count,
.functional-block .table-submit .page-count {
    display: inline-block;
    vertical-align: bottom;
    height: 28px;
    padding: 0 10px;
    margin: 0 2px;
    line-height: 26px;
    border-radius: 4px;
    border: 1px solid #009cff;
    color: #009cff;
    background-color: #fff;
}
.result-view-table .manage-options,
.functional-block .manage-options {
    position: absolute;
    float: none;
    max-width: 40px;
    bottom: -5px;
    right: 0;
    margin-bottom: 0;
    padding: 0 0 13px 0;
    overflow: hidden;
    transition: max-width 0.2s 0.5s ease-in-out;
}
.result-view-table .manage-options .manage-list,
.functional-block .manage-options .manage-list {
    position: relative;
    margin-bottom: 18px;
    bottom: 0;
    right: 0;
}
.result-view-table .manage-options .manage-button,
.functional-block .manage-options .manage-button {
    float: right;
    max-width: 28px;
    margin-right: 10px;
    padding: 6px 8px;
    right: 0;
    bottom: 35px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    transition: max-width 0.8s ease-in-out;
}
.result-view-table .manage-options:hover,
.functional-block .manage-options:hover {
    max-width: 290px;
    padding-left: 0;
    transform: none;
    transition: none;
}
.result-view-table .manage-options:hover .manage-button,
.functional-block .manage-options:hover .manage-button {
    max-width: 150px;
}
.result-view-table .field-col-button .manage-options,
.functional-block .field-col-button .manage-options {
    right: -20px;
    bottom: -12px;
}
@media screen and (max-width: 599px) {
    .result-view-table .field-col-button .manage-options,
    .functional-block .field-col-button .manage-options {
        right: -15px;
    }
}
.result-view-table {
    position: relative;
    clear: both;
    overflow: hidden;
    border-radius: 4px;
    margin-top: 25px;
    color: #666;
    background-color: #f9f9f9;
    border: 1px solid #ededf0;
}
.result-view-table.no-overflow {
    overflow: visible;
}
.result-view-table table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    background-color: transparent;
}
.result-view-table thead {
    color: #ffffff;
}
.result-view-table thead td {
    background: #002f63;
}
.result-view-table thead td:first-child {
    border-top-left-radius: 4px;
}
.result-view-table thead td:last-child {
    border-top-right-radius: 4px;
}
.result-view-table tr {
    border: none;
}
.result-view-table tr:not(:last-child) {
    border-bottom: 1px solid #ededf0;
}
.result-view-table tr:nth-child(even) {
    background-color: #fff;
}
.result-view-table th {
    position: relative;
    height: 34px;
    padding: 10px;
    font-size: 12px;
    font-family: Titillium, sans-serif;
    font-weight: normal;
    color: #ffffff;
}
.result-view-table th a {
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    padding: 0 10px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.result-view-table thead td {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Titillium, sans-serif;
    font-weight: bold;
}
.result-view-table td {
    vertical-align: top;
    padding: 10px;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 1.3;
}
.result-view-table a i {
    transition: color 0.2s ease-in-out;
}
.result-view-table a:hover,
.result-view-table a:hover i {
    color: #006db3;
}
.result-view-table .checkbox-custom {
    margin-bottom: 0;
}
.result-view-table .checkbox-custom span {
    padding-top: 0;
    font-size: 12px;
}
.result-view-table .checkbox-custom span:empty {
    padding-left: 20px;
}
.result-view-table .checkbox-custom span:before {
    top: -3px;
}
.result-view-table .checkbox-custom span:after {
    top: 3px;
}
@media screen and (max-width: 768px) {
    .result-view-table .btn-icon {
        margin-right: 10px;
        margin-bottom: 5px;
        white-space: nowrap;
    }
    .result-view-table .btn-icon i {
        padding-right: 5px;
    }
    .result-view-table .btn-icon:after {
        content: attr(title);
    }
}
.result-view-table .field-col-submit {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.result-view-table .field-col-submit .main-button {
    margin: 0 10px;
}
.result-view-table .icon-style {
    font-size: 20px;
    color: #009cff;
}
.result-view-table .fa-arrow-circle-o-right {
    position: relative;
    display: inline-block;
    top: 6px;
    left: 8px;
    font-size: 16px;
    color: #55b356;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.4s ease-in;
}
.result-view-table .calculator-link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    margin-right: 3px;
}
.result-view-table .calculator-link:hover .fa-arrow-circle-o-right {
    transform: translate(8px, -7px) scale(1.8);
}
.result-view-table .calculator-link .fa-pencil-square-o {
    font-size: 23px;
}
.result-view-table .sort {
    display: inline-block;
    color: #ffffff;
}
.result-view-table .sort:after {
    position: absolute;
    height: 16px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    color: #009cff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.result-view-table .sort.ascending:after {
    content: "\f176";
}
.result-view-table .sort.descending:after {
    content: "\f175";
}
@media screen and (max-width: 768px) {
    .result-view-table table {
        width: 100%;
    }
    .result-view-table table,
    .result-view-table thead,
    .result-view-table tbody,
    .result-view-table th,
    .result-view-table td,
    .result-view-table tr {
        display: block;
    }
    .result-view-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .result-view-table tr {
        border-bottom: 1px solid #c9c9c9;
    }
    .result-view-table tr:last-child {
        border-bottom: none;
    }
    .result-view-table td {
        position: relative;
        width: auto !important;
        padding-left: 50%;
        text-align: left !important;
    }
    .result-view-table td .calculator-link {
        left: 0;
    }
    .result-view-table td:before {
        content: attr(data-column);
        position: absolute;
        top: 10px;
        left: 15px;
        width: 45%;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: "evo-bold", sans-serif;
        font-weight: normal;
        text-align: left;
    }
    .result-view-table .email-theme {
        display: block;
        padding-bottom: 5px;
    }
}
.result-view-table .functional-block {
    box-shadow: none;
    background-color: transparent;
    border-width: 1px 0 0 0;
}
.result-view-table .email-theme {
    padding-right: 5px;
}
.result-view-table .email-theme + .btn-icon {
    margin-top: -1px;
}
.result-view-table .email-theme + .btn-icon:after {
    position: relative;
    top: -1px;
}
.enable-table-options .result-view-table {
    margin-bottom: 80px;
    overflow: visible;
}
@media screen and (min-width: 768px) {
    .email-table th:last-child {
        width: 280px;
    }
}
.contract-table {
    margin-top: 0;
}
.contract-table th:last-child {
    width: 50px;
}
@media screen and (min-width: 768px) {
    .contract-table td {
        max-width: 150px;
    }
}
@media screen and (min-width: 768px) {
    .contract-table td:last-child {
        width: 50px;
    }
}
@media screen and (min-width: 768px) {
    .inbox-table th:nth-child(2),
    .inbox-table td:nth-child(2) {
        width: 150px;
    }
}
@media screen and (min-width: 768px) {
    .inbox-table td {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.stretch-table.stretch {
    animation: stretch 0.8s ease-in-out forwards;
}
.stretch-table.stretch-back {
    animation: stretch-back 0.8s ease-in-out forwards;
}
.modal {
    font-family: Titillium, sans-serif;
    color: #333;
}
.modal-backdrop {
    background: #e1e1e1;
}
.modal-content {
    padding: 30px 20px 30px;
    border: none;
    border-radius: 4px;
    box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.3);
    background-color: #f9f9f9;
}
.modal-body {
    padding: 0;
}
.popup-window,
.ui-widget-overlay,
.overlay_alphacube {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(255, 255, 255, 0.6) !important;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    z-index: 10000;
}
.popup-window:after,
.ui-widget-overlay:after,
.overlay_alphacube:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
@media screen and (min-width: 600px) {
    .popup-window,
    .ui-widget-overlay,
    .overlay_alphacube {
        padding: 0 20px;
    }
    .popup-window.wide-popup .popup-inner,
    .ui-widget-overlay.wide-popup .popup-inner,
    .overlay_alphacube.wide-popup .popup-inner {
        max-width: 845px;
    }
}
.popup-window .popup-inner,
.ui-widget-overlay .popup-inner,
.overlay_alphacube .popup-inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 800px;
    padding: 35px 15px 20px;
    font-size: 18px;
    line-height: 1.6;
    white-space: normal;
    border-radius: 4px;
    background-color: #f9f9f9;
    box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    text-align: center;
}
@media screen and (min-width: 600px) {
    .popup-window .popup-inner,
    .ui-widget-overlay .popup-inner,
    .overlay_alphacube .popup-inner {
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.popup-window .popup-inner .functional-block,
.ui-widget-overlay .popup-inner .functional-block,
.overlay_alphacube .popup-inner .functional-block {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    border: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 992px) {
    .popup-window .popup-inner .functional-block .email-preview,
    .ui-widget-overlay .popup-inner .functional-block .email-preview,
    .overlay_alphacube .popup-inner .functional-block .email-preview {
        min-width: 750px;
    }
}
@media screen and (max-width: 767px) {
    .popup-window .popup-inner .functional-block .email-preview li:not(:last-child),
    .ui-widget-overlay .popup-inner .functional-block .email-preview li:not(:last-child),
    .overlay_alphacube .popup-inner .functional-block .email-preview li:not(:last-child) {
        padding-bottom: 7px;
        border-bottom: 1px solid #e6e6e6;
    }
}
@media screen and (min-width: 768px) {
    .popup-window .popup-inner .functional-block .email-preview li b,
    .ui-widget-overlay .popup-inner .functional-block .email-preview li b,
    .overlay_alphacube .popup-inner .functional-block .email-preview li b {
        padding-bottom: 8px;
    }
    .popup-window .popup-inner .functional-block .email-preview li span,
    .ui-widget-overlay .popup-inner .functional-block .email-preview li span,
    .overlay_alphacube .popup-inner .functional-block .email-preview li span {
        min-height: 21px;
        padding-bottom: 7px;
        border-bottom: 1px solid #e6e6e6;
    }
}
.popup-window .popup-inner .title-col h3,
.ui-widget-overlay .popup-inner .title-col h3,
.overlay_alphacube .popup-inner .title-col h3 {
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    .popup-window .popup-inner .title-col,
    .ui-widget-overlay .popup-inner .title-col,
    .overlay_alphacube .popup-inner .title-col {
        padding-left: 0;
        padding-right: 0;
    }
}
.popup-window .popup-inner > span > img,
.ui-widget-overlay .popup-inner > span > img,
.overlay_alphacube .popup-inner > span > img {
    width: calc(100% + 40px);
    margin: -38px 0 5px -20px;
    border-radius: 4px 4px 0 0;
}
.popup-window h2,
.ui-widget-overlay h2,
.overlay_alphacube h2 {
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.3;
    font-family: Titillium, sans-serif;
    font-weight: 700;
    color: #009cff;
}
.popup-window p,
.ui-widget-overlay p,
.overlay_alphacube p {
    margin-bottom: 14px;
}
.popup-window .email,
.ui-widget-overlay .email,
.overlay_alphacube .email {
    color: #009cff;
}
.popup-window .custom-form [class^="col"],
.ui-widget-overlay .custom-form [class^="col"],
.overlay_alphacube .custom-form [class^="col"] {
    margin: 0 auto;
    float: none;
}
.popup-window .custom-form .form-row-submit,
.ui-widget-overlay .custom-form .form-row-submit,
.overlay_alphacube .custom-form .form-row-submit {
    margin-top: 25px;
}
.popup-window .custom-form .text-label,
.ui-widget-overlay .custom-form .text-label,
.overlay_alphacube .custom-form .text-label {
    font-size: 16px;
}
.popup-window .popup-field,
.ui-widget-overlay .popup-field,
.overlay_alphacube .popup-field {
    font-size: 12px;
    text-align: left;
}
.popup-window .popup-field .field-label,
.ui-widget-overlay .popup-field .field-label,
.overlay_alphacube .popup-field .field-label {
    margin-top: 20px;
}
.popup-window .popup-inner h2 {
    text-align: center;
}
.popup-window .popup-inner h2,
.ui-dialog.ui-widget h2,
.dialog h2,
.modal-content h2,
.popup-window .popup-inner .ui-dialog-titlebar,
.ui-dialog.ui-widget .ui-dialog-titlebar,
.dialog .ui-dialog-titlebar,
.modal-content .ui-dialog-titlebar,
.popup-window .popup-inner .alphacube_title,
.ui-dialog.ui-widget .alphacube_title,
.dialog .alphacube_title,
.modal-content .alphacube_title,
.popup-window .popup-inner .modal-title,
.ui-dialog.ui-widget .modal-title,
.dialog .modal-title,
.modal-content .modal-title {
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 18px !important;
    line-height: 1.3;
    font-family: Titillium, sans-serif !important;
    font-weight: 700 !important;
    color: #009cff !important;
}
.popup-window .popup-inner .popup-close,
.ui-dialog.ui-widget .popup-close,
.dialog .popup-close,
.modal-content .popup-close,
.popup-window .popup-inner .ui-dialog-titlebar-close,
.ui-dialog.ui-widget .ui-dialog-titlebar-close,
.dialog .ui-dialog-titlebar-close,
.modal-content .ui-dialog-titlebar-close,
.popup-window .popup-inner .alphacube_close,
.ui-dialog.ui-widget .alphacube_close,
.dialog .alphacube_close,
.modal-content .alphacube_close,
.popup-window .popup-inner .close,
.ui-dialog.ui-widget .close,
.dialog .close,
.modal-content .close {
    position: absolute;
    width: 46px;
    height: 42px;
    top: 0;
    right: 0;
    padding: 0 0 0 13px;
    border: none;
    cursor: pointer;
    background-image: none !important;
    background-color: transparent;
}
.popup-window .popup-inner .popup-close:before,
.ui-dialog.ui-widget .popup-close:before,
.dialog .popup-close:before,
.modal-content .popup-close:before,
.popup-window .popup-inner .ui-dialog-titlebar-close:before,
.ui-dialog.ui-widget .ui-dialog-titlebar-close:before,
.dialog .ui-dialog-titlebar-close:before,
.modal-content .ui-dialog-titlebar-close:before,
.popup-window .popup-inner .alphacube_close:before,
.ui-dialog.ui-widget .alphacube_close:before,
.dialog .alphacube_close:before,
.modal-content .alphacube_close:before,
.popup-window .popup-inner .close:before,
.ui-dialog.ui-widget .close:before,
.dialog .close:before,
.modal-content .close:before,
.popup-window .popup-inner .popup-close:after,
.ui-dialog.ui-widget .popup-close:after,
.dialog .popup-close:after,
.modal-content .popup-close:after,
.popup-window .popup-inner .ui-dialog-titlebar-close:after,
.ui-dialog.ui-widget .ui-dialog-titlebar-close:after,
.dialog .ui-dialog-titlebar-close:after,
.modal-content .ui-dialog-titlebar-close:after,
.popup-window .popup-inner .alphacube_close:after,
.ui-dialog.ui-widget .alphacube_close:after,
.dialog .alphacube_close:after,
.modal-content .alphacube_close:after,
.popup-window .popup-inner .close:after,
.ui-dialog.ui-widget .close:after,
.dialog .close:after,
.modal-content .close:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 1px;
    background-color: #333;
    box-shadow: 0 0 0 1px #fff;
    transition: transform 0.4s ease-in-out;
}
.popup-window .popup-inner .popup-close:before,
.ui-dialog.ui-widget .popup-close:before,
.dialog .popup-close:before,
.modal-content .popup-close:before,
.popup-window .popup-inner .ui-dialog-titlebar-close:before,
.ui-dialog.ui-widget .ui-dialog-titlebar-close:before,
.dialog .ui-dialog-titlebar-close:before,
.modal-content .ui-dialog-titlebar-close:before,
.popup-window .popup-inner .alphacube_close:before,
.ui-dialog.ui-widget .alphacube_close:before,
.dialog .alphacube_close:before,
.modal-content .alphacube_close:before,
.popup-window .popup-inner .close:before,
.ui-dialog.ui-widget .close:before,
.dialog .close:before,
.modal-content .close:before {
    transform: rotate(45deg);
}
.popup-window .popup-inner .popup-close:after,
.ui-dialog.ui-widget .popup-close:after,
.dialog .popup-close:after,
.modal-content .popup-close:after,
.popup-window .popup-inner .ui-dialog-titlebar-close:after,
.ui-dialog.ui-widget .ui-dialog-titlebar-close:after,
.dialog .ui-dialog-titlebar-close:after,
.modal-content .ui-dialog-titlebar-close:after,
.popup-window .popup-inner .alphacube_close:after,
.ui-dialog.ui-widget .alphacube_close:after,
.dialog .alphacube_close:after,
.modal-content .alphacube_close:after,
.popup-window .popup-inner .close:after,
.ui-dialog.ui-widget .close:after,
.dialog .close:after,
.modal-content .close:after {
    transform: rotate(-45deg);
}
.popup-window .popup-inner .popup-close:hover:before,
.ui-dialog.ui-widget .popup-close:hover:before,
.dialog .popup-close:hover:before,
.modal-content .popup-close:hover:before,
.popup-window .popup-inner .ui-dialog-titlebar-close:hover:before,
.ui-dialog.ui-widget .ui-dialog-titlebar-close:hover:before,
.dialog .ui-dialog-titlebar-close:hover:before,
.modal-content .ui-dialog-titlebar-close:hover:before,
.popup-window .popup-inner .alphacube_close:hover:before,
.ui-dialog.ui-widget .alphacube_close:hover:before,
.dialog .alphacube_close:hover:before,
.modal-content .alphacube_close:hover:before,
.popup-window .popup-inner .close:hover:before,
.ui-dialog.ui-widget .close:hover:before,
.dialog .close:hover:before,
.modal-content .close:hover:before {
    transform: rotate(130deg);
}
.popup-window .popup-inner .popup-close:hover:after,
.ui-dialog.ui-widget .popup-close:hover:after,
.dialog .popup-close:hover:after,
.modal-content .popup-close:hover:after,
.popup-window .popup-inner .ui-dialog-titlebar-close:hover:after,
.ui-dialog.ui-widget .ui-dialog-titlebar-close:hover:after,
.dialog .ui-dialog-titlebar-close:hover:after,
.modal-content .ui-dialog-titlebar-close:hover:after,
.popup-window .popup-inner .alphacube_close:hover:after,
.ui-dialog.ui-widget .alphacube_close:hover:after,
.dialog .alphacube_close:hover:after,
.modal-content .alphacube_close:hover:after,
.popup-window .popup-inner .close:hover:after,
.ui-dialog.ui-widget .close:hover:after,
.dialog .close:hover:after,
.modal-content .close:hover:after {
    transform: rotate(-130deg);
}
.popup-window .popup-inner TD.TABELLE,
.ui-dialog.ui-widget TD.TABELLE,
.dialog TD.TABELLE,
.modal-content TD.TABELLE {
    background-color: transparent;
}
.ui-widget-overlay,
.overlay_alphacube,
.modal-backdrop {
    display: block;
    opacity: 1 !important;
}
.ui-dialog.ui-widget,
.dialog,
.modal-dialog .modal-content {
    border: none;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.3);
}
.ui-dialog.ui-widget .ui-dialog-titlebar {
    padding-top: 35px;
    padding-bottom: 0;
    border: none;
    text-align: center;
    background-image: none !important;
    background-color: transparent !important;
}
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
    width: 100%;
}
.ui-dialog.ui-widget .ui-dialog-titlebar img {
    width: calc(100% + 42px);
    margin: -38px 0 20px -21px;
    border-radius: 4px 4px 0 0;
}
.ui-dialog.ui-widget .ui-dialog-title,
.ui-dialog.ui-widget .ui-dialog-titlebar-close {
    margin: 0;
}
.ui-dialog.ui-widget .ui-icon-closethick {
    opacity: 0;
}
.ui-dialog.ui-widget .ui-dialog-buttonpane {
    padding: 5px 0 !important;
    margin: 10px 15px 0;
}
.ui-dialog.ui-widget .ui-widget-content {
    height: auto !important;
    border-color: #e6e6e6;
}
.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget {
    display: inline-block;
    height: 28px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    border: none;
    font-weight: bold;
    border-radius: 4px;
    font-family: Titillium, sans-serif;
    color: #ffffff;
    background-color: #009cff;
    background-image: none !important;
    box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, 0.5);
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}
.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget:hover {
    text-decoration: none;
    box-shadow: none;
    background-color: #24aaff;
}
.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget:focus {
    outline: none;
}
.ui-dialog.ui-widget .ui-dialog-buttonpane {
    text-align: center;
}
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: inline-block;
    float: none;
}
.ui-dialog.ui-widget .ui-widget-content a:not(.no-highlighted):not(.highlighted) {
    color: #009cff;
    transition: 0.2s ease-in-out;
}
.ui-dialog.ui-widget .ui-widget-content a:not(.no-highlighted):not(.highlighted):hover {
    color: #006db3;
}
.dialog {
    padding-top: 60px !important;
    box-sizing: content-box !important;
}
.dialog .alphacube_title {
    height: auto;
    min-height: 30px;
    margin-top: -72px !important;
    padding: 35px 15px 0;
    text-align: center;
}
.dialog .alphacube_nw,
.dialog .alphacube_ne,
.dialog .alphacube_sw,
.dialog .alphacube_sizer,
.dialog .alphacube_se,
.dialog .alphacube_sizer,
.dialog .alphacube_s,
.dialog .alphacube_w,
.dialog .alphacube_e,
.dialog .alphacube_n {
    background: none !important;
}
.modal-backdrop {
    background: rgba(255, 255, 255, 0.6) !important;
}
.fade.modal {
    text-align: center;
}
.fade.modal:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
.modal-dialog {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.modal-content {
    padding: 30px 15px 15px;
}
.modal-content .modal-header {
    padding: 15px 0 0;
    border-bottom: none;
}
.modal-content .modal-header .close {
    margin-top: 0;
    opacity: 1 !important;
    text-shadow: none;
}
.modal-content .modal-header .close:focus {
    outline: none;
}
.modal-content .modal-header .close span {
    display: none;
}
.modal-content .modal-body {
    padding: 0 0 15px;
}
.modal-content .modal-body,
.modal-content .modal-body h4 {
    font-size: 12px;
}
.modal-content .modal-body h4 {
    margin: 0;
}
.modal-content .modal-footer {
    padding: 0;
}
.modal-content .modal-footer .form-row-submit {
    margin-top: 10px;
}
.security-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.security-block img {
    margin-left: 15px;
    flex-shrink: 0;
}
.language-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 290px;
    min-width: 290px;
    text-align: left;
}
@media screen and (min-width: 480px) {
    .language-container {
        min-width: 320px;
        max-width: 390px;
    }
}
.language-container .language-button {
    position: relative;
    width: 50%;
    padding: 15px 15px 12px;
    font-size: 12px;
    line-height: 1.2;
    font-family: Titillium, sans-serif;
    font-weight: bold;
    text-align: center;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    background-color: transparent;
    word-wrap: break-word;
    transition: 0.2s ease-in-out;
}
.language-container .language-button:nth-child(odd) {
    border-right: 1px solid #e2e2e2;
}
.language-container .language-button:last-child,
.language-container .language-button:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
}
.language-container .language-button:focus {
    outline: none;
}
.language-container .language-button:hover {
    color: #009cff;
}
.language-container .language-button img {
    display: block;
    margin: 0 auto 7px;
}
@keyframes label {
    0% {
        transform: translateY(0);
    }
    55% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(-27px);
    }
}
@keyframes label-back {
    0% {
        transform: translateY(-36px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes top-down {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(4px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes top-down-rotated {
    0% {
        transform: translateY(0) rotate(180deg);
    }
    50% {
        transform: translateY(4px) rotate(180deg);
    }
    100% {
        transform: translateY(0) rotate(180deg);
    }
}
@keyframes stretch {
    0% {
        width: 100%;
        transform: translateX(0);
    }
    50% {
        width: 100%;
        transform: translateX(-300px);
    }
    100% {
        width: 1170px;
        transform: translateX(-300px);
    }
}
@keyframes stretch-back {
    0% {
        width: 1170px;
        transform: translateX(-300px);
    }
    50% {
        width: 100%;
        transform: translateX(-300px);
    }
    100% {
        width: 100%;
        transform: translateX(0);
    }
}
@keyframes shake {
    0%,
    100% {
        transform: translateZ(0);
    }
    20%,
    60% {
        transform: translate3d(-3px, 0, 0);
    }
    40%,
    80% {
        transform: translate3d(3px, 0, 0);
    }
}
@keyframes tile-shake {
    0% {
        transform: rotate(45deg) translate(-12px, -5px);
    }
    50% {
        transform: rotate(45deg) translate(-7px, 1px);
    }
    100% {
        transform: rotate(45deg) translate(-12px, -5px);
    }
}
.tariff-result {
    min-height: 68px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.2;
    text-align: center;
}
.tariff-result.field-col-submit {
    padding-top: 15px;
}
.tariff-result.field-col-submit .link-popover {
    margin: 10px 0;
    float: right;
}
@media screen and (min-width: 768px) {
    .tariff-result.field-col-submit .link-popover {
        position: absolute;
        float: none;
        right: 15px;
        bottom: 13px;
        margin: auto;
        font-size: 14px;
    }
}
.tariff-result .tariff-price {
    font-size: 20px;
    font-family: "evo-bold", sans-serif;
    color: #009cff;
}
.tariff-result .tariff-info {
    margin-bottom: 8px;
    font-size: 14px;
}
.tariff-result .tariff-explain {
    margin: 5px 0 8px;
    font-size: 12px;
}
.tariff-buttons {
    position: absolute;
    top: -4px;
    right: 5px;
    flex-direction: column;
}
@media screen and (max-width: 767px) {
    .tariff-buttons {
        right: -10px;
    }
}
@media screen and (max-width: 479px) {
    .tariff-buttons {
        top: 0;
    }
}
.tariff-buttons.buttons-row button {
    width: 28px;
    padding: 0;
    margin-bottom: 10px;
    font-size: 18px;
    border: 1px solid #009cff;
}
.funding-rate {
    padding: 20px;
    background-color: #fff;
    text-align: center;
}
.funding-rate .price {
    font-weight: bold;
    color: #666;
}
@media screen and (min-width: 768px) {
    .funding-rate {
        padding-top: 25px;
    }
}
.result-details-block {
    max-height: 0;
    text-align: left;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out, padding-top 0.2s ease-in-out;
}
.result-details-block.opened {
    max-height: 700px;
    padding-top: 25px;
}
.result-details-block .result-details-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    padding-left: 90px;
}
@media screen and (min-width: 768px) {
    .result-details-block .result-details-item {
        width: 49%;
    }
    .result-details-block .result-details-item:nth-child(odd) {
        padding-right: 20px;
    }
    .result-details-block .result-details-item:nth-child(even) {
        padding-left: 90px;
    }
}
@media screen and (max-width: 767px) {
    .result-details-block .result-details-col:not(:last-child) {
        margin-bottom: 20px;
    }
}
.result-details-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
}
.result-details-block h3 {
    margin-bottom: 10px;
    font-weight: 700;
}
.result-details-block p {
    line-height: 1.4;
}
.tab-nav ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.tab-nav li {
    position: relative;
    display: inline-block !important;
    vertical-align: top;
    margin-top: 5px;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    border-bottom: 5px solid transparent;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.tab-nav li.active {
    border-color: #009cff;
}
.tab-nav li:hover:not(.active) {
    border-color: #66c4ff;
}
.tab-nav li.disabled {
    opacity: 0.3;
    border-color: transparent !important;
    cursor: not-allowed;
}
.tab-nav li:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    margin: auto;
    width: 1px;
    height: 10px;
    background-color: #666;
}
.tab-nav li > div {
    padding: 10px;
}
.tab-nav + .filter.functional-block {
    margin-top: 0;
}
.no-overflow .highcharts-container,
.no-overflow svg {
    overflow: visible !important;
}
.highcharts-container {
    overflow: visible !important;
}
.screen-locker {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10001;
    animation: opacity 0.4s ease-in-out forwards;
    background-color: rgba(255, 255, 255, 0.8);
}
.screen-locker .c-spinner__orbit {
    stroke: #c9c9c9;
}
.screen-locker .c-spinner__indicator {
    stroke: #009cff;
    stroke-dasharray: 110px;
    stroke-dashoffset: 110px;
    -webkit-animation: spinner-dash 2s linear infinite;
    animation: spinner-dash 2s linear infinite;
}
.component-locker {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1400;
    animation: opacity 0.4s ease-in-out forwards;
    background-color: #fbfbfb;
}
.component-locker .c-spinner__orbit {
    stroke: #c9c9c9;
}
.component-locker .c-spinner__indicator {
    stroke: #009cff;
    stroke-dasharray: 110px;
    stroke-dashoffset: 110px;
    -webkit-animation: spinner-dash 2s linear infinite;
    animation: spinner-dash 2s linear infinite;
}
.c-spinner {
    width: 44px;
    height: 44px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.c-spinner svg {
    width: 44px;
    height: 44px;
}
.c-spinner circle {
    cx: 22px;
    cy: 22px;
    r: 19px;
    stroke-width: 3;
}
.c-spinner.c-spinner--center {
    margin-right: auto;
    margin-left: auto;
}
@-webkit-keyframes spinner-dash {
    0% {
        stroke-dashoffset: 110px;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -110px;
    }
}
@keyframes spinner-dash {
    0% {
        stroke-dashoffset: 110px;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -110px;
    }
}
@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotation-small {
    0% {
        transform: rotate(0deg) scale(0.5);
    }
    100% {
        transform: rotate(360deg) scale(0.5);
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .c-spinner svg {
        animation: rotation 0.7s linear infinite;
    }
    .uppy-uploaded-files .c-spinner svg {
        position: relative;
        top: -11px;
        left: -11px;
        animation: rotation-small 0.7s linear infinite;
    }
}
@media screen and (min-width: 0) {
    .c-spinner {
        animation: fallback-rotate 2s linear infinite;
    }
    .c-spinner .c-spinner__indicator {
        stroke-dasharray: 55px;
    }
}
.alert-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    animation: opacity 0.4s ease-in-out forwards;
    z-index: 100;
}
.alert-wrapper.js-is-not-loaded {
    opacity: 0;
}
.alert-wrapper.js-is-loaded .alert-container,
.alert-wrapper.js-is-loaded > .alert-message {
    transition: 350ms ease;
}
.alert-container.is-closed {
    height: 0 !important;
}
.alert-container.is-closed > .alert-message {
    transform: translateY(-100%);
}
.alert-message {
    width: 100%;
    padding: 14px 20px;
    margin-bottom: 2px;
    color: #fff;
    background-color: #e37976;
    box-shadow: 0 0 10px 0 #e37976;
    transform: translateY(0);
}
.alert-message.alert-message-regular {
    color: #a94442;
}
.alert-message.alert-message-warning {
    color: #fff;
    background-color: #acacac;
    box-shadow: 0 0 10px 0 #acacac;
}
.alert-message .alert-message-error {
    color: #fff;
    background-color: #e37976;
    box-shadow: 0 0 10px 0 #e37976;
}
.alert-message .alert-message-inner {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0;
    padding-right: 34px;
    position: relative;
}
.alert-close {
    position: absolute;
    top: -2px;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    opacity: 0.8;
    background-color: transparent;
    transition: opacity 0.2s ease-in-out;
    cursor: pointer;
    outline: none;
}
.alert-close:before,
.alert-close:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: transform 0.4s ease-in-out;
}
.alert-close:before {
    transform: rotate(45deg);
}
.alert-close:after {
    transform: rotate(-45deg);
}
.alert-close:hover {
    opacity: 1;
}
.alert-message-regular .alert-close:before {
    color: #a94442;
}
.alert-message-warning .alert-close:before {
    color: #fff;
}
.alert-message-error .alert-close:before {
    color: #fff;
}
.error-list,
.hinweise-list {
    font-size: 16px;
    padding: 0 0 8px;
    margin: 10px 15px 20px;
    color: #a94442;
    border-bottom: 2px solid #a94442;
}
.error-list .error,
.hinweise-list .error,
.error-list .hinweise,
.hinweise-list .hinweise {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}
.error-list .error:before,
.hinweise-list .error:before,
.error-list .hinweise:before,
.hinweise-list .hinweise:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 2px;
    top: 7px;
    left: 4px;
    background-color: #a94442;
}
.hinweise-list {
    color: #0971dc;
    border-bottom-color: #0971dc;
}
.hinweise-list .hinweise:before {
    background-color: #0971dc;
}
.dual-field > .form-group + .form-group {
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .dual-field > .form-group {
        display: inline-block;
        vertical-align: top;
        width: 48%;
    }
    .dual-field > .form-group + .form-group {
        margin-top: 0;
        margin-left: 4%;
    }
}
.dual-field .form-control {
    flex-shrink: 1;
    display: inline-block !important;
    min-width: 50%;
}
.sidebar-menu {
    position: fixed;
    top: 40%;
    right: 0;
    margin: auto;
    font-size: 18px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    transform: translateX(100%) translateX(-40px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease-in-out;
    z-index: 2;
}
.sidebar-menu:hover {
    transform: translateX(0);
}
.sidebar-menu a {
    display: block;
    padding: 7px 12px;
    text-decoration: none;
    transition: background-color 0.1s ease-in-out;
}
.sidebar-menu a:hover,
.sidebar-menu a.active {
    text-decoration: none;
    background-color: #009cff;
}
.sidebar-menu a:hover .fa,
.sidebar-menu a.active .fa,
.sidebar-menu a:hover span,
.sidebar-menu a.active span {
    color: #fff;
}
.sidebar-menu a:active {
    text-decoration: none;
}
.sidebar-menu .fa {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin-right: 12px;
    text-align: center;
    color: #009cff;
    transition: color 0.1s ease-in-out;
}
.sidebar-menu span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-family: Titillium, sans-serif;
    color: #666;
    transition: color 0.1s ease-in-out;
}
.sidebar-menu.sidebar-menu--medium {
    transform: translateX(100%) translateX(-53px);
}
.sidebar-menu.sidebar-menu--medium:hover {
    transform: translateX(0);
}
.sidebar-menu.sidebar-menu--medium .fa {
    width: 30px;
    font-size: 30px;
}
.banner-full-width {
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
@media screen and (min-width: 768px) {
    .banner-full-width {
        height: 350px;
    }
}
div.filter-col div.filter-select div.filter-select__control {
    min-height: 27px;
    line-height: 27px;
    width: 100%;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    border: none;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #666;
    box-shadow: 2px 2px 12px -10px rgba(0, 0, 0, 0.9);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
div.filter-col div.filter-select div.filter-select__control.filter-select__control--is-focused {
    border-color: #009cff !important;
    box-shadow: none;
}
div.filter-col div.filter-select div.filter-select__control.filter-select__control--menu-is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
div.filter-col div.filter-select div.filter-select__value-container {
    min-height: 23px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 23px;
}
div.filter-col div.filter-select div.filter-select__value-container div:last-of-type:not(.filter-select__multi-value__remove) {
    padding: 0;
    margin: 0;
}
div.filter-col div.filter-select div.filter-select__value-container.filter-select__value-container--has-value {
    padding-left: 2px;
}
div.filter-col div.filter-select div.filter-select__placeholder {
    height: 23px;
    margin: 0;
    font-size: 12px;
    line-height: 23px;
}
div.filter-col div.filter-select div.filter-select__input,
div.filter-col div.filter-select div.filter-select__input input {
    height: 23px;
    color: #666;
    font-size: 12px;
    line-height: 23px;
}
div.filter-col div.filter-select div.filter-select__multi-value,
div.filter-col div.filter-select div.filter-select__multi-value__label,
div.filter-col div.filter-select div.filter-select__multi-value__remove {
    height: 19px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 4px;
}
div.filter-col div.filter-select div.filter-select__multi-value {
    margin: 1px 2px;
}
div.filter-col div.filter-select div.filter-select__multi-value__label {
    padding: 3px 6px;
}
div.filter-col div.filter-select div.filter-select__multi-value__remove {
    flex-shrink: 0;
    position: relative;
    width: 21px;
    padding: 0;
    border-left: 1px dashed #c9c9c9;
}
div.filter-col div.filter-select div.filter-select__multi-value__remove svg {
    display: none;
}
div.filter-col div.filter-select div.filter-select__multi-value__remove:hover {
    background-color: #c9c9c9;
}
div.filter-col div.filter-select div.filter-select__multi-value__remove:after {
    content: "\00d7";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    color: #666;
    font-family: "Arial";
    font-size: 19px;
    line-height: 17px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    transform: translate(-50%, -50%);
}
div.filter-col div.filter-select span.filter-select__indicator-separator {
    display: none;
}
div.filter-col div.filter-select div.filter-select__indicator.filter-select__clear-indicator {
    position: relative;
    height: 16px;
    width: 16px;
    padding: 0;
    margin-right: 4px;
}
div.filter-col div.filter-select div.filter-select__indicator.filter-select__clear-indicator svg {
    display: none;
}
div.filter-col div.filter-select div.filter-select__indicator.filter-select__clear-indicator:after {
    content: "\00d7";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 16px;
    width: 16px;
    margin: -8px auto 0;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    background-color: #009cff;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
}
div.filter-col div.filter-select div.filter-select__indicator.filter-select__dropdown-indicator {
    height: 16px;
    width: 24px;
    padding: 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAIAAAD5O0jeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODEyNjcxQTA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODEyNjcxQjA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4MTI2NzE4MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4MTI2NzE5MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U3NFBgAAAWFJREFUeNpi/P//PwMS+P7jx9XrN799/26op8PLw4MsxYis9MuXrzdu337x6jULMwsXF6euloaggAAWpR8/fbp87fqbt++YmZkZGRn//PnLw8Olq60lLiKCovTT58/nLl3+8OETMzMTUB1EDqgaSFqam0BUM0HMO3nmHFydj7srEAHFWViAxjOcu3D51Zs3IFNfv317+NhJoAq4OrjjtuzcDST//v3LxMRspK/LuH7LdqBWJiZ0dXDVQBf++wck/jOiBRYewMRANBhSSv/++0eMOmBAsdy6c/fu/QcQPtZwhTBUlBSZJMRE+fn40CTQuAL8fBwc7EzAZKavo8XDzYUmDWdwsLPLSksryMoiUtb5y1d+/fr18+cvZINZWFg1VJQU5OUQIcDHy2ugo83JwYHmVg01ZYg6rLngDjAXAH3Mxsqqo60pJS6OPcMAwQ9g3rpx6+27d8aG+sKCgshSAAEGAECppOmEw8PZAAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 6px auto;
}
div.filter-col div.filter-select div.filter-select__indicator.filter-select__dropdown-indicator svg {
    display: none;
}
div.filter-col div.filter-select div.filter-select__menu {
    margin-top: 0;
    border: 1px solid #e6e6e6;
    border-color: #009cff;
    border-width: 0 1px 1px 1px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    z-index: 2;
}
div.filter-col div.filter-select div.filter-select__menu-list {
    padding: 0;
    font-size: 12px;
}
div.filter-col div.filter-select div.filter-select__option {
    padding: 4px 10px;
}
div.filter-col div.filter-select div.filter-select__option--is-focused {
    background-color: #338fff;
    color: white;
}
.react-autosuggest__suggestions-container {
    display: none;
    position: absolute;
    width: calc(100% - 20px);
    max-height: 300px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-width: 1px;
    border-top-width: 0;
    border-radius: 4px;
    overflow-y: scroll;
    z-index: 1000;
}
.react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open {
    display: block;
}
.react-autosuggest__suggestions-container .react-autosuggest__suggestions-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.react-autosuggest__suggestions-container .react-autosuggest__suggestion {
    padding: 11px 11px 9px;
    font-size: 12px;
    font-family: Titillium, sans-serif;
    color: #333;
    box-shadow: 0 6px 0 -5px #e2e2e2;
}
@media screen and (min-width: 768px) {
    .react-autosuggest__suggestions-container .react-autosuggest__suggestion {
        padding: 4px 11px;
        box-shadow: none;
    }
}
.react-autosuggest__suggestions-container .react-autosuggest__suggestion .react-autosuggest__suggestion-match {
    font-weight: bold;
    text-decoration: underline;
}
.react-autosuggest__suggestions-container .react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted {
    background-color: #338fff;
    color: #ffffff;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #e2e2e2;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #e2e2e2;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #e2e2e2;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before {
    border-top-color: #e2e2e2;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #e2e2e2;
}
.react-datepicker-wrapper {
    display: inline-block;
}
.react-datepicker-wrapper input.react-datepicker-ignore-onclickoutside::-ms-clear {
    display: none;
}
.react-datepicker-wrapper .react-datepicker__input-container .form-control,
.react-datepicker-wrapper .react-datepicker__input-container input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.react-datepicker {
    display: inline-block;
    position: relative;
    color: #000;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    font-family: Titillium, sans-serif;
    font-size: 9.5px;
    line-height: 18px;
}
.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time {
    border-radius: 4px;
}
.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: 4px;
}
.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}
.react-datepicker-popper {
    z-index: 2;
}
.react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 9px;
}
.react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 9px;
}
.react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
    left: auto;
    right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
    left: 42px;
    right: auto;
}
.react-datepicker__header {
    padding-top: 0.8em;
    background-color: #e2e2e2;
    text-align: center;
    border: none;
    position: relative;
}
.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
    margin-top: 0;
    color: #333;
    font-weight: bold;
    font-size: 0.944rem;
}
.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}
.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #666;
}
.react-datepicker__navigation--previous:hover {
    border-right-color: #333;
}
.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e2e2e2;
    cursor: default;
}
.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #666;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px;
}
.react-datepicker__navigation--next:hover {
    border-left-color: #333;
}
.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e2e2e2;
    cursor: default;
}
.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #666;
}
.react-datepicker__navigation--years-previous:hover {
    border-top-color: #333;
}
.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #666;
}
.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #333;
}
.react-datepicker__month-container {
    float: left;
    color: #666;
    border: 1px solid #e6e6e6;
    border-right: none;
    border-top-left-radius: 4px;
    overflow: hidden;
}
.react-datepicker__month {
    margin: 0.4em 1em;
    text-align: center;
}
.react-datepicker__month .react-datepicker__month-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}
.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 85px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
    -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
}
.react-datepicker__time-container {
    width: 72px;
    float: right;
    border: 1px solid #e6e6e6;
    border-left: 1px solid #e2e2e2;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #e6e6e6;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    right: -72px;
    top: 0;
    overflow: hidden;
}
.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 70px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    display: block;
    height: 30px;
    padding: 5px;
    text-align: center;
    line-height: 20px;
    white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f9f9f9;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #33b0ff;
    color: #fff;
    font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #009cff;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #e2e2e2;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}
.react-datepicker__week-number {
    color: #666;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 4px;
    background-color: #f9f9f9;
}
.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
    color: #333;
    display: inline-block;
    width: 1.9em;
    line-height: 1.9em;
    margin: 0.166em;
    text-align: center;
}
.react-datepicker__day:hover {
    border-radius: 4px;
}
.react-datepicker__month--selected,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--in-range {
    border-radius: 4px;
    background-color: #009cff;
    color: #fff;
}
.react-datepicker__month--selected:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--in-range:hover {
    background-color: #009cff;
}
.react-datepicker__month--disabled {
    color: #666;
    pointer-events: none;
}
.react-datepicker__month--disabled:hover {
    cursor: default;
    background-color: transparent;
}
.react-datepicker__day,
.react-datepicker__month-text {
    cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover {
    border-radius: 4px;
    background-color: #f9f9f9;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today {
    font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted {
    border-radius: 4px;
    background-color: #55b356;
    color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover {
    background-color: #4fa250;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1 {
    color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2 {
    color: green;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range {
    border-radius: 4px;
    background-color: #009cff;
    color: #fff;
}
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover {
    background-color: #007dcc;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected {
    border-radius: 4px;
    background-color: #009cff;
    color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover {
    background-color: #009cff;
}
.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range {
    background-color: rgba(0, 156, 255, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range,
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range {
    background-color: #f9f9f9;
    color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled {
    cursor: default;
    color: #c9c9c9;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover {
    background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover {
    background-color: #009cff;
}
.react-datepicker__month-text:hover {
    background-color: #f9f9f9;
}
.react-datepicker__input-container {
    position: relative;
    display: inline-block;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 4px;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
    cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #e2e2e2;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #e2e2e2;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background-color: #f9f9f9;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
    background-color: #e2e2e2;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #666;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #666;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
}
.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 25%;
    right: 7px;
}
.react-datepicker__close-icon::after {
    background-color: #009cff;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\00d7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 0px;
    text-align: center;
}
.react-datepicker__today-button {
    color: #333;
    background-color: #e2e2e2;
    border: none;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1em;
}
.react-datepicker__portal .react-datepicker__navigation {
    top: 0.9em;
    line-height: 1.7em;
    border: 0.45em solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
    width: 0;
    height: 0;
    border-right-color: #666;
    left: 1em;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #333;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #c9c9c9;
    cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
    width: 0;
    height: 0;
    border-left-color: #666;
    right: 1em;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #333;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #c9c9c9;
    cursor: default;
}
.react-datepicker-wrapper:focus + .input-group-addon,
.react-datepicker-popper + .input-group-addon {
    color: #fff !important;
    background-color: #009cff !important;
    border-color: #009cff !important;
}
.functional-block .input-group.strict-width {
    display: flex;
}
.functional-block .input-group.strict-width .form-control {
    min-width: 0;
}
.functional-block .input-group.strict-width .input-group-addon {
    flex: 1 1 auto;
    width: auto;
    font-size: 12px;
    line-height: 28px;
    padding: 0;
    height: 28px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .functional-block .input-group.strict-width .input-group-addon {
        line-height: 25px;
    }
}
.functional-block .filter-col .input-group-addon {
    line-height: 33px;
}
.form-group.has-feedback {
    z-index: 1;
}
.popover {
    max-width: 100%;
}
@media screen and (min-width: 768px) {
    div.filter-row--radio-options {
        display: flex;
        flex-direction: row;
    }
    div.filter-row--radio-options div.filter-label {
        min-width: 150px;
        margin: 10px 20px 0 0 !important;
    }
}
.checkbox-tree-wrapper {
    display: table-cell;
    overflow: hidden;
}
.react-checkbox-tree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 12px;
}
.react-checkbox-tree > ol {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.react-checkbox-tree ol {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.react-checkbox-tree ol ol {
    padding-left: 24px;
}
.react-checkbox-tree button {
    line-height: normal;
    color: inherit;
}
.react-checkbox-tree button:focus {
    outline: none;
}
.react-checkbox-tree button:disabled {
    cursor: not-allowed;
}
.react-checkbox-tree .rct-bare-label {
    cursor: default;
}
.react-checkbox-tree label {
    margin-bottom: 0;
    cursor: pointer;
}
.react-checkbox-tree label:hover {
    background: none;
}
.react-checkbox-tree label:active {
    background: none;
}
.react-checkbox-tree:not(.rct-native-display) input {
    display: none;
}
.react-checkbox-tree.rct-native-display input {
    margin: 0 5px;
}
.react-checkbox-tree .rct-icon {
    font-family: "FontAwesome";
    font-style: normal;
}
.rct-disabled > .rct-text > label {
    opacity: 0.75;
    cursor: not-allowed;
}
.rct-disabled > .rct-text > label:hover {
    background: none;
}
.rct-disabled > .rct-text > label:active {
    background: none;
}
.rct-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.rct-options {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 0.5rem;
    text-align: right;
}
.rct-option {
    opacity: 0.75;
    border: 0;
    background: none;
    cursor: pointer;
    padding: 0 4px;
    font-size: 18px;
}
.rct-option:hover {
    opacity: 1;
}
.rct-option + .rct-option {
    margin-left: 2px;
}
.rct-node-icon {
    padding: 0 5px;
    color: #333;
}
.rct-collapse,
.rct-checkbox {
    padding: 0;
}
.rct-collapse *,
.rct-checkbox *,
.rct-node-icon * {
    display: inline-block;
    margin: 0;
    width: 14px;
}
span.rct-collapse {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border: 0;
    background: none;
    line-height: normal;
    color: inherit;
    font-size: 12px;
}
span.rct-collapse + label {
    padding-left: 2px;
}
button.rct-collapse {
    border: none;
    background: none;
}
.rct-collapse.rct-collapse-btn {
    cursor: pointer;
}
.rct-collapse > .rct-icon-expand-close {
    opacity: 0.5;
}
.rct-collapse > .rct-icon-expand-close:hover {
    opacity: 1;
}
.rct-native-display .rct-checkbox {
    display: none;
}
.rct-node-clickable {
    display: inline-flex;
    white-space: normal;
    cursor: pointer;
}
.rct-text {
    display: block;
    white-space: nowrap;
}
.rct-node-clickable:hover {
    background: none;
}
.rct-node-clickable:focus {
    outline: 0;
    background: none;
}
.rct-icon-main {
    color: #009cff;
}
.rct-title {
    padding: 0 40px 5px 0;
}
.rct-title span {
    word-break: break-all;
}
.rct-bare-label .rct-title {
    padding-right: 5px;
}
.icon-tree-cb {
    position: relative;
    line-height: 16px;
    width: 13px;
    height: 13px;
    margin: 0 3px 2px 3px;
    display: inline-block;
    vertical-align: middle;
    border: 0 none;
    cursor: pointer;
    outline: none;
}
.icon-tree-cb:before,
.icon-tree-cb:after {
    content: "";
    display: block;
    position: absolute;
}
.icon-tree-cb:before {
    left: 0;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    transition: border-color 0.2s ease-in-out;
}
.icon-tree-cb:after {
    width: 8px;
    height: 5px;
    top: 3px;
    left: 2px;
    opacity: 0;
}
.icon-tree-cb:hover:before {
    border-color: #009cff;
}
.icon-tree-cb-checked:after {
    border-left: 2px solid #009cff;
    border-bottom: 2px solid #009cff;
    opacity: 1;
    transform: rotate(-45deg);
}
.icon-tree-cb-half-checked:after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    top: 4px;
    left: 4px;
    border: none;
    background-color: #009cff;
    opacity: 1;
}
.icon-tree-cb:before:focus {
    border-color: #009cff;
    box-shadow: none;
}
.icon-tree-expand {
    line-height: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    border: none;
    cursor: pointer;
    outline: none;
    position: relative;
    background: none;
    margin-right: 0;
}
.icon-tree-expand:hover:before {
    border-bottom-color: #009cff;
}
.icon-tree-expand:hover:after {
    border-right-color: #009cff;
}
.icon-tree-expand:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 0;
    top: 7px;
    left: 4.5px;
    border-bottom: 2px solid #c9c9c9;
    transition: border-color 0.2s ease-in-out;
}
.icon-tree-expand:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 8px;
    top: 4px;
    left: 7.5px;
    border-right: 2px solid #c9c9c9;
    transition: height 0.4s ease-in-out, top 0.4s ease-in-out, border-color 0.2s ease-in-out;
}
.icon-tree-expand.icon-tree-expand-open:after {
    height: 2px;
    top: 7px;
}
.icon-tree-firm-expand {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 10px;
    background: none;
    cursor: pointer;
}
.icon-tree-firm-expand:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #c9c9c9;
    transition: transform 0.3s ease-in-out, border-color 0.2s ease-in-out;
}
.icon-tree-firm-expand:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 20px;
    top: -3px;
}
.icon-tree-firm-expand:hover:after {
    border-top-color: #009cff;
}
.icon-tree-firm-expand-open:after {
    transform: rotate(180deg);
}
.rct-btn-icon {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 17px;
    margin-top: -2px;
    margin-right: 3px;
    padding: 2px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #009cff;
    color: #333;
    background-color: #fff;
    box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.5);
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}
.rct-btn-icon i {
    font-size: 12px;
}
.rct-btn-icon:hover {
    color: #009cff;
    background-color: transparent;
    box-shadow: none;
}
.react-checkbox-tree li.rct-node li.rct-node li.rct-node li.rct-node li.rct-node ol {
    padding-left: 0;
    margin-left: 45px;
}
.navbar-above-banner {
    margin-bottom: 0;
}
.spacing-top-large {
    padding-top: 35px;
}
.new-document .field-col {
    float: left;
}
.uppy-Root {
    box-sizing: border-box;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    position: relative;
    color: #333;
}
.uppy-Root *,
.uppy-Root *:before,
.uppy-Root *:after {
    box-sizing: inherit;
}
.uppy-Root [hidden] {
    display: none;
}
.uppy-Root *:focus {
    box-shadow: none !important;
}
.UppyIcon {
    max-width: 100%;
    max-height: 100%;
    fill: currentColor;
    display: inline-block;
    overflow: hidden;
}
.UppyIcon--svg-baseline {
    bottom: -0.125em;
    position: relative;
}
.uppy-u-reset {
    -webkit-appearance: none;
    line-height: 1;
    padding: 0;
    margin: 0;
    border: 0;
    color: inherit;
    backface-visibility: visible;
    background: none;
    border: medium none currentColor;
    border-collapse: separate;
    border-image: none;
    border-radius: 0;
    border-spacing: 0;
    box-shadow: none;
    clear: none;
    cursor: auto;
    display: inline;
    empty-cells: show;
    float: none;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    list-style: none;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    outline: medium none invert;
    overflow: visible;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transition: none 0s ease 0s;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    z-index: auto;
}
.uppy-c-btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-family: inherit;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    transition: background-color 0.3s;
    user-select: none;
}
.uppy-c-btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.uppy-c-btn::-moz-focus-inner {
    border: 0;
}
.uppy-c-btn-primary {
    height: 30px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #009cff;
    border-radius: 2px;
}
.uppy-c-btn-primary:hover {
    background-color: #24aaff;
}
.uppy-c-btn-link {
    font-size: 14px;
    line-height: 1;
    padding: 10px 15px;
    border-radius: 4px;
    background-color: transparent;
    color: #525252;
}
.uppy-c-btn-link:hover {
    color: #333;
}
.uppy-c-btn--small {
    font-size: 0.9em;
    padding: 7px 16px;
    border-radius: 2px;
}
.uppy-size--md .uppy-c-textInput {
    padding: 8px 10px;
}
.uppy-size--md .uppy-c-btn-primary {
    padding: 13px 22px;
}
.uppy-size--md .uppy-c-btn-link {
    padding: 13px 18px;
}
.uppy-size--md .uppy-c-btn--small {
    padding: 8px 10px;
    border-radius: 2px;
}
.uppy-Informer {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 1;
    transform: none;
    transition: all 250ms ease-in;
    z-index: 1005;
}
.uppy-Informer[aria-hidden="true"] {
    opacity: 0;
    transform: translateY(350%);
    transition: all 300ms ease-in;
    z-index: -1000;
}
.uppy-Informer p {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
    padding: 6px 15px;
    border-radius: 4px;
    color: #fff;
    background-color: #e37976;
    box-shadow: 0 0 10px 0 #e37976;
    max-width: 90%;
}
.uppy-size--md .uppy-Informer p {
    font-size: 14px;
    line-height: 1.3;
    max-width: 500px;
    padding: 10px 20px;
}
.uppy-Informer span[role~="tooltip"] {
    display: none;
}
.uppy-StatusBar {
    display: flex;
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background-color: #fff;
    z-index: 1001;
    transition: height 0.2s;
}
.uppy-StatusBar:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e2e2e2;
}
.uppy-StatusBar[aria-hidden="true"] {
    overflow-y: hidden;
    height: 0;
}
.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
    background-color: #55b356;
}
.uppy-StatusBar.is-error .uppy-StatusBar-progress {
    background-color: #e37976;
}
.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
    color: #55b356;
}
.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
    color: #e37976;
}
.uppy-size--md .uppy-StatusBar {
    height: 46px;
}
.uppy-StatusBar-progress {
    background-color: #33b0ff;
    height: 2px;
    position: absolute;
    z-index: 1001;
    transition: background-color, width 0.3s ease-out;
}
.uppy-StatusBar.is-waiting[aria-hidden="true"] {
    display: none;
}
.uppy-StatusBar-content {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1003;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    height: 100%;
}
.uppy-size--md .uppy-StatusBar-content {
    padding-left: 15px;
}
.uppy-StatusBar-status {
    line-height: 1.4;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 0.3em;
}
.uppy-Root:not(.uppy-size--md) .uppy-StatusBar-additionalInfo {
    display: none;
}
.uppy-StatusBar-statusPrimary {
    font-weight: 500;
}
.uppy-StatusBar-statusSecondary {
    margin-top: 1px;
    font-size: 11px;
    line-height: 1.2;
    display: inline-block;
    color: #757575;
    white-space: nowrap;
}
.uppy-StatusBar-statusSecondaryHint {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1;
}
.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
    margin-right: 8px;
}
.uppy-StatusBar-statusIndicator {
    position: relative;
    top: 1px;
    color: #525252;
    margin-right: 7px;
}
.uppy-StatusBar-statusIndicator svg {
    vertical-align: text-bottom;
}
.uppy-StatusBar-actions {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    z-index: 1004;
}
.uppy-StatusBar-actionCircleBtn {
    line-height: 1;
    cursor: pointer;
    margin: 3px;
    opacity: 0.9;
}
.uppy-StatusBar-actionCircleBtn:focus {
    outline: none;
}
.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
    border: 0;
}
.uppy-StatusBar-actionCircleBtn:focus {
    box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
}
.uppy-StatusBar-actionCircleBtn:hover {
    opacity: 1;
}
.uppy-StatusBar-actionCircleBtn:focus {
    border-radius: 50%;
}
.uppy-StatusBar-actionCircleBtn svg {
    vertical-align: bottom;
}
.uppy-StatusBar-actionCircleBtn g circle {
    fill: #666 !important;
}
.uppy-StatusBar-actionBtn {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    line-height: inherit;
    color: #2275d7;
}
.uppy-size--md .uppy-StatusBar-actionBtn {
    font-size: 11px;
}
.uppy-StatusBar-actionBtn--retry {
    height: 16px;
    border-radius: 8px;
    margin-right: 6px;
    background-color: #ff4b23;
    line-height: 1;
    color: #fff;
    padding: 1px 6px 3px 18px;
    position: relative;
}
.uppy-StatusBar-actionBtn--retry:focus {
    outline: none;
}
.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
    border: 0;
}
.uppy-StatusBar-actionBtn--retry:focus {
    box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
}
.uppy-StatusBar-actionBtn--retry:hover {
    background-color: #f92d00;
}
.uppy-StatusBar-actionBtn--retry svg {
    position: absolute;
    top: 3px;
    left: 6px;
}
.uppy-StatusBar-spinner {
    animation-name: uppy-StatusBar-spinnerAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-right: 10px;
    fill: #2275d7;
}
@keyframes uppy-StatusBar-spinnerAnimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.uppy-DashboardContent-panelBody {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.uppy-Provider-auth,
.uppy-Provider-error,
.uppy-Provider-loading,
.uppy-Provider-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap;
    flex: 1;
    color: #939393;
}
.uppy-Provider-authIcon svg {
    width: 100px;
    height: 75px;
    margin-bottom: 15px;
}
.uppy-Provider-authTitle {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 30px;
    padding: 0 15px;
    max-width: 500px;
    text-align: center;
    color: #757575;
}
.uppy-size--md .uppy-Provider-authTitle {
    font-size: 20px;
}
.uppy-Provider-breadcrumbs {
    flex: 1;
    color: #525252;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: left;
}
.uppy-size--md .uppy-Provider-breadcrumbs {
    margin-bottom: 0;
}
.uppy-Provider-breadcrumbs button {
    display: inline-block;
    line-height: inherit;
    padding: 4px;
    border-radius: 3px;
}
.uppy-Provider-breadcrumbs button:focus {
    outline: none;
}
.uppy-Provider-breadcrumbs button::-moz-focus-inner {
    border: 0;
}
.uppy-Provider-breadcrumbs button:hover {
    color: #1b5dab;
}
.uppy-Provider-breadcrumbs button:focus {
    background-color: #eceef2;
}
.uppy-Provider-breadcrumbs button:hover {
    text-decoration: underline;
    cursor: pointer;
}
.uppy-Provider-breadcrumbsIcon {
    display: inline-block;
    color: #525252;
    vertical-align: middle;
    margin-right: 4px;
    line-height: 1;
}
.uppy-Provider-breadcrumbsIcon svg {
    width: 13px;
    height: 13px;
    fill: #525252;
}
.uppy-ProviderBrowser {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
}
.uppy-ProviderBrowser-user {
    margin: 0 8px 0 0;
    font-weight: 500;
    color: #333;
}
.uppy-ProviderBrowser-user:after {
    content: "\00B7";
    position: relative;
    left: 4px;
    color: #939393;
    font-weight: normal;
}
.uppy-ProviderBrowser-header {
    z-index: 1001;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
.uppy-ProviderBrowser-headerBar {
    padding: 7px 15px;
    background-color: #fafafa;
    z-index: 1001;
    color: #757575;
    line-height: 1.4;
    font-size: 12px;
}
.uppy-size--md .uppy-ProviderBrowser-headerBar {
    display: flex;
    align-items: center;
}
.uppy-ProviderBrowser-headerBar--simple {
    text-align: center;
    display: block;
    justify-content: center;
}
.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
    flex: none;
    display: inline-block;
    vertical-align: middle;
}
.uppy-ProviderBrowser-search {
    width: 100%;
    background-color: #fff;
    position: relative;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.uppy-ProviderBrowser-searchIcon {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 16px;
    z-index: 1003;
    color: #bbb;
}
.uppy-ProviderBrowser-searchInput {
    width: 100%;
    height: 30px;
    background-color: transparent;
    outline: 0;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    border: 0;
    margin: 0 8px;
    padding-left: 27px;
    z-index: 1001;
    border-radius: 4px;
}
.uppy-ProviderBrowser-searchInput:focus {
    outline: 0;
    background-color: #f4f4f4;
}
.uppy-ProviderBrowser-searchClose {
    position: absolute;
    width: 22px;
    height: 22px;
    padding: 6px;
    right: 12px;
    top: 4px;
    z-index: 1003;
    color: #939393;
    cursor: pointer;
}
.uppy-ProviderBrowser-searchClose:hover {
    color: #757575;
}
.uppy-ProviderBrowser-searchClose svg {
    vertical-align: text-top;
}
.uppy-ProviderBrowser-searchInput::placeholder {
    color: #939393;
    opacity: 1;
}
.uppy-ProviderBrowser-userLogout {
    cursor: pointer;
    line-height: inherit;
    color: #2275d7;
    padding: 4px;
    border-radius: 3px;
}
.uppy-ProviderBrowser-userLogout:focus {
    outline: none;
}
.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
    border: 0;
}
.uppy-ProviderBrowser-userLogout:hover {
    color: #1b5dab;
}
.uppy-ProviderBrowser-userLogout:focus {
    background-color: #eceef2;
}
.uppy-ProviderBrowser-userLogout:hover {
    text-decoration: underline;
}
.uppy-ProviderBrowser-body {
    flex: 1;
    position: relative;
}
.uppy-ProviderBrowser-list {
    flex: 1;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-spacing: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.uppy-ProviderBrowserItem-inner {
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
}
.uppy-ProviderBrowser-footer {
    display: flex;
    align-items: center;
    background: #fff;
    height: 65px;
    border-top: 1px solid #eaeaea;
    padding: 0 15px;
}
.uppy-ProviderBrowser-footer button {
    margin-right: 8px;
}
.uppy-DashboardItem-previewInnerWrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    border-radius: 3px;
}
.uppy-size--md .uppy-DashboardItem-previewInnerWrap {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.uppy-DashboardItem-previewInnerWrap:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
    display: none;
    z-index: 1001;
}
.uppy-DashboardItem-preview img.uppy-DashboardItem-previewImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0);
    border-radius: 3px;
}
.uppy-DashboardItem-progress {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1003;
    color: #fff;
    text-align: center;
    width: 120px;
    transition: all 0.35s ease;
}
.uppy-DashboardItem-progressIndicator {
    display: inline-block;
    width: 38px;
    height: 38px;
    opacity: 0.9;
    cursor: pointer;
}
.uppy-DashboardItem-progressIndicator:focus {
    outline: none;
}
.uppy-DashboardItem-progressIndicator::-moz-focus-inner {
    border: 0;
}
svg.UppyIcon-progressCircle {
    width: 100%;
    height: 100%;
}
svg.UppyIcon-progressCircle .bg {
    stroke: rgba(255, 255, 255, 0.4);
    opacity: 0;
}
svg.UppyIcon-progressCircle .progress {
    stroke: #fff;
    transition: stroke-dashoffset 0.5s ease-out;
    opacity: 0;
}
svg.UppyIcon-progressCircle .play {
    stroke: #fff;
    fill: #fff;
    opacity: 0;
    transition: all 0.2s;
    display: none;
}
svg.UppyIcon-progressCircle .cancel {
    fill: #fff;
    opacity: 0;
    transition: all 0.2s;
}
svg.UppyIcon-progressCircle .pause {
    stroke: #fff;
    fill: #fff;
    opacity: 0;
    transition: all 0.2s;
    display: none;
}
svg.UppyIcon-progressCircle .check {
    opacity: 0;
    fill: #fff;
    transition: all 0.2s;
}
svg.UppyIcon.retry {
    fill: #fff;
}
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progress {
    transform: none;
    top: -9px;
    right: -8px;
    left: auto;
    width: auto;
}
.uppy-DashboardItem.is-inprogress .uppy-DashboardItem-progress,
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progress,
.uppy-DashboardItem.is-error .uppy-DashboardItem-progress {
    display: block;
}
.uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
    width: 18px;
    height: 18px;
}
.uppy-size--md .uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
    width: 28px;
    height: 28px;
}
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
    width: 18px;
    height: 18px;
    opacity: 1;
}
.uppy-size--md .uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
    width: 22px;
    height: 22px;
}
.uppy-DashboardItem.is-paused svg.UppyIcon-progressCircle .pause {
    opacity: 0;
}
.uppy-DashboardItem.is-paused svg.UppyIcon-progressCircle .play {
    opacity: 1;
}
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
    cursor: default;
}
.uppy-DashboardItem.is-complete .progress {
    stroke: #55b356;
    fill: #55b356;
    opacity: 1;
}
.uppy-DashboardItem.is-complete .check {
    opacity: 1;
}
.uppy-size--md .uppy-DashboardItem-progressIndicator {
    width: 55px;
    height: 55px;
}
.uppy-DashboardItem.is-resumable .pause,
.uppy-DashboardItem.is-resumable .play {
    display: block;
}
.uppy-DashboardItem.is-resumable .cancel {
    display: none;
}
.uppy-DashboardItem.is-inprogress .bg,
.uppy-DashboardItem.is-inprogress .progress,
.uppy-DashboardItem.is-inprogress .pause,
.uppy-DashboardItem.is-inprogress .cancel {
    opacity: 1;
}
.uppy-DashboardItem-fileInfo {
    padding-right: 5px;
}
.uppy-DashboardItem-name {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 4px;
    word-break: break-all;
}
.uppy-DashboardItem-status {
    font-size: 11px;
    line-height: 1.3;
    font-weight: normal;
    color: #757575;
}
.uppy-DashboardItem-statusSize {
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase;
}
.uppy-DashboardItem-sourceIcon {
    display: none;
}
.uppy-DashboardItem-action {
    cursor: pointer;
    color: #009cff;
}
.uppy-DashboardItem-action:focus {
    outline: none;
}
.uppy-DashboardItem-action::-moz-focus-inner {
    border: 0;
}
.uppy-DashboardItem-action:focus {
    box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
}
.uppy-DashboardItem-action:hover {
    opacity: 1;
    color: #1f1f1f;
}
.uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-action {
    width: 22px;
    height: 22px;
    padding: 3px;
    margin-left: 3px;
}
.uppy-DashboardItem-action--remove {
    color: #1f1f1f;
    opacity: 0.95;
}
.uppy-size--md .uppy-DashboardItem-action--remove {
    z-index: 1003;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 18px;
    height: 18px;
    padding: 0;
}
.uppy-size--md .uppy-DashboardItem-action--remove:focus {
    border-radius: 50%;
}
.uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem {
    display: flex;
    align-items: center;
    padding: 10px;
    padding-right: 0;
}
.uppy-size--md .uppy-DashboardItem {
    position: relative;
    display: block !important;
    float: left;
    margin: 5px 15px;
    width: calc(33.333% - 30px);
    height: 215px;
}
.uppy-size--lg .uppy-DashboardItem {
    margin: 5px 15px;
    width: calc(25% - 30px);
    height: 190px;
}
.uppy-size--xl .uppy-DashboardItem {
    width: calc(20% - 30px);
    height: 210px;
}
.uppy-DashboardItem-preview {
    position: relative;
}
.uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-preview {
    flex-shrink: 0;
    flex-grow: 0;
    width: 50px;
    height: 50px;
}
.uppy-size--md .uppy-DashboardItem-preview {
    width: 100%;
    height: 140px;
}
.uppy-size--lg .uppy-DashboardItem-preview {
    height: 120px;
}
.uppy-size--xl .uppy-DashboardItem-preview {
    height: 140px;
}
.uppy-DashboardItem-fileInfoAndButtons {
    flex-grow: 1;
    padding-right: 8px;
    padding-left: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.uppy-size--md .uppy-DashboardItem-fileInfoAndButtons {
    align-items: flex-start;
    width: 100%;
    padding: 0;
    padding-top: 9px;
}
.uppy-DashboardItem-fileInfo {
    flex-grow: 1;
    flex-shrink: 1;
}
.uppy-DashboardItem-actionWrapper {
    flex-grow: 0;
    flex-shrink: 0;
}
.uppy-DashboardItem.is-inprogress .uppy-DashboardItem-previewInnerWrap:after {
    display: block;
}
.uppy-DashboardItem.is-error .uppy-DashboardItem-previewInnerWrap:after {
    display: block;
}
.uppy-DashboardItem.is-inprogress:not(.is-resumable) .uppy-DashboardItem-action--remove {
    display: none;
}
.uppy-transition-slideDownUp-enter {
    opacity: 0.01;
    transform: translate3d(0, -105%, 0);
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.uppy-transition-slideDownUp-leave {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
    opacity: 0.01;
    transform: translate3d(0, -105%, 0);
}
.uppy-Dashboard-inner {
    width: 100% !important;
    min-height: 360px;
    border: 1px solid #e6e6e6;
    border-style: dashed;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    outline: none;
}
.uppy-size--md .uppy-Dashboard-inner {
    min-height: auto;
}
@media only screen and (min-width: 820px) {
    .uppy-Dashboard-inner {
        width: 750px;
        height: 550px;
    }
}
.uppy-Dashboard-innerWrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    opacity: 0;
}
.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
    opacity: 1;
}
.uppy-DashboardAddFiles {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: relative;
    text-align: center;
    flex: 1;
}
.uppy-size--md .uppy-DashboardAddFiles {
    margin: 7px;
    border-radius: 3px;
}
.uppy-Dashboard-AddFilesPanel .uppy-DashboardAddFiles {
    border: none;
}
.uppy-Dashboard--modal .uppy-DashboardAddFiles {
    border-color: #cfcfcf;
}
.uppy-DashboardTabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-top: 10px;
}
.uppy-size--md .uppy-DashboardTabs {
    align-items: center;
}
.uppy-DashboardTabs-title {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #525252;
}
.uppy-size--md .uppy-DashboardTabs-title {
    font-size: 16px;
    line-height: 40px;
}
.uppy-DashboardAddFiles-info {
    padding: 0;
}
.uppy-size--md .uppy-DashboardAddFiles-info {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    padding: 0;
}
.uppy-Dashboard-browse {
    cursor: pointer;
    color: #009cff;
}
.uppy-Dashboard-browse:focus {
    outline: none;
}
.uppy-Dashboard-browse::-moz-focus-inner {
    border: 0;
}
.uppy-Dashboard-browse:focus,
.uppy-Dashboard-browse:hover {
    border-bottom: 2px solid #009cff;
}
.uppy-DashboardTabs-list {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 10px;
    padding: 2px 0;
}
.uppy-size--md .uppy-DashboardTabs-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 600px;
    overflow-x: visible;
    overflow-x: initial;
    margin-top: 15px;
    padding-top: 0;
}
.uppy-DashboardTab {
    width: 100%;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    padding: 0px 2px;
}
.uppy-size--md .uppy-DashboardTab {
    width: auto;
    margin-bottom: 20px;
    border-bottom: none;
    padding: 0;
}
.uppy-DashboardTab-btn {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    color: #525252;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 15px;
    line-height: 1;
    text-align: center;
    border-radius: 4px;
}
.uppy-size--md .uppy-DashboardTab-btn {
    width: 86px;
    margin-right: 1px;
    flex-direction: column;
    padding: 10px 3px;
    border-radius: 4px;
}
.uppy-DashboardTab-btn::-moz-focus-inner {
    border: 0;
}
.uppy-DashboardTab-btn:hover {
    background-color: #e2e2e2;
}
.uppy-DashboardTab-btn:active,
.uppy-DashboardTab-btn:focus {
    outline: none;
}
.uppy-DashboardTab-btn svg {
    margin-right: 10px;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: text-top;
    overflow: hidden;
    transition: transform ease-in-out 0.15s;
}
.uppy-size--md .uppy-DashboardTab-btn svg {
    margin-right: 0;
}
.uppy-DashboardTab-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.uppy-size--md .uppy-DashboardTab-name {
    font-size: 11px;
    line-height: 14px;
    margin-top: 8px;
    margin-bottom: 0;
}
.uppy-DashboardTab svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.uppy-size--md .uppy-DashboardTab svg {
    width: 27px;
    height: 27px;
}
.uppy-Dashboard-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.uppy-DashboardContent-bar {
    flex-shrink: 0;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    z-index: 1004;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #c9c9c9;
}
.uppy-size--md .uppy-DashboardContent-bar {
    height: 50px;
    padding: 0 15px;
}
@media (max-width: 479px) {
    .uppy-DashboardContent-bar .uppy-DashboardContent-back {
        order: -5;
    }
    .uppy-DashboardContent-bar .uppy-DashboardContent-title {
        order: 0;
        position: static;
        padding: 0 5px;
    }
    .uppy-DashboardContent-bar .uppy-DashboardContent-addMore {
        order: 5;
    }
}
.uppy-DashboardContent-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    font-weight: 500;
    width: 100%;
    max-width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    margin: auto;
}
.uppy-size--md .uppy-DashboardContent-title {
    font-size: 14px;
    line-height: 50px;
    max-width: 300px;
}
.uppy-DashboardContent-back,
.uppy-DashboardContent-addMore {
    background: none;
    -webkit-appearance: none;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: #009cff;
    background-color: #fff !important;
    border: 1px solid #009cff;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-addMore:focus {
    outline: none;
}
.uppy-DashboardContent-back::-moz-focus-inner,
.uppy-DashboardContent-addMore::-moz-focus-inner {
    border: 0;
}
.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-addMore:hover {
    color: #1b5dab;
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-addMore:focus {
    background-color: #eceef2;
}
.uppy-size--md .uppy-DashboardContent-back,
.uppy-size--md .uppy-DashboardContent-addMore {
    font-size: 12px;
}
.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-addMore:hover {
    color: #fff;
    background-color: #009cff !important;
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-addMore:focus {
    background: none;
}
.uppy-DashboardContent-back {
    font-size: 12px;
    font-weight: 400;
    padding: 7px 6px;
    margin-left: -6px;
}
.uppy-DashboardContent-addMore {
    position: relative;
    min-width: 30px;
    min-height: 30px;
    font-weight: 500;
    width: 29px;
    height: 29px;
    padding: 0;
    font-family: "FontAwesome";
    margin-right: -5px;
}
.uppy-size--md .uppy-DashboardContent-addMore {
    width: auto;
    height: auto;
    margin-right: -8px;
}
.uppy-DashboardContent-addMore svg {
    display: none;
}
.uppy-DashboardContent-addMore:before {
    content: "\f067";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%);
}
.uppy-DashboardContent-addMoreCaption {
    display: none;
}
.uppy-DashboardContent-panel,
.uppy-Dashboard-AddFilesPanel {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    overflow: hidden;
    z-index: 1005;
}
.uppy-DashboardContent-panel {
    flex: 1;
}
.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files,
.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-innerWrap > .uppy-DashboardContent-bar {
    filter: blur(2px);
}
.uppy-Dashboard-filesContainer {
    position: relative;
    overflow-y: hidden;
    margin: 0;
    flex: 1;
}
.uppy-Dashboard-filesContainer:after {
    content: "";
    display: table;
    clear: both;
}
.uppy-Dashboard-files {
    margin: 0;
    padding: 0 0 10px 0;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    overflow: auto;
    outline: none;
    margin-bottom: 0 !important;
}
.uppy-size--md .uppy-Dashboard-files {
    padding-top: 10px;
}
.uppy-Dashboard-dropFilesHereHint {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    padding-top: 90px;
    border-radius: 3px;
    z-index: 2000;
    text-align: center;
    color: #666;
    border: 1px dashed #009cff;
    font-size: 16px;
}
.uppy-Dashboard-dropFilesHereHint:before {
    content: "\f093";
    position: absolute;
    top: 50%;
    left: 50%;
    color: #e2e2e2;
    font-family: "FontAwesome";
    font-size: 56px;
    transform: translate(-50%, -50%);
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
    visibility: visible;
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators {
    opacity: 0.15;
    filter: blur(2px);
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardAddFiles {
    opacity: 0.03;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .uppy-Dashboard-AddFilesPanel {
        background-color: rgba(255, 255, 255, 0.97);
    }
    .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
    .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
    .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators {
        opacity: 0.1;
    }
    .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFilesPanel {
        background-color: rgba(255, 255, 255, 0.97);
    }
}
.uppy-Dashboard-dropFilesTitle {
    max-width: 300px;
    text-align: center;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
    color: #333;
    margin: auto;
    padding: 0 15px;
}
.uppy-size--md .uppy-Dashboard-dropFilesTitle {
    max-width: 470px;
}
.uppy-Dashboard-note {
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    color: #757575;
    max-width: 350px;
    margin: auto;
    padding: 0 15px;
}
.uppy-size--md .uppy-Dashboard-note {
    font-size: 16px;
    line-height: 1.35;
    max-width: 600px;
}
.uppy-DashboardItem-previewIcon {
    width: 25px;
    height: 25px;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.uppy-size--md .uppy-DashboardItem-previewIcon {
    width: 38px;
    height: 38px;
}
.uppy-DashboardItem-previewIcon svg {
    width: 100%;
    height: 100%;
}
.uppy-DashboardItem-previewIconWrap {
    height: 76px;
    max-height: 75%;
    position: relative;
}
.uppy-DashboardItem-previewIconBg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px);
}
.uppy-Url {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 0 5px;
}
.uppy-Url-input {
    width: 90%;
    max-width: 650px;
    margin-bottom: 15px;
}
.uppy-size--md .uppy-Url-input {
    margin-bottom: 20px;
}
.uppy-Webcam-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.uppy-Webcam-videoContainer {
    width: 100%;
    flex: 1;
    flex-grow: 1;
    overflow: hidden;
    background-color: #333;
    text-align: center;
    position: relative;
}
.uppy-Webcam-video {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.uppy-Webcam-video--mirrored {
    transform: scaleX(-1);
}
.uppy-Webcam-buttonContainer {
    width: 100%;
    height: 75px;
    border-top: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}
.uppy-Webcam-button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #e32437;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.uppy-Webcam-button svg {
    width: 30px;
    height: 30px;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: text-top;
    overflow: hidden;
    fill: currentColor;
}
.uppy-size--md .uppy-Webcam-button {
    width: 60px;
    height: 60px;
}
.uppy-Webcam-button:hover {
    background-color: #d31b2d;
}
.uppy-Webcam-button:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(34, 117, 215, 0.5);
}
.uppy-Webcam-button--picture {
    margin-right: 12px;
}
.uppy-Webcam-permissons {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap;
    height: 100%;
    flex: 1;
}
.uppy-Webcam-permissons p {
    max-width: 450px;
    line-height: 1.3;
}
.uppy-Webcam-title {
    font-size: 22px;
    line-height: 1.35;
    font-weight: 400;
    margin: 0;
    margin-bottom: 5px;
    padding: 0 15px;
    max-width: 500px;
    text-align: center;
    color: #333;
}
.uppy-Webcam-permissons p {
    text-align: center;
    line-height: 1.45;
    color: #939393;
    margin: 0;
}
.uppy-Webcam-permissonsIcon svg {
    width: 100px;
    height: 75px;
    color: #bbb;
    margin-bottom: 30px;
}
.uppy-uploaded-files {
    padding-top: 10px;
    font-size: 12px;
    text-align: center;
}
.uppy-uploaded-files ul {
    display: inline-block;
    width: 100%;
    max-width: 440px;
    padding-left: 0;
    list-style-type: none;
    text-align: left;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}
.uppy-uploaded-files li {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0 !important;
    padding: 5px 0 5px 10px;
}
.uppy-uploaded-files li:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}
.uppy-uploaded-files li a {
    word-break: break-all;
}
.uppy-uploaded-files i.btn {
    margin-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
}
.uppy-uploaded-files .component-locker {
    flex-shrink: 0;
    width: auto;
    height: auto;
    padding-right: 5px;
    padding-left: 10px;
    background-color: transparent;
}
.uppy-uploaded-files .c-spinner,
.uppy-uploaded-files .c-spinner svg {
    width: 22px;
    height: 22px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .uppy-uploaded-files .c-spinner svg {
        width: 44px;
        height: 44px;
    }
}
.uppy-uploaded-files .c-spinner circle {
    cx: 10px;
    cy: 10px;
    r: 8px;
}
.functional-block + .field-col-button {
    width: 100%;
}
.functional-block + .field-col-button div {
    display: inline-block;
}
.functional-block + .field-col-button a,
.functional-block + .field-col-button button {
    margin: 4px 3px 0;
}
.functional-block .document-row {
    flex-wrap: wrap;
}
@media screen and (max-width: 479px) {
    .functional-block .document-row {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .functional-block .document-row {
        flex-wrap: nowrap;
    }
}
.functional-block .document-row .document-title {
    flex-grow: 1;
    position: relative;
    word-break: break-word;
    box-sizing: border-box;
    cursor: default;
}
@media screen and (min-width: 480px) {
    .functional-block .document-row .document-title {
        padding-right: 10px;
    }
}
.functional-block .document-row .document-untertyp {
    word-break: break-word;
    box-sizing: border-box;
}
.functional-block .document-row .document-download {
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 2;
}
.functional-block .document-row .document-vertragsverbindungsnummer {
    flex-shrink: 0;
    word-break: break-word;
}
@media screen and (min-width: 480px) {
    .functional-block .document-row .document-vertragsverbindungsnummer {
        width: 100px;
    }
}
@media screen and (min-width: 480px) {
    .functional-block .document-row .document-date,
    .functional-block .document-row .document-vertragsverbindungsnummer {
        margin-left: 20px;
    }
}
.functional-block .document-row .buttons-drawer-rail {
    display: block;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .functional-block .document-row .buttons-drawer-rail {
        position: absolute;
        width: 30px;
        height: 30px;
        top: -8px;
        right: -32px;
        display: inline-block;
    }
}
@media screen and (max-width: 767px) {
    .functional-block .document-row .buttons-drawer-rail {
        flex: 1 1 100% !important;
    }
}
.functional-block .document-row .buttons-drawer {
    position: relative;
    margin: 0;
    text-align: left;
}
@media screen and (max-width: 479px) {
    .functional-block .document-row .buttons-drawer {
        justify-content: flex-start;
    }
}
.functional-block .document-row .buttons-drawer button {
    margin-top: 5px;
    background-color: #fff;
}
.functional-block .document-row .buttons-drawer button:hover {
    background-color: #009cff;
}
@media screen and (max-width: 767px) {
    .functional-block .document-row .buttons-drawer button {
        margin-left: 0;
    }
}
@media screen and (max-width: 479px) {
    .functional-block .document-row .buttons-drawer button {
        border: 1px solid #009cff;
        text-align: left;
    }
    .functional-block .document-row .buttons-drawer button i {
        display: inline-block;
    }
}
@media screen and (min-width: 768px) {
    .functional-block .document-row .buttons-drawer {
        position: absolute;
        display: block;
        right: auto;
        left: calc(100% - 22px);
        padding: 0;
        text-align: center;
        white-space: nowrap;
        transition: transform 0.4s ease-in-out, padding 0.6s ease-in-out;
        transform: none;
        z-index: 3;
    }
    .functional-block .document-row .buttons-drawer:hover {
        transform: translateX(-100%) translateX(55px);
    }
    .functional-block .document-row .buttons-drawer:hover .options {
        opacity: 0;
        transition: none;
    }
    .functional-block .document-row .buttons-drawer button {
        display: inline-block;
        margin-top: 2px;
        vertical-align: top;
        white-space: nowrap;
    }
    .functional-block .document-row .buttons-drawer button:hover {
        background-color: #009cff;
    }
}
.functional-block .document-row .options {
    display: inline-block;
    position: relative;
    margin-top: 8px;
    margin-right: 5px;
    color: #009cff;
    transition: opacity 0.4s 0.4s ease-in-out;
}
@media screen and (max-width: 767px) {
    .functional-block .document-row .options {
        display: none;
    }
}
.functional-block .document-row .options .fa-file {
    font-size: 18px;
}
.functional-block .document-row .options .fa-wrench {
    position: absolute;
    font-size: 12px;
    top: 3px;
    left: 1.5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    color: #fff;
    transform: rotate(-90deg);
}
.functional-block .list-stretched {
    padding-left: 0;
    list-style: none;
}
.functional-block .list-stretched li {
    margin-bottom: 12px;
    line-height: 16px;
    overflow-x: hidden;
}
.functional-block .list-stretched li b {
    max-width: 50%;
    float: left;
}
@media screen and (min-width: 768px) {
    .functional-block .list-stretched li {
        margin-bottom: 8px;
        line-height: 33px;
    }
}
.functional-block .uploaded-files {
    display: inline-flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #666;
    text-align: center;
    overflow: hidden;
}
.functional-block .uploaded-files .file-info {
    padding-top: 6px;
    padding-bottom: 7px;
    text-align: left;
    word-break: break-all;
    margin: auto 0;
}
.functional-block .uploaded-files .file-info div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    padding: 5px 10px;
}
.functional-block .uploaded-files .file-info div:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
    margin: auto;
    width: 2px;
    height: 17px;
    background-color: #e2e2e2;
}
@media screen and (min-width: 768px) {
    .functional-block .uploaded-files {
        margin-left: 205px;
    }
}
@media screen and (min-width: 992px) {
    .functional-block .uploaded-files {
        margin-left: 325px;
    }
}
.functional-block .uploaded-files button {
    flex: 0 0 auto;
    margin: 4px;
}
.flex-container {
    display: flex;
    justify-content: space-between;
}
.flex-container .flex-left-col {
    padding-right: 10px;
}
.flex-container .flex-shrink-none {
    flex-shrink: 0;
}
.flex-container .checkbox-custom > span {
    top: -3px;
}
.btn-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.btn-icon i {
    font-size: 16px;
    transition: 0.2s ease-in-out;
}
.btn-icon .fa-envelope-open-o + .fa-long-arrow-right {
    position: absolute;
    top: 11px;
    left: 0;
}
.btn-icon .fa-envelope-open-o + .fa-long-arrow-left {
    position: absolute;
    top: 11px;
    left: 0;
}
.btn-icon .fa-calculator + .fa-arrow-circle-o-right {
    position: absolute;
    top: 9px;
    right: -4px;
    border-radius: 50%;
    background-color: #fff;
}
.btn-icon .fa-calculator + .fa-link {
    position: absolute;
    height: 5px;
    bottom: 3px;
    right: -2px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #fff;
}
.btn-icon .fa-calculator + .fa-link:before {
    display: block;
    transform: rotate(-45deg) translate(4px, -2px);
}
.btn-icon .fa-envelope-o + .fa-paper-plane,
.btn-icon .fa-envelope-open-o + .fa-paper-plane {
    position: absolute;
    padding: 2px;
    top: 8px;
    right: -5px;
    font-size: 9px;
    border-radius: 50%;
    color: #fff;
    background-color: #009cff;
}
.btn-icon:hover i,
.btn-icon:focus i {
    color: #33b0ff !important;
    opacity: 0.7;
}
.btn-icon:hover i + .fa-paper-plane,
.btn-icon:focus i + .fa-paper-plane {
    color: #fff !important;
    background-color: #33b0ff;
}
.btn-icon:hover,
.btn-icon:focus {
    text-decoration: none;
}
.gutter {
    position: relative;
    cursor: grab;
}
.gutter:hover.gutter-horizontal:before {
    border-left-color: #009cff;
    border-right-color: #009cff;
}
.gutter:hover.gutter-vertical:before {
    border-top-color: #009cff;
    border-bottom-color: #009cff;
}
.gutter.gutter-horizontal:before,
.gutter.gutter-vertical:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: border-color 0.2s ease-in-out;
}
.gutter.gutter-horizontal:before {
    width: 4px;
    height: 20px;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
}
.gutter.gutter-vertical:before {
    width: 20px;
    height: 4px;
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
}
.email-template-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    padding-top: 10px;
}
@media screen and (min-width: 600px) {
    .email-template-wrapper {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 20px;
    }
}
.email-template-wrapper .functional-block {
    height: 100%;
    margin-top: 0;
}
.email-template-wrapper .email-open {
    display: block;
}
.email-template-wrapper .email-open,
.email-template-wrapper .email-theme {
    transition: 0.2s ease-in-out;
}
.email-template-wrapper .email-active .email-theme {
    padding: 2px 4px;
    border-radius: 4px;
    color: #ffffff;
    background-color: #009cff;
}
.email-template-wrapper .error-list,
.email-template-wrapper .hinweise-list {
    margin-left: 0;
    margin-right: 0;
}
.email-template-wrapper .rct-title span {
    word-break: normal;
    white-space: nowrap;
}
@media screen and (max-width: 599px) {
    .email-template-wrapper .gutter-horizontal {
        display: none;
    }
}
.email-left-col {
    position: relative;
    margin-left: 30px;
    margin-right: 10px;
}
@media screen and (min-width: 600px) {
    .email-left-col {
        margin-bottom: 20px;
        margin-right: 0;
    }
}
@media screen and (max-width: 599px) {
    .email-left-col {
        width: calc(100% - 50px) !important;
        height: 50vh;
    }
}
.email-left-col .sticky-block,
.email-left-col .sticky-block .filter-btn-trigger + .filter-component-wrapper,
.email-left-col .sticky-block .filter-btn-trigger + .filter-component-wrapper .sticky-inner-wrapper,
.email-left-col .sticky-block .filter-btn-trigger + .filter-component-wrapper .filter-component-wrapper,
.email-left-col .sticky-block .filter-btn-trigger + .filter-component-wrapper .filter {
    height: 100%;
}
.email-left-col .sticky-block .filter-btn-trigger + .filter-component-wrapper .filter .body {
    height: calc(100% - 32px);
    overflow-x: auto;
}
.email-left-col-inner {
    height: 100%;
    overflow: hidden;
}
.email-view {
    padding: 0 10px 10px;
}
@media screen and (min-width: 600px) {
    .email-view {
        padding: 0 20px 20px;
    }
}
@media screen and (max-width: 599px) {
    .email-view {
        width: calc(100% - 10px) !important;
        height: 48vh;
        padding-top: 20px;
        padding-left: 30px;
    }
}
.email-view .email-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.email-view .uppy-Dashboard-inner {
    height: 320px !important;
}
.email-tree .filter {
    margin-bottom: 20px;
}
.rct-node-icon {
    position: relative;
}
.rct-node-icon .fa-arrow-circle-down,
.rct-node-icon .fa-arrow-circle-up,
.rct-node-icon .fa-plus,
.rct-node-icon .fa-pencil {
    position: absolute;
    top: -4px;
    right: -2px;
}
.rct-node-icon .fa-arrow-circle-down:before,
.rct-node-icon .fa-arrow-circle-up:before,
.rct-node-icon .fa-plus:before,
.rct-node-icon .fa-pencil:before {
    border-radius: 50%;
    background-color: #fff;
}
.rct-node-icon .fa-arrow-circle-down {
    color: #7aa720;
}
.rct-node-icon .fa-arrow-circle-up {
    color: #d63a3a;
}
.rct-node-icon .fa-plus,
.rct-node-icon .fa-pencil {
    top: 3px;
}
.rct-node-icon .fa-plus:before,
.rct-node-icon .fa-pencil:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 8px;
    line-height: 12px;
    text-align: center;
    border: 1px solid #009cff;
    background-color: #ffffff;
    color: #009cff;
    transition: 0.2s ease-in-out;
}
.rct-node-icon:hover .fa-plus:before,
.rct-node-icon:hover .fa-pencil:before {
    color: #ffffff;
    background-color: #009cff;
}
.email-tree-details > span {
    display: block;
}
.email-tree-details > span:not(:last-child) {
    margin-bottom: 5px;
}
.email-tree-details .fa {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    transition: color 0.2s ease-in-out;
}
.email-tree-details .fa-file-pdf-o {
    color: #c82500;
}
.email-tree-details .fa-file-word-o {
    color: #2a5699;
}
.email-tree-details .fa-file-excel-o {
    color: #107c41;
}
.email-tree-details .fa-file-image-o {
    color: #995f33;
}
.email-tree-details .fa-file-text-o {
    color: #7f7f7f;
}
.email-tree-details .resubmission-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-left: 3px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    background-color: #009cff;
}
.popover-preview .popover-preview-row:not(:last-child) {
    margin-bottom: 10px;
}
.popover-preview .popover-preview-label {
    display: inline-block;
    vertical-align: top;
    width: 100px;
}
.popover-preview .popover-preview-value {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 105px);
    padding-right: 10px;
    box-sizing: border-box;
}
@media screen and (min-width: 600px) {
    .email-view {
        width: calc(100% - 300px);
        padding-left: 0;
    }
}
.email-tree-scroll {
    height: calc(100% - 32px);
    overflow-x: auto;
}
.auto-scroll {
    height: calc(100% - 32px);
    overflow-y: auto;
}
.attached-document {
    margin-top: 10px;
    margin-bottom: 10px;
}
.attached-document .fa {
    display: inline-block;
    margin-right: 5px;
    margin-left: 0 !important;
    font-size: 18px;
}
.attached-document .fa-file-pdf-o {
    color: #c82500;
}
.attached-document .fa-file-word-o {
    color: #2a5699;
}
.attached-document .fa-file-excel-o {
    color: #107c41;
}
.attached-document .fa-file-image-o {
    color: #995f33;
}
.attached-document .fa-file-text-o {
    color: #7f7f7f;
}
.email-top-block {
    padding: 10px;
}
@media screen and (min-width: 600px) {
    .email-top-block {
        padding: 10px 20px;
    }
}
.fa-sign-out.reverted {
    transform: scale(-1, 1);
}
.email-letter-block {
    padding: 30px 15px;
    margin: 20px -15px -15px;
    margin-top: 10px;
    border: none;
    border-radius: 4px;
    border-top: 1px solid #e6e6e6;
    background-color: #fff;
}
@media screen and (min-width: 600px) {
    .email-letter-block {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
        margin-right: -20px;
    }
}
.email-letter-block b {
    font-weight: 700;
}
.tiny-mce-editor {
    overflow-x: auto;
}
hr.offset-top-small {
    margin-top: 7px;
}
hr.wide {
    margin-left: -15px;
    margin-right: -15px;
}
@media screen and (min-width: 600px) {
    hr.wide {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.popup-tooltip {
    z-index: 10001;
}
.sticky-outer-wrapper {
    position: absolute !important;
    width: 100%;
}
.filter-component-wrapper {
    position: relative;
}
.filter-component-wrapper .filter {
    width: 100%;
    top: 0;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    border-color: #009cff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    transition: opacity 0.2s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
.filter-component-wrapper ~ .result-view-table {
    transition: opacity 0.2s ease-in-out;
}
.filter-component-wrapper.opened {
    z-index: 2 !important;
}
.filter-component-wrapper.opened .filter-component-btn .filter-icon-open {
    opacity: 0;
}
.filter-component-wrapper.opened .filter-component-btn .filter-icon-close {
    opacity: 1;
}
.filter-component-wrapper.opened .filter {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.filter-component-wrapper.opened ~ .result-view-table {
    opacity: 0.5;
    pointer-events: none;
}
.filter-btn-trigger {
    position: absolute;
    left: -21px;
    width: 21px;
}
.filter-btn-trigger + .filter-component-wrapper {
    z-index: -1;
}
.filter-component-btn,
.stuck-btn {
    margin-top: 10px;
    padding: 14px 5px 15px 6px;
    border-radius: 12px 0 0 12px;
    cursor: pointer;
    color: #ffffff;
    background-color: #009cff;
    box-shadow: -2px 2px 8px -4px rgba(0, 0, 0, 0.5);
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}
.filter-component-btn i,
.stuck-btn i {
    font-size: 12px;
    transition: opacity 0.2s ease-in-out;
}
.filter-component-btn i.filter-icon-close,
.stuck-btn i.filter-icon-close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 9px;
    height: 12px;
    margin: auto;
    opacity: 0;
}
.filter-component-btn:hover,
.stuck-btn:hover {
    box-shadow: none;
    background-color: #24aaff;
}
.stuck-btn {
    position: absolute;
    top: 50px;
    left: -21px;
    width: 21px;
}
.stuck-btn .fa-envelope-open-o {
    position: relative;
    left: -2px;
    font-size: 14px;
}
.stuck-btn .fa-pencil {
    position: absolute;
    top: 8px;
    left: 11px;
    color: #ffffff;
}
.stuck-btn .fa-pencil:before {
    display: block;
    width: 10px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
}
.sticky-block {
    position: relative;
}
.sticky-block .collapsible-content .functional-block {
    margin-top: 0;
}
.slide-navigation ul.fancytree-container,
.sidenavmenu-expandable ul.fancytree-container {
    font-family: Titillium, sans-serif;
    border: none;
    background-color: transparent;
}
.slide-navigation ul.fancytree-container:focus,
.sidenavmenu-expandable ul.fancytree-container:focus {
    outline: none;
}
.slide-navigation ul.fancytree-container li:not(:last-child),
.sidenavmenu-expandable ul.fancytree-container li:not(:last-child) {
    margin-bottom: 3px;
}
.slide-navigation .fancytree-plain span.fancytree-title,
.sidenavmenu-expandable .fancytree-plain span.fancytree-title {
    max-width: calc(100% - 35px);
    margin-left: 0;
    white-space: normal;
    word-break: break-all;
    color: #333;
    transition: 0.2s ease-in-out;
}
.slide-navigation .fancytree-plain span.fancytree-active span.fancytree-title,
.sidenavmenu-expandable .fancytree-plain span.fancytree-active span.fancytree-title,
.slide-navigation .fancytree-plain span.fancytree-selected span.fancytree-title,
.sidenavmenu-expandable .fancytree-plain span.fancytree-selected span.fancytree-title {
    padding: 2px 4px;
    border-radius: 4px;
    color: #ffffff;
    background-color: #009cff;
}
.slide-navigation .fancytree-plain span.fancytree-active span.fancytree-title a,
.sidenavmenu-expandable .fancytree-plain span.fancytree-active span.fancytree-title a,
.slide-navigation .fancytree-plain span.fancytree-selected span.fancytree-title a,
.sidenavmenu-expandable .fancytree-plain span.fancytree-selected span.fancytree-title a {
    color: #ffffff;
}
.slide-navigation span.fancytree-expander,
.sidenavmenu-expandable span.fancytree-expander {
    padding-top: 2px;
}
.slide-navigation span.fancytree-custom-icon,
.sidenavmenu-expandable span.fancytree-custom-icon {
    margin-left: 5px;
}
.slide-navigation span.fancytree-custom-icon.fa-building,
.sidenavmenu-expandable span.fancytree-custom-icon.fa-building {
    margin-top: 1px;
}
.slide-navigation .fancytree-plain .fancytree-node.fancytree-bold a,
.sidenavmenu-expandable .fancytree-plain .fancytree-node.fancytree-bold a {
    font-weight: bold;
}
.slide-navigation .fancytree-plain .fancytree-node.fancytree-disabled a,
.sidenavmenu-expandable .fancytree-plain .fancytree-node.fancytree-disabled a {
    color: #b2b2b2;
}
.slide-navigation {
    position: static;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-top: 25px;
    transition: width 0.2s ease-in-out;
    z-index: 2;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .slide-navigation {
        transition: none;
    }
}
.slide-navigation ul.fancytree-container {
    margin-left: -5px;
    margin-right: -15px;
}
.slide-navigation .slide-navigation-inner {
    position: relative;
    z-index: 2;
}
.slide-navigation .slide-navigation-content {
    position: static;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
}
@media screen and (max-width: 991px) {
    .slide-navigation .slide-navigation-content {
        max-height: 0;
        transition: max-height 0.8s ease-out, opacity 0.2s ease-in-out;
    }
}
.slide-navigation .slide-navigation-content .functional-block {
    width: 100%;
    margin-top: 0;
}
.slide-navigation.opened {
    width: 100%;
}
.slide-navigation.opened .slide-navigation-content {
    width: 100%;
    opacity: 1;
    pointer-events: auto;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .slide-navigation.opened .slide-navigation-content {
        max-height: calc(100vh - 70px);
    }
}
@media screen and (max-width: 767px) {
    .slide-navigation.opened .slide-navigation-content {
        max-height: 100vh;
    }
}
@media screen and (max-width: 991px) {
    .slide-navigation.opened .slide-navigation-content .functional-block {
        border-color: #009cff;
    }
    .slide-navigation.opened .slide-navigation-content .functional-block .body {
        max-height: calc(100vh - 110px);
        overflow-y: auto;
    }
}
@media screen and (max-width: 767px) {
    .slide-navigation.opened .slide-navigation-content .functional-block .body {
        max-height: calc(100vh - 40px);
    }
}
.slide-navigation.opened .slide-navigation-btn {
    width: 21px;
    height: 43px;
    border-radius: 12px 0 0 12px;
    border-right: 0;
    opacity: 1;
    transform: translateY(0);
}
.slide-navigation.opened .slide-navigation-btn .icon-close {
    opacity: 1;
}
.slide-navigation.opened .slide-navigation-btn .icon-open {
    opacity: 0;
}
.slide-navigation .slide-navigation-btn {
    position: absolute;
    top: 16px;
    left: -20px;
    width: 30px;
    height: 30px;
    border: 1px solid #009cff;
    border-radius: 50%;
    opacity: 0.7;
    color: #009cff;
    background-color: #fff;
    box-shadow: -2px 2px 8px -4px rgba(0, 0, 0, 0.5);
    transform: translateY(6px);
    transition: 0.2s ease-in-out;
    cursor: pointer;
}
.slide-navigation .slide-navigation-btn i {
    font-size: 12px;
    transition: opacity 0.2s ease-in-out;
}
.slide-navigation .slide-navigation-btn i.icon-close,
.slide-navigation .slide-navigation-btn i.icon-open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 11px;
    height: 12px;
    margin: auto;
}
.slide-navigation .slide-navigation-btn i.icon-close {
    opacity: 0;
}
.slide-navigation .slide-navigation-btn:hover {
    box-shadow: none;
    opacity: 1;
}
@media screen and (min-width: 768px) {
    .slide-navigation {
        top: 71px;
    }
}
@media screen and (min-width: 992px) {
    .slide-navigation {
        display: inline-block;
        vertical-align: top;
        width: 0;
        top: 35px;
    }
    .slide-navigation ~ .body-content-wrapper {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 4px);
        padding-left: 20px;
        box-sizing: border-box;
        transition: width 0.2s ease-in-out;
    }
    .slide-navigation .slide-navigation-btn {
        opacity: 1;
    }
    .slide-navigation .slide-navigation-content {
        position: static;
    }
    .slide-navigation .slide-navigation-content .functional-block {
        width: 260px;
    }
    .slide-navigation.opened {
        width: 260px;
    }
    .slide-navigation.opened ~ .body-content-wrapper {
        width: calc(100% - 264px);
    }
    .slide-navigation.opened ~ .body-content-wrapper .functional-block .mailbox .document-header .mailbox-subject {
        flex-direction: column;
    }
    .slide-navigation.opened ~ .body-content-wrapper .functional-block .mailbox .table-filter-options {
        margin-left: 0;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .slide-navigation.opened ~ .body-content-wrapper .functional-block .mailbox-search {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
    .slide-navigation.opened ~ .body-content-wrapper .functional-block .mailbox .document-header {
        padding-bottom: 50px;
    }
}
.sidenavmenu-expandable {
    border: 1px #ddd solid;
    border-radius: 4px;
    margin-bottom: 2px;
}
.sidenavmenu-expandable .sidenavmenu-header {
    width: 100%;
    padding: 10px 15px;
    text-align: left;
    background-color: #ddd;
    border: none;
}
.sidenavmenu-expandable .sidenavmenu-header:focus,
.sidenavmenu-expandable .sidenavmenu-header:hover {
    background-color: #c9c9c9;
    outline: none;
}
.sidenavmenu-expandable .sidenavmenu-header .caret {
    float: right;
    margin-top: 4px;
    transition: all 0.4s ease-in-out;
}
.sidenavmenu-expandable .sidenavmenu-body {
    height: 0;
    overflow: hidden;
}
.sidenavmenu-expandable.opened .caret {
    transform: rotate3d(1, 0, 0, 180deg);
}
.sidenavmenu-expandable.opened .sidenavmenu-body {
    height: auto;
}
.sidenavmenu-expandable ul.fancytree-container {
    padding: 12px 5px 12px 15px;
}
.tooltip.in {
    opacity: 1;
}
.tooltip .tooltip-inner {
    color: #333;
    background-color: #fff;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.3);
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #fff;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #fff;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #fff;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #fff;
}
.react-contextmenu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px;
    color: #373a3c;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    outline: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 250ms ease !important;
}
.react-contextmenu.react-contextmenu--visible {
    opacity: 1;
    pointer-events: auto;
}
.react-contextmenu-item {
    padding: 3px 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    cursor: pointer;
}
.react-contextmenu-item.react-contextmenu-item--active,
.react-contextmenu-item.react-contextmenu-item--selected {
    color: #fff;
    background-color: #20a0ff;
    border-color: #20a0ff;
    text-decoration: none;
}
.react-contextmenu-item.react-contextmenu-item--disabled,
.react-contextmenu-item.react-contextmenu-item--disabled:hover {
    color: #878a8c;
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.15);
}
.react-contextmenu-item--divider {
    margin-bottom: 3px;
    padding: 2px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    cursor: inherit;
}
.react-contextmenu-item--divider:hover {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.15);
}
.react-contextmenu-item.react-contextmenu-submenu {
    padding: 0;
}
.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
    content: "\f107";
    display: inline-block;
    position: absolute;
    right: 7px;
    font-family: "FontAwesome";
}
.react-contextmenu-item.react-contextmenu-submenu:hover > .react-contextmenu-item:after,
.react-contextmenu-item.react-contextmenu-submenu:focus > .react-contextmenu-item:after,
.react-contextmenu-item.react-contextmenu-submenu:active > .react-contextmenu-item:after {
    content: "\f105";
}
.react-grid-Header {
    height: 32px !important;
    background: #002f63;
}
.react-grid-HeaderRow {
    max-width: calc(100% - 17px);
    user-select: none;
}
.react-grid-HeaderCell {
    display: flex !important;
    height: 32px !important;
    padding: 8px 10px;
    font-weight: bold;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    background-color: #002f63;
    border-bottom: 1px solid #ededf0;
    user-select: none;
}
.widget-HeaderCell-icon {
    width: 7px;
    margin-left: 3px;
    line-height: 16px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .widget-HeaderCell-icon {
        width: 20px;
    }
}
.react-grid-HeaderCell__value,
.widget-HeaderCell__value {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.react-grid-HeaderCell:nth-last-child(2) .react-grid-HeaderCell__value,
.react-grid-HeaderCell:nth-last-child(2) .widget-HeaderCell__value {
    width: calc(100% + 50px);
}
.react-grid-Cell {
    padding: 0;
    background-color: #f9f9f9;
}
.react-grid-Cell:last-child {
    margin-right: 10px;
}
.rdg-selected {
    border: 2px solid #66afe9;
}
.rdg-selected-range {
    border: 1px solid #66afe9;
    background-color: #66afe930;
}
.moving-element {
    will-change: transform;
}
.react-grid-Cell--frozen {
    z-index: 2;
}
.react-contextmenu--visible {
    z-index: 1000;
}
.react-grid-Cell .react-grid-Cell__value {
    white-space: nowrap;
    text-overflow: ellipsis;
    height: inherit;
}
.react-grid-Cell .react-grid-Cell__value > div {
    overflow: hidden;
}
.react-grid-Cell.has_error {
    box-shadow: inset 0 0 0 1px #e37976, inset 0 0 0 3px rgba(227, 121, 118, 0.5);
    height: 36px !important;
}
.react-grid-Cell.has_error .react-grid-Cell__value {
    background-color: rgba(227, 121, 118, 0.15);
}
.react-grid-Cell.has_hint {
    box-shadow: inset 0 0 0 1px #8cb9e3, inset 0 0 0 3px rgba(140, 185, 227, 0.5);
    height: 36px !important;
}
.react-grid-Cell.has_hint .react-grid-Cell__value {
    background-color: rgba(81, 171, 255, 0.15);
}
.react-grid-Cell.readonly {
    background-color: #000;
}
.react-grid-Cell.editing {
    padding: 0;
    overflow: visible !important;
}
.react-grid-Cell.editing .has-error input {
    border: 2px red #e37976 !important;
    border-radius: 2px !important;
}
.react-grid-Cell__value ul {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
}
.rdg-cell-expand {
    float: right;
    display: table;
    height: 100%;
}
.rdg-cell-expand > span {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}
.rdg-dragging {
    cursor: grabbing;
}
.rdg-scrolling {
    pointer-events: none;
}
.react-grid-Container {
    clear: both;
    margin-top: 0;
    padding: 0;
}
.react-grid-Main {
    background-color: #fff;
    color: inherit;
    padding: 0;
    clear: both;
}
.react-grid-Grid {
    background-color: #fff;
    font-family: Titillium, sans-serif;
    border: 1px solid #ededf0;
    border-radius: 4px;
    user-select: none;
}
.react-grid-Canvas {
    max-width: 100%;
    background-color: #fff;
}
.rdg-selected {
    border: 2px solid #66afe9;
}
.rdg-selected .drag-handle {
    pointer-events: auto;
    position: absolute;
    bottom: -5px;
    right: -4px;
    background: #66afe9;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-right: 0;
    border-bottom: 0;
    cursor: crosshair;
    cursor: grab;
}
.rdg-selected:hover .drag-handle {
    bottom: -8px;
    right: -7px;
    background: #fff;
    width: 16px;
    height: 16px;
    border: 1px solid #66afe9;
}
.rdg-selected:hover .drag-handle .glyphicon-arrow-down {
    display: block;
}
.react-grid-cell-dragged-over-up,
.react-grid-cell-dragged-over-down {
    border: 1px dashed #007eff !important;
    background-color: rgba(0, 126, 255, 0.3) !important;
}
.react-grid-cell-dragged-over-up {
    border-bottom-width: 0;
}
.react-grid-cell-dragged-over-down {
    border-top-width: 0;
}
.react-grid-cell-copied {
    background-color: rgba(0, 126, 255, 0.2) !important;
}
.rdg-editor-container input,
.rdg-editor-container select {
    display: block;
    width: 100%;
    height: 28px !important;
    line-height: 28px;
    padding: 0 10px;
    margin-top: 3px;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-family: Titillium, sans-serif;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #666;
    box-shadow: 2px 2px 12px -10px rgba(0, 0, 0, 0.9);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-appearance: none;
}
.rdg-editor-container input:focus,
.rdg-editor-container select:focus {
    outline: none;
    box-shadow: none;
    border-color: #009cff;
}
.rdg-editor-container input:disabled,
.rdg-editor-container select:disabled {
    color: #c9c9c9;
    background-color: #fbfbfb;
    cursor: not-allowed;
    box-shadow: none;
}
.rdg-editor-container select {
    padding: 0 24px 0 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAIAAAD5O0jeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODEyNjcxQTA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODEyNjcxQjA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4MTI2NzE4MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4MTI2NzE5MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U3NFBgAAAWFJREFUeNpi/P//PwMS+P7jx9XrN799/26op8PLw4MsxYis9MuXrzdu337x6jULMwsXF6euloaggAAWpR8/fbp87fqbt++YmZkZGRn//PnLw8Olq60lLiKCovTT58/nLl3+8OETMzMTUB1EDqgaSFqam0BUM0HMO3nmHFydj7srEAHFWViAxjOcu3D51Zs3IFNfv317+NhJoAq4OrjjtuzcDST//v3LxMRspK/LuH7LdqBWJiZ0dXDVQBf++wck/jOiBRYewMRANBhSSv/++0eMOmBAsdy6c/fu/QcQPtZwhTBUlBSZJMRE+fn40CTQuAL8fBwc7EzAZKavo8XDzYUmDWdwsLPLSksryMoiUtb5y1d+/fr18+cvZINZWFg1VJQU5OUQIcDHy2ugo83JwYHmVg01ZYg6rLngDjAXAH3Mxsqqo60pJS6OPcMAwQ9g3rpx6+27d8aG+sKCgshSAAEGAECppOmEw8PZAAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 6px auto;
}
.rdg-editor-container select::-ms-expand {
    display: none;
}
.rdg-editor-container input::-moz-placeholder,
select::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.rdg-editor-container input:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.rdg-editor-container input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.rdg-editor-container input[disabled],
select[disabled],
.rdg-editor-container input[readonly],
select[readonly],
fieldset[disabled] .rdg-editor-container input,
fieldset[disabled] select {
    color: #c9c9c9;
    background-color: #fbfbfb;
    cursor: not-allowed;
    opacity: 1;
    box-shadow: none;
}
.react-grid-Toolbar {
    height: auto;
    padding: 8px 0;
    margin-top: 10px;
    margin-bottom: 0;
    color: inherit;
    text-align: center;
}
.react-grid-Toolbar .tools {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding: 0;
    margin: -6px 0 0;
}
.react-grid-Toolbar .main-button {
    margin: 2px 5px;
}
.react-grid-Toolbar .first-button {
    order: 1;
}
.react-grid-Toolbar .last-button {
    order: 2;
}
.react-grid-Toolbar .middle-buttons {
    order: 3;
}
.react-grid-Container {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin-top: 25px;
    color: #666;
}
.react-grid-Container .react-grid-Toolbar {
    order: 2;
}
.react-grid-Container .react-grid-Main {
    order: 1;
}
.react-grid-Container .react-grid-Row {
    padding: 0;
    background-color: #f9f9f9;
}
.react-grid-Container .react-grid-HeaderRow,
.react-grid-Container .react-grid-HeaderRow > div {
    height: 32px !important;
}
.react-grid-Container .react-grid-HeaderCell-sortable {
    position: relative;
    padding-left: 10px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.react-grid-Container .react-grid-HeaderCell-sortable:before,
.react-grid-Container .react-grid-HeaderCell-sortable:after {
    position: absolute;
    left: -1px;
    top: -5px;
    display: inline-block;
    opacity: 0.3;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
}
.react-grid-Container .react-grid-HeaderCell-sortable:before {
    content: "\f0d8";
}
.react-grid-Container .react-grid-HeaderCell-sortable:after {
    content: "\f0d7";
    top: 3px;
}
.react-grid-Container .react-grid-HeaderCell-sortable.react-grid-HeaderCell-sortable--ascending:before {
    opacity: 1;
}
.react-grid-Container .react-grid-HeaderCell-sortable.react-grid-HeaderCell-sortable--ascending:after {
    opacity: 0.3;
}
.react-grid-Container .react-grid-HeaderCell-sortable.react-grid-HeaderCell-sortable--descending:after {
    opacity: 1;
}
.react-grid-Container .react-grid-HeaderCell-sortable.react-grid-HeaderCell-sortable--descending:before {
    opacity: 0.3;
}
.react-grid-Container .react-grid-HeaderCell-sortable .pull-right {
    display: none !important;
}
.react-grid-Container .react-contextmenu-wrapper > div:first-child {
    width: 100% !important;
}
.react-grid-Container .react-grid-Row:nth-child(even),
.react-grid-Container .react-grid-Row:nth-child(even) .react-grid-Cell {
    background-color: #fff;
}
.react-grid-Container .react-grid-Row,
.react-grid-Container .react-grid-Row .react-grid-Cell {
    border-bottom: 1px solid #ededf0;
}
.react-grid-Container .react-grid-Row.row_info,
.react-grid-Container .react-grid-Row.row_info .react-grid-Cell {
    background-color: #dbecfa;
}
.react-grid-Container .react-grid-Cell:not(:last-child),
.react-grid-Container .react-grid-HeaderCell:not(:last-child) {
    border-right: 1px solid #ededf0;
}
.react-grid-Container .react-grid-Viewport {
    top: 32px !important;
}
.react-grid-Container .react-grid-Cell__value {
    padding: 10px;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 15px;
}
.react-grid-Container .react-grid-Cell.grid-index-cell .react-grid-Cell__value {
    padding: 10px 3px;
}
.react-grid-Container .react-grid-Row .react-grid-Cell.grid-index-cell,
.react-grid-Container .react-grid-HeaderRow .react-grid-HeaderCell.grid-index-cell {
    color: #ffffff;
    background-color: #002f63;
    border-right: 1px solid #ededf0;
    text-align: center;
}
.react-contextmenu {
    padding: 0;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
}
.react-contextmenu .react-contextmenu-item {
    height: 32px;
    color: #666;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 16px;
}
.react-contextmenu .react-contextmenu-item:not(.react-contextmenu-submenu) {
    padding: 8px 10px;
}
.react-contextmenu .react-contextmenu-item.react-contextmenu-item--active,
.react-contextmenu .react-contextmenu-item.react-contextmenu-item--selected,
.react-contextmenu .react-contextmenu-item:hover,
.react-contextmenu .react-contextmenu-item:active,
.react-contextmenu .react-contextmenu-item:focus {
    background-color: #e2e2e2;
    color: #666;
}
.react-contextmenu .react-contextmenu-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.react-contextmenu .react-contextmenu-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.data-grid-select {
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAIAAAD5O0jeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODEyNjcxQTA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODEyNjcxQjA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4MTI2NzE4MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4MTI2NzE5MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U3NFBgAAAWFJREFUeNpi/P//PwMS+P7jx9XrN799/26op8PLw4MsxYis9MuXrzdu337x6jULMwsXF6euloaggAAWpR8/fbp87fqbt++YmZkZGRn//PnLw8Olq60lLiKCovTT58/nLl3+8OETMzMTUB1EDqgaSFqam0BUM0HMO3nmHFydj7srEAHFWViAxjOcu3D51Zs3IFNfv317+NhJoAq4OrjjtuzcDST//v3LxMRspK/LuH7LdqBWJiZ0dXDVQBf++wck/jOiBRYewMRANBhSSv/++0eMOmBAsdy6c/fu/QcQPtZwhTBUlBSZJMRE+fn40CTQuAL8fBwc7EzAZKavo8XDzYUmDWdwsLPLSksryMoiUtb5y1d+/fr18+cvZINZWFg1VJQU5OUQIcDHy2ugo83JwYHmVg01ZYg6rLngDjAXAH3Mxsqqo60pJS6OPcMAwQ9g3rpx6+27d8aG+sKCgshSAAEGAECppOmEw8PZAAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 6px auto;
}
.data-grid-select-title {
    margin-right: 10px;
    overflow: hidden;
}
.rdg-popover {
    padding: 0;
    color: #666;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 16px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    box-shadow: none;
}
.rdg-popover .popover-content {
    padding: 8px 10px;
}
.chart-block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.chart-block .body,
.chart-block .body .row,
.chart-block .body .row > div,
.chart-block .chart-inner {
    height: 100%;
}
.chart-block .chart-inner {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
}
.categorie-title {
    padding: 10px 0;
    margin-bottom: 8px !important;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
}
.categorie-title:empty {
    padding-bottom: 0;
}
.compare-table-wrapper {
    position: relative;
    font-size: 12px;
}
.compare-table-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    width: 20px;
    background: linear-gradient(to right, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}
@media screen and (max-width: 599px) {
    .compare-table-wrapper:before {
        left: 125px;
    }
}
.compare-table {
    margin-left: 200px;
    padding-bottom: 20px;
    overflow-x: auto;
}
.compare-table:before,
.compare-table:after {
    position: absolute;
    display: none;
    font: normal normal normal 30px/1 FontAwesome;
    text-rendering: auto;
    color: #e6e6e6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.compare-table:before {
    content: "\f07e";
    bottom: 40px;
    left: 76px;
}
.compare-table:after {
    content: "\f0a6";
    bottom: 20px;
    left: 80px;
}
@media screen and (max-width: 991px) {
    .compare-table {
        margin-right: -20px;
    }
    .compare-table:before,
    .compare-table:after {
        display: inline-block;
    }
}
@media screen and (max-width: 599px) {
    .compare-table {
        margin-right: -15px;
        margin-left: 130px;
    }
    .compare-table:before {
        left: 46px;
    }
    .compare-table:after {
        left: 50px;
    }
}
.compare-table table {
    border-collapse: separate;
    border-spacing: 15px 0;
    background-color: transparent !important;
}
.compare-table td {
    border: 1px solid #fff;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    transition: border-color 0.2s ease-in-out;
}
.compare-table td:nth-child(2) {
    background-color: #f5f5f5;
}
.compare-table td:nth-child(3) {
    background-color: #f0f0f0;
}
.compare-table td:nth-child(4) {
    background-color: #ebebeb;
}
.compare-table td:nth-child(5) {
    background-color: #e6e6e6;
}
.compare-table td.active {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-color: #009cff;
    border-right-color: #009cff;
}
.compare-table td.active .compare-chosen {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.compare-table-label {
    position: absolute;
    width: 200px;
    padding: 10px;
    margin-left: -210px;
    line-height: 1.3;
    border: none !important;
    background-color: transparent !important;
}
@media screen and (max-width: 991px) {
    .compare-table-label {
        margin-left: -225px;
    }
}
@media screen and (max-width: 599px) {
    .compare-table-label {
        width: 140px;
        margin-left: -155px;
    }
}
.compare-table-cell {
    vertical-align: top;
}
.compare-table-cell div {
    min-height: 50px;
    padding: 10px;
    line-height: 1.3;
    text-align: center;
}
.compare-table-head div,
.compare-table-check div {
    padding: 10px;
    text-align: center;
}
.compare-table-head {
    font-weight: bold;
    line-height: 1.3;
    border-top-color: transparent !important;
}
@media screen and (max-width: 991px) {
    .compare-table-head div {
        margin: 0 15px;
    }
}
.compare-table-head.active {
    border-top-color: #009cff !important;
}
.compare-table-check {
    position: relative;
    border-bottom: 1px solid transparent !important;
    transition: border-color 0.2s ease-in-out;
}
.compare-table-check.active {
    border-bottom-color: #009cff !important;
}
.compare-table-check.active .secondary-button {
    opacity: 0;
}
.compare-chosen {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-weight: bold;
    opacity: 0;
    visibility: hidden;
    background-color: #009cff;
    color: #ffffff;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
}
.compare-chosen i {
    margin-right: 7px;
    font-size: 20px;
}
.compare-footnote {
    padding-left: 230px;
    margin: 10px 0;
    font-size: 12px;
}
@media screen and (max-width: 767px) {
    .compare-footnote {
        padding-left: 0;
    }
}
.qrcode {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.accordion .accordion-header {
    position: relative;
    padding: 12px 30px 12px 0;
    cursor: pointer;
}
.accordion .accordion-header:not(:first-of-type) {
    border-top: 1px solid #e6e6e6;
}
.accordion .accordion-header-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 10px;
    font-family: "FontAwesome";
    transition: all 500ms ease-in-out;
}
.accordion .accordion-header-icon:before {
    content: "\f078";
}
.accordion .is-active .accordion-header-icon {
    top: 17px;
    transform: rotate3d(1, 0, 0, 180deg);
}
.accordion .accordion-title {
    margin-bottom: 0;
}
.accordion .accordion-title-label {
    padding: 0;
    font-size: 1em;
    line-height: 1.2;
    font-weight: bold;
    background: none;
    border: none;
}
.accordion .accordion-panel,
.accordion .accordion-panel-content {
    overflow: hidden;
}
.accordion .accordion-panel-content {
    padding-bottom: 12px;
}
.custom-page.container {
    width: 100%;
}
@media (min-width: 768px) {
    .custom-page.container {
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    .custom-page.container {
        max-width: 970px;
    }
}
@media (min-width: 1200px) {
    .custom-page.container {
        max-width: 1170px;
    }
}
.table-expandable-rows tbody > tr > td:first-child {
    text-align: left;
}
.table-expandable-rows .more-details {
    display: inline-block;
    width: auto;
    height: 14px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #666;
    text-align: left;
}
.table-expandable-rows .more-details i.fa {
    margin-left: 6px;
    font-size: 18px;
    line-height: 16px;
    color: #009cff;
    transition: color 0.2s ease-in-out;
}
.table-expandable-rows .more-details:hover i.fa {
    animation: none;
    color: #33b0ff;
}
.table-expandable-rows .row-expandable td:first-child {
    box-shadow: inset 4px 0 0 0 #ededf0;
    padding-left: 30px;
}
@media screen and (max-width: 768px) {
    .table-expandable-rows .row-expandable td {
        box-shadow: inset 4px 0 0 0 #ededf0;
    }
    .table-expandable-rows .row-expandable td:first-child {
        padding-left: 50%;
    }
}
@media screen and (max-width: 768px) {
    .table-long-column-head td[data-column]:before {
        direction: rtl;
    }
}
.checkbox-tree-simplified .react-checkbox-tree {
    margin-bottom: -4px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .checkbox-tree-simplified {
        display: block;
    }
}
.checkbox-tree-simplified .rct-node-leaf .rct-collapse {
    display: none;
}
.checkbox-tree-simplified .rct-title {
    display: inline-block;
}
.checkbox-tree-simplified .rct-node-leaf .rct-title {
    padding-left: 5px;
}
.checkbox-tree-simplified .rct-bare-label .rct-title {
    vertical-align: text-top;
    padding-right: 50px;
    padding-bottom: 4px;
}
.checkbox-tree-simplified .rct-bare-label .rct-title span,
.checkbox-tree-simplified .rct-bare-label .rct-title a {
    white-space: normal;
    line-height: 1.2;
}
.select2.select2-container {
    width: 100% !important;
}
.select2.select2-container .select2-selection {
    width: 100%;
    min-height: 28px;
    height: auto;
    margin: 0;
    padding: 1px 22px 1px 2px;
    line-height: 0.8;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAIAAAD5O0jeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODEyNjcxQTA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODEyNjcxQjA5MjkxMUVBQjU3QTk5QUNDNTZGODNERiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4MTI2NzE4MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4MTI2NzE5MDkyOTExRUFCNTdBOTlBQ0M1NkY4M0RGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U3NFBgAAAWFJREFUeNpi/P//PwMS+P7jx9XrN799/26op8PLw4MsxYis9MuXrzdu337x6jULMwsXF6euloaggAAWpR8/fbp87fqbt++YmZkZGRn//PnLw8Olq60lLiKCovTT58/nLl3+8OETMzMTUB1EDqgaSFqam0BUM0HMO3nmHFydj7srEAHFWViAxjOcu3D51Zs3IFNfv317+NhJoAq4OrjjtuzcDST//v3LxMRspK/LuH7LdqBWJiZ0dXDVQBf++wck/jOiBRYewMRANBhSSv/++0eMOmBAsdy6c/fu/QcQPtZwhTBUlBSZJMRE+fn40CTQuAL8fBwc7EzAZKavo8XDzYUmDWdwsLPLSksryMoiUtb5y1d+/fr18+cvZINZWFg1VJQU5OUQIcDHy2ugo83JwYHmVg01ZYg6rLngDjAXAH3Mxsqqo60pJS6OPcMAwQ9g3rpx6+27d8aG+sKCgshSAAEGAECppOmEw8PZAAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 6px auto;
    color: #666;
    box-shadow: 2px 2px 12px -10px rgba(0, 0, 0, 0.9);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-appearance: none;
}
.select2.select2-container .select2-selection ul.select2-selection__rendered {
    position: relative;
    padding: 0 30px 0 0;
}
.select2.select2-container .select2-selection ul.select2-selection__rendered li.select2-search {
    margin-bottom: 0;
}
.select2.select2-container .select2-selection ul.select2-selection__rendered li.select2-search input.select2-search__field {
    height: 24px;
    margin: 0;
    padding: 0 2px 0 8px;
    font-family: Titillium, sans-serif;
    font-size: 12px;
    line-height: 24px;
}
.select2.select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice {
    display: inline-block;
    position: relative;
    max-width: 100%;
    height: 20px;
    margin: 2px;
    padding: 3px 26px 3px 6px;
    color: #333;
    background-color: #e2e2e2;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.select2.select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__remove {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    line-height: 20px;
    text-align: center;
    border-radius: 0 4px 4px 0;
    border-left: 1px dashed #c9c9c9;
}
.select2.select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__remove:hover {
    color: #666;
    background-color: #c9c9c9;
}
.select2.select2-container .select2-selection ul.select2-selection__rendered span.select2-selection__clear {
    display: block;
    position: absolute;
    top: calc(50% - 9px);
    right: 2px;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: "Arial";
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background-color: #009cff;
}
.select2.select2-container .select2-selection ul.select2-selection__rendered span.select2-selection__clear:hover {
    background-color: #33b0ff;
}
.select2-container.select2-container--open .select2-selection.select2-selection--multiple,
.select2-container.select2-container--focus .select2-selection.select2-selection--multiple {
    outline: none;
    border-color: #009cff;
    box-shadow: none;
}
.select2-container.select2-container--open .select2-dropdown--below,
.select2-container.select2-container--focus .select2-dropdown--below {
    border-color: #009cff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 -1px 0 0 #009cff, 2px 2px 12px -10px rgba(0, 0, 0, 0.9);
    overflow: hidden;
}
.select2-container--default .select2-results__option,
.select2-results__option {
    position: relative;
    display: block;
    min-height: 27px;
    padding: 7px 6px 6px 29px;
    line-height: 14px;
}
.select2-container--default .select2-results__option:before,
.select2-results__option:before,
.select2-container--default .select2-results__option:after,
.select2-results__option:after {
    content: "";
    display: block;
    position: absolute;
}
.select2-container--default .select2-results__option:before,
.select2-results__option:before {
    width: 15px;
    height: 15px;
    top: 6px;
    left: 6px;
    vertical-align: text-bottom;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.select2-container--default .select2-results__option:after,
.select2-results__option:after {
    top: 10px;
    left: 9px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #009cff;
    border-bottom: 2px solid #009cff;
    opacity: 0;
    transform: rotate(-45deg) scale(1.5);
    transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-results__option[aria-selected="true"] {
    background-color: #e2e2e2;
}
.select2-container--default .select2-results__option[aria-selected="true"]:after,
.select2-results__option[aria-selected="true"]:after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.select2-container--default .select2-results__option[aria-selected="true"]:before,
.select2-results__option[aria-selected="true"]:before {
    animation: scale-toggle 0.4s ease-in-out forwards;
}
.select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected],
.select2-results__option.select2-results__option--highlighted[aria-selected] {
    background-color: #338fff;
}
.select2-container--default .select2-results__option.select2-results__message,
.select2-results__option.select2-results__message {
    color: #666;
    text-align: center;
}
.select2-container--default .select2-results__option.select2-results__message:before,
.select2-results__option.select2-results__message:before,
.select2-container--default .select2-results__option.select2-results__message:after,
.select2-results__option.select2-results__message:after {
    content: none;
}
.dsgvoPanel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100vh;
    padding: 20px 0;
    overflow-y: auto;
    background-color: #efefef;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    z-index: 1002;
}
.dsgvoPanel h1,
.dsgvoPanel h2,
.dsgvoPanel h3,
.dsgvoPanel h4,
.dsgvoPanel h5,
.dsgvoPanel h6,
.dsgvoPanel p {
    margin-top: 10px;
    color: #333;
}
.dsgvoPanel h3 {
    font-size: 16px;
}
.dsgvoPanel .link-button {
    border-color: transparent;
    color: #fff;
    background-color: #b1b1b1;
}
.dsgvoPanel .link-button:hover {
    background-color: #8d8d8d;
}
.dsgvoPanel .container {
    padding-left: 15px;
    padding-right: 15px;
}
.dsgvoPanel .dsgvo-settings p {
    line-height: 1.3;
}
.dsgvoPanel .dsgvo-settings-items {
    margin-top: 20px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}
.dsgvoPanel .dsgvo-settings-item {
    padding: 5px 15px;
}
.dsgvoPanel .dsgvo-settings-item:not(:last-child) {
    border-bottom: 1px solid #d5d5d5;
}
.dsgvoPanel .dsgvo-settings-item h3 {
    margin-bottom: 5px;
    font-weight: normal;
}
.dsgvoPanel .dsgvo-settings-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dsgvoPanel .dsgvo-settings-header span {
    font-size: 14px;
}
.dsgvoPanel .dsgvo-settings-buttons {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.dsgvoPanel .dsgvo-settings-buttons button {
    margin: 10px 5px 0;
}
.dsgvoPanel .dsgvo-link {
    text-decoration: underline;
    color: #009cff;
}
.dsgvoPanel ul {
    margin-top: 30px;
}
.dsgvoPanel ul li {
    margin-bottom: 5px;
}
.dsgvoPanel ul b,
.dsgvoPanel ul span {
    display: inline-block;
    vertical-align: top;
}
.dsgvoPanel ul b {
    width: 150px;
    font-weight: bold;
}
.dsgvoPanel ul span {
    width: calc(100% - 160px);
}
.dsgvoPanel ul:not(:last-of-type) {
    margin-bottom: 30px;
}
.dsgvoPanel .color-true {
    color: #4fa250;
}
.dsgvoPanel .color-false {
    color: #a94442;
}
.dsgvoPanel .popup-window {
    padding: 0;
}
.dsgvoPanel .popup-window .popup-inner {
    max-width: 1000px;
    text-align: left;
}
.dsgvoPanel .dsgvoFooter {
    text-align: center;
}
.dsgvoPanel .dsgvoFooter button {
    margin: 5px;
}
.dsgvoPanel .dsgvoFooter .dialog {
    top: 20px;
}
@media screen and (max-width: 767px) {
    .dsgvoPanel .dsgvoFooter .dialog {
        right: 0;
    }
}
@media screen and (min-width: 768px) {
    .dsgvoPanel .dsgvoWrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .dsgvoPanel .dsgvoFooter {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        padding-left: 20px;
    }
    .dsgvoPanel .dsgvoFooter button {
        margin: 5px 0;
    }
}
.ag-benutzer-tree.ui-state-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}
.ag-benutzer-tree.ui-state-disabled ul.fancytree-container {
    opacity: 1;
    background-color: transparent;
}
.ag-benutzer-tree.ui-state-disabled .fancytree-expander {
    display: none;
}
.ag-benutzer-tree ul.fancytree-container {
    font-family: Titillium, sans-serif;
    line-height: 1.4;
    border: none;
    background-color: transparent;
}
.ag-benutzer-tree .options-container {
    display: inline-block;
    margin-left: 15px;
    padding: 0;
    color: inherit;
}
.ag-benutzer-tree .options-container span {
    padding-top: 1px;
    padding-left: 27px;
}
.ag-benutzer-tree .options-container .radio-inline > span:before,
.ag-benutzer-tree .options-container .radio-inline > span:after {
    margin-top: -3px;
}
.ag-benutzer-tree .options-container .classic-component.radio-inline {
    top: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.ag-benutzer-tree span.fancytree-title {
    margin-left: 2px;
    color: #009cff;
}
.ag-benutzer-tree span.fancytree-node {
    margin-top: 0;
    margin-bottom: 5px;
}
.ag-benutzer-tree .fancytree-checkbox {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}
.ag-benutzer-tree .fancytree-checkbox.icon-check-empty:before {
    display: none;
}
.ag-benutzer-tree .fancytree-checkbox.icon-check:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 6px;
    top: 5px;
    left: 4px;
    border-left: 2px solid #009cff;
    border-bottom: 2px solid #009cff;
    transform: rotate(-45deg);
}
.ag-benutzer-tree .fancytree-expander {
    margin-top: 4px;
    font-size: 14px;
}
.bot-container {
    position: fixed;
    right: 40px;
    bottom: 45px;
    pointer-events: none;
    z-index: 1000;
}
@media (max-width: 599px) {
    .bot-container {
        right: 10px;
    }
}
.bot-container.is-active .bot-window {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transition: opacity 0.2s ease-in-out;
}
.bot-container .bot-window {
    width: 500px;
    height: 600px;
    max-height: calc(100vh - 140px);
    border-radius: 4px;
    border: 1px solid #e0dede;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: -1;
    pointer-events: auto;
}
@media (max-width: 599px) {
    .bot-container .bot-window {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        max-height: 100vh;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 1001;
    }
}
.bot-container .bot-window .bot-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    background-color: #002f63;
}
.bot-container .bot-window .bot-buttons .button-roll-up,
.bot-container .bot-window .bot-buttons .button-close {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    margin-right: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.bot-container .bot-window .bot-buttons .button-roll-up:hover,
.bot-container .bot-window .bot-buttons .button-close:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
.bot-container .bot-window .bot-buttons .button-roll-up:before,
.bot-container .bot-window .bot-buttons .button-close:before,
.bot-container .bot-window .bot-buttons .button-roll-up:after,
.bot-container .bot-window .bot-buttons .button-close:after {
    content: "";
    display: block;
}
.bot-container .bot-window .bot-buttons .button-roll-up:before,
.bot-container .bot-window .bot-buttons .button-close:before,
.bot-container .bot-window .bot-buttons .button-close:after {
    background-color: #ffffff;
}
.bot-container .bot-window .bot-buttons .button-roll-up:before {
    width: 15px;
    height: 2px;
    margin: 11px auto;
    border-radius: 2px;
    transition: background-color 0.2s ease-in-out;
    z-index: 2;
}
.bot-container .bot-window .bot-buttons .button-close:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 2px;
    margin-top: 4px;
    margin-left: 11px;
    border-radius: 2px;
    transform: rotate(45deg);
    transition: background-color 0.2s ease-in-out;
    z-index: 1;
}
.bot-container .bot-window .bot-buttons .button-close:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 16px;
    margin-top: 4px;
    margin-left: 11px;
    border-radius: 2px;
    transform: rotate(-45deg);
    transition: background-color 0.2s ease-in-out;
    z-index: 2;
}
.bot-container .bot-window .bot-frame {
    width: 100%;
    height: calc(100% - 35px);
    border-radius: 0 0 4px 4px;
}
.bot-container .bot-button {
    float: right;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 20px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    background-color: #009cff;
    box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, 0.5);
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    cursor: pointer;
    pointer-events: auto;
}
.bot-container .bot-button:hover {
    box-shadow: none;
    background-color: #24aaff;
}
.bot-container .bot-button .fa {
    font-size: 22px;
    line-height: 47px;
}
.background-template {
    position: relative;
    padding: 3% 0;
}
@media screen and (max-width: 1023px) {
    .background-template .row {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .background-template .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.background-template .background-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.background-template .background-wrapper video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.background-template .background-template-grid {
    margin-left: -3.5%;
    margin-right: -3.5%;
}
@media screen and (max-width: 1279px) {
    .background-template .background-template-grid {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .background-template .background-template-grid {
        margin-left: 0;
        margin-right: 0;
    }
}
.background-template .background-template-grid .col-xs-12 {
    padding: 3.5%;
}
@media screen and (max-width: 767px) {
    .background-template .background-template-grid .col-xs-12 {
        width: 50%;
    }
}
@media screen and (max-width: 479px) {
    .background-template .background-template-grid .col-xs-12 {
        width: 270px;
        float: none;
        margin: auto;
    }
}
.background-template .background-template-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.85);
    transition: background-color 0.4s ease-out;
}
.background-template .background-template-item.is-highlighted {
    background-color: rgba(0, 156, 255, 0.85);
}
.background-template .background-template-item.is-highlighted:hover,
.background-template .background-template-item.is-highlighted:hover ul,
.background-template .background-template-item.is-highlighted:hover .background-template-title i {
    background-color: #009cff;
}
.background-template .background-template-item.is-highlighted .background-template-title {
    color: rgba(255, 255, 255, 0.85);
}
.background-template .background-template-item.is-highlighted ul a {
    transition: background-color 0.1s linear, color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.background-template .background-template-item.is-highlighted ul a:hover:before,
.background-template .background-template-item.is-highlighted ul a.is-active:before {
    border-right-color: rgba(255, 255, 255, 0.85);
    border-bottom-color: rgba(255, 255, 255, 0.85);
}
.background-template .background-template-item.is-highlighted ul a.is-active,
.background-template .background-template-item.is-highlighted ul a:hover {
    color: rgba(255, 255, 255, 0.85);
}
.background-template .background-template-item:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.background-template .background-template-item:hover {
    background-color: #f9f9f9;
}
.background-template .background-template-item:hover ul {
    opacity: 1;
    z-index: 5;
    pointer-events: auto;
    background-color: #f9f9f9;
    transition: opacity 0.2s 0.2s ease-in-out;
}
.background-template .background-template-item:hover ul i {
    background-color: transparent !important;
}
.background-template .background-template-item:hover .background-template-title-content {
    transform: translateY(-50%) scale(0.8);
}
.background-template .background-template-item:hover i {
    background-color: #f9f9f9;
    transition: background-color 0.2s 0.2s ease-in-out;
}
.background-template .background-template-item ul {
    position: absolute;
    width: 100%;
    margin: auto;
    padding: 0;
    top: 50%;
    left: 0;
    list-style-type: none;
    opacity: 0;
    transform: translateY(0);
    pointer-events: none;
    transition: none;
}
.background-template .background-template-item ul a {
    position: relative;
    display: block;
    padding: 7px 15px;
    font-size: 16px;
    border-radius: 5px;
    word-spacing: normal;
    color: #009cff;
    background-color: #e9e9e9;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.background-template .background-template-item ul a:before {
    content: "";
    display: inline-block;
    top: 14px;
    left: -5px;
    width: 10px;
    height: 10px;
    opacity: 0;
    border-right: 3px solid #009cff;
    border-bottom: 3px solid #009cff;
    transform: rotate(-45deg) translate(-11px, -11px);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.background-template .background-template-item ul a.is-active,
.background-template .background-template-item ul a:hover {
    text-decoration: none;
    transform: translateX(15px);
    background-color: transparent;
}
.background-template .background-template-item ul a.is-active:before,
.background-template .background-template-item ul a:hover:before {
    opacity: 1;
    transform: rotate(-45deg) translate(-6px, -7px);
}
.background-template .background-template-item ul a.is-active {
    transform: translateX(0);
}
@media screen and (min-width: 768px) {
    .background-template .background-template-item ul a {
        font-size: 18px;
    }
}
.background-template .background-template-item ul li {
    margin: 4px;
    overflow: hidden;
}
.background-template .background-template-item ul li:last-child a {
    border-bottom: none !important;
}
@media screen and (max-width: 767px) {
    .background-template .background-template-item ul {
        overflow: hidden;
    }
}
@media screen and (min-width: 768px) {
    .background-template .background-template-item {
        font-size: 24px;
    }
}
.background-template .background-template-title {
    padding: 0 10px;
    color: #009cff;
}
.background-template .background-template-title:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.background-template .background-template-title i {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 80px;
    margin-top: -15px;
    margin-bottom: 15px;
    font-size: 50px;
    border-radius: 30px;
    transform: translateY(15px);
    transition: background-color 0.2s ease-in-out;
}
.background-template .background-template-title span {
    display: block;
}
.background-template .background-template-title-content {
    position: relative;
    transition: transform 0.4s ease-out;
}
.document-columns ul {
    padding: 0;
    margin-bottom: 0 !important;
}
.document-columns ul:first-child {
    padding-bottom: 15px;
}
.document-columns ul:last-child .document-columns-item {
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
    box-shadow: none;
}
@media screen and (min-width: 768px) {
    .document-columns {
        display: flex;
        justify-content: space-between;
        align-items: flex-start !important;
    }
    .document-columns ul {
        flex-shrink: 0;
        width: 50%;
    }
    .document-columns ul:first-child {
        padding-right: 10px;
        padding-bottom: 0 !important;
    }
    .document-columns ul:last-child {
        padding-left: 10px;
    }
}
.document-columns-item {
    display: flex;
    justify-content: stretch;
    padding: 8px 5px;
    margin: 5px 0 10px !important;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(34, 60, 80, 0.2);
}
.document-columns-item .download-link {
    display: flex;
    width: 100%;
}
.document-columns-item .doc-name {
    flex-grow: 1;
    padding-right: 12px;
    overflow: hidden;
    color: #333 !important;
}
.document-columns-item .doc-name:hover {
    text-decoration: none;
}
.document-columns-item .doc-name .doc-title {
    display: block;
    margin-bottom: 2px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.document-columns-item .doc-name .doc-description {
    display: block;
    font-size: 11px;
    color: #666;
}
.document-columns-item .doc-icon-download {
    font-size: 14px;
    margin-right: 5px;
}
.document-columns-item .doc-icon-download:hover {
    color: #66c4ff !important;
}
.document-columns-item .doc-sign-icons,
.document-columns-item .doc-icon-download {
    align-self: center;
}
.document-columns-item .doc-sign-icons {
    flex-shrink: 0;
}
.document-columns-item .btn-pdf {
    position: relative;
    margin-right: 14px;
    font-size: 14px;
    cursor: pointer;
}
.document-columns-item .btn-pdf .fa-file-pdf-o {
    color: #009cff;
}
.document-columns-item .btn-pdf:hover .status-icon {
    animation: sign 1s ease-in-out infinite;
}
.document-columns-item .status-icon {
    position: absolute;
    width: 13px;
    height: 11px;
    bottom: 4px;
    right: -8px;
}
.document-columns-item .sign-letter {
    position: relative;
    margin-right: 11px;
    color: #009cff;
}
.document-columns-item .sign-letter .fa-envelope-o {
    font-size: 16px;
    line-height: 1;
}
.document-columns-item .sign-letter .fa-share {
    position: absolute;
    right: -6px;
    bottom: -4px;
    font-size: 13px;
}
.document-columns-item .sign-letter:hover {
    color: #66c4ff !important;
}
.doc-icon-wrapper {
    align-self: flex-start;
    flex-shrink: 0;
    position: relative;
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 6px;
    margin: 1px 8px 0 4px;
    font-size: 14px;
    line-height: 1;
    border: 2px solid #e2e2e2;
    color: #666;
    background-color: #e2e2e2;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.doc-icon-wrapper.is-error {
    border-color: #f9e1e0;
    color: #b52925;
    background-color: #f9e1e0;
}
.doc-icon-wrapper.is-complete {
    border-color: #d0ead1;
    color: #2a5e2b;
    background-color: #d0ead1;
}
.doc-icon-wrapper.in-progress:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px dotted #666;
    animation: rotate-with-opacity 6s linear infinite;
}
.doc-icon-wrapper.is-signed {
    border: 2px solid #e2e2e2;
    color: #666;
    background-color: #e2e2e2;
}
.doc-icon-wrapper .fa-check-circle,
.doc-icon-wrapper .fa-times-circle {
    position: absolute;
    height: 16px;
    bottom: -5px;
    right: -4px;
    line-height: 12px;
    padding: 2px;
    border-radius: 50%;
}
.doc-icon-wrapper .fa-check-circle {
    color: #55b356;
    background-color: #fff;
}
.doc-icon-wrapper .fa-times-circle {
    color: #b52925;
    background-color: #fff;
}
.rangeslider,
.rangeslider__fill {
    display: block;
}
.rangeslider {
    position: relative;
    height: 6px;
    margin-top: -8px;
    border-radius: 3px;
    background-color: #e6e6e6;
    z-index: 1;
}
.rangeslider .range-slider-cat {
    opacity: 1;
}
.rangeslider--horizontal {
    height: 6px;
    width: 100%;
}
.rangeslider--vertical {
    width: 6px;
    min-height: 150px;
    max-height: 100%;
}
.rangeslider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}
.rangeslider__fill {
    position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}
.rangeslider__handle {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: -7px;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #009cff;
    box-shadow: 1px 1px 6px -3px rgba(0, 0, 0, 0.4);
}
.rangeslider--horizontal .rangeslider__handle {
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}
.slider-animation {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .slider-animation {
        width: 505px;
    }
}
@media screen and (min-width: 992px) {
    .slider-animation {
        width: 625px;
    }
}
.slider-animation .rangeslider {
    width: 100%;
    margin-top: 0;
    margin-left: 20px;
}
.coins-circle {
    position: relative;
    width: 90px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: #e6e6e6;
}
.coins-circle img {
    position: absolute;
    width: 20px;
    height: 12px;
    opacity: 0;
}
.coins-circle img:nth-child(1) {
    top: 13px;
    left: 35px;
    opacity: 1;
}
.coins-circle img:nth-child(2) {
    top: 10px;
    left: 13px;
}
.coins-circle img:nth-child(3) {
    top: 10px;
    left: 57px;
}
.coins-circle img:nth-child(4) {
    top: 8px;
    left: 35px;
}
.coins-circle img:nth-child(5) {
    top: 5px;
    left: 59px;
}
.coins-circle img:nth-child(6) {
    top: 0;
    left: 57px;
}
.coins-circle img:nth-child(7) {
    top: 3px;
    left: 33px;
}
.coins-circle img:nth-child(8) {
    top: 5px;
    left: 11px;
}
.coins-circle img:nth-child(9) {
    top: 0;
    left: 13px;
}
.coins-circle img:nth-child(10) {
    top: -2px;
    left: 35px;
}
.coins-circle img:nth-child(11) {
    top: -5px;
    left: 59px;
}
.coins-circle img:nth-child(12) {
    top: -5px;
    left: 13px;
}
.coins-circle img:nth-child(13) {
    top: -7px;
    left: 37px;
}
.coins-circle img:nth-child(14) {
    top: -10px;
    left: 57px;
}
.coins-circle img:nth-child(15) {
    top: -15px;
    left: 57px;
}
.coins-circle img:nth-child(16) {
    top: -12px;
    left: 35px;
}
.coins-circle img:nth-child(17) {
    top: -20px;
    left: 59px;
}
.coins-circle img:nth-child(18) {
    top: -25px;
    left: 57px;
}
.coins-circle img:nth-child(19) {
    top: -17px;
    left: 36px;
}
@keyframes coin-fall {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }
    80% {
        transform: translateY(0);
        opacity: 1;
    }
    82% {
        transform: translateY(-2px);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes sign {
    0% {
        transform: translateX(0) scale(1);
    }
    10% {
        transform: translateX(-5px);
    }
    20%,
    40%,
    60% {
        transform: translateY(-2px);
    }
    30%,
    50%,
    90% {
        transform: translateY(0);
    }
    50% {
        transform: translateX(-4px);
    }
    100% {
        transform: translateX(0) scale(1.1);
    }
}
.form-control.file-input-extension {
    width: 100% !important;
}
@keyframes rotate-with-opacity {
    0% {
        opacity: 0.4;
        transform: rotate(0);
    }
    25%,
    75% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.4;
        transform: rotate(360deg);
    }
}
.form-control.file-input-extension {
    width: 100% !important;
}


/*#############################################
##### MODIFY-HOTWEB ###########################
#############################################*/

@font-face {
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v9-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
       font-display: swap; 
}

@font-face {
  font-family: 'Titillium';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/titillium-web-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v9-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
       font-display: swap; 
}

@font-face {
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v9-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
       font-display: swap; 
}

@font-face {
  font-family: 'Titillium';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/titillium-web-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v9-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
       font-display: swap; 
}


/*##### ALLGEMEIN ###############################*/

/* HEADLINES */

H1, H1 .UEBERSCHRIFT {
	color:#002f63;
	font-weight:700;
}
H2, H2 .UEBERSCHRIFT {
	color:#000;
	font-weight:700;
	font-size:25px!important;
	margin-top:60px!important;
}
H3, H3 .UEBERSCHRIFT {
	color:#000;
	font-weight:700;
	font-size:22px;
	line-height:1.4;
}

/* AUTOMATISCHE SILBENTRENNUNG */

.defaultFont {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* LISTEN */

#content li {
    font-size: 18px!important;
    line-height: 1.4!important;
	border-bottom:1px solid rgba(0,0,0,0.2);
	padding:10px 0;
	box-sizing:border-box;
	margin-left:-15px;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#content li:last-child {
	border-bottom:none;
}
#content li:last-child {
	border-bottom:none;
}

/* LISTEN "CHECK" */

#content .check li {
	list-style-type:none;
	margin-left: 0px;
}
#content ul.check li::before {
    content: '';
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url("haken.svg")no-repeat;
        background-size: auto;
    background-size: 30px;
    margin: 0 0 0 -40px;
}

/* GRAFIKEN "GRAFIX" */

.grafix {
	background:rgba(0,156,255,0.05);
	padding:30px;
	text-align:center;
	width:100%;
	margin: 50px 0;
	border-radius:25px;
}

/* NAVIGATION */

.navbar {
	margin-bottom:0;
	border:none;
}
.navbar-nav .dropdown-short:before {
	display:none;
}
#main_navbar .container-fluid {
	float:right;
}
.navbar.navbar-custom .navbar-nav > li > a {
	font-size:18px;
	line-height:30px;
}
.dropdown-menu {
    font-size: 16px;
}
.navbar-fixed-top {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);	
}
.navbar-toggle {
    position: absolute;
    margin:0!important;
    padding: 9px 10px;
    background-color: #009cff!important;
    border: none!important;
    border-radius: 0!important;
	top: -115px;
	right: -10px;
}
.navbar.navbar-custom .navbar-toggle .icon-bar {
	background-color:#fff!important;
}

/* CONTENTTEASER */

.contentteaser_1 {
	margin:20px 0;
    background:rgba(0,156,255,0.1);
	padding:20px;
	display:inline-block;
}
.contentteaser_1 h3 {
	margin-top:40px;
}
.contentteaser_1 a {
	font-size:35px;
	font-weight:700;
}
.contentteaser_1 img {
	float:left;
	margin-right:40px;
}
.contentteaser_3 {
    display:flex;
	margin:60px 0 20px;
}
.contentteaser_3 h3{
    color:#000;
	font-size:20px;
}
.contentteaser_3 .col {
    background:rgba(0,156,255,0.2);
	padding:20px;
	border-right:1px solid #fff;
}
.contentteaser_3 .col:last-child {
	border-right:none;
}
.contentteaser_3 .col.prime {
    background:#009cff;
	padding:20px;
	color:#fff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	border:none!important;
}
.contentteaser_3 .prime h3 {
    color:#fff;
	font-size:28px;
}
.contentteaser_3 .button {
    background:#009cff;
	color:#fff;
	padding:15px 25px;
	border-radius:25px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	margin:20px 0;
	display:block;
}
.contentteaser_3 .button:hover {
	background:#002f63;
}
.contentteaser_3 .prime .button {
    background:#fff;
	color:#009cff;
}
.contentteaser_3 .prime .button:hover {
	background:#002f63;
	color:#fff;
}

/* CONTACTBOX */

.contactbox {
	margin:20px 0;
    display:flex;
}
.contactbox .col {
	padding:20px;
    background:rgba(0,156,255,0.2);
	border-right:1px solid #fff;
	width:33.33%;
}
.contactbox h3 {
	margin-top:20px;
	fot-size:20px;
}
.contactbox h4 {
	font-size:20px;
	color:rgba(0,42,96,0.7);
	margin:20px 0 10px;
}


/* SIDEBAR */

.sidebar-menu {
	background: rgba(0,47,99,0.8);
	border:none;
}
.sidebar-menu .fa {
	color:#fff;
}
.sidebar-menu a {
    padding: 12px!important;
	border-bottom:1px solid #fff;
	color:#fff;
}
.sidebar-menu a:last-child {
	border-bottom:none;
}
.sidebar-menu a span {
	color:#fff;
}

/* FOOTER */

#FOOTER {
	font-size:14px!important;
}

/*##### INDEX ###############################*/

.background-template {
    padding: 80px 0;
}
.background-template-title-content {
	text-transform:uppercase;
	font-weight:700;
}
.background-template .background-template-item {
	line-height:1.1;
}
.background-template .background-template-item ul {
	bottom:0;
	top:auto;
}
.background-template .background-template-item ul li {
	margin:0 0 1px!important;
}
.background-template .background-template-item ul li:last-child {
	margin:0!important;
}
.background-template .background-template-item ul li a {
	border-radius:0!important;
	padding:18px 0;
	background:#009cff;
	color:#fff;
	font-size:16px;
}
.background-template .background-template-item ul li a:hover {
	background:#002f63;
	transform: none!important;
}
.background-template .background-template-item ul li a::before {
    border-right: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important;
	width:8px;
	height:8px;
}
.background-template .background-template-title .fa {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    color: #009cff;
	border:3px solid #009cff;
    border-radius: 100%;
    margin: 0 auto 20px !important;
}
.background-template .background-template-title .fa:before {
    font-size:40px;
	margin:0 auto;
	padding-top:18px;
	display:block;
}
.background-template .background-template-item:hover i {
    background: #009cff;
	color:#fff;
}

/*##### CONTENTTEASER ###############################*/

.content_teaser_wi .template-grid-item {
	background: rgba(0,156,255,0.2);
	padding: 0 20px 20px;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-in;
	-webkit-transform: scale(1);
	-ms-transition: all 0.3s ease-in;
	-ms-transform: scale(1);
	-moz-transition: all 0.3s ease-in;
	-moz-transform: scale(1);
	transition: all 0.3s ease-in;
	transform: scale(1);
}
.content_teaser_wi .template-grid-item:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}
.content_teaser_wi .template-grid-item img {
	width: calc(100% + 40px)!important;
	margin-bottom:30px;
	margin-left: -20px!important;
}
.content_teaser_wi .template-grid-item h2 {
	margin-top:0!important;
	color:#002a60;
	text-transform:uppercase;
	font-size:22px!important;
}
.content_teaser_wi .template-grid-item p {
	margin-bottom:80px;
}
.content_teaser_wi .button {
    background:#009cff;
	color:#fff;
	padding:15px 25px;
	border-radius:25px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	margin:20px 0;
	display:block;
	position:absolute;
	bottom:0;
}
.content_teaser_wi .button:hover {
	background:#002f63;
}


/*##### CONTENTTEASER 2er ###############################*/

.template-grid-two-col .template-grid-item {
	padding: 0 20px 20px!important;
}



/*##### ROBO 2er ###############################*/

.robo_2er {
	clear:both;
	margin-bottom:40px;
	display:inline-block;
}
.robo_2er .contentteaser_1 {
	width:calc(50% - 15px);
	margin:20px 15px 20px 0;
	float:left;
}
.robo_2er .contentteaser_1:last-child {
	width:calc(50% - 15px);
	margin:20px 0 20px 15px;
	float:left;
}


/*##### ALLIANZ ###############################*/

.allianz {
	padding:20px!important; 
	border-radius: 25px; 
	background:rgba(0,156,255,0.05); 
	display:inline-block;
	margin-bottom:40px;
}
.allianz img {
	width:100%;
	max-width:950px;
	margin:30px auto;
	display:block;
}
.allianz img:last-child {
	display:none!important;
}

/*##### RWD ###############################*/

@media only screen and (min-width: 600px) {
	.template-custom p, .template-custom .paragraph {
		font-size:18px!important;
	}
}
@media only screen and (min-width: 1000px) {
	.grafix {
		padding: 50px 150px;
	}
}

@media only screen and (max-width: 1000px) {
	.contentteaser_1 a {
		font-size:22px;
	    background:#009cff;
		color:#fff;
		padding:15px 25px;
		border-radius:25px;
		font-size:18px;
		text-transform:uppercase;
		font-weight:700;
		margin:20px 0;
		display:inline-block;
	}
	.contentteaser_1 a:hover {
		background:#002f63;
	}
	.contentteaser_3 {
		display:inherit;
	}
	.contentteaser_3 .col {
		margin-bottom:20px;
		border-right:none;
	}
	.contentteaser_3 .button {
		display:inline-block;
	}
	.contactbox {
		display:inherit;
	}
	.contactbox .col {
		border-right:none;
		width:100%;
		margin-bottom:1px;
	}
	.grafix {
		margin: 10px 0;
	}
	.robo_2er .contentteaser_1 img {
		width:150px;
		margin-right:20px;
	}
}
@media only screen and (max-width: 769px) {
	H2, H2 .UEBERSCHRIFT {
		font-size: 19px!important;
		line-height: 1.4!important;
	}
	.header-main-group {
		padding: 0 3.5% 10px !important;
	}
	.header-main-group .logo {
		display:block!important;
	}
	.background-template .background-template-item ul a {
		padding:17px 0;
	}
	.background-template .background-template-title .fa {
		width: 50px;
		height: 50px;
		border:2px solid #009cff;
	}
	.background-template .background-template-title .fa:before {
		font-size:25px;
		padding-top:12px;
	}
	.background-template-item:hover .background-template-title {
		margin-top:-50px;
	}
	.contentteaser_1 span {
		display:inherit!important;
	}
	.headerimg {
		height:200px!important;
		width:auto!important;
	}
	.headerimg img {
		height:200px!important;
		width:auto!important;
		overflow:hidden;
		float:right;
	}
	.robo_2er .contentteaser_1 img {
		float:none;
	}
	.robo_2er .contentteaser_1 h3 {
		margin-top: 0;
	}
	.allianz img:first-child {
		display:none!important;
	}
	.allianz img:last-child {
		display:block!important;
	}
	.allianz img {
		max-width:500px!important;
		margin:20px auto!important;
		display:block;
	}
}
@media only screen and (max-width: 600px) {
	.background-template .background-template-item ul li a {
		padding:12px 0;
	}
	.background-template-item:hover .background-template-title {
		margin-top:-30px;
	}
	.contentteaser_1 img {
		float:none;
		margin:0 auto;
		width:auto!important;
	}
	.robo_2er .contentteaser_1 {
		width:100%!important;
		margin:20px 0!important;
		float:none;
	}
}