*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Farvet fundet
    #3b547c mørkeblå
    #798394 lysere blå
    #393836
    #666666
    
*/

.boks {
    color: darkslategray; 
    font-family: Verdana;
    font-size: 14px;
    margin-bottom: 5px;

}

body {
    /*color: #4b4a48;*/ 
    color: #000000; 
    font-family: Verdana;
    font-size: 14px;
    /*font-size: 14px;*/
    background-color:white;
    margin-right: 50px;
    max-width: 600px;
    -webkit-text-size-adjust: 100%;
}

/*.select {
    margin-bottom: 5px;
}*/

h2 {
    /*margin: 0 0 20px 0;*/
    /*padding: 0 0 5px 0;
    border-bottom: 1px solid #999;*/
    font-family: Verdana;
    font-weight: bold;
    font-size: 20px;
    color: white;
    background-color: #8ca75a;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: #4B5163;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -70px;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #717885 transparent;

}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

input
{
    color: red; 
    font-family: Verdana;
    font-size: 14px;
    margin-bottom: 5px;
}

select {
    color: darkslategray; 
    font-family: Verdana;
    font-size: 14px;
    margin-bottom: 5px;
}

/*.bot  {
    background-color:#8ca75a;
    color: white;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    padding: 7px 24px;
    border: 1px solid #8ca75a;
    margin-top: 15px;
}*/

#resultat {
     border-collapse: collapse;
     /*width:90%;*/ 
     width:95%; 
     margin-left:0;
     margin-top:10px;
}

#resultat td, #resultat th {
     border: 1px solid #e3e3e3;
     text-align:center;
     font-weight:normal;
     padding: 4px;
}

#resultat tr:nth-child(even) {
    background-color: white;
    /*background-color: whitesmoke;*/
}

.cols {
    height: 30px;
    /*width: 100px;*/
    width: 115px;
    /*max-width: 150px;*/
    text-align:right;
}

.tabs {
    width: 100%; 
    /*margin-left: 10px; 
    max-width: 700px;
    min-width: 500px;*/
}

#resultat th {
    text-align:center;
}
.over_old {
    font-family: Verdana;
    font-weight: bold;
    font-size: 14px;
    color: #798394;
    background-color:whitesmoke;
    border: 1px solid #e3e3e3;
    padding: 1px 10px;
    height: 24px;
    display: inline-block;
    /*display:block;*/ 
    width: 100%;
    max-width: 700px;      
    margin-top: 35px;
}

.hidden{
    display: none;
}

.over {
    color: #000000;
    background-color: white;
    font-family: Verdana;
    font-weight:700; 
    font-size: 16px;
    /*background-color:whitesmoke;
    border: 1px solid #e3e3e3;
    padding: 1px 10px;
    height: 24px;*/
    display: inline-block;
    /*display:block;*/ 
    width: 100%;
    max-width: 700px;      
    margin-top: 35px;
    margin-bottom: 5px;
    padding: 7px 7px 7px 0px;
    /*text-transform: uppercase;*/
}


/*/*.bot:hover {
    background-color: #658a23; 
    color: white;
}*/

/*.bot:focus, .bot:active {
    border-color: black;
    border-bottom-style: dotted;
    border-bottom-width: thin;
}*/

/*.bot {
    background-color: #23AAAF;
    font-family: Verdana;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    width: 100px;
    border: 1px solid #23AAAF;
    color: white;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .75em 2.25em;
    border-radius: 25px;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: 1.1rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}*/
.botado {
  /*background-color: #23AAAF;*/
  border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #A41B42;
    color: white;
    padding: 4px;
    font-family: Verdana;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight:400;
    margin: 2px 2px;
    border-radius: 3px;
    }

        /*}
        .bot:hover {
            background-color: #42a5d9;
            color: white;
        }
        .bot:active {
            outline: none;
            border: none;
        }

        .bot:focus {
            outline: none;
        }*/

.container {
    /*width: 90%;*/
    width: 95%;
    margin-left: 0;
    background: #fff;
    padding: 0;
    overflow: hidden;
    float: left;
    display:block;
}

.horizontal .progress-bar {
    float: left;
    height: 30px;
    width: 100%;
    padding: 7px 0;
}

.horizontal .progress-track {
    position: relative;
    width: 100%;
    height: 18px;
    background-color: #ebebeb ;
}

.horizontal .progress-fill {
    position: relative;
    background: silver;
    height: 18px;
    /*width: 50%;*/
    width: 0;
    /*color: #4b4a48;*/
    color: #393836;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
    line-height: 18px;
    
}

.rounded .progress-track,
.rounded .progress-fill {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}



/* Vertical */

.vertical .progress-bar {
    float: left;
    height: 300px;
    width: 40px;
    margin-right: 25px;
}

.vertical .progress-track {
    position: relative;
    width: 40px;
    height: 100%;
    background: #ebebeb;
}

.vertical .progress-fill {
    position: relative;
    background:  #825;
    height: 50%;
    width: 40px;
    color: #fff;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
}

.rounded .progress-track,
.rounded .progress-fill {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 3px;
}