@import "fonts.css";
/**
LINK
 */

a, a:hover {
    color:#2983B7;
}

a.noTextDecoration
{
    text-decoration: none;
}

.m-link, .m-link:hover {
    color: #2983B7;
}

.m-link:hover:after {
    border-bottom: 1px solid #2983B7;
}

.m-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text
{
    color:#2983B7;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text
{
    color:#2983B7;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-icon
{
    color:#2983B7;
}

.m-tabs-line.m-tabs-line--brand a.m-tabs__link.active, .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover
{
    color:#2983B7;
    border-color:#2983B7;
}

/**
FORM
 */
.form-control.focus, .form-control:focus
{
    border-color:#2983B7;
}

/**
HEADER NAV ARROW
 */

.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-dropdown--arrow .m-dropdown__arrow
{
    color: #216B94 !important;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i:before
{
    /*background: linear-gradient(180deg,#ad5beb 25%,#c678db 50%,#da6ea9 75%,#e76e92 100%)*/

    /*background-image: linear-gradient(180deg,#2983B7 25%, #216B94 100%);*/
    background-image: linear-gradient(180deg,#7b7e8a 25%, #7b7e8a 100%);
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span {
    background-color:#2983B7;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before {
    background-color:#2983B7;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span {
    background-color:#2983B7;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before {
    background-color:#2983B7;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span {
    background-color:#2983B7;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before {
    background-color:#2983B7;
}

/**
BUTTON
 */
.btn.m-btn--label-brand {
    color: #2983B7;
}

.btn-primary
{
    background-color:#2983B7;
    border-color:#2983B7;
}

.btn-primary:hover {
    color: #fff;
    background-color: #216B94;
    border-color: #2983B7;
}

.btn-accent {
    background-color:#2983B7;
    border-color: #2983B7;
}

.btn-accent:hover {
    background-color:#216B94;
    border-color:#216B94;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle
{
    border-color:#2983B7;
    background-color:#2983B7;
}

.btn.m-btn--hover-accent.active, .btn.m-btn--hover-accent:active, .btn.m-btn--hover-accent:focus, .btn.m-btn--hover-accent:hover, .show > .btn.m-btn--hover-accent.dropdown-toggle {
    border-color: #2983B7 !important;
    background-color: #2983B7 !important
}

.btn.m-btn--hover-brand:hover, .btn.m-btn--hover-brand.active, .btn.m-btn--hover-brand:active, .btn.m-btn--hover-brand:focus, .show > .btn.m-btn--hover-brand.dropdown-toggle {
    border-color: #2983B7 !important;
    color: #fff !important;
    background-color: #2983B7 !important
}

.m-datatable.m-datatable--default>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--active
{
    background-color:#2983B7;
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link {
    color: #2983B7;
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--first, .m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--last, .m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next, .m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev {
    color: #2983B7;
    background: #edecf8
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--first:hover, .m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--last:hover, .m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next:hover, .m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev:hover {
    background: #deddf3
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover {
    color: #2983B7;
    background: #edecf8
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active {
    background: #2983B7;
    color: #fff
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-pager-input {
    background: #edecf8;
    border-color: #edecf8
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-pager-input:focus {
    background: #deddf3;
    border-color: #deddf3
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle {
    background: #edecf8;
    color: #3f4047
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover {
    background: #deddf3
}

.m-switch.m-switch--outline.m-switch--brand input:checked ~ span:after {
    background-color: #2983B7;
    opacity: 1
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell>span>i
{
    color:#2983B7;
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row>.m-datatable__cell .m-checkbox.m-checkbox--solid>input:checked~span, .m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__foot .m-datatable__row>.m-datatable__cell .m-checkbox.m-checkbox--solid>input:checked~span, .m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell .m-checkbox.m-checkbox--solid>input:checked~span
{
    background-color: #2983B7;
}

/**
NO UI SLIDER
 */
.noUi-target .noUi-connect {
    background-color: #2983B7;
}

/**
MODAL
 */
.modal .modal-content.editorModalContent
{
    background-color:#216B94;
    text-align:center;
    color:#fff;
}

.modal .modal-content.editorModalContent.danger
{
    background-color: #f4516c;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

.modal-full {
    width: 95%;
    height: 95%;
    margin: auto;
    padding: 0;
    display:block;
    max-width:100%;
}

.modal-full .modal-content {
    height: auto;
    /*min-height: 100%;*/
    border-radius: 0;
}

/**
EDITOR
 */
.m-dropdown.m-dropdown--arrow .m-dropdown__arrow, .m-dropdown.m-dropdown--arrow.m-dropdown--up .m-dropdown__arrow
{
    margin-left:73px;
}
.m-dropdown.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper
{
    margin-left:-282px;
}

.separator
{
    border-bottom: 1px solid #f4f5f8;
}

.titleOption
{
    padding-left:10px;
}

/**
LOGIN
 */

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__head .m-login__title {
    color: #2983B7;
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__head .m-login__desc {
    color: #2983B7
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form {
    color: #2983B7
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control {
    color: #fff;
    background: rgba(33, 130, 185, .8)
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control:-ms-input-placeholder {
    color: #fff
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control::-webkit-input-placeholder {
    color: #fff
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control:focus {
    color: #fff
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control:focus::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control:focus:-ms-input-placeholder {
    color: #fff
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control:focus::-webkit-input-placeholder {
    color: #fff
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-sub .m-checkbox {
    color: #2983B7
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-sub .m-link {
    color: #2983B7
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-sub .m-link:hover {
    color: #fff
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-sub .m-link:hover:after {
    border-bottom: 1px solid #fff;
    opacity: .3
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn {
    color: #1B6A96;
    border-color: #2983B7;
    background-color: transparent
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn:focus, .m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn:hover {
    border-color: #fff;
    color: #fff
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn.m-login__btn--primary {
    color: #2983B7;
    border-color: #2983B7
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn.m-login__btn--primary:focus, .m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn.m-login__btn--primary:hover {
    border-color: #fff;
    color: #2983B7
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__account .m-login__account-msg {
    color: #2983B7
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__account .m-login__account-link {
    color: #f3effd
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__account .m-login__account-link:hover {
    color: #fff
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__account .m-login__account-link:hover:after {
    border-bottom: 1px solid #fff;
    opacity: .3
}

.btn-focus.m-btn--air, .btn-outline-focus.m-btn--air, .m-btn--gradient-from-focus.m-btn--air {
    -webkit-box-shadow: 0 5px 10px 2px rgba(27, 106, 150, .19) !important;
    -moz-box-shadow: 0 5px 10px 2px rgba(27, 106, 150, .19) !important;
    box-shadow: 0 5px 10px 2px rgba(27, 106, 150, .19) !important;
}

.btn-outline-focus.m-btn--air.focus, .btn-outline-focus.m-btn--air:focus, .btn-outline-focus.m-btn--air:hover, .btn-focus.m-btn--air.focus, .btn-focus.m-btn--air:focus, .btn-focus.m-btn--air:hover, .m-btn--gradient-from-focus.m-btn--air.focus, .m-btn--gradient-from-focus.m-btn--air:focus, .m-btn--gradient-from-focus.m-btn--air:hover
{
    -webkit-box-shadow: 0 5px 10px 2px rgba(41, 131, 183, .36) !important;
    -moz-box-shadow: 0 5px 10px 2px rgba(41, 131, 183, .36) !important;
    box-shadow: 0 5px 10px 2px rgba(41, 131, 183, .36) !important;
    color:#2983B7 !important;
}

.m-login .btn.btn-focus.active, .btn.btn-focus.focus, .btn.btn-focus:focus, .btn.btn-focus:hover:not(:disabled)
{
    color:#2983B7 !important;
}

@media (max-width: 992px) {
    .m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control {
        background: rgba(33, 130, 185, .8)
    }
}

/**
    APPROVAL
 */

.m-nav .m-nav__section .m-nav__section-text {
    color: #2983B7;
}

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow {
    color: #2983B7
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single
{
    border-color: #2983B7;
}

/**
    LOADER / SPINNER
 */
.m-loader.m-loader--brand:before {
    border-top-color: #2983B7;
}

/**
    gritter
 */
#gritter-notice-wrapper
{
    top: 100px !important;
}

#gritter-notice-wrapper.top-left
{
    left: 280px !important;
}

.btn-workflow-state
{
    color:#000;
}

.route-todos-state--
{

}

.route-todos-state-draft
{
    background-color: #f4516c;
    color:#fff;
}

.route-todos-state-review
{
    background-color: #ffb822;
}

.route-todos-state-mjoo_review
{
    background-color: #ffe7b3;
}

.route-todos-state-rejected
{
    background-color: #282a3c;
    color: #fff;
}

.route-todos-state-published
{
    background-color: #0abb87;
    color:#fff;
}

#route-todos-container thead tr:nth-child(1) th
{
    background: white;
    position: -webkit-sticky;
    position: sticky;
    top: 69px;
    z-index: 1000;
    height:40px;
}

@media (max-width: 1024px) {
    #route-todos-container thead tr:nth-child(1) th {
        top: 59px !important;
    }
}

.smallCircle {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    padding: 2px;

    background: #000;
    border: 1px solid #666;
    color: #ccc;
    text-align: center;

    font: 4px Arial, sans-serif;
}

table#table-route-todos th, td
{
    padding-left:4px;
    padding-right:4px;
}

table#table-route-todos tr:nth-child(odd)
{
    background-color:#e0e0e0;
}

table#table-route-todos .route-todos-language-changed
{
    border-left: 2px solid #000;
}

/* todo list progress bar */
.progress-container {
    width: 80%;
    background-color: #e0e0e0;
    border-radius: 25px;
    margin: 20px 0;
    overflow: hidden;
}

.progress-bar {
    width: 0;
    height: 12px;
    background-color: #2983B7;
    border-radius: 25px;
    transition: width 0.5s ease-in-out;
}

#svgContainer svg {
    position: absolute;
}

#mapBoxContainer {
    position: absolute;
    height: 100%;
    width: 100%;
}

#mapBoxContainer .mapboxgl-canvas-container,
#mapBoxContainer canvas
{
    pointer-events: none;
}

svg.kartentool #background.hideBackground {
    visibility: hidden;
}