body {font-family: Arial;   }
a:visited, a:link {color: #00579E; text-decoration: none}
a:hover, a:active {color: maroon; }
a, a:link, a:visited, a:active, a:hover {border:0!important;}
h2 {font-family: Arial; font-weight: lighter; margin-top: 10px;}
h3 {font-family: Arial; font-weight: bold; white-space: pre-wrap;}
p {font-size: 0.8em; line-height: 1.4em;}
dl.description {max-width: 700px;}
.tg  { max-width: 780px}
.tg tr{vertical-align:top}
.tg td{padding-right:10px; padding: 10px 10px; word-break:normal}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:10px 15px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tg .tg-4eph{background-color:#f9f9f9}
.tg2 td{background-color:#f9f9f9}

.sub td {font-size: smaller}

label {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: small;
    color: gray;
}



/* Start of Column CSS */
#container1 {

	float:left;
	width: 100%;
	margin-bottom: 10px;
      /*  padding: 75px 10px 10px 20px; */
        padding: 50px 10px 10px 20px;
        background:#F0F2F5;
}

#container2 {
	clear:left;
	float:left;

	
	background:#FFFFFF;
        padding: 5px 20px;
}

#col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	
}
.kontrollert.ng-dirty.ng-valid {
    background-color: lightgreen;
}
.kontrollert.ng-dirty.ng-invalid-maxlength {
    background-color: red;
}
.kontrollert.ng-dirty.ng-invalid-email {
    background-color: pink;
}

.kontrollert.ng-dirty.ng-invalid-url {
    background-color: pink;
}

.kontrollert.ng-invalid {
    background-color: pink;
}
dt {
    margin-top: 20px;
}

input.form-control {
    background-color: white;
    height: 40px;
}


.kontrollert:invalid {
  background-color: yellow;
}



button#gobutton{

    width: 50px;
    height: 40px;
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding:5px 15px; /*add some padding to the inside of the button*/
    margin-left: 5px;
    background:white; /*the colour of the button*/
    border: 1px solid #CCCCCC; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    /*give the button a drop shadow*/

-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 2px;


}

button#gobutton:hover, button#gobutton:focus{
    background-color :#eeeeee; /*make the background a little darker*/
    /*reduce the drop shadow size to give a pushed button effect*/
     -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}

.username {
    float: right;
    margin-right: 10px;
    font-weight: normal;
}


.nb-site-logo__link {
    align-items: center;
    display: flex;
    text-decoration: none
}

.nb-site-logo__link svg {
    fill: currentcolor
}

.nb-site-logo__title {
    display: none;

    font-weight: bold;
    margin-left: 1rem
}

@media (min-width:800px) {
    .nb-site-logo__title {
        display: block
    }
}