html, body {height:100%;}
body {font-size:100%;font-family:arial,sans-serif;background-color:white;} /* background-color:#fbfbfb;*/
* {margin:0;padding:0;}
.clearfloats {clear:both;display:block;height:1px;margin-bottom:-1px;font-size:1px;line-height:1px;}
a img {border:0;}
img.hr {height:1px;background-color:#cbcbcb;width:100%;}


#login {width:320px;margin:5% auto;margin-left:auto;margin-right:auto;max-width:680px;text-align:left;}
#login.samtykke {width:auto;}
body.embed #login {margin:0 auto;}
body.app #login {margin:0 auto;}
body.is_mobile #login {width:auto;}

#login form {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #e1e1e1;/*E5E5E5*/box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);font-weight:normal;margin-left:8px;padding: 26px 24px 22px 24px;border-radius: 3px 3px 3px 3px;}
#table_container {width:100%;height:85%}
#login #embed_topdesc {width:18.5em;}

.input_text {/*height:20px;*/background: none repeat scroll 0 0 #FBFBFB;border: 1px solid #d9d9d9; /*E5E5E5*/box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;font-size:16px;font-weight:200;line-height:1.2em;margin-bottom:16px;margin-right:6px;margin-top:3px;outline: medium none;padding: 4px;width:94%;color: #444;border-radius: 3px 3px 3px 3px;}
#login select {width:142px;margin-top:3px;border:1px solid #d9d9d9;padding:3px;border-radius: 3px 3px 3px 3px;}

.input_text:focus {border: 1px solid #56B4EF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);}
.input_cpr {width:92px;}
.input_postnr {width:40px;}
.input_fornavn {width:92px;}
.input_efternavn {width:133px;}
.input_byen {width:185px;}
body.is_mobile .input_byen {width:140px;} 
.input_telefon {width:92px;}
#epost,#epost_again,.input_byen,#adresse,.input_efternavn,#barns_efternavn {margin-right:0;}
.opret_hoejre {float:left;margin-left:5px;}

.input_text.invalid:focus {border: 1px solid #ef5685;box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(239, 86, 133, 0.6)}

#login .input_password {margin-bottom:20px;}
#login label {color: #777777;font-size: 14px;vertical-align: middle;font-family: sans-serif;}

#login .input_submit {
	position:relative;float:right;
	box-shadow: 0 1px 0 #FFFFFF;color:#FFFFFF;background-color: #019AD2;height:30px;width:auto;
	white-space:nowrap;overflow:visible;
    background-image:-moz-linear-gradient(#33BCEF, #019AD2);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33BCEF, endColorstr=#019AD2);
	background: -webkit-gradient(linear, left top, left bottom, from(#33BCEF), to(#019AD2));
	background-repeat: repeat-x;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-radius: 4px 4px 4px 4px;cursor: pointer;
    display:inline-block;line-height:18px;
    padding:5px 10px;margin:0;
	-moz-transition: background 0.2s linear 0s; outline: medium none;
	border:1px solid #057ED0;border-collapse: collapse;border-spacing:0;
	font-size: 13px;font-weight: bold;font-family:arial,sans-serif;
}
#login .input_submit:hover {
background-color: #0271BF;
    background-image: -moz-linear-gradient(#2DADDC, #0271BF);
    background-repeat: repeat-x;
    border-color: #096EB3;}

#login .input_submit[disabled=disabled] {
	border-color:#ddd;
	background-color:#e1e1e1;
	background-image:-moz-linear-gradient(#e1e1e1, #e1e1e1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#e1e1e1);
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#e1e1e1));;
	text-shadow: none;
	cursor:default;
}

/* css checkbox */
.css_checkbox label {display:inline-block;position:relative;padding-left:2.8em;line-height:1.5em;margin-bottom:9px;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.css_checkbox input[type='checkbox'] {position:absolute;opacity:0;cursor: pointer;}
.css_checkbox .checkmark {position: absolute;top: 0;left: 0;height:20px;width:20px;border:1px solid #bbb;border-radius:3px;background-color:white;}
.css_checkbox label:hover input ~ .checkmark {/*background-color: #ccc;*/}
.css_checkbox label input:checked ~ .checkmark {background-color: #2196F3;}
.css_checkbox .checkmark:after {content:"";position: absolute;display:none;}
.css_checkbox input:checked ~ .checkmark:after {display: block;}
.css_checkbox .checkmark:after {left:6px;top:2px;width:5px;height:10px;border: solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}


div.submit_left {margin-top:0px;float:left;}
p.opret_link {font-size:12px;color:#777777;}
p.opret_link a {color:#2894ff;}
p.opret_link a:hover {color:#0066cc;}
p.tilbage a {color: #0085E2;}

a.glemtkode {/*margin-left:10px;padding-top:2px;margin-top:4px;vertical-align: middle;*/margin-top:1px;float:right;margin-right:8px;font-size:12px;line-height:14px;color:#aaa;text-decoration:none;}
a.glemtkode:hover {text-decoration:underline;}

p.glemtkode a {font-size:12px;color:#999;text-decoration:none;}
p.glemtkode a:hover {text-decoration:underline;}
#login_glemtkode {display:none;}
#login_glemtkode p {color: #555;font-size:.77em;} /*font-size:12px;*/
#login_glemtkode p a {color:#0085e2;}
#login_glemtkode p.tilbage,#login_kodesendt p.tilbage {position:relative;top:-8px;}

a.login_nemid {float:right;margin-top:10px;font-size:.77em;color:#bbb;}
a.login_nemid:hover {color:#0066cc;}

#login p {color:#555;font-size:.77em;}
body.is_mobile #login p {font-size:.85em;}

#opret {display:none;}
/* #opret p {color:#555;font-size:.77em;}font-size:12px;*/
#opret p a {color:#0085e2;}
#opret p.tilbage {position:relative;top:-8px;}

h2 {margin-top:1em;font-size:1.3em;font-family:georgia,serif;font-style:italic;color:#444;}
#opret .input_text {font-size:14px;margin-bottom:12px;}
#opret .space_under .input_text {margin-bottom:36px;}

#login #opret label {font-size: 12px;}
#login #opret label.label_small {font-size:11px;color:#999;}
body.is_mobile #login #opret label.label_small {width:80%;}

#login a.beskyttet {position:absolute;line-height:1em;top:-12px;padding:6px 8px 6px 7px;font-size:12px;font-weight:normal;color:#888;border-radius:3px 3px 3px 3px;background-color:#f0f0f0;z-index:1;right:6px;text-decoration:none;}
#login a.beskyttet span {float:left;padding-top:1px;}
#login a.beskyttet img {position:relative;float:left;margin-left:7px;background-image:url('ssl_lock.gif');background-position:0 0px;background-repeat:no-repeat;}
#login #ssl_info {position:absolute;width:120px;right:7px;z-index:6;top:17px;color:white;font-size:11px;padding:3px 8px;font-family:arial,sans-serif;background-color:#2a2a2a;border:1px solid #ffffff;font-size:11px;font-weight:bold;padding:7px 9px;background-color: #D9EDF7;border-color: #BCE8F1;color: #3A87AD;border-radius: 4px 4px 4px 4px;}
#login .grey_info {position:relative;background-color:#f0f0f0;border:1px solid #ddd;color:#777;padding:8px 8px;font-family:arial,sans-serif;border-radius:4px;}

.input_comment {display:none;color:#999;}


/* mobile */
body.is_mobile {background-color:#fbfbfb;} /*background-color:#fbfbfb;*/
body.is_mobile #login form {margin-left:-2px;border-radius:0;background-color:white;border:1px solid #e1e1e1;box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);}
body.is_mobile #login {margin-top:5%;margin-bottom:2em;} /*width:336px;width:324px;margin-top:20%;*/
body.is_mobile #login.samtykke {width:auto;}

body.is_mobile #login.opret {width:336px;}
body.is_mobile #table_container {overflow:hidden;}
body.is_mobile #login #embed_topdesc {display:none;}

body.is_mobile #login #embed_topdesc p {font-size:.95em;letter-spacing:-.02em} /*display:none;*/
body.is_mobile #login form {} /*box-shadow:none;margin-left:0;border-left:0;border-right:0;border-top:0;*/
body.is_mobile #table_container {} /*width:auto;height:auto;*/
body.is_mobile #opret .input_text, body.is_mobile #opret select {font-size:16px;}
body.is_mobile .input_fornavn {width:92px;width:8em;}
body.is_mobile .opret_hoejre {margin-left:0;}
/* mobile end */


/* kalender chooser */
.calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; }
.calendar .invalidday1 a, .calendar .invalidday1 a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; }
.calendar .selectedday { background: #ddd; }
.calendar .today {font-weight: bold; color: #f00; }
.calendar a {padding:0 2px;color:#000;text-decoration:none; }
.calendar a:hover { background: #bbb; }
.calendar table {border-collapse:collapse;font-size:90%;}
.calendar tbody td {width:20px; }
.calendar td, .calendar th {padding:1px;text-align:center;}
.calendar thead td {} /*border-bottom: 1px solid #eee; */
.calendar thead td {font-weight:bold;font-size:75%;} /*height:20px;*/
.calendar thead th a {padding:2px;font-size:95%;} /*font-weight:bold;*/
.calendar thead th {padding:0;vertical-align: middle;background:#eee;border-bottom: 2px solid #fff;}
.calendar {padding-bottom:2px;border:1px solid #aaa;font-size:small;background: #fff;}
.calendaricon {cursor:pointer;}
.calendarlink, .calendaricon {margin:0 3px;}

/* bootstrap style */
.calendar * {font-family:arial,sans-serif;}
.calendar .today {color:#000;}
.calendar .selectedday {color:white;background:#ddd;background-color: #006dcc;background-image: -moz-linear-gradient(top, #0088cc, #0044cc);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);background-image: -o-linear-gradient(top, #0088cc, #0044cc);background-image: linear-gradient(to bottom, #0088cc, #0044cc);background-repeat: repeat-x;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.calendar td a {display:block;width:20px;height:20px;border-radius:4px;padding:3px 2px 0;padding:4px 5px 2px;}
.calendar a:hover {background:#ebebeb;}
.calendar tbody td {font-size:90%;}
.calendar td {padding:3px 4px;padding:0;}
.calendar thead th a {font-size:85%;width:auto;height:auto;}
.calendar thead th {background:#f1f1f1;padding:2px 0px;height:30px;}
.calendar {padding-bottom:.4em;font-size:medium;border-radius:4px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}
.calendar thead td {padding:4px 0px;}

/* Bootstrap alerts */
/* Bruges ikke her..
.alert {font-family: Arial,sans-serif;font-size: 14px;line-height: 20px;}
background-color: #FCF8E3;border: 1px solid #FBEED5;border-radius: 4px 4px 4px 4px;color: #C09853;
margin-bottom: 20px;padding: 8px 35px 12px 14px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.alert-info {background-color: #D9EDF7;border-color: #BCE8F1;color: #3A87AD;}
.alert-success {background-color: #DFF0D8;border-color: #D6E9C6;color: #468847;}
*/