@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

body{overflow-x:hidden; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; line-height: 1.5em; color: #696e6b; background: #3e3f41;}
p {font-size:13px}
p.small{font-size:12px}
a {color: #EFB735;}
a,a:hover,a:focus,a:active,a.active{outline:0;}
a:active, a:hover {color: #F3C864;}
h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif;}
h2 {font-size: 24px; margin-top: 0; color: #000; line-height: 1.5em;}
h3 {margin-top: 0; font-size: 15px; font-weight: 400;}
h4 {font-size: 24px;}
hr.star-light,hr.star-primary{margin:25px auto 30px;padding:0;max-width:250px;border:0;border-top:solid 5px;text-align:center}
hr.star-light:after,hr.star-primary:after{content:"\f005";display:inline-block;position:relative;top:-.8em;padding:0 .25em;font-family:FontAwesome;font-size:2em}
hr.star-light{border-color:#fff}
hr.star-light:after{color:#fff;background-color:#18bc9c}
hr.star-primary{border-color:#2c3e50}
hr.star-primary:after{color:#2c3e50;background-color:#fff}
.img-centered{margin:0 auto}
label {font-weight: normal; font-size: 14px;}

header {background: #F3C864; color: #fff; padding: 20px 0;}
header a {color: #fff; font-size: 18px;}
header a:hover {color: #fff;}
.mt20 {margin-top: 20px;} .bb {border-bottom: 1px dotted #000; padding-top: 0; margin-bottom: 15px;} .mb200 {margin-bottom: 200px;} .mb0 {margin-bottom: 0;} .relative {position: relative;}
.welcome {margin-top: 35px;}
.box-info {background-color: #e5e5e5;border: solid 1px #cacaca; padding: 15px; margin-bottom: 30px;}
.box-info ul {padding-left: 0; padding-left: 10px; margin-bottom: 0;}
.box-info ul li {padding-bottom: 5px;}

.main-content {background: #fff; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; padding: 30px 15px;}
.btn-orange {background: #F3C864; color: #fff;-webkit-border-radius: 20px; border-radius: 20px; padding: 5px 30px; text-transform: uppercase; font-size: 14px;}
.btn-orange:hover {background: #EFB735; color: #000000}
.btn-orange-mini {background: #F3C864; color: #fff;-webkit-border-radius: 20px; border-radius: 20px; padding: 5px 10px; text-transform: uppercase; font-size: 12px;}
.btn-orange-mini:hover {background: #EFB735; color: #000000;}
.btn-orange-fixed {background: #F3C864; color: #fff;-webkit-border-radius: 20px; border-radius: 20px; padding: 5px 10px; text-transform: uppercase; font-size: 12px;width:60px;}
.btn-orange-fixed:hover {background: #EFB735; color: #000000;}
.btn-orange-fixedw {background: #F3C864; color: #fff;-webkit-border-radius: 20px; border-radius: 20px; padding: 5px 10px; text-transform: uppercase; font-size: 12px;width:120px;}
.btn-orange-fixedw:hover {background: #EFB735; color: #000000;}
ul.list-gammar {padding-bottom: 0; padding-left: 0; list-style: none;}
ul.list-gammar li {margin-bottom: 8px;}
ul.list-gammar li a {color: #204bd8;}
.red {color: red !important;}
.masterling-orange {color: #F3C864 !important;}
.masterling-orange-dark {color: #EFB735;}
.selected {color: #F3C864 !important; margin: auto 2px auto 2px; text-decoration: underline;}
.nonselected {color: black !important; margin: auto 2px auto 2px; text-decoration: none;}
div.mcoptions{display: inline;}
form.wordquestion {display: inline;}
.wordhint{margin-left: 10px;}
input.text-input {width: 121px;	height: 22px;background-color: #fff;border: solid 1px #ccc; line-height: 22px; padding: 0 10px; margin: 0 1px;}
input.text-input-code {width: 151px;	height: 22px;background-color: #fff;border: solid 1px #ccc; line-height: 22px; padding: 0 10px; margin: 0 10px;}
#timer {position: fixed; bottom: 85px; left: 1%;}
.icon-timer {background: url(../img/timer.png) no-repeat left center; padding-left: 25px; color: #fff;}
.scollTop {position: fixed; bottom: 85px; right: 1%;}
footer {padding: 30px 0;}
footer img {margin: 0 auto;}
.form-horizontal .control-label {text-align: left;}
.frm-test3 input {background-color: #fff;	border: solid 1px #ccc; border-radius: 0; color: #696e6b;}
.input2 {height: 22px; line-height: 22px; padding: 0 5px;}
.pl30 {padding-left: 30px;}
.pl30p {padding-left: 30%;}
.vamiddle {vertical-align: middle;}
.mb0 {margin-bottom: 0px;}
.pt0 {padding-top: 0px!important;padding-bottom: 11px;}
.ml5p {margin-left: 5%}
.frm-test3 .fa {font-size: 10px; line-height: 1em;}
.fsinherit{font-size: inherit;}

ul.lan {list-style: none; position: relative; z-index: 100; }
ul.lan li {float: left; margin-left: 10px;}
ul.lan li button  {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     /*border-bottom:1px solid #444;*/ 
     cursor: pointer;
}
ul.lan li.active button {text-decoration: underline;}
button:hover{text-decoration: underline;}



#evaluation-table {
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
    border-spacing: 0;
    border: solid 1px #000000;
    border-bottom: 0;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
        
}
#evaluation-table td {
    margin: 0;
    padding: 3px 0 2px 0;
    height: 20px;
    border-bottom: solid 1px #000000;
}
#evaluation-table tr.no-bottom td {
    border-bottom: none;
    height: 16px;
    padding-bottom: 1px;
}
#evaluation-table td.number {
    text-align: right;
    vertical-align: top;
    padding-right: 4px;
    border-right: solid 1px #000000;
}
#evaluation-table td.question {
    text-align: left;
    vertical-align: top;
    padding-left: 6px;
    border-right: solid 1px #000000;
}
#evaluation-table td.answer {
/*    text-align: center;*/
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    width: 139px;
}
#evaluation-table div.remark{
    margin-top: 10px;
}
#evaluation-table label.remark{
    vertical-align: top;
    font-size: inherit;
}
#evaluation-table textarea.remark{
    width: 70%;
    display: inline;
}
#evaluation-table label.type5{
    vertical-align: top;
    font-size: inherit;
}
#evaluation-table textarea.type5{
    width: 95%;
}

#evaluation-table label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
#evaluation-table label > input:checked + span{ /* Skift baggrund på checked */
  background: #696e6b;
}



/*==========  Prevent printing  ==========*/
@media print{
    body{
        display: none;
    }
}

/*==========  Non-Mobile First Method  ==========*/

@media (max-width: 1366px) {
		
}

@media (min-width: 1200px){
	.container {width: 960px;}
}
@media (max-width: 768px) {
	.btn-orange {display: block; padding: 5px 10px; font-size: 11px;}
	.btn-orange-mini {display: block; padding: 5px 10px; font-size: 10px;margin-bottom: 2px;}
	.btn-orange-fixed {display: block; padding: 5px 10px; font-size: 10px;width:38px;margin-bottom: 2px}
	.btn-orange-fixedw {display: block; padding: 5px 10px; font-size: 10px;width:80px;}
        input.text-input {width: 100%;}
        .pl30p {padding-left: 0%;}
        .ml5p {margin-left: 0%}
	#evaluation-table {width: 100% ;margin-left: 0%;margin-right: 0%;}
        #evaluation-table td.answer{width: 80px;}
        .pt0 {padding-bottom: 0px;margin-bottom: 1px;}
        .input2{margin-bottom: 11px;}
        
        .main-content {padding: 30px 0;}
	#timer {top: 60px; left: auto; position: relative; float: left;}
	.scollTop {top: 60px; right: auto; position: relative; float: right;}
	.icon-timer {font-size: 14px;}
	.scollTop img {width: auto;}
	.logo img {width: 80%; margin: 0 auto;}
	.welcome {margin: 0 auto; margin-top: 20px; text-align: center; width: 100%;}
	
}
@media (max-width: 480px) {
	.icon-timer {font-size: 10px;}
}