/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-okt-30, 21:42:06
    Author     : Magnus
*/


.ingress {
    font: 12px Arial, Helvetica, sans-serif;
    color: #575757;
    background: #EBEBEB;
    border: thin solid #575757;
}

ul {
    list-style: url(../images/bullet.png) none outside;
}

html,body,#page {
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#header {
    text-align: center;
    height: 70px;
    margin: 10px;
    vertical-align: bottom;
}

#menu {
    color: #575757;
    font: bold 12px Arial, Helvetica, sans-serif;
    background: #EBEBEB;
    text-align: center;
    height: 30px;
}
#menu a:active{
    text-decoration: double;
}
#footer {
    font: 10px Geneva, Arial, Helvetica, sans-serif;
    color: #575757;
    text-align: center;
    vertical-align: middle;
    width: 780px;
    border-top: thin solid #EBEBEB;
    background-color: transparent;
}

main {
    margin: 5px;
    min-height: 70vh;
}

.center_col {
    vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #575757;
}

.border_line {
    padding: 2px;
    border: thin solid #575757;
}

a {
    text-decoration: none;
}

.login {
    border: thin solid #575757;
    text-align: center;
    padding: 5px;
    width: 300px;
    font: 12px Geneva, Arial, Helvetica, sans-serif;
    margin-top: 20px;
}

.left_col {
    background: #EBEBEB url(../images/left.gif) repeat-y right top;
    margin: 0px;
}

.righ_col {
    background: #EBEBEB url(../images/right.gif) repeat-y left top;
    margin: 0px;
}

body {
    font: 12px Geneva, Arial, Helvetica, sans-serif;
    margin-bottom: 80px;
}

th {
    font: bold 12px Geneva, Arial, Helvetica, sans-serif;
    color: #EBEBEB;
    background: #575757!important;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
}

footer {
    padding: 2.5rem 0;

}

/* Pill on compare results*/
.nav-pills .pill-compare .nav-link {
    background-color: #6c757d!important;
    color: white;
}


/* active (faded) */
.nav-pills .pill-compare .nav-link:not(.active) {
    background-color: #f8f9fa!important;
    color: rgba(0,0,0,.5);
}

/* striped list */
ul.striped-list > li:nth-of-type(odd) {
    background-color: #f8f9fa ;
}

/* height = 50vh*/
.height-50vh{
    height: 50vh;
}

.clickable{
    font-weight: bold;
}

@media print {
    #menu {
        display: none;
    }

    #header {
        display: none;
    }

    #footer {
        display: none;
    }

    .left_col {
        display: none;
    }

    .right_col {
        display: none;
    }

    body { /*background-color: white;*/
        font-family: "Times New Roman", Times, serif;
        font-size: 10pt;
    }

    .bold_center {
        font-weight: bolder;
        text-align: center;
        background: #EAEAEA;
    }

    .light_center {
        color: #575757;
        text-align: center;
        background: #F8F8FF;
    }

    .justify {
        text-align: justify;
        width: 100%;
    }

    #main {
        margin: 5px;
        height: 100%;
    }

    .center_col {
        vertical-align: top;
    }

    h1,h2,h3,h4,h5,h6 {
        font-family: Arial, Helvetica, sans-serif;
        color: #575757;
    }

    #page_break {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
    }

    th {
        font: bold 12px Geneva, Arial, Helvetica, sans-serif;
        color: #EBEBEB;
        background: #575757;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
        page-break-before: auto;
        page-break-after: auto;
    }

    table { /*page-break-inside:avoid;*/
        page-break-before: auto;
        /*page-break-after: auto;*/
    }

    .border_line {
        padding: 2px;
        border: thin solid #575757;
    }

    form {
        display: none;
    }
}