.scrollable-content {
    height: calc(100% - 32px);
    /*overflow-x: hidden;*/
}

@media (max-width: 992px) {
    body, body > .container, body > .container > .row, body > .container > .row > div {
        height: auto;
    }
    body {
        overflow-x: hidden !important;
        zoom:110%;
        padding-bottom: 60px !important;
    }
    body > .container > .row > div > .panel > .panel-body {
        overflow: visible !important;
    }
    /* Alla underliggande .panel i de layout-styrande panelerna */
    body > .container > .row > div > .panel > .panel-body .panel {
        margin-bottom: 0px;
    }
    .col-panel-left {
        height: auto !important;
    }
    .col-panel-left .panel-heading .visible-sm,
    .col-panel-main .panel-heading .visible-sm {
        display: inline-block !important;
    }
    .col-panel-main {
        margin-bottom: 5px;
    }
    .col-panel-main .panel {
        margin-bottom:5px;
    }
    .col-panel-left .panel {
        margin-bottom: 5px;
    }
    .container {
        width: 100%;
    }
    #collapseLeft {
        height: auto !important;
        max-height: 50vh !important;
        overflow-y: scroll !important;
    }
    .navbar-fixed-bottom .input-group-navbar {
        max-width: 20vw;
    }
    .navbar-fixed-bottom > .container > .btn,
    .navbar-fixed-bottom > .container .btn-group {
        margin: 0px;
        margin-top: 4px;
        margin-right: 5px;
        float:left !important;
    }
    .navbar-fixed-top .navbar-collapse {
        overflow-x: hidden !important;
        max-height: 50vh !important;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .scrollable-content {
        overflow-x: scroll !important;
    }
}

@media (max-width: 767px) {
    body {
        zoom:130%;
    }
    .col-panel-left .panel-heading .visible-xs,
    .col-panel-main .panel-heading .visible-xs {
        display: inline-block !important;
    }
    .col-panel-main dd {
        margin-left: auto !important;
    }
    /*.col-panel-main > .panel > .panel-body > .scrollable-content*/
    .btn-navbar-snabbinloggaren {
        display: none !important;
    }

    .navbar-fixed-top .dropdown-menu {
        width:100%;
    }

    .navbar-fixed-bottom {
        height: auto !important;
        max-height: 8vh;
        overflow-y: scroll;
        padding-bottom: 5px;
    }
    .navbar-fixed-bottom .input-group-navbar {
        max-width: 50vw;
    }

    .select-navbar-anvandare {
        width: 100% !important;
    }
    .navbar-btn.btn-sm {
        margin-bottom:0px;
    }

    .bootbox .modal-body {
        max-height: 50vh;
        overflow-y: auto;
        overflow-x: auto;
        padding: 5px;
    }
    .col-panel-main > .panel > .panel-heading {
        height: auto !important;
    }
    .small-screen-view-menu {
        position: absolute;
        right: 10px;
        top: 4px;
    }

    .col-panel-main > .panel > .panel-body .tabellinfo,
    .col-panel-main > .panel > .panel-body .artikelrader .artikelraderinfo {
        height: auto !important;
        padding: 5px !important;
    }
    .col-panel-main > .panel > .panel-body .tabellinfo .label,
    .col-panel-main > .panel > .panel-body .artikelrader .artikelraderinfo .label {
        display: block;
        margin: 0 !important;
        margin-top: 2px;
        float: none !important;
        padding: 5px;
        height: auto !important;
        border-radius: 0;
    }
    .col-panel-main > .panel > .panel-body .tabellinfo span:first-of-type,
    .col-panel-main > .panel > .panel-body .artikelrader .artikelraderinfo span:first-of-type {
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
    }
    .col-panel-main > .panel > .panel-body .tabellinfo span:last-of-type,
    .col-panel-main > .panel > .panel-body .artikelrader .artikelraderinfo span:last-of-type {
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
    }

    div.popover {
        display: none !important;
    }
    .navbar-nav .open .dropdown-menu {
        background: white;
    }
}

@media (max-width: 1200px) {
    .navbar-default .navbar-toggle {
        padding: 5px 9px !important;
        margin-top: 5px;
    }
}