:root {
    --font-family: "Open Sans", sans-serif;
    --primary-color: #007DB3;
    --primary-color-text: #fff;
    --label-color: #254267;
}

.vue-notification {

}
.vue-notification .notification-title  {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.vue-notification .notification-content  {
    font-size: 1rem;
    line-height: 1.5rem;
}

/*.notification-title {*/
/*    !*...*!*/

/*    .notification-content {*/
/*        !*...*!*/
/*    }*/

/*    &.success {*/
/*        !*...*!*/
/*    }*/

/*    &.info {*/
/*        !*...*!*/
/*    }*/

/*    &.error {*/
/*        !*...*!*/
/*    }*/
/*}*/

html .vue-notification {
    background: #007DB3;
    border-left-color: #254267;
}

html .vue-notification.info,
html .vue-notification.success {
    background: #007DB3;
    border-left-color: #254267;
}

html .vue-notification.warn,
html .vue-notification.error {
    background: #254267;
    border-left-color: #007DB3;
}

*:focus {
    box-shadow: none;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.1s ease;
}
.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

.nuxt-loading-indicator {
    /*opacity: 1 !important;*/
    transform: none !important;
    background: none !important;
}

.tbx-not-available {
    opacity: 0.3;
}

.app-menu li:not(:last-child) ul {
    left: 0;
    right: initial;
}
.app-menu li:not(:last-child) ul li a {
    text-align: left;
}

/* Dropdown */
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/* Dropdown für kleine Monitore */
@media screen and (max-height: 900px) {
    .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
}
@media screen and (max-height: 800px) {
    .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        font-size: 0.9rem;
    }
}
@media screen and (max-height: 700px) {
    .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        font-size: 0.8rem;
    }
}
@media screen and (max-height: 600px) {
    .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
        font-size: 0.75rem;
    }
}

/* Datepicker */
.p-datepicker {
    font-size: 1rem;
}
.p-datepicker .p-link {
    font-size: 1em;
}
/* Datepicker > Header */
.p-datepicker .p-datepicker-header {
    padding: 0.5em;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2em;
    height: 2em;
    font-size: 1em;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev .p-icon,
.p-datepicker .p-datepicker-header .p-datepicker-next .p-icon {
    width: 1em;
    height: 1em;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2em;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5em;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    padding: 0.5em;
}
/* Datepicker > Yearpicker */
.p-datepicker .p-yearpicker {
    margin: 0.5em 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5em;
}
/* Datepicker > Monthpicker */
.p-datepicker .p-monthpicker {
    margin: 0.5em 0;
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5em;
}
/* Datepicker > Table */
.p-datepicker table {
    font-size: 1em;
    margin: 0.5em 0;
}
.p-datepicker table td,
.p-datepicker table th {
    padding: 0.5em;
}
.p-datepicker table td > span,
.p-datepicker table th > span {
    width: 2.5em;
    height: 2.5em;
}
/* Dropdown für kleine Monitore */
@media screen and (max-height: 900px) {
    .p-datepicker {
        font-size: 0.95rem;
    }
    .p-datepicker .p-datepicker-header .p-datepicker-title {
        line-height: 1.9em;
    }
    .p-datepicker table td > span,
    .p-datepicker table th > span {
        width: 2.1em;
        height: 2em;
    }
}
@media screen and (max-height: 800px) {
    .p-datepicker {
        font-size: 0.9rem;
    }
    .p-datepicker .p-datepicker-header .p-datepicker-title {
        line-height: 1.8em;
    }
    .p-datepicker table td > span,
    .p-datepicker table th > span {
        width: 2.1em;
        height: 2em;
    }
}
@media screen and (max-height: 700px) {
    .p-datepicker {
        font-size: 0.8rem;
    }
    .p-datepicker .p-datepicker-header .p-datepicker-title {
        line-height: 1.6em;
    }
    .p-datepicker table td > span,
    .p-datepicker table th > span {
        width: 1.8em;
        height: 1.5em;
    }
}
@media screen and (max-height: 600px) {
    .p-datepicker {
        font-size: 0.75rem;
    }
    .p-datepicker .p-datepicker-header .p-datepicker-title {
        line-height: 1.4em;
    }
    .p-datepicker table td > span,
    .p-datepicker table th > span {
        width: 1.5em;
        height: 1.25em;
    }
}

.p-datatable .p-paginator .p-paginator-current:last-child {
    margin-left: auto;
}

@media (max-width: 1664px) AND (min-width: 1280px) {
    .p-tooltip.p-tooltip-bottom.tbx-tooltip-field.tbx-tooltip-field-left > .p-tooltip-text {
        transform: translateX(calc(291px - (50vw - 624px + 83px)));
    }
}
@media (max-width: 1279px) {
    .p-tooltip.p-tooltip-bottom.tbx-tooltip-field.tbx-tooltip-field-left > .p-tooltip-text {
        transform: translateX(calc(275px - 94px));
    }
}
@media (max-width: 732px) {
    .p-tooltip.p-tooltip-bottom.tbx-tooltip-field.tbx-tooltip-field-left > .p-tooltip-text {
        transform: translateX(calc(37.5vw - 94px));
    }
}