* { margin:0; padding: 0; box-sizing: border-box; }
body { background: #fff; color: #164062; font-family: Arial; font-size: 1em; }
a { color: #164062; text-decoration: none;  }
a:hover { color: #ccc; transition: all ease-in-out 0.3s;}
.active { font-weight: bold; }
#PrintLogo { display: none; }

input, textarea { width: 100%; border: none; line-height: 20px; margin-bottom: 3px; margin-top: 3px; background: #dedede; border-left: 1px solid #164062; border-bottom: 1px solid #164062; padding: 3px; font-weight: bold; font-family: Arial; font-size: 14px; }
select:focus, input[type="text"]:focus, input[type="password"]:focus,textarea:focus { border-bottom: 2px solid #164062;border-left: 2px solid #164062; box-shadow: none; outline: none; }
input[type="submit"], button { border: none; background: #164062; color: #fff; display: block; min-width: 100px; max-width: 200px; position: relative; top: 5px; }
input[type="submit"]:hover, button:hover { cursor: pointer; }
label { padding-left: 2px; position: relative; top: 0px;}

select { background: #dedede;  border: none;border-left: 1px solid #164062; border-bottom: 1px solid #164062; line-height: 24px; height: 26px; margin-top: 8px; margin-bottom: 8px; width: 100%;  }
option { line-height: 24px; background: #ddd; height: 30px; font-size: 14px; }
.txt-with-label { float: right; width: 80%; }
input[type="checkbox"] { width: 18px; height: 18px; position: relative; top: 6px; border: none; background: #ddd; border: 1px#164062 solid ; -moz-appearance: none; -webkit-appearance: none; margin-right: 8px}
input[type="checkbox"] + label { border:none; }
input[type="checkbox"]:checked { background: #164062; }
input[type="checkbox"]:checked:after { content: "\f00c";  font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 16px; color: #fff; top: -4px; left: 1px }
.floatedbutton { float: left; width: auto; font-size: 11px; line-height: 100%; margin-right: 6px; position: relative !important; top: -6px !important; }

table { border-collapse: collapse;  }
table tr:nth-child(2n+1) { background: #efefef; }
table th { text-align: left; padding-top: 20px; padding-left: 2px;}
table td { padding: 2px; vertical-align: top; }

table.inneraccordion { width: 100%; }
table.inneraccordion td { width: 50%; }
table.inneraccordion tr { background: #fff; }

h1 { font-size: 1.5em; border-bottom: 2px solid #ddd; margin-bottom: 10px; }
.startheader { margin-bottom: 10px; margin-top: 10px;}
hr { border: none; height: 1px; width: 100%; background: #fff; margin: 20px auto; }
.small { font-size: 0.7em }
.fa { font-size: 18px !important; color: #5c5c5c; }
.fa:hover { color: #164062; }
.fa-blue { color: #164062; }
.fa-blue:hover { color: #0b1e2e; }
.fabig { font-size: 36px !important; margin: 10px; margin-left: 0; }
.fa-print { cursor: pointer; float: right; }
.fixedbottomright { position: fixed; bottom: 10px; right: 10px; }

.clearfix { clear: both; float: none; }


.flex { display: flex; }
.flexedbox { margin: 0 10px; background: #ddd; padding: 6px;  }
/* STUFF + HELPER */
.left20 { width: 20%; float: left;}
.left40 { width: 40%; float: left;}
.left50 { width: 49%; float: left;}
.left60 { width: 60%; float: left;}
.left80 { width: 80%; float: left;}
.width100 { width: 100%; float: none; clear: both; }
.right20 { width: 19%; float: right;}
.right40 { width: 39%; float: right;}
.right50 { width: 49%; float: right;}
.right60 { width: 59%; float: right;}
.right80 { width: 79%; float: right;}
.Error { display: block; width: 100%; line-height: 24px; text-align: center; background: #f75a5a; color: #e3000b; font-weight: bold; }
.Info { display: block; width: 100%; line-height: 24px; text-align: center; background: #facf9b; color: #ff8d00; font-weight: bold; }

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
/* OVERRIDE JQUERY-UI*/
.ui-datepicker-trigger { float: right; position: relative; top: -27px; right: 4px; height: 20px; }

/* HEADER */
header { width: 100%; height: 110px;  border-bottom: 1px solid #ddd; box-shadow: 2px 0px 8px #ddd; }
#User { float: right; margin-right: 20px; margin-top: 10px;  }
#adminlinks { float: right; margin-left: 10px; }
#Logo { float: left; margin-left: 10px; margin-top: 10px;   }
nav { float: left; margin-left: 50px;  }
nav ul { margin-top: 24px; }
nav ul li { float: left; list-style-type: none; font-weight: bold; margin: 10px;  }
nav ul li a { display: block; height: 100%; padding: 10px; width: 100%; }
.indicator { float: right; position: relative; top: -35px; right: -10px; display: block; color: #fff; font-size: 10px; background: #e3000b; border-radius: 50%; width: 16px; line-height: 16px; text-align:center; }
.indicatorsmall { position: relative; top: 0px; right: 0px; display: inline-block; top: -11px; left: 4px; color: #e3000b; font-size: 1px; background: #e3000b; border-radius: 50%; width: 8px; line-height: 8px; text-align:center;  }

/* CONTENTS */
.centeredbox { width: 300px; margin: 0 auto; padding: 10px; background: #bbb; box-shadow: 0px 0px 10px #bbb; margin-top: 20px; }
#content { width: 90%; margin: 0 auto; margin-top: 10px;  }
.menu { font-weight: bold; background: #ddd; padding: 4px;  }
.box { background: #ddd; padding: 4px; margin-left: 1%; }
.infotext { display: inline; font-size: 11px; height: auto; line-height: 100%; padding: 0; margin: 0; margin-top: 10px;}

/* CHAT */
#messages { width: 100%; margin-bottom: 20px; max-height: 420px; overflow: scroll; overflow-x: hidden;  }
.message { border-bottom: 1px solid #dedede; }
.chatbox { width: 100%; height: 100px; }

/* USER */
.userlink { margin-bottom: 10px; }
.userlink span { margin-left: 10px; color: #888; }
.inaktiv a { color: #bbb; }

/* OTHER */
.Subbutton { float: right; position: relative; top: -50px; }