﻿@media(max-width: 800px) {
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }

    .flex-container{
        width: 100%;
    }

    .top-row-menu-item {
        justify-content: space-between;
        display: flex;
        color: white;
        height: 40px;
        width: 100%;
        border: 1px solid #1DA2AF;
        border-radius: 3px;
    }
        .top-row-menu-item:hover {
            background-color: rgba(255,255,255,0.25)
        }

    .top-row-menu-item-aktive {
        background-color: rgba(255,255,255,0.25)
    }

    .nav-language{
        padding-left: 0px;
        padding-right: 0px;
    }
    .main-page-content{
        padding: 10px !important;
    }
    .main-page-body {
        min-height: calc(100% - 105px) !important;
        min-height: -moz-calc(100% - 105px) !important;
        min-height: -webkit-calc(100% - 105px) !important;
        min-height: -o-calc(100% - 105px) !important;
    }
    .document-content-container {
        height: calc(100vh - 190px) !important;
        height: -moz-calc(100vh - 190px) !important;
        height: -webkit-calc(100vh - 190px) !important;
        height: -o-calc(100vh - 190px) !important;
    }
    
    .document-preview-container {
        display: none !important;
    }
    .document-metadata{
        display: none !important;
    }
    .statistik-element-value{
        text-align: start !important;
    }
    .statistik-element-description{
        text-align: start !important;
    }
    .statistik-element-last .statistik-element-value, .statistik-element-value-last, .statistik-element-description-last {
        text-align: start !important;
    }
    .k-wizard-steps {
        width: 100% !important;
    }
}
@media(max-width: 1420px) 
{
    .statistik-element-value {
        text-align: start !important;
    }

    .statistik-element-description {
        text-align: start !important;
    }

    .statistik-element-last .statistik-element-value, .statistik-element-value-last, .statistik-element-description-last {
        text-align: start !important;
    }
}
@media(max-width: 1600px){
    .k-wizard-steps {
        width: 100% !important;
        margin: auto;
    }
}