/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07.10.2016, 11:12:44
    Author     : stadlerc
*/

@media all and (max-width: 1680px) {
    .ui-width-switch-1680 {
        min-width: 100%
    }
}

@media all and (max-width: 1440px) {
    .ui-width-switch-1440 {
        min-width: 100%
    }
}

@media all and (max-width: 1280px) {
    .ui-width-switch-1280 {
        min-width: 100%;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media all and (max-width: 1280px) {
    .ui-width-switch-1280-only-width {
        min-width: 100%;
    }
}

@media all and (max-width: 1280px) {
    .ui-width-switch-1280-half-width {
        min-width: 50%;
    }
}

@media all and (max-width: 1280px) {
    .ui-width-switch-1280-quarter-width {
        min-width: 25%;
    }
}

@media all and (max-width: 1280px) {
    .ui-height-switch-1280 {
        min-height: 100% !important;
    }
}

@media all and (max-width: 1024px) {
    .ui-width-switch-1024 {
        min-width: 100%;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media all and (max-width: 1024px) {
    .ui-width-switch-1024-only-width {
        min-width: 100%;
    }
}

@media all and (max-width: 1024px) {
    .ui-height-switch-1024 {
        min-height: 100% !important;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    /* IE10+ specific styles go here */ 
    .ie-layout-fix-1440 {
        max-width: 1426px;
    }
    .ie-layout-fix-1080 {
        max-width: 1080px;
    }    
}

.width-100 {
    width: 100%;
}

.height-100 {
    height: 100%;
}

.max-width-1280 {
    max-width: 1280px;
}

.max-width-1440 {
    max-width: 1440px;
}

.max-width-1680 {
    max-width: 1680px;
}

.max-width-1920 {
    max-width: 1920px;
}

.pos-center {
    margin-left: auto !important;
    margin-right: auto !important;
}
.float-right {
    float: right;
}

/** Dynamisierung **/
.dyn-dialog {
    max-width: 45rem;
}

.dyn-card-chart-volumenstrom {
    min-height: 31rem;
}

.dyn-card-chart-volumenstrom-small {
    min-height: 27rem;
}

.dyn-card-regler {
    min-height: 18rem;
}

.dyn-chart-volumenstrom {
    min-height: 29rem; 
}
.dyn-chart-strompreise {
    min-height: 27.8rem; 
}

.dyn-nav-button {
    padding-bottom:  0.3rem;
}

.dyn-information-card-header {
    border-radius: 0rem; 
    background-color: #fff; 
    border: 1px solid #bdbdbd; 
    border-bottom: 5px solid rgba(244, 151, 34, 0.9);
    margin: 0rem !important; 
    padding-bottom: 0rem !important; 
    border-top-left-radius:  4px; 
    border-top-right-radius: 4px;
}

.dyn-information-card-content {
    min-height: 9.2rem; 
    border-radius: 0rem; 
    background-color: white; 
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd; 
    border-right: 1px solid #bdbdbd;
    border-bottom-left-radius:  4px; 
    border-bottom-right-radius: 4px; 
}

.dyn-information-card-with-separator {
    border-bottom: 1px dotted #757575;
}

.dyn-information-card-coloured {
    min-height: 12.9rem; 
    border-radius: 4px;
}

.dyn-information-row {
    padding-top: 0.3rem;
}

.dyn-information-icon {
    margin-left: 0.1rem;
}

/** Talsperre **/
.tal-separator {
    margin-bottom: 0.3rem; 
    margin-top: 0.2rem;
}

/** Druckzonen **/
.druck-vertical-information-card {
    height: 100%; 
    border: 1px solid #bdbdbd; 
    /**border-left: 8px solid rgb(211, 105, 27); **/
    border-radius: 3px;
}

.druck-vertical-information-card-content {
    text-align: center;
}

.druck-separator-vertical {
    border-left: 1px solid rgb(211, 105, 27); 
    border-right: 1px solid rgb(211, 105, 27);
}

.druck-information-icon {
    width: 3.2rem !important;
    height: 3.2rem !important;
}