FORM {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 1280px !important;*/
    /*width: 100%;*/
}

.span0 {
    display: none !important;
}

@media (min-width: 768px) and (max-width: 979px) /*TABLET MODE*/
{
    FORM {
        /*max-width: 640px;*/
    }
}

@media (max-width: 767px) /*Bootstrap's mobile mode*/
{
    body {
        padding: 0;
    }
}

@media (max-width: 580px) /*Prev: 767px - MOBILE MODE - adapt menu*/
{
    body {
        font-size: medium;
    }

    #content #orderbestallningErrorContainer {
        width: auto;
    }
    #content #orderbestallningSuccessContainer {
        width: auto;
    }
    #laneordrar {
        display: none;
    }
    #mobile-panel .kundvagn-mobil {
        margin-left: 10px;
        text-decoration: none;
    }
        #mobile-panel .kundvagn-mobil .badge {
            background-color: red;
            position: relative;
            left: -12px;
            top: -12px
        }

    #content,
    #pnlFooter {
        /*Lower the content due to header is position: fixed
        position: relative;
        top: 145px;*/
        padding-left: 6px;
        padding-right: 6px;
    }

    .modal.fade.in {
        top: 20%;
    }

    FORM {
        margin: 0 0 6px;
    }

    .header {
        background-color: #F0B600;
        -webkit-box-shadow: 0 0 10px #000000;
        box-shadow: 0 0 10px #000000;
        width: 100%;
        /*
        position: relative;
        top: 0;
        */
        position: relative;
        z-index: 2000;
        display: block;
        /*top: 0;
        left: 0;*/
    }

        .header .header-inner {
            padding: 0;
        }

        .header a.brand {
        }

    form.form-search {
        line-height: 20px;
        position: static;
        right: 0;
        top: 0;
        text-align: left;
        margin-bottom: 10px;
    }

    .content {
        margin-bottom: 0.5em;
    }

    .header legend {
        width: auto;
        border-color: transparent;
    }

    .navbar .btn,
    .navbar .btn-group { /*Mobile menu-button*/
        margin-top: 0;
        /*padding: 4px 6px;*/
    }

    a#btn-shortcuts {
        color: #444;
        margin-right: 6px;
        font-weight: bold;
        vertical-align: middle;
        padding: 10px 0 10px 10px;
    }

    .mellanrum-left-tjugo {
        margin-left: 0px !important;
    }

    #nav-shortcuts {
        margin-bottom: 0;
        /*#80b458, #508428*/
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b458', endColorstr='#508428'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b458', endColorstr='#508428')"; /* IE8+ */
        border: 0px solid #508428;
        -webkit-text-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
    }

        #nav-shortcuts hr {
            border-color: #CF9800;
            border-style: solid none;
            border-width: 1px 0 0;
            margin: 10px 0 0 0;
        }

        #nav-shortcuts .nav-pills::before,
        #nav-shortcuts .nav-pills::after {
            display: inline;
        }

        #nav-shortcuts .nav-pills {
            margin-bottom: auto;
        }

        #nav-shortcuts .nav > li > a {
            border-radius: 3px 3px 3px 3px;
            color: #333;
            text-decoration: none;
            font-weight: normal;
            padding: 4px 7px;
        }

            #nav-shortcuts .nav > li > a:hover,
            #nav-shortcuts .dropdown-menu a:hover {
                background-color: #508428;
                background-color: transparent;
                text-decoration: underline;
            }

        #nav-shortcuts.nav-collapse .nav > li {
            float: left;
        }


        #nav-shortcuts,
        #nav-shortcuts.collapse {
            height: 0;
            overflow: hidden;
            margin-bottom: 10px;
        }

    .nav-pills > li > a {
        margin-top: 0.2em;
    }

    #mobile-panel {
        background-image: none;
        overflow: visible;
        text-align: left;
        /*background-color: #fff;*/
    }

        #mobile-panel a,
        #mobile-panel a:visited {
            text-decoration: none;
        }

    .nav-collapse .dropdown-menu {
        display: none;
    }

    .open > .dropdown-menu {
        display: block;
    }

    .dropdown-menu,
    .nav-collapse .dropdown-menu {
        background-clip: padding-box;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px 6px 6px 6px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        float: left;
        left: 0;
        list-style: none outside none;
        margin: 2px 0 0;
        min-width: 160px;
        padding: 5px 0;
        /*position: absolute;*/
        height: auto;
        top: 100%;
        z-index: 1000;
    }

    .breadcrumb {
        display: none;
    }

    .nav {
        margin-bottom: 0;
    }

    .navbar .nav {
        display: block; /*block*/
        width: 100%;
        background-color: #FFFFFF;
    }

        .navbar .nav > li {
            display: block;
            float: none;
            width: 100%;
        }


            .navbar .nav > li > a {
                width: 100%;
                background-image: url('../Administration/Images/Layout/body-header-menubg.jpg');
                padding: 10px;
                float: none;
                display: block;
                text-align: left;
            }

                .navbar .nav > li > a:focus,
                .navbar .nav > li > a:hover,
                .navbar .nav > li > .active > a:focus /*Topmenu hover*/ {
                    color: #0D5C91;
                    background-color: #DDDDDD;
                    background-image: none;
                    text-decoration: underline;
                }

            .navbar .nav > li.active {
                background-color: #FFFFFF;
            }

    .page-dates {
        position: static;
    }

    .well .span2 {
        text-align: left;
    }

    .pagination ul {
        display: block;
    }

    /*#region Content */
    .bg-start {
        background: -moz-linear-gradient(#456f98, #193D63); /* FF 3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #456f98), color-stop(100%, #193D63)); /* Safari 4+, Chrome 2+ */
        background: -webkit-linear-gradient(#456f98, #193D63); /* Safari 5.1+, Chrome 10+ */
        background: -o-linear-gradient(#456f98, #193D63); /* Opera 11.10 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#456f98', endColorstr='#193D63'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#456f98', endColorstr='#193D63')"; /* IE8+ */
        background: linear-gradient(#456f98, #193D63); /* the standard */
    }

        .bg-start .map-box select {
            position: static;
        }

    .publicationitem .alert,
    .newsitem .alert,
    .monthitem .alert,
    .magazineitem .alert,
    .governmentitem .alert,
    .inspectionitem .alert,
    .eventitem .alert,
    .referralitem .alert,
    .searchitem .alert,
    .well {
        width: 97% !important;
    }

    .dataitem .dl-horizontal dt {
        width: auto;
    }

    .dataitem .dl-horizontal dd {
        margin-left: auto;
    }

    .well {
        position: static;
        width: auto;
    }
    /*#endregion */

    .footer {
        padding: 20px 0;
    }

    /*Due to offset in page-info*/
    .row-fluid .offset3:first-child {
        margin-left: 0;
    }

    .nav-collapse,
    .nav-collapse.collapse { /*Switch menu apperance!*/
        height: 0;
        overflow: hidden;
    }

        .nav-collapse .nav > li > a {
            border-radius: 0;
            margin-bottom: 0;
        }

        .nav-collapse .nav > li > a,
        .nav-collapse .dropdown-menu a {
            font-weight: normal !important;
            color: #0D5C91;
        }

    #nav-shortcuts.nav-collapse .nav > li {
        float: left;
    }

        #nav-shortcuts.nav-collapse .nav > li > a {
            display: inline-flex;
        }

    /*Left Menu*/

    /*#left-nav,*/
    #nav-shortcuts,
    #nav-shortcuts.collapse {
        height: 0;
        overflow: hidden;
        position: relative;
    }

    .leftNav li.divider-vertical {
        display: none;
    }

    .leftNav > li {
    }

        .leftNav > li > a {
            padding: 5px 0;
            display: block;
        }

        .leftNav > li.leftNavSelectedItem > a,
        .leftNav > li.navSelectedItem > a /*Level 1 Selected Item link*/ {
            font-weight: bold;
            padding-left: 10px;
        }

    .leftNav li.navSelectedParent > a {
    }

    /*END Left Menu*/

    /*#region NAV-PILLS */
    .nav-pills > li {
        display: block;
        float: none;
    }
    /*#endregion */

    .span12-padding {
        padding-bottom: 5px;
    }

    #collapse-meny,
    #collapse-genvagar {
        text-decoration: none;
    }

    .mina-sidor-meny {
        padding-bottom: 10px;
    }

    .header2 {
        font-family: Georgia,"Times New Roman",Palatino,Times,serif;
        font-size: 1.8em;
        margin-top: 0.83em;
        margin-bottom: 0.83em;
        margin-left: 0;
        margin-right: 0;
    }

    #digitaliseratHjalpIkon {
        padding-left: 5px;
    }

    .endastDigitaliserat {
        display: inline-flex;
    }

    .menylankar {
        font-weight: normal !important;
        /*color: #0D5C91 !important;*/
        border-radius: 0;
        margin-bottom: 0;
        float: none;
        text-align: left;
        line-height: 1.75em;
        text-decoration: none !important;
    }

    #meny-om-soktjanst > li > span > i, #OmMenyPlusMinus {
        width: 60px !important;
        float: right;
        font-weight: normal !important;
        color: #0D5C91 !important;
        text-align: center;
        line-height: 1.75em;
        text-shadow: none;
        border-left: solid #dbe7ef;
        border-width: 1px;
        text-transform: uppercase;
    }

    #OmItem {
        line-height: 3;
    }

    #OmMenyPlusMinus {
        line-height: 3em;
        border-left: solid #dbe7ef;
    }

    #OmItem > span > a {
        font-family: "Roboto","Open Sans",Helvetica,sans-serif,Helvetica,sans-serif !important;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        color: #464646;
        padding-left: 1rem;
    }

    .omSoktjansten {
        /*font-size: 1.5em;
        background-image: url('../Administration/Images/Layout/body-header-menubg.jpg') !important;*/
        padding: 20px;
    }

    #OmItems > ul > li {
        display: block !important;
    }

    #OmItems > ul > li > ul > li {
        display: block !important;
    }

        #OmItems > ul > li > span > a {
            width: 90%;
        }

    .btn-navbar {
        display: inline-block;
        text-decoration: none;
        background: transparent;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    .btn .navbar .btn-group {
        margin-top: 0;
        color: #FFF;
        line-height: 26px;
        padding: 4px 6px;
    }

    .icon-bar {
        display: block !important;
        width: 18px !important;
        height: 2px !important;
        background-color: #f5f5f5;
        border-radius: 1px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }

    .btn:hover {
        background: linear-gradient(#456f98, #193D63);
    }

    .paginationBlock {
        display: inline-block;
    }

    hr {
        border-top: hidden;
    }

    .noscript {
        display: none !important;
    }

    .btn-primary {
        color: #ffffff !important;
    }

    .h4-style {
        margin: 0.5em 0 0 0 !important;
        font-weight: bold;
    }

    .h3-style {
        border-top: solid;
        padding-top: 10px;
    }
}

@media (min-width: 581px) /*All above MOBILE MODE - Fix margin-top of content second*/
{
    .content {
        /*margin-top: 5em;*/
    }

    .nav-collapse,
    .nav-collapse.collapse { /*Switch menu apperance!*/
        height: auto !important;
        overflow: visible;
    }

    .navbar .btn-navbar {
        display: none;
    }
    /*END Switch menu apperance!*/
}

@media (max-width: 360px) /*MOBILE MODE - Fix margin-top of content first*/
{
    .content {
        /*margin-top: 6em;*/
    }

    .pagination ul > li > a, .pagination ul > li > span {
        padding: 0 13px;
    }
}

@media (max-width: 320px) /*MOBILE MODE - Fix margin-top of content first*/
{
    .content {
        /*margin-top: 7em;*/
    }

    .mobile-menu-button {
        position: absolute;
    }
}

@media (min-width: 1200px) /* BEYOND DESKTOP*/
{
    FORM {
        /*max-width: 1280px;*/
    }
}

@media (min-width: 768px) and (max-width: 979px) /*TABLET MODE*/
{
    FORM {
        /*max-width: 640px;*/
    }
}

@media (max-width: 979px) /* MOBILE AND TABLET MODES*/
{
    .harFacet .span12-tablet {
        width: 100% !important;
        *width: 100% !important;
        float: left !important;
        text-align: left !important;
    }

    .harFacet #valjTypAvLista.span12-tablet {
        margin-top: 0;
        float: right;
    }

    .harFacet .pull-left-on-tablet .pagination {
        float: left !important;
        text-align: left !important;
    }
}

@media (max-width: 480px) {
    FORM {
        /*max-width: 460px;*/
    }
}

@media (min-width: 940px) /*DESKTOP AND ABOVE*/
{
    .modal {
        margin: -360px 0 0 -470px;
        width: 940px;
    }

    .container-fluid {
        max-width: 940px;
        width: 940px;
    }
}

@media (max-width: 940px) /*Lower than DESKTOP*/
{
    .container-fluid {
        max-width: 940px;
        width: auto;
    }
}



div#info, div#meny {
    margin-left: 0;
}