@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{ background-color: #FFFFFF; margin: 0px; font-family: 'Roboto', Arial, sans-serif; font-size: 16px; }
body, input, textarea{ font-family: 'Roboto', Arial, sans-serif;  }

.container{ max-width: 766px; }

h1, h2, h3, h4, h5, h6{ font-size: 22px; font-weight: bold; margin-top: 16px; margin-bottom: 16px; }
h2, h3{ font-size: 18px; margin-top: 20px; margin-bottom: 0; line-height: 1.3em; }
p{ line-height: 1.4em; margin-top: 10px; margin-bottom: 10px; }
a{ color: #1B214A; text-decoration: underline; }
a:hover{ text-decoration: underline; }
strong{ font-weight: bold; }
em{ font-style: italic; }
li{ line-height: 20px; }
hr{ border: solid 1px #FFFFFF; border-top: solid 1px #199dd1; }
input.form-control{ border-radius: 0; }
.btn{ border-radius: 0; }
a.btn{ text-decoration: none; }

.required{ color: #FF0000; }

.planning .column1{ width: 80px; }
.planning .column2{ width: 220px; }
.planning .column3{ width: 300px; }
.pakket td{ text-align: center; }

#header{ padding: 20px 20px 20px 5px; background-color: #FFFFFF; }
#header .logo{ height: 70px; margin-bottom: 0; max-width: 100%; margin-top: 0; }
#header .language{ float: right; }

div.line{ height: 6px; width: 100%; background: #199dd1; background-size: 100% 100%; }

form select{ width: 220px; }
select.form-control{ margin-bottom: 5px; }

form label.error{ margin-top: 5px; color: red; }

table img{ margin: 5px; }

table.table-bordered tr td{ padding: 5px 10px 5px 10px; background-color: #EEEEEE; border: solid 1px #CCCCCC; text-align: left; line-height: 20px; }
table.table-bordered thead td{ padding: 5px 10px 5px 10px; background-color: #FFFFFF; border: solid 0px #FFFFFF; font-weight: bold; }
table.table-bordered td.center{ text-align: center; }
table.table-bordered td select{ margin-bottom: 5px; }

/* form2 */
.form-group .inline-select{ display: inline-block; width: auto; margin-left: 5px; margin-right: 5px; font-weight: normal; }
.form-group .info{ margin-bottom: 8px; }
.form-group .text{ font-weight: bold; }

h2 .more{ display: inline-block; font-weight: normal; font-size: 13px; text-decoration: underline; color: #888; margin-left: 10px; cursor: pointer; }

.mood-image{
	display: block;
	width: 100%;
	margin-top: 15px;
}

.number-input{ margin-top: 5px; }
.number-input label{ font-weight: normal; }
.number-input input{ width: 50px; }
.number-input select{ width: 70px; }


/* confirm */
.confirm-info{ margin-bottom: 5px; }
.confirm-answer{ }
.well h2{ margin-bottom: 5px; font-size: 16px; }
.well h3{ margin-bottom: 5px; font-size: 16px; }
.well h2:first-child, .well h3:first-child{ margin-top: 0; }

/* form outline color */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, 
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, 
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, 
.uneditable-input:focus {
	border-color: rgba(0, 146, 204, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 146, 204, 0.6);
	outline: 0 none;
}
input[type="radio"]:focus, input[type="checkbox"]:focus{
	outline: 0 none;
}

/* Small screens */
@media all and (max-width: 767px){
}
@media all and (max-width: 620px){
}