/**
 * adjustments for mobilephones
 */
@media (max-width: 799px) {
    /*#####################################################
    *####### login.html
    *######################################################*/
    .ui-content {
        width: auto;
    }
    .authenticate-form .ui-controlgroup-controls div {
        width: auto;
    }

    /*#####################################################
    *####### index.html
    *######################################################*/

    /**
     * hide the descriptions in the footer/function menu
     */
    #footer div ul li a {
        font-size: 0 !important;
    }
    #footer div .ui-btn:after {
        margin-top: 7px;
    }

    .panelHeadline {
        line-height: 32px;
    }

    /**
     * show information- and call-list in vertical order
     */
    #callTable > div {
        float: none;
        width: 100%;
    }

    /**
     * hide no call icon
     */
    .calllist-no-calls {
        min-height: 3em;
        background: none;
    }

    /**
     * adjust calls
     */
    div.call {
        padding: 14px 65px;
    }
    div.call .call-icon {
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
    }

    /**
     * lower the font size a little
     */
    body {
        font-size: 0.8em;
    }
    .ui-btn,
    .big {
        font-size: 1em !important;
    }
    li p {
        font-size: 0.8em !important;
    }
    .ui-controlgroup-label {
        font-size: 0.8em !important;
    }
    .call .content strong {
        font-size: 1em;
    }

    /**
     * maximize the header
     */
    #header .ui-grid-b .ui-block-b {
        width: 0;
    }
    #header .ui-grid-b .ui-block-a,
    #header .ui-grid-b .ui-block-c {
        width: 50%;
        overflow: hidden;
        white-space: nowrap;
    }
    #header .icon-clock-20,
    #header .icon-location-20 {
        top: -2px;
    }
}