/*

    Denne filen inneholder generell CSS for ELA Mobil versjon 1.11+

 */

h1 {

}
h2 {
    margin: 0 5px;
}
h3 {

}

.center {
    text-align: center;
}

/* The class used for boxes with error messages */
.errormsg {
    color: #960000;
    /*border: 1px solid */
}

/*
    Version number formatting on main page
    Absolute positioned on bottom right side
 */
#version {
    display: block;
    position: absolute;
    bottom: 30px;
    right: 3px;
    color: #C7C7C7;
    float: right;
    font-size: 12px;
}

/* Restrict the content width on desktop computers
 * https://stackoverflow.com/questions/7936119/setting-maximum-width-for-content-in-jquery-mobile
 * Changed this solution from .ui-page to body.
 */
body {
    background-color: #bcbcbc !important;
}
@media only screen and (min-width: 900px){
    /* Restrict with on page div */
    body div[data-role=page] {
        max-width: 900px;
        margin: 0 auto;
        position: relative !important;
        border-right: 1px solid #88b0e4 !important;
        border-left: 1px solid #88b0e4 !important;
    }

    /* Allow overflows on x axis (override styles in structures) */
    .ui-page-active {
        overflow-x: visible !important;
    }
}


/* Heading with rounded corners accompanying themed section with rounded corners */
/* custom corners */
/* https://demos.jquerymobile.com/1.4.5/body-bar-classes/ */
.custom-corners .ui-bar {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.custom-corners .ui-body {
    border-top-width: 0;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    margin-bottom: 20px;
}