body {margin: 0px;font-family: Arial, Helvetica, sans-serif;}
h1, h2{text-align: center;}
table{border-collapse: collapse; width: 2000px;}
th.aar, td.aar {border: 1px solid lightgray; padding: 1px 3px; margin: 0px 0px;}
.kalender{overflow-x: scroll;}
div.aktivitet{display: block; background-color: yellow; padding: 4px; font-size: 0.7em; border-radius: 0px;}
td.aktivitet{padding: 0px;}
.aNavn{font-size: 1.2em;}
form.NyAhj{width: 60%; margin: auto; background-color: #f8f4eb; border: 1px solid gray; border-radius: 8px; text-align: center;}
input[type=text]{width: 80%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
select {width: 39%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
textarea{width: 80%; height: 200px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
input[type=number]{width: 80px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
input[type=checkbox]{width: 30px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
input[type=date]{width: 190px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}

input[type=submit] {width: 60%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; font-weight: bold;}
input[type=submit]:hover {background-color: #45a049;}
input[type=submit].slett {width: 25%; background-color:#ff0000; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; font-weight: bold;}
input[type=submit].slett:hover {background-color:#e20c0c;}
input[type=submit].eval {width: 40%; background-color:#4CAF50; color: white; padding: 14px 20px; margin: 8px auto; border: none; border-radius: 4px; cursor: pointer; font-weight: bold;}
input[type=submit].eval:hover {background-color:#45a049;}
input[type=submit].neste {width: 25%; background-color:#ffb500; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; font-weight: bold;}
input[type=submit].neste:hover {background-color:#ff8300;}
input[type=submit].oppdater {width: 25%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; font-weight: bold;}
input[type=submit].oppdater:hover {background-color: #45a049;}
/*div {border-radius: 5px; padding: 20px;}*/
.UkeNr{background-color: white; font-weight: normal; border: 1px solid lightgray;}
.cUkeNr{background-color: #ff0000; font-weight: bold; color: white;}
a.aHjul{color:#206e14; text-decoration: none; font-weight: bold; padding-left: 2px;}
            
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.b {font-weight: bold;}

.melding {
    text-align: center;
    color: red;
    font-size: 1.1em;
    font-weight: bold;
}

.DisabledButtons {
    font-size: 12px;
    text-align: center;
    color: red;
}
.topnav {
    overflow: hidden;
    background-color: #333;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav a.active {
    background-color: #04AA6D;
    color: white;
}

.topnav .icon {
    display: none;
}

table.eval {
    width: 100%;
    max-width: 900px;
    margin: 0px auto;
    border-width: 0px;
}

tr.eval {margin-bottom: 6px;}
td.eval {padding-left: 6px;}


.footer {
    width: 100%;
    white-space: nowrap;
    line-height: 20px;
}

.border-top{
  border-top: 1px solid #e5e5e5;
}
 
.container {
  padding: 16px;
  text-align: center;
}