/**
 * 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;
}

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

.iframe-container-sc
{
    /*position: relative;*/
    /*padding-bottom: 42%;*/ /* ratio 16x9 */
    /*overflow: hidden; */
    /*width: 100%;        */
    /* background-color: white; */
    height: 100%;
}

.iframe-container-sc iframe
{
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;      */
    height: 100%;
}

/**
 *  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);
}

#edit-erweiterte-selektion
{
    background-color: #fff;
    padding: 20px;
}

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: -12px !important;
}

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

.pinselektion
{
    margin-left: -20px;
}

.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;
}