/**
 * eVEWA4 CSS
 */

@import url(../assets/fonts/font.css);

.btn.green {
    background-color: #008375 !important;
}

.btn.green:hover,
.btn.green:focus,
.btn.green:active,
.btn.green.active,
.btn.green.disabled,
.btn.green[disabled] {
    background-color: #2ca189 !important;
}

/**
 * login screen
 */

.m-login.m-login--1 .m-login__content
{
    background-attachment: initial;
}

/**
 * logo above left
 */
.m-brand
{
    padding: 0px 10px;
}

/**
 * start left sitenavigation
 */
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before,
.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,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before,
.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,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__link-icon,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link > .m-menu__link-icon,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__link-icon,
.m-aside-left--minimize .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: #646885;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__link-icon,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link > .m-menu__link-icon,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__link-icon,
.m-aside-left--minimize .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
{
    background: transparent;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before,
.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,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before,
.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
{
    background: #5d5f77;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text
{
    font-weight: 100;
    letter-spacing: 0.05em;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link
{
    padding: 9px 15px;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__submenu .m-menu__subnav > .m-menu__item > .m-menu__link
{
    padding-left: 30px;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__submenu .m-menu__subnav > .m-menu__item > .m-menu__submenu .m-menu__subnav > .m-menu__item > .m-menu__link
{
    padding-left: 65px;
}

/**
 * end left sitenavigation
 */

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon > i::before
{
    background: none;
    -webkit-text-fill-color: inherit;
    color: #898b96;
    font-weight: normal;
}

.desktop-edit-menu
{
    margin-top: 10px;
}

/**
 * DEFINITION REPORT- UND DASHBOARDMANAGER IFRAME
 */

.iframe-container,
.iframe-container-datamon,
.iframe-container-dashboardmanager
{
    position: relative;
    padding-bottom: 56.25%; /* ratio 16x9 */
    overflow: hidden;
    width: 100%;
    height: auto;
}

.m-aside-left--fixed.m-aside-left--minimize .iframe-container
{
    left: 78px;
}

@media (max-width: 1024px)
{
	.iframe-container {
		left: 0px;
	}
}

.iframe-container iframe,
.iframe-container-datamon iframe,
.iframe-container-dashboardmanager iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-container-sc,
.iframe-container-monitor
{
    height: 100%;
}

.iframe-container-sc iframe,
.iframe-container-monitor iframe
{
    height: 100%;
    width: 100%;
    border: 0;
}

/**
 *  Quickfilters-Widget for cockpits
 */
.m-ev-quickfilters .table-responsive {
    overflow-y: hidden; }

.m-ev-quickfilters .table thead > tr > td {
    padding-top: 0.21rem;
    padding-bottom: 0.21rem;
    padding-left: 0;
    padding-right: 0.5rem;
    vertical-align: top;
    border-top: 0;
    font-size: 1rem;
    font-weight: 600; }
.m-ev-quickfilters .table thead > tr > td:last-child {
    padding-right: 0; }
.m-ev-quickfilters .table thead > tr > td.m-ev-quickfilters__label {
    width: 3%; }
.m-ev-quickfilters .table thead > tr > td.m-ev-quickfilters__app {
    width: 15%; }
.m-ev-quickfilters .table thead > tr > td.m-ev-quickfilters__sales {
    width: 10%; }
.m-ev-quickfilters .table thead > tr > td.m-ev-quickfilters__change {
    width: 10%; }
.m-ev-quickfilters .table thead > tr > td.m-ev-quickfilters__price {
    width: 7%; }
.m-ev-quickfilters .table thead > tr > td.m-ev-quickfilters__total {
    width: 7%; }

.m-ev-quickfilters .table tbody > tr > td {
    border: 0;
    padding-left: 0;
    padding-right: 0.5rem;
    padding-top: 10px;
    padding-bottom: 0px;
    vertical-align: top;
    font-size: 1.1rem;
    font-weight: 500; }
.m-ev-quickfilters .table tbody > tr > td > label {
    right: 0;
    top: 0.1rem;
    vertical-align: top; }
.m-ev-quickfilters .table tbody > tr > td .m-ev-quickfilters__chart {
    position: relative;
    margin-top: -0.6rem; }
.m-ev-quickfilters .table tbody > tr > td:last-child {
    padding-right: 0; }

.m-ev-quickfilters .table tbody > tr .m-ev-quickfilters__title {
    font-size: 1.1rem;
    font-weight: 500;
    display: block; }

.m-ev-quickfilters .table tbody > tr .m-ev-quickfilters__sub {
    display: block;
    font-size: 0.85rem; }

.m-ev-quickfilters .table thead tr > td {
    color: #a6a7c1; }

.m-ev-quickfilters .table tbody > tr {
    cursor: pointer;
    border-bottom: 0.07rem dashed var(--secondary); }
.m-ev-quickfilters .table tbody > tr > td {
    color: #9699a2; }
.m-ev-quickfilters .table tbody > tr .m-ev-quickfilters__title {
    color: #575962; }
.m-ev-quickfilters .table tbody > tr .m-ev-quickfilters__title > span {
    color: #9699a2; }
.m-ev-quickfilters .table tbody > tr:last-child {
    border: 0; }

.leaflet-pane
{
    z-index: 0;
}

a:not([href]):not([tabindex]).btn.btn-success
{
    color: #fff;
}

/**
 * Workaround for z-index with datatables for fullscreen mode
 */
.m-portlet.m-portlet--fullscreen {
    z-index: 3;
}

.clear
{
    clear: both;
    margin-bottom: 10px;
}

.dropactive {
    border: 1px dashed #999;
    background-color: rgba(150,200,150,0.2);
    padding: 20px;
}

.desktop-edit-menu > li > a
{
    cursor: grab;
}

.desktop-edit-menu .portlet-used > a
{
    cursor: no-drop;
}

.desktop-edit-menu .portlet-used .m-nav__link-text,
.desktop-edit-menu .portlet-used .m-nav__link-icon
{
    color: #bbb !important;
}

.evewa-webapp .tools
{
    display: none !important;
}

/**
 * Wird zum Beispiel im Portlet Systeminfo genutzt
 */
tr.success {
    background-color:  var(--success);
    color: var(--skin-evewa-font-active);
}

tr.warning {
    background-color:  var(--warning);
    color: var(--skin-evewa-font-active);
}

tr.error {
    background-color:  var(--danger);
    color: var(--skin-evewa-font-active);
}

.jstree-default .jstree-wholerow-clicked, .jstree-default .jstree-wholerow-clicked
{
    background-color:  transparent;
    border: 2px solid var(--skin-evewa);
}

.jstree-default .jstree-wholerow-hovered,
.jstree-default.jstree-wholerow .jstree-wholerow-hovered {
    background: #e5f2f1;
}

.alert.m-alert--outline.alert-webseitenmanager {
    border-color: var(--skin-evewa);
    color: var(--skin-evewa);
}

/**
 * 2019-11-20 Änderungen mit PM
 */

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active
{
    background-color:  var(--skin-evewa-bg-active);
}

.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover,
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__heading:hover,
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link:hover
{
    background-color: var(--skin-evewa-bg-hover);
}

.m-content--skin-light2 .m-body
{
    background-color: #e5e5e5;
}

.dataTables_wrapper .dataTable .selected th,
.dataTables_wrapper .dataTable .selected td,
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected,
.table-hover tbody tr:hover
{
    background-color: #e5f2f1;
}

.m-dropdown__content .m-nav--skin-dark .m-nav__item:hover
{
    background-color: var(--skin-evewa-font-head-hover);
}

#erweiterte-suche-left .form-control
{
    border: 0;
}

#tree-erweiterte-selektion,
.erweiterte-selektion-head,
.erweiterte-selektion-options,
.erweiterte-selektion-definition
{
    background-color: #FFF;
    border-radius: 5px;
    padding: 20px;
}

.erweiterte-selektion-options
{
    padding-bottom: 0;
    padding-top: 10px;
}

.erweiterte-selektion-definition .dropdown button.dropdown-toggle
{
    margin: 0;
    /*padding: 0.3rem;*/
    padding:0.85rem 0.3rem 0.85rem 1.15rem;
    text-align: left;
    color: #575962;
    font-size: 1rem;
    font-family: sans-serif, Arial;
}

.erweiterte-selektion-definition .dropdown button.dropdown-toggle:after
{
    content: unset;
}

.erweiterte-selektion-definition .dropdown button.dropdown-toggle i
{
    font-size: 0.8rem;
    /*position: absolute;*/
    /*margin-left: 97px;*/
    margin-top: 8px;
    float: right;
}

.erweiterte-selektion-definition .dropdown-menu
{
    max-height: 200px;
    padding: 0;
    /*margin: 0 4px 4px 0;*/
    position: relative;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    width: 100%;
    border: 1px solid var(--secondary);
    box-shadow: 2px 2px 5px #575962;
}

.erweiterte-selektion-definition .dropdown-menu > li
{
    list-style: none;
    background-image: none;
    padding: 0 0 3px 7px;
    margin: 0;
    cursor: pointer;
    min-height: 1.5em;
    font-family: sans-serif, Arial;
    color: #575962;
    line-height: 1.5;
}

.erweiterte-selektion-definition .dropdown-menu > li:hover
{
    background-color: #c2c2c25c;
}

.erweiterte-selektion-definition .dropdown-menu > li.load-more
{
    font-style: italic;
}

.erweiterte-selektion-definition .hidden-by-default,
.erweiterte-selektion-definition .selection-link-operator
{
    display: none;
}

#erweiterte-suche-left .m-checkbox-inline.form-control
{
    padding-left: 12px;
    padding-top: 12px;
}


#erweiterte-suche-left .form-control,
.erweiterte-selektion-head,
.erweiterte-selektion-options,
.erweiterte-selektion-definition
{
    margin-bottom: 5px;
}

.erweiterte-selektion-head h4,
.erweiterte-selektion-options h5,
.erweiterte-selektion-definition h5
{
    margin: 0;
    line-height: 1.2em;
}

.erweiterte-selektion-options h5
{
    margin-top: 10px;
}

.single-selektionsdefinition-row .m-checkbox-inline
{
    padding: 10px 0 0 5px;
}

.single-selektionsdefinition-row .verknuepfung
{
    /*border: 1px solid var(--secondary);*/
    /*background-color: #e7e7e7;*/
    /*padding: 5px;*/
    margin: 0 0 10px 10px;
}

.single-selektionsdefinition-row .verknuepfung p
{
    padding: 0;
    margin: 0;
    font-weight: bold;
}

#toggle-tree a
{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    border: 0;
}

#tree-erweiterte-selektion .jstree-wholerow-clicked {
    transition: background-color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
    border: 2px solid #c5f2f1;
    background-color: #e5f2f1;
}

#form-selektions-definition .single-selektionsdefinition input,
#form-selektions-definition .single-selektionsdefinition select,
#form-selektions-definition .single-selektionsdefinition textarea,
#form-selektions-definition .single-selektionsdefinition button
{
    cursor: pointer !important;
}

#form-selektions-definition .single-selektionsdefinition {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
    cursor: grab;
}

#form-selektions-definition .single-selektionsdefinition-gueltige
{
    /*border: 1px solid #ddd;*/
    padding: 0;
    margin-bottom: 20px;
    cursor: default;
}

#form-selektions-definition .single-selektionsdefinition-gueltige .alert.m-alert--icon .m-alert__icon,
#form-selektions-definition .single-selektionsdefinition-gueltige .alert.m-alert--icon .m-alert__text
{
    padding: 10px !important;
}

#form-selektions-definition .single-selektionsdefinition-gueltige input[type=checkbox]
{
    cursor: pointer;
}

#form-selektions-definition .single-selektionsdefinition-gueltige .form-group
{
    margin: 0;
}

#form-selektions-definition .single-selektionsdefinition.dropactive {
    cursor: grabbing;
}

#form-selektions-definition .single-selektionsdefinition .close {
    position: absolute;
    -webkit-box-pack: center;
    padding: 0;
    transition: color .1s ease-out;
    border: none;
    color: #b2b2b2;
    font-size: 2.8em;
    cursor: pointer;
    margin-top: -29px;
    right: 25px;
    opacity: unset;
}

.selektion-headline
{
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
}

.selektion-headline p
{
    text-align: left !important;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.erweiterte-selektion-dashboard .item
{
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    text-align: center;
    min-height: 150px;
    border: 1px solid #aaa;
}

.erweiterte-selektion-dashboard .item .footer a
{
    font-weight: bold;
    text-decoration: underline;
}

.erweiterte-selektion-dashboard .item .description
{
    min-height: 60px;
    margin: 15px 0 15px 0;
}

.erweiterte-selektion-dashboard .item .description p
{
    cursor: help;
}

.erweiterte-selektion-dashboard .item .headline p
{
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 5px 0 5px 0;
    margin: 0;
    cursor: help;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th
{
    cursor: pointer;
}

/**
 * Hide + sign in DataTable
 */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before
{
    content: none !important;
}

.pinselektion-master > .m-checkbox,
.pinselektion > .m-checkbox
{
    margin-right: -10px !important;
}

.pinselektion .m-checkbox > span,
.pinselektion-master .m-checkbox > span
{
    top: -9px !important;
}

.pinselektion-master,
.pinselektion
{
    text-align: center !important;
    padding-left: 0 !important;
}

.pinselektion
{
    margin-left: 0;
}

.cockpit-footer table {
    width: auto;
}
.cockpit-footer table thead {
    text-align: inherit;
}
.cockpit-footer .center {
    text-align: center;
}

.cockpit-footer .right {
    text-align: right;
}

.cockpit-footer table {
    margin: 0 0 0 auto;
}

.cockpit-footer table thead,
.cockpit-footer table tfoot {
    font-weight: bold;
}

.cockpit-footer table td,
.cockpit-footer table th {
    padding: 5px 6px 5px 6px;
}

@media (min-width: 1025px) and (max-width: 1199px) {
    span.m-menu__link-text {
        max-width: 20vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    span.m-menu__link-text {
        max-width: 22vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 1400px) {
    span.m-menu__link-text {
        max-width: 22vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.pinselektion-info {
    color: var(--danger);
}

.m-portlet__body .m-form.m-form--fit .m-form__content,
.m-portlet__body .m-form.m-form--fit .m-form__heading,
.m-portlet__body .m-form.m-form--fit .m-form__group {
    padding-left: 0px;
    padding-right: 0px; }