@media screen and (min-width:968px) {
    header .top {
        padding-top: 0;
        padding-bottom: 0;
        height: 82px;
    }
}

header .top {
    padding-top: 16px;
    padding-bottom: 15px;
}

header .top {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1200px;
}

header.header {
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    background: #005c95;
}

@media screen and (min-width:968px) {
    header.header {
        padding: 0;
        background-image: url("https://www.vgregion.se/Static/gfx/dekorelement.svg");
        background-repeat: no-repeat;
        background-size: 910px;
        background-position: center 0
    }
}

@media screen and (min-width:968px) {
    header.header {
        background-size: 112%;
        background-position: center 5%
    }
}

@media screen and (min-width:1560px) {
    header.header {
        background-size: 2040px;
        background-position: center -100px
    }
}

header .logo {
    background-image: url("/overlay/images/vgr-logotyp-neg.png");
    background-size: cover;
    margin: 0 auto 0 0;
    height: 80px;
    width: 300px;
}

/* Body background and color, no image */
body {
    background-color: #f4f4f4;
}

@media (min-width: 600px) {
    body {
        background: none;
        background-color: #f4f4f4;
    }
}

/* Right side info card */
.info {
    background: #094e79;
    /* Text color */
    color: #fff;
    padding: 0;
}

/* Button color */
.btn-primary {
    background: #094e79;
    color: #fff;
}

div.selector-container .content {
    display: none;
}

div.selector-container {
    color: #000;
    padding: 0px;
    border-radius: 5px;
    border: 2px solid #bbb;
    box-sizing: border-box;
    margin-bottom: 20px;
}

div.selector-container .text-line {
    color: #000
}

header .right {
    background: #094e79;
    display: block !important;
    height: 40px;
}

header .dropdown {
    margin-left: auto;
    margin-right: 5%;
}


.dropdown.changeLanguage {
    min-width: 200px;
    text-align: right;
    float: right;
}

.footer {
    overflow: hidden;
    padding: 10px;
    background: #005c95;
    color: #fff;
    position: fixed;
    width: 100%;
    box-sizing: content-box;
    bottom: 0px;
    z-index: -1;
}

p.info-text {
    text-align: left;

}

.info-header {
    height: 120%;
    background-size: cover;
    background-position: center;

}


h1.info-title {
    text-align: center;
}

body {
/*    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='60px' width='150px'><text x='15' y='15' fill='gray' transform='rotate(30 20,40)'  font-size='20' font-family='sans-serif'>TEST</text></svg>");
*/
}

.info-content {
    padding: 30px;

}

@media screen and (max-height: 600px) {
    .info-header {
        height: 150%;
    }

    main .card .inner {
        min-height: 500px;
    }
}

@media screen and (max-width: 800px) {

    .info-header {
        background-image: none !important;
        min-height: 0;
    }


}

/* addes for PAS new architecture */
header.top {
    padding-top: 16px;
    padding-bottom: 15px;
    background: #005c95;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1200px;
}

header.right {
    background: #094e79;
    display: block !important;
    height: 40px;
}