﻿
.visible-pwa {
    display: none !important;
}

/*STYLES für Mobile Portrai Format*/
@media (max-width: 500px) {
    .label-pwa {
        width: 85px;
        text-align: right;
    }

    #Meldestelle {
        width: calc(100% - 90px);
        display: inline-block;
    }

    .hidden-pwa {
        display: none !important;
    }
    .visible-pwa {
        display: unset !important;
    }

    .col-pwa-small {
        width: 50px;
    }

    .col-pwa-mid {
        width: 70px;
    }

    .col-pwa-full {
        width: 100%;
    }

    .col-pwa-zero {
        width: 0;
        overflow: hidden !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    .btn {
        width: 100%;
        margin-top: 5px;
        white-space: normal;
    }

    .btn-group {
        width: 100%;
        margin-top: 5px;
    }

    .btn-small-pwa {
        height: 34px;
        width: 34px;
        padding: 6px;
        vertical-align: baseline;
    }

    .shortIntText {
        margin-top: 5px;
    }
    
    .table-pwa {
        table-layout: fixed;
    }

        .table-pwa > thead > tr > th,
        .table-pwa > tbody > tr > th,
        .table-pwa > tfoot > tr > th,
        .table-pwa > thead > tr > td,
        .table-pwa > tbody > tr > td,
        .table-pwa > tfoot > tr > td {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
}

@media (max-width: 300px) {
    .label-pwa {
        width: auto;
    }
}


/*STYLES für Tablet Format*/
@media (max-width : 992px) {
    .selektion-field{
        padding-top: 2px;
    }
}