@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #7c7c7c;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #7c7c7c;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #7c7c7c;
background-color: #eeeeee;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #7c7c7c;
}
.navbar-default .navbar-link:hover {
color: #7c7c7c;
}
.navbar-default .btn-link {
color: #7c7c7c;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #7c7c7c;
}
.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #b20c1c;
border-color: transparent;
}
.navbar-inverse .navbar-brand {
color: #f46371;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #ececec;
}
.navbar-inverse .navbar-nav > li > a {
color: #f46371;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #820914;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: rgba(0, 0, 0, 0.5);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #910a17;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #820914;
color: #fff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #f46371;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #820914;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #f46371;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #f46371;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.pager {
padding-left: 0;
margin: 24px 0;
list-style: none;
text-align: center;
}
.pager:before,
.pager:after {
content: " ";
display: table;
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #f7f7f7;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #ececec;
background-color: #fff;
cursor: not-allowed;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.close,
.sdk-modal button.close-modal {
float: right;
font-size: 24px;
font-weight: normal;
line-height: 1;
color: #000;
text-shadow: none;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.sdk-modal button.close-modal:hover,
.close:focus,
.sdk-modal button.close-modal:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close,
.sdk-modal button.close-modal {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.sdk-modal .modal-title {
font-size: 34px;
font-weight: inherit;
margin-bottom: 10px;
}
.sdk-modal .modal-body {
min-height: 140px;
}
.sdk-modal .modal-header {
min-height: 140px;
}
.sdk-modal .in-modal {
padding: 15px;
}
@media (min-width: 768px) {
.sdk-modal .in-modal .intro-text p {
margin-top: auto;
padding: 0px;
}
.sdk-modal .in-modal h2,
.sdk-modal .in-modal .vaccination-modal .modal-h1,
.vaccination-modal .sdk-modal .in-modal .modal-h1 {
margin-top: 0px;
}
}
.sdk-modal button.close-modal {
padding: 15px 15px 0px 15px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
.sdk-modal button.close-modal + * {
z-index: 1;
}
.sdk-modal button.close-modal:hover,
.sdk-modal button.close-modal:active {
background-color: #fff;
color: inherit;
}
.sdk-modal h2,
.sdk-modal .vaccination-modal .modal-h1,
.vaccination-modal .sdk-modal .modal-h1 {
font-size: 24px;
font-weight: 600;
}
.sdk-modal ul {
margin-left: auto;
list-style: none;
padding-left: 0px;
}
.sdk-modal .label {
font-weight: 600;
}
.sdk-modal .popover {
width: 375px;
max-width: none;
}
@media (max-width: 767px) {
.sdk-modal .popover {
left: 30px !important;
margin: auto;
}
.sdk-modal .popover .arrow {
left: 50% !important;
}
}
@media (max-width: 480px) {
.sdk-modal .popover {
width: 300px;
left: 50% !important;
margin: auto -150px;
}
}
body.sdk-modal-open {
overflow: hidden;
}
.application.sdk-modal-opened-in-app {
z-index: auto;
}
.breadcrumb {
padding: 0;
margin: 12px 0 12px 0;
list-style: none;
font-size: 16px;
font-family: "Titillium Web", sans-serif;
}
.breadcrumb.loggedin {
display: block !important;
margin: 22px 0;
}
.breadcrumb.loggedin > li + li:before {
font-family: "sundhed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 20px;
position: relative;
left: 5px;
top: 5px;
color: #b8ada0;
}
.breadcrumb.loggedin.not {
display: none;
}
.breadcrumb > li {
font-size: 14px;
display: inline-block;
}
.breadcrumb > li + li:before {
content: "/";
padding: 0 5px;
}
.breadcrumb > li:last-child a {
font-weight: bold;
}
.breadcrumb > .active:before {
content: "" !important;
}
.breadcrumb > .active a {
cursor: default;
border: none;
}
.breadcrumb > .active a:hover {
border: none;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 24px 0;
border-radius: 0px;
font-family: "Titillium Web", sans-serif;
font-size: 16px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 14px;
line-height: 1.5;
text-decoration: none;
color: #000 !important;
background-color: #fff;
border: 1px solid #ececec;
margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
z-index: 3;
color: #1a1a1a;
background-color: #f7f7f7;
border-color: #ececec;
border: 1px solid #ececec;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 2;
color: #fff !important;
background-color: #7c7c7c;
border-color: #ececec;
cursor: default;
border: 1px solid #ececec !important;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #ececec;
background-color: #fff;
border-color: #ececec;
cursor: not-allowed;
border: 1px solid #ececec;
}
.pagination > li[data-page="prev"],
.pagination > li[data-page="prev-limit"],
.pagination > li[data-page="next"],
.pagination > li[data-page="next-limit"] {
display: none;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 24px;
line-height: 1.33333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.label {
font-family: "Titillium Web", sans-serif;
}
.alert {
padding: 15px;
margin-bottom: 24px;
border: 1px solid transparent;
border-radius: 0px;
font-family: "Titillium Web", sans-serif;
line-height: 1.2em;
background-color: #fff !important;
}
.alert h4,
.alert .vaccination-modal .modal-h3,
.vaccination-modal .alert .modal-h3,
.alert .vaccination-modal .history label.control-label,
.vaccination-modal .history .alert label.control-label {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissable .sdk-modal button.close-modal,
.sdk-modal .alert-dismissable button.close-modal,
.alert-dismissible .close,
.alert-dismissible .sdk-modal button.close-modal,
.sdk-modal .alert-dismissible button.close-modal {
position: relative;
top: -10px;
right: -21px;
color: inherit;
background: transparent;
}
.alert-dismissable .close:hover,
.alert-dismissable .sdk-modal button.close-modal:hover,
.sdk-modal .alert-dismissable button.close-modal:hover,
.alert-dismissable .close:active,
.alert-dismissable .sdk-modal button.close-modal:active,
.sdk-modal .alert-dismissable button.close-modal:active,
.alert-dismissable .close:focus,
.alert-dismissable .sdk-modal button.close-modal:focus,
.sdk-modal .alert-dismissable button.close-modal:focus,
.alert-dismissible .close:hover,
.alert-dismissible .sdk-modal button.close-modal:hover,
.sdk-modal .alert-dismissible button.close-modal:hover,
.alert-dismissible .close:active,
.alert-dismissible .sdk-modal button.close-modal:active,
.sdk-modal .alert-dismissible button.close-modal:active,
.alert-dismissible .close:focus,
.alert-dismissible .sdk-modal button.close-modal:focus,
.sdk-modal .alert-dismissible button.close-modal:focus {
background: transparent;
}
.alert-success {
background-color: transparent;
border-color: #ececec;
color: #1B1B26;
box-shadow: inset 3px 0 0 0 #4bb45a;
}
.alert-success hr {
border-top-color: #dfdfdf;
}
.alert-success .alert-link {
color: #060608;
}
.alert-info {
background-color: transparent;
border-color: #ececec;
color: #1B1B26;
box-shadow: inset 3px 0 0 0 #55a09b;
}
.alert-info hr {
border-top-color: #dfdfdf;
}
.alert-info .alert-link {
color: #060608;
}
.alert-warning {
background-color: transparent;
border-color: #ececec;
color: #1B1B26;
box-shadow: inset 3px 0 0 0 #f0c337;
}
.alert-warning hr {
border-top-color: #dfdfdf;
}
.alert-warning .alert-link {
color: #060608;
}
.alert-danger {
background-color: transparent;
border-color: #ececec;
color: #1B1B26;
box-shadow: inset 3px 0 0 0 #b20c1c;
}
.alert-danger hr {
border-top-color: #dfdfdf;
}
.alert-danger .alert-link {
color: #060608;
}
.spinner,
.spinner .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.spinner.main,
.spinner.main .overlay {
position: fixed;
}
.spinner .overlay {
background-color: rgba(255, 255, 255, 0.8);
z-index: 3;
}
.spinner.mini .overlay {
z-index: 3;
}
.spinner.main .overlay {
z-index: 1001;
}
.spinner {
display: none;
}
.spinner .box {
position: absolute;
width: 100%;
top: 35%;
text-align: center;
z-index: 1002;
}
.spinner .box.sticky {
position: sticky;
}
.spinner .box .inner {
text-align: center;
position: relative;
height: 80px;
line-height: 80px;
margin: 0 auto;
}
.spinner .box .inner .img {
display: inline-block;
width: 80px;
text-align: center;
}
.spinner .box .inner .img img {
display: absolute;
width: 50px;
margin-top: -5px;
animation: pulse2 1.2s linear infinite;
}
.spinner .box .inner .text {
font-family: "Titillium Web", sans-serif;
font-size: 24px;
line-height: 26px;
display: inline-block;
}
.spinner.mini .img {
text-align: center;
position: absolute;
width: 100%;
top: 35%;
z-index: 1002;
}
.spinner.mini .img img {
width: auto;
}
.spot-50 .spinner.mini {
display: block;
}
.spot-50 .spinner.mini .img {
top: 100px;
}
@keyframes pulse2 {
0% {
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-ms-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-ms-transform: scale(0.9);
transform: scale(0.9);
}
}
.list-group,
.jump-links {
margin: 2em 0;
padding-left: 0;
}
.list-group-item,
.jump-links li {
position: relative;
display: block;
padding: 0 0 0 20px;
margin-bottom: 1em;
}
.list-group-item:first-child,
.jump-links li:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.list-group-item:last-child,
.jump-links li:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.list-group-item:before,
.jump-links li:before {
font-family: "sundhed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 80%;
margin-right: 10px;
position: absolute;
left: 0;
top: 6px;
}
.list-group-item a,
.jump-links li a {
cursor: pointer;
}
.jump-links li {
margin-bottom: 0.5em;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
text-decoration: none;
color: #555;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
background-color: #f7f7f7;
color: #ececec;
cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #ececec;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #b20c1c;
border-color: #b20c1c;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #f8929c;
}
.list-group-item-success {
color: #4bb45a;
background-color: transparent;
}
a.list-group-item-success,
button.list-group-item-success {
color: #4bb45a;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #4bb45a;
background-color: rgba(0, 0, 0, 0);
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #4bb45a;
border-color: #4bb45a;
}
.list-group-item-info {
color: #55a09b;
background-color: transparent;
}
a.list-group-item-info,
button.list-group-item-info {
color: #55a09b;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #55a09b;
background-color: rgba(0, 0, 0, 0);
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #55a09b;
border-color: #55a09b;
}
.list-group-item-warning {
color: #f0c337;
background-color: transparent;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #f0c337;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #f0c337;
background-color: rgba(0, 0, 0, 0);
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #f0c337;
border-color: #f0c337;
}
.list-group-item-danger {
color: #b20c1c;
background-color: transparent;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #b20c1c;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #b20c1c;
background-color: rgba(0, 0, 0, 0);
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #b20c1c;
border-color: #b20c1c;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.newslist .red-arrows,
.topicList-page .red-arrows,
.kort-spot .red-arrows,
.topicList .red-arrows,
.list-group.red-arrows,
.sdk-cms-newsspot .red-arrows,
.sdk-cms-upcomingeventsspot .red-arrows,
.sdk-cms-newestclinicalexperimentsspot .red-arrows {
margin-bottom: 0 !important;
}
.newslist .red-arrows .arrow-link-item,
.newslist .red-arrows .list-group-item,
.topicList-page .red-arrows .arrow-link-item,
.topicList-page .red-arrows .list-group-item,
.kort-spot .red-arrows .arrow-link-item,
.kort-spot .red-arrows .list-group-item,
.topicList .red-arrows .arrow-link-item,
.topicList .red-arrows .list-group-item,
.list-group.red-arrows .arrow-link-item,
.list-group.red-arrows .list-group-item,
.sdk-cms-newsspot .red-arrows .arrow-link-item,
.sdk-cms-newsspot .red-arrows .list-group-item,
.sdk-cms-upcomingeventsspot .red-arrows .arrow-link-item,
.sdk-cms-upcomingeventsspot .red-arrows .list-group-item,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .arrow-link-item,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .list-group-item {
padding: 0;
margin-bottom: 0;
}
.newslist .red-arrows .arrow-link-item:before,
.newslist .red-arrows .list-group-item:before,
.topicList-page .red-arrows .arrow-link-item:before,
.topicList-page .red-arrows .list-group-item:before,
.kort-spot .red-arrows .arrow-link-item:before,
.kort-spot .red-arrows .list-group-item:before,
.topicList .red-arrows .arrow-link-item:before,
.topicList .red-arrows .list-group-item:before,
.list-group.red-arrows .arrow-link-item:before,
.list-group.red-arrows .list-group-item:before,
.sdk-cms-newsspot .red-arrows .arrow-link-item:before,
.sdk-cms-newsspot .red-arrows .list-group-item:before,
.sdk-cms-upcomingeventsspot .red-arrows .arrow-link-item:before,
.sdk-cms-upcomingeventsspot .red-arrows .list-group-item:before,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .arrow-link-item:before,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .list-group-item:before {
font-family: "sundhed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
float: right;
color: #b20c1c;
font-size: 16px;
margin-top: 15px;
margin-right: 5px;
position: static;
}
@media (max-width: 767px) {
.newslist .red-arrows .arrow-link-item:before,
.newslist .red-arrows .list-group-item:before,
.topicList-page .red-arrows .arrow-link-item:before,
.topicList-page .red-arrows .list-group-item:before,
.kort-spot .red-arrows .arrow-link-item:before,
.kort-spot .red-arrows .list-group-item:before,
.topicList .red-arrows .arrow-link-item:before,
.topicList .red-arrows .list-group-item:before,
.list-group.red-arrows .arrow-link-item:before,
.list-group.red-arrows .list-group-item:before,
.sdk-cms-newsspot .red-arrows .arrow-link-item:before,
.sdk-cms-newsspot .red-arrows .list-group-item:before,
.sdk-cms-upcomingeventsspot .red-arrows .arrow-link-item:before,
.sdk-cms-upcomingeventsspot .red-arrows .list-group-item:before,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .arrow-link-item:before,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .list-group-item:before {
margin-top: 18px !important;
}
}
.newslist .red-arrows .arrow-link-item a,
.newslist .red-arrows .list-group-item a,
.topicList-page .red-arrows .arrow-link-item a,
.topicList-page .red-arrows .list-group-item a,
.kort-spot .red-arrows .arrow-link-item a,
.kort-spot .red-arrows .list-group-item a,
.topicList .red-arrows .arrow-link-item a,
.topicList .red-arrows .list-group-item a,
.list-group.red-arrows .arrow-link-item a,
.list-group.red-arrows .list-group-item a,
.sdk-cms-newsspot .red-arrows .arrow-link-item a,
.sdk-cms-newsspot .red-arrows .list-group-item a,
.sdk-cms-upcomingeventsspot .red-arrows .arrow-link-item a,
.sdk-cms-upcomingeventsspot .red-arrows .list-group-item a,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .arrow-link-item a,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .list-group-item a {
display: block;
border-top: solid 1px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
padding: 10px 21px 10px 0;
margin-bottom: 0;
margin-top: -1px;
position: relative;
}
.newslist .red-arrows .arrow-link-item a:hover,
.newslist .red-arrows .list-group-item a:hover,
.topicList-page .red-arrows .arrow-link-item a:hover,
.topicList-page .red-arrows .list-group-item a:hover,
.kort-spot .red-arrows .arrow-link-item a:hover,
.kort-spot .red-arrows .list-group-item a:hover,
.topicList .red-arrows .arrow-link-item a:hover,
.topicList .red-arrows .list-group-item a:hover,
.list-group.red-arrows .arrow-link-item a:hover,
.list-group.red-arrows .list-group-item a:hover,
.sdk-cms-newsspot .red-arrows .arrow-link-item a:hover,
.sdk-cms-newsspot .red-arrows .list-group-item a:hover,
.sdk-cms-upcomingeventsspot .red-arrows .arrow-link-item a:hover,
.sdk-cms-upcomingeventsspot .red-arrows .list-group-item a:hover,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .arrow-link-item a:hover,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .list-group-item a:hover {
color: #b20c1c;
}
.newslist .red-arrows .special,
.topicList-page .red-arrows .special,
.kort-spot .red-arrows .special,
.topicList .red-arrows .special,
.list-group.red-arrows .special,
.sdk-cms-newsspot .red-arrows .special,
.sdk-cms-upcomingeventsspot .red-arrows .special,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .special {
font-weight: bold;
border-top: solid 1px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
}
.newslist .red-arrows,
.topicList-page .red-arrows,
.sdk-cms-newsspot .red-arrows,
.sdk-cms-upcomingeventsspot .red-arrows,
.sdk-cms-newestclinicalexperimentsspot .red-arrows {
margin-left: 0;
border-bottom: solid 1px #e5e5e5;
}
.newslist .red-arrows .arrow-link-item,
.topicList-page .red-arrows .arrow-link-item,
.sdk-cms-newsspot .red-arrows .arrow-link-item,
.sdk-cms-upcomingeventsspot .red-arrows .arrow-link-item,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .arrow-link-item {
padding: 0 0 10px 0;
}
.newslist .red-arrows .arrow-link-item a,
.topicList-page .red-arrows .arrow-link-item a,
.sdk-cms-newsspot .red-arrows .arrow-link-item a,
.sdk-cms-upcomingeventsspot .red-arrows .arrow-link-item a,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .arrow-link-item a {
border-bottom: 0;
padding-bottom: 0;
}
.newslist .red-arrows .arrow-link-item > div,
.topicList-page .red-arrows .arrow-link-item > div,
.sdk-cms-newsspot .red-arrows .arrow-link-item > div,
.sdk-cms-upcomingeventsspot .red-arrows .arrow-link-item > div,
.sdk-cms-newestclinicalexperimentsspot .red-arrows .arrow-link-item > div {
padding-right: 21px;
}
.frontpage-links {
margin: 20px 0;
}
.frontpage-links .row > div:last-child .list-group-item:last-child,
.frontpage-links .epj-body .medicinkort-app .modal-body .pseudo-row > div:last-child .list-group-item:last-child,
.epj-body .medicinkort-app .modal-body .frontpage-links .pseudo-row > div:last-child .list-group-item:last-child {
font-weight: bold;
border-top: solid 1px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
display: block;
}
.topicList-page .red-arrows li {
margin-bottom: 20px;
}
.topicList-page .red-arrows li a {
margin-bottom: 0;
}
.newslist {
margin-bottom: 20px;
}
.menuitem-isrevised,
.menuitem-isnew {
font-family: verdana;
font-size: 11px;
position: absolute;
top: 6px;
margin-left: 5px;
font-weight: 300;
}
.menuitem-isrevised:after {
color: #b20c1c;
content: "rev";
}
.menuitem-isnew:after {
color: #4bb45a;
content: "ny";
}
.panel {
margin-bottom: 50px;
background-color: #f7f7f7;
border-radius: 0;
color: #282828;
font-size: 16px;
letter-spacing: -0.56px;
line-height: 24px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel h3,
.panel .vaccination-modal .modal-h2,
.vaccination-modal .panel .modal-h2,
.panel h4,
.panel .vaccination-modal .modal-h3,
.vaccination-modal .panel .modal-h3,
.panel .vaccination-modal .history label.control-label,
.vaccination-modal .history .panel label.control-label {
font-family: "Titillium Web", sans-serif;
font-size: 28px;
font-weight: 300;
color: #282828;
letter-spacing: -0.56px;
line-height: 27px;
}
.panel .form-group,
.panel input,
.panel select {
color: #282828;
font-size: 16px;
}
.panel .btn {
letter-spacing: -0.4px;
}
.panel-body {
padding: 30px 40px 50px;
font-family: "Titillium Web", sans-serif;
}
@media (max-width: 767px) {
.panel-body {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
}
.panel-body:before,
.panel-body:after {
content: " ";
display: table;
}
.panel-body:after {
clear: both;
}
.panel-heading {
padding: 30px 40px 0;
border-top-right-radius: -1;
border-top-left-radius: -1;
}
@media (max-width: 767px) {
.panel-heading {
padding: 20px 20px 0;
}
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 0 40px 28px;
background-color: #f7f7f7;
border-top: 1px solid none;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
font-family: "Titillium Web", sans-serif;
}
@media (max-width: 767px) {
.panel-footer {
padding: 20px 20px 0;
}
}
.list-group .list-group-item a {
color: #35312e;
letter-spacing: -0.36px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: -1;
border-top-left-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 30px 40px 28px;
padding-right: 30px 40px 28px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: -1;
border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: -1;
border-top-right-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: -1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: -1;
border-bottom-right-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: -1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ececec;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 24px;
border-bottom: 1px solid #ececec;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-default.panel-small {
font-size: 14.4px;
}
.panel-group .panel-default.panel-small p {
margin-bottom: 0;
}
.panel-group .panel-default.panel-small .panel-body {
margin-bottom: 10px;
}
.panel-group .panel-default > .panel-heading {
border-bottom: 0;
padding: 0;
background-color: transparent;
}
.panel-group .panel-default > .panel-heading h4,
.panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3,
.vaccination-modal .panel-group .panel-default > .panel-heading .modal-h3,
.panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label,
.vaccination-modal .history .panel-group .panel-default > .panel-heading label.control-label {
margin: 0 0 0.5em 0;
cursor: pointer;
border-top: 1px solid #ececec;
padding-top: 0.5em;
position: relative;
font-size: 18px;
font-weight: 600;
}
.panel-group .panel-default > .panel-heading h4 a:after,
.panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3 a:after,
.vaccination-modal .panel-group .panel-default > .panel-heading .modal-h3 a:after,
.panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label a:after,
.vaccination-modal .history .panel-group .panel-default > .panel-heading label.control-label a:after {
font-family: "sundhed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
height: 20px;
width: 20px;
position: absolute;
top: 16px;
right: 0;
font-size: 75%;
}
.panel-group .panel-default > .panel-heading > div {
border-top: 1px solid #ececec;
padding-top: 10px;
position: relative;
cursor: pointer;
}
.panel-group .panel-default > .panel-heading > div a:after {
font-family: "sundhed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
height: 20px;
width: 20px;
position: absolute;
top: 50%;
right: 0;
font-size: 75%;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.panel-group .panel-default > .panel-heading a {
padding-right: 23px;
text-decoration: none;
display: block;
color: #1B1B26;
}
.panel-group .panel-default > .panel-heading a:focus {
outline: none;
}
.panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-default > .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid none;
}
.panel-group .panel-default .accordionClosed {
display: block !important;
}
.panel-group .panel-default .accordionOpen {
display: none !important;
}
.panel-group .panel-default.panel-open > .panel-heading > h4 a:after,
.panel-group .vaccination-modal .panel-default.panel-open > .panel-heading > .modal-h3 a:after,
.vaccination-modal .panel-group .panel-default.panel-open > .panel-heading > .modal-h3 a:after,
.panel-group .vaccination-modal .history .panel-default.panel-open > .panel-heading > label.control-label a:after,
.vaccination-modal .history .panel-group .panel-default.panel-open > .panel-heading > label.control-label a:after {
content: "î€";
}
.panel-group .panel-default.panel-open .accordionClosed {
display: none !important;
}
.panel-group .panel-default.panel-open .accordionOpen {
display: block !important;
}
.panel-group .panel-body {
padding: 0;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid none;
}
.panel-group .panel-open > .panel > .panel-heading > .panel-title a:first-child:after {
content: "î€";
}
@media (min-width: 992px) {
.md-only .panel-group {
border: 0;
}
.md-only .panel-group .panel-default > .panel-heading h4,
.md-only .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3,
.vaccination-modal .md-only .panel-group .panel-default > .panel-heading .modal-h3,
.md-only .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label,
.vaccination-modal .history .md-only .panel-group .panel-default > .panel-heading label.control-label {
border: 0;
}
.md-only .panel-group .panel-default > .panel-heading a {
cursor: default;
}
.md-only .panel-group .panel-default > .panel-heading a:after {
content: "" !important;
}
.md-only .panel-group .panel-default > .panel-collapse {
display: block;
height: auto !important;
}
}
.right-aligned .panel-group {
border: 0;
}
.right-aligned .panel-group .panel-default > .panel-heading h4,
.right-aligned .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3,
.vaccination-modal .right-aligned .panel-group .panel-default > .panel-heading .modal-h3,
.right-aligned .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label,
.vaccination-modal .history .right-aligned .panel-group .panel-default > .panel-heading label.control-label {
border: 0;
}
.right-aligned .panel-group .panel-default a span {
text-align: right;
display: block;
margin-right: 10px;
padding-bottom: 5px;
}
.panel-events .manchet,
.panel-news .manchet {
margin: 4px 0;
}
.panel-events time,
.panel-news time {
display: block;
margin-bottom: 14px;
}
.panel-default {
border-color: transparent;
}
.panel-default > .panel-heading {
color: #7c7c7c;
background-color: #f7f7f7;
border-color: transparent;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: transparent;
}
.panel-default > .panel-heading .badge {
color: #f7f7f7;
background-color: #7c7c7c;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: transparent;
}
.panel-primary {
border-color: #b20c1c;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #b20c1c;
border-color: #b20c1c;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #b20c1c;
}
.panel-primary > .panel-heading .badge {
color: #b20c1c;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #b20c1c;
}
.panel-success {
border-color: #4bb45a;
}
.panel-success > .panel-heading {
color: #fff;
background-color: #4bb45a;
border-color: #4bb45a;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #4bb45a;
}
.panel-success > .panel-heading .badge {
color: #4bb45a;
background-color: #fff;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #4bb45a;
}
.panel-info {
border-color: #55a09b;
}
.panel-info > .panel-heading {
color: #fff;
background-color: #55a09b;
border-color: #55a09b;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #55a09b;
}
.panel-info > .panel-heading .badge {
color: #55a09b;
background-color: #fff;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #55a09b;
}
.panel-warning {
border-color: #f0c337;
}
.panel-warning > .panel-heading {
color: #fff;
background-color: #f0c337;
border-color: #f0c337;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #f0c337;
}
.panel-warning > .panel-heading .badge {
color: #f0c337;
background-color: #fff;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #f0c337;
}
.panel-danger {
border-color: #b20c1c;
}
.panel-danger > .panel-heading {
color: #fff;
background-color: #b20c1c;
border-color: #b20c1c;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #b20c1c;
}
.panel-danger > .panel-heading .badge {
color: #b20c1c;
background-color: #fff;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #b20c1c;
}
article img {
max-width: 100%;
height: auto;
}
article .img-responsive,
article table.sdk-table td img,
table.sdk-table td article img {
display: inline;
}
.img-responsive.full,
table.sdk-table td img.full {
width: 100%;
}
.imageBox {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.3) repeat;
z-index: 170;
width: 100%;
height: 100%;
overflow: auto;
padding: 10px 10px 50px 10px;
text-align: center;
}
.imageBox .portrait {
position: relative;
z-index: 101;
max-height: 200%;
max-width: 200%;
box-shadow: 0 0 10px #333;
}
.imageBox .icon-close {
text-align: center;
background: rgba(0, 0, 0, 0.5);
width: 30px;
height: 30px;
display: inline-block;
border-radius: 50%;
color: #fff;
margin-top: 5px;
cursor: pointer;
}
.imageBox .icon-close:before {
top: 0;
line-height: 30px;
font-size: 14px;
}
.side-by-side img {
height: 40px;
}
.date-table thead th {
border: 0;
}
.date-table thead th small {
font-size: 100%;
}
.date-table thead .btn.pull-left {
background-color: #fff;
}
.date-table thead .btn.pull-right {
background-color: #fff;
}
.date-table tbody tr:first-child th,
.date-table tbody tr:first-child td {
border: 0;
}
.date-table th {
padding: 4px;
font-family: "Titillium Web", sans-serif;
font-size: 16px;
vertical-align: middle;
font-weight: 500;
}
.date-table-button-bar {
padding: 0 11px 0 11px;
}
.date-table-button-bar button {
font-size: 16px;
}
.datepicker-pickers {
font-size: 10px;
padding-left: 8px;
padding-right: 8px;
/********************************************************
Buttons
********************************************************/
}
.datepicker-pickers .glyphicon.glyphicon-chevron-left:before {
content: "";
}
.datepicker-pickers .glyphicon.glyphicon-chevron-right:before {
content: "";
}
.datepicker-pickers .glyphicon.glyphicon-chevron-left:before,
.datepicker-pickers .glyphicon.glyphicon-chevron-right:before {
font-family: "sundhed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
color: #58534d;
top: .2em;
}
.datepicker-pickers thead .btn {
text-decoration: underline;
background-color: transparent !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
}
.datepicker-pickers thead .btn:hover {
color: #000;
}
.datepicker-pickers thead .btn:disabled {
text-decoration: none;
color: #58534d;
}
.datepicker-pickers thead .pull-left,
.datepicker-pickers thead .pull-right {
text-decoration: none;
background-color: transparent;
}
.datepicker-pickers table > tbody > tr > th,
.datepicker-pickers table > tbody > tr > td {
padding: 2px;
}
.datepicker-pickers th.text-center {
position: relative;
height: 24px;
}
@media (max-width: 480px) {
.datepicker-pickers th.text-center {
font-size: 95%;
}
}
.datepicker-pickers .btn {
background-color: transparent;
color: #4a4742;
border: 0;
}
@media (max-width: 480px) {
.datepicker-pickers .btn {
padding: 5px 5px;
}
}
.datepicker-pickers .btn .text-info,
.datepicker-pickers .btn span {
color: #4a4742;
}
.datepicker-pickers .btn:hover {
background-color: #e5e5e5;
}
.datepicker-pickers .btn-info {
background-color: #4a4742 !important;
}
.datepicker-pickers .btn-info .text-info,
.datepicker-pickers .btn-info span {
color: white !important;
}
.datepicker-pickers .btn-info:hover,
.datepicker-pickers .btn-info.active {
background-color: #4a4742 !important;
}
.datepicker-pickers .btn.disabled,
.datepicker-pickers button[disabled],
.datepicker-pickers button[disabled]:hover {
background-color: white;
color: #f7f7f7;
}
.datepicker-pickers .btn.disabled span,
.datepicker-pickers .btn.disabled .text-info,
.datepicker-pickers button[disabled] span,
.datepicker-pickers button[disabled] .text-info,
.datepicker-pickers button[disabled]:hover span,
.datepicker-pickers button[disabled]:hover .text-info {
color: #f7f7f7;
}
.datepicker-pickers .btn.active {
background-color: #e5e5e5;
box-shadow: none;
}
@media (max-width: 480px) {
.dropdown-menu[ng-model="date"] {
left: -10px !important;
right: -10px;
}
}
.event-calendar td,
.event-calendar th {
font-size: 12px;
}
@media (max-width: 480px) {
.event-calendar td,
.event-calendar th {
font-size: 11px;
}
}
.event-calendar .datepicker-pickers {
padding: 0;
background-color: #fff;
}
.event-calendar .uib-weeks .btn {
margin-top: 0;
}
.event-calendar .uib-weeks .h6 {
font-size: 12px;
vertical-align: middle;
}
@media (max-width: 992px) {
.event-calendar .uib-weeks .h6 em {
font-size: 80%;
}
}
.event-calendar .datepicker-pickers .btn.active,
.event-calendar .datepicker-pickers .btn-info {
background-color: transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.event-calendar .datepicker-pickers .btn.active span,
.event-calendar .datepicker-pickers .btn-info span {
color: #4a4742;
font-weight: bold;
}
.event-calendar small,
.event-calendar .small {
font-size: 105%;
font-weight: normal;
position: absolute;
width: 100%;
text-align: center;
top: 1px;
left: 0;
}
@media (max-width: 480px) {
.event-calendar small,
.event-calendar .small {
font-size: 95%;
top: 4px;
}
}
.event-calendar .btn {
border: 0;
}
@media (max-width: 992px) {
.event-calendar .btn {
padding: 5px 7px;
font-size: 95%;
}
}
.event-calendar .one-event button,
.event-calendar .two-events button,
.event-calendar .three-events button,
.event-calendar .four-events button,
.event-calendar .plus-events button {
position: relative;
background-color: #ececec;
}
.event-calendar .one-event button > span,
.event-calendar .two-events button > span,
.event-calendar .three-events button > span,
.event-calendar .four-events button > span,
.event-calendar .plus-events button > span {
display: block;
margin-top: -3px;
margin-bottom: 3px;
}
.event-calendar .one-event button > span:after,
.event-calendar .two-events button > span:after,
.event-calendar .three-events button > span:after,
.event-calendar .four-events button > span:after,
.event-calendar .plus-events button > span:after {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
font-family: verdana;
font-size: 12px;
color: #b20c1c;
}
@media (max-width: 480px) {
.event-calendar .one-event button > span:after,
.event-calendar .two-events button > span:after,
.event-calendar .three-events button > span:after,
.event-calendar .four-events button > span:after,
.event-calendar .plus-events button > span:after {
font-size: 10px;
bottom: -2px;
}
}
.event-calendar .one-event button.active,
.event-calendar .one-event button.btn-info,
.event-calendar .two-events button.active,
.event-calendar .two-events button.btn-info,
.event-calendar .three-events button.active,
.event-calendar .three-events button.btn-info,
.event-calendar .four-events button.active,
.event-calendar .four-events button.btn-info,
.event-calendar .plus-events button.active,
.event-calendar .plus-events button.btn-info {
background-color: #b20c1c !important;
}
.event-calendar .one-event button.active > span,
.event-calendar .one-event button.btn-info > span,
.event-calendar .two-events button.active > span,
.event-calendar .two-events button.btn-info > span,
.event-calendar .three-events button.active > span,
.event-calendar .three-events button.btn-info > span,
.event-calendar .four-events button.active > span,
.event-calendar .four-events button.btn-info > span,
.event-calendar .plus-events button.active > span,
.event-calendar .plus-events button.btn-info > span {
color: #fff !important;
}
.event-calendar .one-event button.active > span:after,
.event-calendar .one-event button.btn-info > span:after,
.event-calendar .two-events button.active > span:after,
.event-calendar .two-events button.btn-info > span:after,
.event-calendar .three-events button.active > span:after,
.event-calendar .three-events button.btn-info > span:after,
.event-calendar .four-events button.active > span:after,
.event-calendar .four-events button.btn-info > span:after,
.event-calendar .plus-events button.active > span:after,
.event-calendar .plus-events button.btn-info > span:after {
color: #fff;
}
.event-calendar .one-event button span:after {
content: "â—";
}
.event-calendar .two-events button span:after {
content: "â—â—";
}
.event-calendar .three-events button span:after {
content: "â—â—â—";
}
.event-calendar .four-events button span:after {
content: "â—â—â—â—";
}
.event-calendar .plus-events button span:after {
content: "â—â—â—â—+";
}
.event-calendar .clearfix {
display: table-row;
}
.event-calendar .current-date {
display: table-cell;
width: 70px;
}
.event-calendar .current-date .month {
background-color: #b20c1c;
color: #fff;
font-size: 14px;
line-height: 20px;
text-align: center;
width: 50px;
}
.event-calendar .current-date .date {
background-color: #fff;
color: #000;
line-height: 40px;
font-size: 30px;
text-align: center;
width: 50px;
}
.event-calendar .event-list {
display: table-cell;
line-height: 1.2;
}
.event-calendar .event-list a {
font-weight: bold;
text-decoration: underline;
}
.event-calendar .event-list .place {
font-size: .8em;
margin-top: 5px;
margin-bottom: 20px;
}
.event-calendar .btn span.text-info:before {
content: '';
position: absolute;
top: 0;
right: 0;
border-color: transparent;
border-style: solid;
border-width: 5px;
border-right-color: #4a4742;
border-top-color: #4a4742;
}
.event-calendar tbody .btn {
position: relative;
}
.event-calendar .btn.btn-default {
border-color: #b20c1c;
border-width: 2px;
border-style: solid;
margin-top: 0px;
}
.event-list-spot {
margin-left: 0;
padding-bottom: 20px;
border-top: solid 1px #e5e5e5;
}
.event-list-spot li {
border-bottom: solid 1px #e5e5e5;
padding-bottom: 16px;
}
.event-list-spot .month-text {
color: #b20c1c;
line-height: 20px;
font-size: 16px;
font-weight: bold;
padding-top: 10px;
}
.event-list-spot .date-text {
color: #b20c1c;
line-height: 30px;
font-size: 30px;
text-align: center;
width: 50px;
}
.event-list-spot .link-arrow {
display: table-cell;
color: #b20c1c;
font-size: 16px;
vertical-align: middle;
width: 1px;
}
.event-list-spot .current-date {
vertical-align: middle;
}
.event-list-spot .meta-event-info {
font-size: 14px;
color: #4a4742;
}
.event-list-spot .meta-event-location {
display: inline-block;
margin-left: 20px;
}
@media (max-width: 768px) {
.event-list-spot .meta-event-location {
display: block;
margin-left: 0;
}
}
.event-list-spot .event-list {
display: table-cell;
line-height: 1.2;
}
.event-list-spot .event-list a {
font-weight: bold;
text-decoration: none;
}
.event-list-spot .t-row {
display: table;
width: 100%;
}
.event-list-groups {
margin-left: 0;
padding-bottom: 20px;
border-top: solid 1px #e5e5e5;
}
.event-list-groups li {
border-bottom: solid 1px #e5e5e5;
padding-right: 21px;
}
.event-list-groups li:before {
font-family: "sundhed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
float: right;
color: #b20c1c;
font-size: 16px;
margin-top: 15px;
margin-right: -16px;
position: static;
}
.event-list-groups h2,
.event-list-groups .vaccination-modal .modal-h1,
.vaccination-modal .event-list-groups .modal-h1 {
margin-top: 0;
margin-bottom: 20px;
}
.event-list-groups h4,
.event-list-groups .vaccination-modal .modal-h3,
.vaccination-modal .event-list-groups .modal-h3,
.event-list-groups .vaccination-modal .history label.control-label,
.vaccination-modal .history .event-list-groups label.control-label {
font-weight: bold;
margin-bottom: 0;
}
.event-list-groups .meta-event-info {
padding-bottom: 20px;
}
.event-list-groups .meta-event-location {
display: inline-block;
margin-left: 20px;
}
@media (max-width: 768px) {
.event-list-groups .meta-event-location {
display: block;
margin-left: 0;
}
}
.event-list-groups a:hover {
color: #b20c1c;
}
.event-list-groups a:hover h4,
.event-list-groups a:hover .vaccination-modal .modal-h3,
.vaccination-modal .event-list-groups a:hover .modal-h3,
.event-list-groups a:hover .vaccination-modal .history label.control-label,
.vaccination-modal .history .event-list-groups a:hover label.control-label {
color: #b20c1c;
}
.event-list-groups .current-date {
display: table-cell;
width: 40px;
vertical-align: top;
padding-top: 16px;
}
.event-list-groups .current-date > div {
border: solid 1px #b20c1c;
}
.event-list-groups .current-date .month {
background-color: #b20c1c;
color: #b20c1c;
font-size: 12px;
line-height: 17px;
}
.event-list-groups .current-date .date {
background-color: #fff;
color: #000;
line-height: 30px;
font-size: 24px;
text-align: center;
width: 40px;
}
.event-list-groups .event-list {
display: table-cell;
padding-left: 10px;
vertical-align: top;
}
.datepicker-container {
width: 200px;
/* Make the datepicker pop-up fill screen horizontally on small devices*/
}
@media (max-width: 480px) {
.datepicker-container {
width: 100%;
}
}
.datepicker-container .input-group-btn .btn.btn-default,
.datepicker-container .date-table-button-bar .btn.btn-default {
background-color: #ececec;
color: black;
border-color: transparent;
height: 40px;
}
.datepicker-container .input-group-btn .btn.btn-default:hover,
.datepicker-container .input-group-btn .btn.btn-default:focus,
.datepicker-container .date-table-button-bar .btn.btn-default:hover,
.datepicker-container .date-table-button-bar .btn.btn-default:focus {
background-color: #6d6d6d;
}
.datepicker-container .uib-datepicker-popup.dropdown-menu {
width: auto;
left: 0 !important;
-ms-transform: none;
transform: none;
}
@media (max-width: 480px) {
.datepicker-container .uib-datepicker-popup.dropdown-menu {
width: 100vw;
left: 50% !important;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.event-headline .right-pad1 {
padding-right: 10px;
}
.loginbanner {
margin-bottom: 20px;
}
@media (max-width: 992px) {
.loginbanner {
margin-bottom: 34px;
}
.loginbanner .text-center {
max-width: 420px;
margin: 0 auto;
}
}
.loginbanner .list {
margin-top: 40px;
font-size: 17px;
}
.loginbanner .large {
font-size: 19px;
}
.loginbanner .btn {
margin: 0 8px;
width: 154px;
font-size: 16px;
padding: 6px 16px;
text-align: center;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.loginbanner .btn {
width: auto;
display: block;
margin-bottom: 15px;
}
}
.loginbanner h3,
.loginbanner .vaccination-modal .modal-h2,
.vaccination-modal .loginbanner .modal-h2 {
font-size: 30px;
}
.loginbanner img {
max-width: 230px;
margin-top: 20px;
}
.loginbanner .login,
.loginbanner .login-button {
display: inline;
}
.modal-dialog {
height: 94%;
}
.modal-dialog .modal-content {
max-height: 102%;
overflow-y: auto;
overflow-x: hidden;
}
.modalheight100 .modal-content {
height: 100%;
}
.login-choose label {
font-weight: bold;
}
.login-choose .icon-help {
cursor: pointer;
}
.frontpage-banner {
background-image: url("https://sundhed.dk/public/images/covid_background.png");
background-repeat: repeat;
padding-top: 30px;
padding-bottom: 10px;
/*
.btn-blue:active:hover {
background-color: $white;
border-color: $white;
color: $blue;
}*/
/*------------- WHITE btn --------------*/
}
@media (max-width: 992px) {
.frontpage-banner .text-center {
max-width: 420px;
margin: 0 auto;
}
}
.frontpage-banner .btn-white {
color: #1165A2;
margin: 0 8px;
width: 240px;
font-size: 16px;
padding: 6px 16px;
text-align: center;
margin-bottom: 15px;
background-color: white;
border-color: #fff;
}
.frontpage-banner .btn-blue {
color: white;
margin: 0 8px;
width: 240px;
font-size: 16px;
padding: 6px 16px;
text-align: center;
margin-bottom: 15px;
background-color: #1165A2;
border-color: white;
}
.frontpage-banner .btn {
display: inline-block;
}
@media (max-width: 768px) {
.frontpage-banner .btn {
width: auto;
display: block;
margin-bottom: 15px;
}
}
.frontpage-banner .btn-blue:visited {
color: #fff;
}
.frontpage-banner .btn-blue:focus {
background-color: #1165A2;
border-color: #071322;
}
.frontpage-banner .btn-blue:hover {
background-color: #fff;
border-color: #fff;
color: #1165A2;
}
.frontpage-banner .btn-blue:active {
background-color: #fff;
border-color: #fff;
color: #1165A2;
}
.frontpage-banner .btn-blue:focus:hover {
background-color: #fff;
}
.frontpage-banner .btn-blue:visited:hover {
background-color: #fff;
border-color: #fff;
}
.frontpage-banner .btn-white:visited {
color: #1165A2;
}
.frontpage-banner .btn-white:hover {
background-color: #071322;
border-color: #071322;
color: #fff;
}
.frontpage-banner .btn-white:active:hover {
background-color: #071322;
border-color: #071322;
color: #fff;
}
.frontpage-banner .btn-white:active {
background-color: #071322;
border-color: #071322;
color: #fff;
}
.frontpage-banner .btn-white:focus {
background-color: #071322;
border-color: #071322;
color: #fff;
}
.frontpage-banner h3,
.frontpage-banner .vaccination-modal .modal-h2,
.vaccination-modal .frontpage-banner .modal-h2 {
font-size: 30px;
}
.frontpage-banner .row,
.frontpage-banner .epj-body .medicinkort-app .modal-body .pseudo-row,
.epj-body .medicinkort-app .modal-body .frontpage-banner .pseudo-row {
margin-left: 0px;
margin-right: 0px;
}
.personvaelger .personvaelger-label-container {
display: inline;
}
@media (max-width: 767px) {
.personvaelger .personvaelger-label-container {
display: block;
font-size: 16px;
padding-bottom: 8px;
}
.personvaelger .personvaelger-label-container label.control-label.side-by-side.ng-binding {
padding: 0;
}
.personvaelger .personvaelger-label-container .control-label {
padding: 0 !important;
}
.personvaelger .personvaelger-label-container .side-by-side {
float: none;
display: inline;
}
.personvaelger .personvaelger-label-container .control-label-inner {
display: block;
}
}
@media (max-width: 480px) {
.personvaelger .personvaelger-label-container .control-label {
display: block;
padding: 0 !important;
}
}
.personvaelger .personvaelger-inner {
float: right;
}
@media (max-width: 767px) {
.personvaelger .personvaelger-inner {
float: none;
}
}
@media (max-width: 767px) {
.personvaelger .personvaelger-inner {
text-align: center;
}
}
.row.alert-valuejump,
.epj-body .medicinkort-app .modal-body .alert-valuejump.pseudo-row {
margin: 20px auto;
background-color: #faf0f0;
}
.row.alert-valuejump .btn-wrapper-valuejump,
.epj-body .medicinkort-app .modal-body .alert-valuejump.pseudo-row .btn-wrapper-valuejump {
text-align: right;
padding-right: 0;
}
@media screen and (max-width: 768px) {
.row.alert-valuejump .txt-wrapper-valuejump,
.epj-body .medicinkort-app .modal-body .alert-valuejump.pseudo-row .txt-wrapper-valuejump {
margin-bottom: 15px;
}
.row.alert-valuejump .txt-wrapper-valuejump,
.epj-body .medicinkort-app .modal-body .alert-valuejump.pseudo-row .txt-wrapper-valuejump,
.row.alert-valuejump .btn-wrapper-valuejump,
.epj-body .medicinkort-app .modal-body .alert-valuejump.pseudo-row .btn-wrapper-valuejump {
text-align: center;
}
}
.accordion {
border-bottom: 1px solid #dbdbdb;
}
.accordion .accordion-item {
background-color: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
padding-left: 10px;
padding-right: 10px;
}
.accordion .accordion-item:hover {
background-color: #f7f7f7;
}
.accordion .accordion-item .accordion-icon {
color: #b20c1c;
font-size: 25px;
width: 15px;
margin-right: 5px;
}
.accordion .accordion-item .accordion-item-title {
padding-top: 5px;
padding-bottom: 5px;
}
.accordion .accordion-item .accordion-item-title.open {
font-weight: bold;
}
.accordion .accordion-item .accordion-item-title > * {
display: inline;
}
.accordion .accordion-item .accordion-item-body {
padding-bottom: 10px;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid transparent;
border-radius: 0px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-backdrop.fade.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid transparent;
min-height: 16.5px;
}
.modal-header .close,
.modal-header .sdk-modal button.close-modal,
.sdk-modal .modal-header button.close-modal {
margin-top: -2px;
background: transparent;
}
.modal-header .close:hover,
.modal-header .sdk-modal button.close-modal:hover,
.sdk-modal .modal-header button.close-modal:hover,
.modal-header .close:active,
.modal-header .sdk-modal button.close-modal:active,
.sdk-modal .modal-header button.close-modal:active,
.modal-header .close:focus,
.modal-header .sdk-modal button.close-modal:focus,
.sdk-modal .modal-header button.close-modal:focus {
background: transparent;
}
.modal-title {
margin: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid transparent;
}
.modal-footer:before,
.modal-footer:after {
content: " ";
display: table;
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-lg {
width: auto;
margin: 10px;
}
.modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
margin: 30px auto;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Titillium Web", sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #727272;
border-radius: 0px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #727272;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #727272;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #727272;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #727272;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #727272;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #727272;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #727272;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #727272;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 500px;
padding: 1px;
font-family: "Titillium Web", sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14.4px;
font-family: "Titillium Web", sans-serif;
background-color: #fff;
background-clip: padding-box;
border: 1px solid transparent;
border: 1px solid transparent;
border-radius: 0px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 16px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: -1px -1px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
border-width: 10px;
content: "";
}
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0);
border-top-color: fadein(transparent, 7.5%);
bottom: -11px;
}
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0);
border-right-color: fadein(transparent, 7.5%);
}
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-color: fadein(transparent, 7.5%);
top: -11px;
}
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, 0);
border-left-color: fadein(transparent, 7.5%);
}
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.hidden-but-rendered {
position: absolute;
z-index: -9999;
opacity: 0;
top: 0px;
left: 0px;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs {
display: none !important;
}
.visible-sm {
display: none !important;
}
.visible-md {
display: none !important;
}
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.borgerDkFrame {
font-family: Verdana, Geneva, sans-serif;
color: #333;
font-size: 14px;
padding: 8px;
/*cleanup*/
/*reset*/
}
.borgerDkFrame.applicationpage.loggedin {
background: none;
}
.borgerDkFrame .search-overlay,
.borgerDkFrame sdk-layout-main-loginoverlay,
.borgerDkFrame sdk-layout-main-cookiebox {
display: none;
}
.borgerDkFrame .text-center,
.borgerDkFrame h1,
.borgerDkFrame h2,
.borgerDkFrame .vaccination-modal .modal-h1,
.vaccination-modal .borgerDkFrame .modal-h1,
.borgerDkFrame h3,
.borgerDkFrame .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .modal-h2,
.borgerDkFrame h4,
.borgerDkFrame .vaccination-modal .modal-h3,
.vaccination-modal .borgerDkFrame .modal-h3,
.borgerDkFrame .vaccination-modal .history label.control-label,
.vaccination-modal .history .borgerDkFrame label.control-label,
.borgerDkFrame h5,
.borgerDkFrame h6 {
font-family: Verdana, Geneva, sans-serif;
text-align: left;
}
.borgerDkFrame .container,
.borgerDkFrame .aktivestoffer.affix,
.borgerDkFrame .container-half,
.borgerDkFrame .row,
.borgerDkFrame .epj-body .medicinkort-app .modal-body .pseudo-row,
.epj-body .medicinkort-app .modal-body .borgerDkFrame .pseudo-row,
.borgerDkFrame *[class^="col-"] {
width: 100%;
margin: 0;
padding: 0;
}
.borgerDkFrame h1 {
font-size: 17px;
line-height: 24px;
margin: 0 0 22px 0;
font-weight: normal;
}
.borgerDkFrame .spot.sdk-cms-standardspot h3,
.borgerDkFrame .spot.sdk-cms-standardspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-standardspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-findpractitionerspot h3,
.borgerDkFrame .spot.sdk-cms-findpractitionerspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-findpractitionerspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-latestupdatedarticlesspot h3,
.borgerDkFrame .spot.sdk-cms-latestupdatedarticlesspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-latestupdatedarticlesspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-calendarspot h3,
.borgerDkFrame .spot.sdk-cms-calendarspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-calendarspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-dictionaryspot h3,
.borgerDkFrame .spot.sdk-cms-dictionaryspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-dictionaryspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-upcomingeventsspot h3,
.borgerDkFrame .spot.sdk-cms-upcomingeventsspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-upcomingeventsspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-findclinicalexperimentspot h3,
.borgerDkFrame .spot.sdk-cms-findclinicalexperimentspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-findclinicalexperimentspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-commentspot h3,
.borgerDkFrame .spot.sdk-cms-commentspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-commentspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-newsspot h3,
.borgerDkFrame .spot.sdk-cms-newsspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-newsspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-organization-contactsspot h3,
.borgerDkFrame .spot.sdk-cms-organization-contactsspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-organization-contactsspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-newestclinicalexperimentsspot h3,
.borgerDkFrame .spot.sdk-cms-newestclinicalexperimentsspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-newestclinicalexperimentsspot .modal-h2,
.borgerDkFrame .spot.sdk-cms-applicationspot h3,
.borgerDkFrame .spot.sdk-cms-applicationspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot.sdk-cms-applicationspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-standardspot h3,
.borgerDkFrame .spot-box.sdk-cms-standardspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-standardspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-findpractitionerspot h3,
.borgerDkFrame .spot-box.sdk-cms-findpractitionerspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-findpractitionerspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-latestupdatedarticlesspot h3,
.borgerDkFrame .spot-box.sdk-cms-latestupdatedarticlesspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-latestupdatedarticlesspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-calendarspot h3,
.borgerDkFrame .spot-box.sdk-cms-calendarspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-calendarspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-dictionaryspot h3,
.borgerDkFrame .spot-box.sdk-cms-dictionaryspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-dictionaryspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-upcomingeventsspot h3,
.borgerDkFrame .spot-box.sdk-cms-upcomingeventsspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-upcomingeventsspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-findclinicalexperimentspot h3,
.borgerDkFrame .spot-box.sdk-cms-findclinicalexperimentspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-findclinicalexperimentspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-commentspot h3,
.borgerDkFrame .spot-box.sdk-cms-commentspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-commentspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-newsspot h3,
.borgerDkFrame .spot-box.sdk-cms-newsspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-newsspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-organization-contactsspot h3,
.borgerDkFrame .spot-box.sdk-cms-organization-contactsspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-organization-contactsspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-newestclinicalexperimentsspot h3,
.borgerDkFrame .spot-box.sdk-cms-newestclinicalexperimentsspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-newestclinicalexperimentsspot .modal-h2,
.borgerDkFrame .spot-box.sdk-cms-applicationspot h3,
.borgerDkFrame .spot-box.sdk-cms-applicationspot .vaccination-modal .modal-h2,
.vaccination-modal .borgerDkFrame .spot-box.sdk-cms-applicationspot .modal-h2 {
font-size: 17px;
line-height: 24px;
margin: 20px 0 10px 0;
font-weight: normal;
border-bottom: 1px solid #e3e3e3;
}
.borgerDkFrame .spot.sdk-cms-standardspot .icon,
.borgerDkFrame .spot.sdk-cms-findpractitionerspot .icon,
.borgerDkFrame .spot.sdk-cms-latestupdatedarticlesspot .icon,
.borgerDkFrame .spot.sdk-cms-calendarspot .icon,
.borgerDkFrame .spot.sdk-cms-dictionaryspot .icon,
.borgerDkFrame .spot.sdk-cms-upcomingeventsspot .icon,
.borgerDkFrame .spot.sdk-cms-findclinicalexperimentspot .icon,
.borgerDkFrame .spot.sdk-cms-commentspot .icon,
.borgerDkFrame .spot.sdk-cms-newsspot .icon,
.borgerDkFrame .spot.sdk-cms-organization-contactsspot .icon,
.borgerDkFrame .spot.sdk-cms-newestclinicalexperimentsspot .icon,
.borgerDkFrame .spot.sdk-cms-applicationspot .icon,
.borgerDkFrame .spot-box.sdk-cms-standardspot .icon,
.borgerDkFrame .spot-box.sdk-cms-findpractitionerspot .icon,
.borgerDkFrame .spot-box.sdk-cms-latestupdatedarticlesspot .icon,
.borgerDkFrame .spot-box.sdk-cms-calendarspot .icon,
.borgerDkFrame .spot-box.sdk-cms-dictionaryspot .icon,
.borgerDkFrame .spot-box.sdk-cms-upcomingeventsspot .icon,
.borgerDkFrame .spot-box.sdk-cms-findclinicalexperimentspot .icon,
.borgerDkFrame .spot-box.sdk-cms-commentspot .icon,
.borgerDkFrame .spot-box.sdk-cms-newsspot .icon,
.borgerDkFrame .spot-box.sdk-cms-organization-contactsspot .icon,
.borgerDkFrame .spot-box.sdk-cms-newestclinicalexperimentsspot .icon,
.borgerDkFrame .spot-box.sdk-cms-applicationspot .icon {
margin-right: 5px;
margin-bottom: 5px !important;
position: relative;
top: 2px;
}
.borgerDkFrame.applicationpage.loggedin .spot,
.borgerDkFrame.applicationpage.loggedin .spot-box-contact,
.borgerDkFrame.applicationpage.loggedin .application-content,
.borgerDkFrame.applicationpage.loggedin .application-box {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
background: none !important;
}
.borgerDkFrame .alert {
padding: 20px;
}
.borgerDkFrame a,
.borgerDkFrame a:link,
.borgerDkFrame a:visited {
border: none !important;
padding: 0 !important;
margin: 0 !important;
font-weight: normal !important;
color: #39530c !important;
text-decoration: underline !important;
}
.borgerDkFrame a:hover,
.borgerDkFrame a:focus {
color: #b64529 !important;
background: none !important;
}
.borgerDkFrame .medicine-cards li.medicine-card-item {
border: 0;
}
.borgerDkFrame .medicine-cards li.medicine-card-item .medicine-card-item-text {
height: auto;
line-height: 22px;
}
.borgerDkFrame .alert {
box-shadow: inset 0 0 0 0 #fcf1bd;
padding: 8px 35px 8px 14px;
margin-bottom: 22px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf1bd !important;
border: 1px solid #fad48c !important;
border-radius: 4px;
}
.borgerDkFrame .alert.alert-info {
background-color: #dbeeec !important;
border-color: #a7d6c7 !important;
color: #2b5d4d !important;
}
/**
* POPUP CONTAINER STYLES
*/
#xact_popupMask {
position: absolute;
z-index: 2000200;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: .5;
filter: alpha(opacity=50);
/* this hack is so it works in IE
* I find setting the color in the css gives me more flexibility
* than the PNG solution.
*/
background-color: black;
/* this hack is for opera support
* you can uncomment the background-image if you don't care about opera.
* this gives you the flexibility to use any bg color that you want, instead of the png
*/
/*background-image: url("maskBG.png") !important;*/
/*For browsers Moz, Opera, etc.*/
background-image: none;
background-repeat: repeat;
display: none;
}
#xact_popupContainer {
font-family: 'Titillium Web', sans-serif;
position: absolute;
z-index: 2000201;
top: 0px;
left: 0px;
display: none;
padding: 0px;
}
#xact_popupContainer p,
#xact_popupContainer span {
font-family: 'Titillium Web', sans-serif;
}
#xact_popupInner {
border: 1px solid #808080;
box-shadow: 0 10px 6px -6px #3d3d3d;
background-color: #fff;
}
#xact_popupFrame {
font-size: 109.09%;
line-height: 145%;
margin: 0px;
width: 100%;
height: 100%;
position: relative;
z-index: 2000202;
}
#xact_popupControls {
display: none;
}
#xact_popupTitleBar {
height: 50px;
background-image: url("https://sundhed.dk/public/images/sundhed-logo.png");
background-repeat: no-repeat;
background-size: 128px 19px;
background-position: 10px center;
color: #b20c1c;
font-weight: bold;
height: 2.5em;
border-bottom: 1px solid #ececec;
position: relative;
z-index: 2000203;
}
#xact_popupTitle {
float: left;
font-size: 1.1em;
}
#xact_popupControls {
float: right;
cursor: pointer;
cursor: hand;
}
/* De to xact buttons der var tilføjet */
#xact_popinButtons {
width: inherit;
display: block;
padding: 10px 15px;
}
#xact_popinButtons > button {
float: right;
}
#xact_popinButtons > button:first-child {
margin-left: 10px;
}
#xact_popinButtons button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
font-family: "Titillium Web", sans-serif;
padding: 6px 16px;
font-size: 16px;
line-height: 1.5;
border-radius: 0px;
color: #fff;
background-color: #b20c1c;
border-color: #b20c1c;
font-weight: 600;
}
#xact_popinButtons button:focus,
#xact_popinButtons button.focus,
#xact_popinButtons button:active:focus,
#xact_popinButtons button:active.focus,
#xact_popinButtons button.active:focus,
#xact_popinButtons button.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#xact_popinButtons button:hover,
#xact_popinButtons button:focus,
#xact_popinButtons button.focus {
color: #b20c1c;
text-decoration: none;
}
#xact_popinButtons button:active,
#xact_popinButtons button.active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#xact_popinButtons button.disabled,
#xact_popinButtons button[disabled],
fieldset[disabled] #xact_popinButtons button {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none;
}
#xact_popinButtons button:visited {
color: #fff;
}
#xact_popinButtons button:focus,
#xact_popinButtons button.focus {
color: #fff;
background-color: #820914;
border-color: #3b0409;
text-decoration: none !important;
}
#xact_popinButtons button:hover {
color: #fff;
background-color: #820914;
border-color: #790813;
text-decoration: none !important;
}
#xact_popinButtons button:active,
#xact_popinButtons button.active,
.open > #xact_popinButtons button.dropdown-toggle {
color: #fff;
background-color: #820914;
border-color: #790813;
}
#xact_popinButtons button:active:hover,
#xact_popinButtons button:active:focus,
#xact_popinButtons button:active.focus,
#xact_popinButtons button.active:hover,
#xact_popinButtons button.active:focus,
#xact_popinButtons button.active.focus,
.open > #xact_popinButtons button.dropdown-toggle:hover,
.open > #xact_popinButtons button.dropdown-toggle:focus,
.open > #xact_popinButtons button.dropdown-toggle.focus {
color: #fff;
background-color: #61070f;
border-color: #3b0409;
text-decoration: none !important;
}
#xact_popinButtons button:active,
#xact_popinButtons button.active,
.open > #xact_popinButtons button.dropdown-toggle {
background-image: none;
}
#xact_popinButtons button.disabled,
#xact_popinButtons button.disabled:hover,
#xact_popinButtons button.disabled:focus,
#xact_popinButtons button.disabled.focus,
#xact_popinButtons button.disabled:active,
#xact_popinButtons button.disabled.active,
#xact_popinButtons button[disabled],
#xact_popinButtons button[disabled]:hover,
#xact_popinButtons button[disabled]:focus,
#xact_popinButtons button[disabled].focus,
#xact_popinButtons button[disabled]:active,
#xact_popinButtons button[disabled].active,
fieldset[disabled] #xact_popinButtons button,
fieldset[disabled] #xact_popinButtons button:hover,
fieldset[disabled] #xact_popinButtons button:focus,
fieldset[disabled] #xact_popinButtons button.focus,
fieldset[disabled] #xact_popinButtons button:active,
fieldset[disabled] #xact_popinButtons button.active {
background-color: #b20c1c;
border-color: #b20c1c;
text-decoration: none !important;
}
#xact_popinButtons button .badge {
color: #b20c1c;
background-color: #fff;
}
#xact_popinButtons:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
#xact_popText {
display: inline;
margin-left: 4px;
}
#xact_popContainer {
width: inherit;
/*font-family: 'FoundryMonolineRegular';*/
font-family: 'Titillium Web', sans-serif;
padding: 10px 15px 5px 15px;
border-top: solid 1px #ececec;
}
.media-navigation {
padding-bottom: 30px;
}
.media-navigation .col-xs-12.col-sm-4,
.media-navigation .medicinkort-app .patient-box .alert-sub,
.medicinkort-app .patient-box .media-navigation .alert-sub {
padding-left: 30px;
padding-right: 30px;
padding-top: 60px;
}
.media-navigation a:hover {
text-decoration: none;
}
.media-navigation .clickable {
cursor: pointer;
}
.media-navigation .imagebox-outer {
position: relative;
width: 100%;
padding-bottom: 62.5%;
}
.media-navigation .imagebox-inner {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
white-space: nowrap;
text-align: left;
font: 0/0 a;
}
.media-navigation .imagebox-inner:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.media-navigation .imagebox-inner img {
max-width: 100%;
max-height: 100%;
display: inline-block;
}
.media-navigation .row-separator {
clear: both;
}
sdk-shared-mediabar {
margin-top: 10px;
display: block;
}
sdk-shared-mediabar .top-divider {
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
sdk-shared-mediabar .bottom-divider {
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
sdk-shared-mediabar .video-list .playlist-item {
cursor: pointer;
margin-bottom: 20px;
-ms-flex-align: center;
align-items: center;
}
sdk-shared-mediabar .video-list .playlist-item .playlist-image-container {
position: relative;
}
sdk-shared-mediabar .video-list .playlist-item .playlist-info {
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
sdk-shared-mediabar .video-list .playlist-item .playlist-info .playlist-title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 0px;
}
sdk-shared-mediabar .video-list .playlist-item .playlist-info .playlist-description {
font-size: 15px;
color: #7c7c7c;
}
.sdk-dictionary-wrap {
position: fixed;
top: 290px;
right: 0;
width: 0;
height: 0;
background: none;
background-color: transparent;
z-index: 1060;
}
.sdk-dictionary-wrap.scrolled {
top: 100px;
}
.sdk-dictionary-wrap .sdk-dictionary-float-btn,
.sdk-dictionary-wrap .sdk-dictionary-foldout {
position: absolute;
top: 0;
right: 0;
margin-right: 40px;
}
.sdk-dictionary-wrap .sdk-dictionary-float-btn {
background-color: rgba(74, 71, 66, 0.9);
border-radius: 50%;
cursor: pointer;
width: 60px;
height: 60px;
line-height: 53px;
text-align: center;
}
.sdk-dictionary-wrap .sdk-dictionary-float-btn .icon {
font-family: sundhed;
display: inline-block;
font-family: sundhed;
color: white;
line-height: 1.5;
color: white;
}
.sdk-dictionary-wrap .sdk-dictionary-float-btn .icon:after {
content: "";
font-size: 36px;
}
@media screen and (max-width: 480px) {
.sdk-dictionary-wrap .sdk-dictionary-float-btn {
margin-right: 15px;
}
}
.sdk-dictionary-wrap .sdk-dictionary-foldout {
background-color: #f7f7f7;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
padding: 0;
min-width: 400px;
border: 1px solid #a9a9a9;
}
@media screen and (max-width: 480px) {
.sdk-dictionary-wrap .sdk-dictionary-foldout {
min-width: 250px;
margin-right: 15px;
}
}
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header {
background-color: rgba(74, 71, 66, 0.9);
padding: 1px 15px;
}
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header:hover {
cursor: pointer;
}
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header h4,
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header .vaccination-modal .modal-h3,
.vaccination-modal .sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header .modal-h3,
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header .vaccination-modal .history label.control-label,
.vaccination-modal .history .sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header label.control-label {
color: white;
line-height: 1.5;
letter-spacing: 0.1px;
}
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header h4 span.icon,
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header .vaccination-modal .modal-h3 span.icon,
.vaccination-modal .sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header .modal-h3 span.icon,
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header .vaccination-modal .history label.control-label span.icon,
.vaccination-modal .history .sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-header label.control-label span.icon {
font-size: 24px;
}
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-body {
padding: 15px 15px;
}
.sdk-dictionary-wrap .sdk-dictionary-foldout .sdk-dictionary-body .search-form .input-group {
width: 100%;
}
sdk-shared-vimeo-player {
margin-top: 10px;
display: block;
}
sdk-shared-vimeo-player .bottom-divider {
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
sdk-shared-vimeo-player .title {
margin-top: 0px;
}
sdk-shared-vimeo-player .icon-container {
text-align: right;
margin-bottom: -30px;
}
sdk-shared-vimeo-player .description {
margin-bottom: 15px;
}
@media (min-width: 1200px) {
sdk-shared-vimeo-player .description {
margin-bottom: 0px;
}
}
sdk-shared-vimeo-player .video-playlist {
padding-top: 15px;
}
sdk-shared-vimeo-player .video-playlist button.play-rest {
margin-bottom: 10px;
}
@media (min-width: 1200px) {
sdk-shared-vimeo-player .video-playlist {
border-left: 1px solid #e5e5e5;
}
}
sdk-shared-vimeo-player .video-playlist .playlist-item img {
height: 75px;
width: 100px;
min-width: 100px;
}
sdk-shared-vimeo-player .video-playlist .playlist-item .playlist-title {
font-size: 18px;
}
sdk-shared-vimeo-player .video-playlist button.play-all,
sdk-shared-vimeo-player .video-list button.play-all {
margin-top: 30px;
margin-bottom: 20px;
}
sdk-shared-vimeo-player .video-playlist .playlist-item,
sdk-shared-vimeo-player .video-list .playlist-item {
cursor: pointer;
margin-bottom: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
sdk-shared-vimeo-player .video-playlist .playlist-item .playlist-image-container,
sdk-shared-vimeo-player .video-list .playlist-item .playlist-image-container {
position: relative;
margin-right: 10px;
}
sdk-shared-vimeo-player .video-playlist .playlist-item .playlist-image-container img,
sdk-shared-vimeo-player .video-list .playlist-item .playlist-image-container img {
height: 150px;
width: 200px;
min-width: 200px;
}
sdk-shared-vimeo-player .video-playlist .playlist-item .playlist-image-container img.playlist-image-play-icon,
sdk-shared-vimeo-player .video-list .playlist-item .playlist-image-container img.playlist-image-play-icon {
position: absolute;
width: 40px;
min-width: 40px;
height: 40px;
top: 55px;
left: 80px;
z-index: 2;
}
sdk-shared-vimeo-player .video-playlist .playlist-item .playlist-image-container::after,
sdk-shared-vimeo-player .video-list .playlist-item .playlist-image-container::after {
content: ' ';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0%;
left: 0%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.1);
}
sdk-shared-vimeo-player .video-playlist .playlist-item .playlist-info,
sdk-shared-vimeo-player .video-list .playlist-item .playlist-info {
margin-left: 10px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
sdk-shared-vimeo-player .video-playlist .playlist-item .playlist-info .playlist-title,
sdk-shared-vimeo-player .video-list .playlist-item .playlist-info .playlist-title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 0px;
}
sdk-shared-vimeo-player .video-playlist .playlist-item .playlist-info .playlist-duration,
sdk-shared-vimeo-player .video-list .playlist-item .playlist-info .playlist-duration {
font-size: 15px;
color: #7c7c7c;
}
sdk-shared-audio .download-link {
margin-left: 10px;
}
sdk-shared-audio .download-icon {
padding-top: 8px;
height: 23px;
width: 15px;
vertical-align: top;
}
sdk-shared-audio .audio-player-icon {
height: 35px;
width: 35px;
min-height: 35px;
min-width: 35px;
}
sdk-shared-audio .audio-container {
margin-left: 15px;
display: inline-block;
vertical-align: middle;
}
sdk-shared-audio .audio-container .audio-duration {
color: #7c7c7c;
font-size: 15px;
}
sdk-shared-audio .audio-container h4.audio-title,
sdk-shared-audio .audio-container .vaccination-modal .audio-title.modal-h3,
.vaccination-modal sdk-shared-audio .audio-container .audio-title.modal-h3,
sdk-shared-audio .audio-container .vaccination-modal .history label.audio-title.control-label,
.vaccination-modal .history sdk-shared-audio .audio-container label.audio-title.control-label {
margin-top: 4px;
margin-bottom: 0px;
display: inline-block;
}
@media print {
.vaccination-app {
display: none;
}
}
.vaccination-app .application .application-box {
padding: 0 0 15px 0;
}
@media screen and (max-width: 768px) {
.vaccination-app .application .application-box {
padding: 0 0 25px 0;
}
}
.vaccination-app .application .tab-content {
padding: 20px 0;
}
.vaccination-app .application a.icon-arrow-left:before,
.vaccination-app .application a.icon-arrow-right:before {
top: 0.2em;
}
.vaccination-app .application .ddv-personvaelger-advarsel {
padding: 16px 0;
border-bottom: 1px solid #ececec;
}
.vaccination-app .application .ddv-personvaelger-advarsel .alert {
margin: auto 16px;
box-shadow: -3px 0 0 #55a09b;
}
.vaccination-app .vaccination-info * {
border: none;
}
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading h4,
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3,
.vaccination-modal .vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .modal-h3,
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label,
.vaccination-modal .history .vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading label.control-label {
text-align: center;
border: none;
}
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading h4 a,
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3 a,
.vaccination-modal .vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .modal-h3 a,
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label a,
.vaccination-modal .history .vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading label.control-label a {
color: #b20c1c;
}
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading h4 a:after,
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3 a:after,
.vaccination-modal .vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .modal-h3 a:after,
.vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label a:after,
.vaccination-modal .history .vaccination-app .vaccination-info .panel-group .panel-default > .panel-heading label.control-label a:after {
height: 40px;
width: 40px;
font-size: 150%;
position: relative;
top: 7px;
left: 20px;
font-weight: 900;
}
.vaccination-app .row-centered {
text-align: center;
}
.vaccination-app .row-centered .col-centered {
display: inline-block;
float: none;
text-align: left;
margin-right: auto;
}
.vaccination-app .nav.nav-tabs {
background-color: #ececec;
}
.vaccination-app .nav.nav-tabs > li {
/*@extend .nav-tab;*/
background-color: #ececec;
}
.vaccination-app .nav.nav-tabs > li > a.nav-link {
background-color: transparent;
padding: 20px 16px;
}
.vaccination-app .nav.nav-tabs > li > a.nav-link:hover,
.vaccination-app .nav.nav-tabs > li > a.nav-link:active {
background-color: #f7f7f7;
border-bottom: 4px solid #b20c1c !important;
transition: none;
}
.vaccination-app .nav.nav-tabs > li.active > a {
/*@extend .nav-tab-link-active;*/
}
.vaccination-app .nav.nav-tabs > li.active > a.nav-link.nav-link {
background-color: #fff;
border-bottom: 4px solid #b20c1c !important;
}
.vaccination-app .deleted-vaccines {
border-top: 1px solid #ececec;
}
.vaccination-app .deleted-vaccines label {
background-color: #f7f7f7;
cursor: pointer;
float: right;
padding: 2px 10px 6px;
}
.vaccination-app .deleted-vaccinations-header {
font-weight: bold;
margin-top: 40px;
margin-bottom: auto;
padding: 0px 8px;
}
.vaccination-app .info-text {
padding: 0px 10px;
}
.vaccination-app .sdk-table th {
min-width: 150px;
}
@media (max-width: 767px) {
.vaccination-app .sdk-table th {
min-width: 90px;
}
}
.vaccination-app .sdk-table th:nth-child(1) {
min-width: 100px !important;
max-width: 110px;
}
@media (max-width: 991px) {
.vaccination-app .sdk-table th:nth-child(1) {
width: 80px;
}
}
.vaccination-app .sdk-table tr td a.icon-arrow-right:before {
top: 2px;
}
.vaccination-alert-warning,
.vaccination-modal .alert-warning {
background-color: #fbeec5 !important;
}
.vaccination-alert-danger {
background-color: #faf0f0 !important;
}
.vaccination-alert-info,
.vaccination-modal .alert-info {
background-color: #D7F5F5 !important;
}
.vaccination-app .table-footer {
padding: 0 10px;
}
.vaccination-app .table-footer.btns .btn {
margin-bottom: 10px;
}
.vaccination-app .table-footer.btns .btn + .btn {
margin-left: 10px;
}
@media (max-width: 767px) {
.vaccination-app .table-footer.btns .btn + .btn {
margin-left: auto;
}
}
.vaccination-app .table-footer.btns .btn.btn-default {
border-color: #000;
color: #000;
}
.vaccination-app .table-footer.btns .btn.btn-default:hover,
.vaccination-app .table-footer.btns .btn.btn-default:focus {
background-color: #000;
color: #fff;
}
.vaccination-app .table-footer.btns .btn.btn-default span:before {
margin-right: 5px;
}
.vaccination-app .table-footer .pdf-btn-wrapper {
float: left;
margin: 0 10px 0 0;
}
button.details-btn {
color: transparent;
border-color: transparent;
font-weight: normal;
}
button.details-btn polyline {
transition: all 125ms linear;
}
button.details-btn:hover {
background-color: transparent;
border-color: transparent;
}
button.details-btn:hover polyline {
stroke-width: 8px;
stroke: #820914;
}
button.details-btn:focus {
background-color: transparent;
}
button.details-btn:focus polyline {
stroke: #820914;
}
button.details-btn:active {
background-color: transparent;
}
button.details-btn:active polyline {
stroke: #61070f;
}
button.centered {
display: block;
margin: auto;
}
button.btn-popover,
button.btn-popover:focus,
button.btn-popover:hover,
button.btn-popover:active,
button.btn-popover:active:focus {
border: none;
/*font-size: 34px;*/
font-weight: 100;
background-color: transparent;
vertical-align: baseline;
display: inline-block;
margin: auto;
padding: 0px;
color: black;
}
button.btn-popover.circle,
button.btn-popover:focus.circle,
button.btn-popover:hover.circle,
button.btn-popover:active.circle,
button.btn-popover:active:focus.circle {
border-radius: 50%;
border: 1px solid #7c7c7c;
color: #7c7c7c;
font-size: 14px;
padding: 0px 8px;
}
.vaccination-modal .col-sm-12 {
padding-left: 0px;
}
.vaccination-modal .history label.control-label.control-label {
font-weight: 600;
}
.vaccination-modal .warning-message {
padding: 0px;
}
.vaccination-modal .modal-header [class*='col-'] {
padding-left: 0px;
}
.vaccination-modal .modal-header .fullname {
padding-top: 10px;
}
.vaccination-modal .modal-header .fullname .label {
font-weight: 600;
}
.vaccination-modal .modal-header .modal-title {
font-weight: 500;
}
.vaccination-modal .block {
display: block;
}
.vaccination-modal section.row,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row {
margin: auto 40px 15px;
}
@media (max-width: 991px) {
.vaccination-modal section.row,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row {
margin: auto 0px;
}
}
.vaccination-modal section.row .details-title,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row .details-title,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row .details-title {
border-bottom: 1px solid #ececec;
padding-bottom: 10px;
font-weight: 600;
}
.vaccination-modal section.row ul.content,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row ul.content,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row ul.content {
padding-left: 0px;
margin-left: auto;
}
.vaccination-modal section.row ul.content li,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row ul.content li,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row ul.content li {
list-style: none;
}
.vaccination-modal section.row ul.content li span,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row ul.content li span,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row ul.content li span {
display: inline;
}
.vaccination-modal section.row ul.content li span.label,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row ul.content li span.label,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row ul.content li span.label {
font-weight: 700;
}
.vaccination-modal section.row p,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row p,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row p {
padding-left: 0px;
}
.vaccination-modal section.row .action-btns,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row .action-btns,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row .action-btns {
padding: 15px 0px;
}
.vaccination-modal section.row .action-btns .btn,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row .action-btns .btn,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row .action-btns .btn {
margin-bottom: 10px;
}
@media (min-width: 480px) {
.vaccination-modal section.row .action-btns .btn + .btn,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.pseudo-row .action-btns .btn + .btn,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.pseudo-row .action-btns .btn + .btn {
margin-left: 7px;
}
}
.vaccination-modal section.row.vaccine-info .popover,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-info.pseudo-row .popover,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-info.pseudo-row .popover {
width: 100%;
max-width: 300px;
}
@media (max-width: 480px) {
.vaccination-modal section.row.vaccine-info .popover,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-info.pseudo-row .popover,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-info.pseudo-row .popover {
left: 50% !important;
margin: auto -150px;
}
}
.vaccination-modal section.row.vaccination-id,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccination-id.pseudo-row,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccination-id.pseudo-row {
border-bottom: none;
}
.vaccination-modal section.row.vaccine-inputs .control-label,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .control-label,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .control-label {
display: table;
font-weight: 600;
}
.vaccination-modal section.row.vaccine-inputs .dropdown-menu:not(.uib-datepicker-popup),
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .dropdown-menu:not(.uib-datepicker-popup),
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .dropdown-menu:not(.uib-datepicker-popup) {
position: relative;
top: auto !important;
left: auto !important;
width: 100%;
}
.vaccination-modal section.row.vaccine-inputs .dropdown-menu:not(.uib-datepicker-popup) > li > a,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .dropdown-menu:not(.uib-datepicker-popup) > li > a,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .dropdown-menu:not(.uib-datepicker-popup) > li > a {
white-space: normal;
line-height: 1.3 !important;
padding: 8px 20px;
text-decoration: none;
}
.vaccination-modal section.row.vaccine-inputs .dropdown-menu:not(.uib-datepicker-popup) > li:nth-child(even),
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .dropdown-menu:not(.uib-datepicker-popup) > li:nth-child(even),
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .dropdown-menu:not(.uib-datepicker-popup) > li:nth-child(even) {
background-color: #f7f7f7;
}
.vaccination-modal section.row.vaccine-inputs input[disabled],
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row input[disabled],
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row input[disabled] {
background-color: #ececec;
}
.vaccination-modal section.row.vaccine-inputs input[type='text'],
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row input[type='text'],
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row input[type='text'],
.vaccination-modal section.row.vaccine-inputs input[type='number'],
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row input[type='number'],
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row input[type='number'],
.vaccination-modal section.row.vaccine-inputs select,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row select,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row select {
width: 100%;
}
.vaccination-modal section.row.vaccine-inputs .inline-select-group .control-label,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .inline-select-group .control-label,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .inline-select-group .control-label {
display: block;
}
.vaccination-modal section.row.vaccine-inputs .inline-select-group input,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .inline-select-group input,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .inline-select-group input,
.vaccination-modal section.row.vaccine-inputs .inline-select-group select,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .inline-select-group select,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .inline-select-group select {
display: inline-block;
width: 49%;
}
.vaccination-modal section.row.vaccine-inputs .inline-select-group label + select,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .inline-select-group label + select,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .inline-select-group label + select {
margin-left: 2%;
}
.vaccination-modal section.row.vaccine-inputs .datepicker-container,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .datepicker-container,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .datepicker-container {
width: 100%;
}
.vaccination-modal section.row.vaccine-inputs .required-message,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccine-inputs.pseudo-row .required-message,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccine-inputs.pseudo-row .required-message {
font-size: 80%;
color: #b20c1c;
}
.vaccination-modal section.row.submit-complete .content,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.submit-complete.pseudo-row .content,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.submit-complete.pseudo-row .content {
text-align: center;
}
.vaccination-modal section.row.submit-complete .content p,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.submit-complete.pseudo-row .content p,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.submit-complete.pseudo-row .content p {
text-align: left;
}
.vaccination-modal section.row.submit-complete .content .img img,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.submit-complete.pseudo-row .content .img img,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.submit-complete.pseudo-row .content .img img {
width: auto;
margin: auto;
max-width: 100px;
}
.vaccination-modal section.row.actions-log ul.content li,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row ul.content li,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row ul.content li {
border-bottom: 1px solid #ececec;
margin: 5px auto;
}
.vaccination-modal section.row.actions-log .effectuation-labels,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .effectuation-labels,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .effectuation-labels {
padding: 0px;
background-color: #ececec;
}
.vaccination-modal section.row.actions-log .effectuation-labels ul.content,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .effectuation-labels ul.content,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .effectuation-labels ul.content {
margin-top: 41px;
}
.vaccination-modal section.row.actions-log .effectuation-labels ul.content li,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .effectuation-labels ul.content li,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .effectuation-labels ul.content li {
padding: 0px 10px;
}
.vaccination-modal section.row.actions-log .effectuation-labels ul.content li:last-child,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .effectuation-labels ul.content li:last-child,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .effectuation-labels ul.content li:last-child {
border-bottom: none;
}
.vaccination-modal section.row.actions-log .log-section,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section {
padding: 0px;
text-align: center;
}
@media (max-width: 991px) {
.vaccination-modal section.row.actions-log .log-section,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section {
text-align: left;
}
}
.vaccination-modal section.row.actions-log .log-section .details-title,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section .details-title,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section .details-title {
padding-top: 10px;
margin: auto;
background-color: #ececec;
border-bottom: none;
}
@media (max-width: 991px) {
.vaccination-modal section.row.actions-log .log-section .details-title,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section .details-title,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section .details-title {
padding-left: 10px;
font-weight: 500;
background-color: transparent;
}
}
@media (max-width: 991px) {
.vaccination-modal section.row.actions-log .log-section ul.content > li,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li {
margin: auto;
}
.vaccination-modal section.row.actions-log .log-section ul.content > li .label,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li .label,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li .label {
background-color: #ececec;
}
}
.vaccination-modal section.row.actions-log .log-section ul.content > li:nth-child(1),
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li:nth-child(1),
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li:nth-child(1) {
min-height: 27px;
}
@media (max-width: 991px) {
.vaccination-modal section.row.actions-log .log-section ul.content > li:nth-child(1),
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li:nth-child(1),
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li:nth-child(1) {
min-height: 0;
}
}
.vaccination-modal section.row.actions-log .log-section ul.content > li:last-child,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li:last-child,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li:last-child {
border-bottom: none;
}
@media (max-width: 991px) {
.vaccination-modal section.row.actions-log .log-section ul.content > li:last-child .label + span,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li:last-child .label + span,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li:last-child .label + span {
border-bottom: 1px solid #ececec;
}
}
.vaccination-modal section.row.actions-log .log-section ul.content > li span,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li span,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li span {
padding: 0px 10px;
}
@media (max-width: 991px) {
.vaccination-modal section.row.actions-log .log-section ul.content > li span,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li span,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li span {
padding: 3px 10px;
border-top: 1px solid #ececec;
border-right: 1px solid #ececec;
border-left: 1px solid #ececec;
}
}
.vaccination-modal section.row.actions-log .log-section ul.content > li .popover ul,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.actions-log.pseudo-row .log-section ul.content > li .popover ul,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.actions-log.pseudo-row .log-section ul.content > li .popover ul {
padding-left: 0px;
}
.vaccination-modal section.row.vaccination-id,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccination-id.pseudo-row,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccination-id.pseudo-row {
margin-bottom: 0px;
border-bottom: none;
font-size: 12px;
color: #7c7c7c;
margin-top: -15px;
}
@media (max-width: 991px) {
.vaccination-modal section.row.vaccination-id,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccination-id.pseudo-row,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccination-id.pseudo-row {
margin-top: 0px;
}
}
.vaccination-modal section.row.vaccination-id:before,
.vaccination-modal .epj-body .medicinkort-app .modal-body section.vaccination-id.pseudo-row:before,
.epj-body .medicinkort-app .modal-body .vaccination-modal section.vaccination-id.pseudo-row:before {
width: 48%;
border-bottom: 1px solid #ececec;
}
.vaccination-modal .modal-footer {
text-align: left;
}
.vaccination-app .nav-pills {
background-color: #f7f7f7;
}
.vaccination-app .nav-pills li {
margin-left: auto;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
}
@media (min-width: 1200px) {
.vaccination-app .nav-pills li {
width: 20%;
}
}
.vaccination-app .nav-pills li button {
width: 100%;
color: #000;
border-color: transparent;
border-width: 0px;
background-color: #f7f7f7;
min-height: 50px;
}
.vaccination-app .nav-pills li button.active {
background-color: #e5e5e5;
}
.vaccination-app .add-vaccine {
padding-top: 50px;
padding-bottom: 50px;
}
.vaccination-app .pagination {
text-align: center;
}
.livstestamente-app {
margin-bottom: 40px;
padding-bottom: 30px;
}
@media (max-width: 991px) {
.livstestamente-app {
padding: 30px 40px;
}
}
@media (max-width: 767px) {
.livstestamente-app {
padding: 20px;
}
}
.livstestamente-app label {
display: inline;
}
.epj-body .medicinkort-app .epj-content .modal-body .row .pseudo-row,
.epj-body .medicinkort-app .epj-content .modal-body .pseudo-row .pseudo-row {
margin-right: 0;
margin-left: 0;
}
@media print {
.medicinkort-app * {
display: none;
}
}
.medicinkort-app .medicinkort-info * {
border: none;
}
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading h4,
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3,
.vaccination-modal .medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .modal-h3,
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label,
.vaccination-modal .history .medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading label.control-label {
text-align: center;
border: none;
}
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading h4 a,
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3 a,
.vaccination-modal .medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .modal-h3 a,
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label a,
.vaccination-modal .history .medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading label.control-label a {
color: #b20c1c;
}
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading h4 a:after,
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3 a:after,
.vaccination-modal .medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .modal-h3 a:after,
.medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label a:after,
.vaccination-modal .history .medicinkort-app .medicinkort-info .panel-group .panel-default > .panel-heading label.control-label a:after {
height: 40px;
width: 40px;
font-size: 150%;
position: relative;
top: 7px;
left: 20px;
font-weight: 900;
}
.medicinkort-app .application .top-app .alert-danger [class*="icon-"] {
font-size: 58px;
color: #b20c1c;
}
.medicinkort-app .application .top-app .alert-danger [class*="icon-"]:before {
top: auto;
}
.medicinkort-app .application .top-app .alert-text {
line-height: 24px;
margin-bottom: auto;
}
.medicinkort-app .application .invalid-card-warning-box .alert-text {
display: inline;
}
.medicinkort-app .application .invalid-card-warning-box a {
color: #b20c1c;
text-decoration: none;
}
.medicinkort-app .application .invalid-card-warning-box a:hover,
.medicinkort-app .application .invalid-card-warning-box a:focus {
color: #b20c1c;
text-decoration: underline;
}
.medicinkort-app .application .invalid-card-warning-box a:visited {
color: #820a14;
}
.medicinkort-app .application .modal-error-box .alert-danger {
background-color: #fff !important;
}
.medicinkort-app .application .application-box {
padding: 0 0 15px 0;
}
.medicinkort-app .application .application-box .text-color-grey {
color: #7c7c7c;
}
.medicinkort-app .application .application-box hr {
margin-top: 12px;
margin-bottom: 8px;
}
@media (max-width: 991px) {
.medicinkort-app .application .application-box th:nth-last-child(2) {
white-space: pre;
}
}
.medicinkort-app .application .application-box .modal-body .filter-container {
margin: 0 -15px 15px -15px;
}
.medicinkort-app .application .application-box .modal-body .effectuations div.center {
text-align: center;
}
.medicinkort-app .application .application-box .modal-body .effectuations button.link {
color: #b20c1c;
background: none;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
}
.medicinkort-app .application .application-box .modal-body .effectuations p.right {
text-align: right;
}
.medicinkort-app .application .application-box .filter-container a {
color: #000;
}
.medicinkort-app .application .application-box .intro-text {
margin: auto;
}
.medicinkort-app .application .application-box .intro-text p {
margin-top: 20px;
}
.medicinkort-app .application .application-box div[message-id] {
margin: 16px 20px;
}
.medicinkort-app .application .application-box .status-info li,
.medicinkort-app .application .application-box .status-info p {
font-size: 14px;
line-height: 20px;
}
.medicinkort-app .application .application-box .popover {
width: 100%;
max-width: 300px;
}
@media (max-width: 480px) {
.medicinkort-app .application .application-box .popover {
left: 50% !important;
margin: auto -150px;
}
}
@media (max-width: 480px) {
.medicinkort-app .application .application-box .popover .arrow {
margin: auto 50%;
}
}
.medicinkort-app .application .application-box .deleted-medicin label {
background-color: #f7f7f7;
cursor: pointer;
float: right;
padding: 2px 10px 6px;
}
.medicinkort-app .application .application-box .inapp-error * div {
width: auto;
}
.medicinkort-app div[message-id="1"] {
padding: 15px;
}
.medicinkort-app.sj .application .application-box a,
.medicinkort-app.sj .panel-group .panel-default > .panel-heading h4 a,
.medicinkort-app.sj .panel-group .panel-default > .panel-heading .vaccination-modal .modal-h3 a,
.vaccination-modal .medicinkort-app.sj .panel-group .panel-default > .panel-heading .modal-h3 a,
.medicinkort-app.sj .panel-group .panel-default > .panel-heading .vaccination-modal .history label.control-label a,
.vaccination-modal .history .medicinkort-app.sj .panel-group .panel-default > .panel-heading label.control-label a {
color: #839198;
}
.medicinkort-app .privatemark span {
display: -ms-flexbox;
display: flex;
}
.medicinkort-app .privatemark span input {
margin-right: 4px;
}
.medicinkort-app .privatemark span label {
width: 95%;
}
.medicinkort-app .privatemark hr {
margin-top: 10px;
margin-bottom: 10px;
border: none;
height: 2px;
color: #f7f7f7;
/* old IE */
background-color: #f7f7f7;
/* Modern Browsers */
}
.medicinkort-app .privatemark label:hover,
.medicinkort-app .privatemark label:active,
.medicinkort-app .privatemark input:hover + label,
.medicinkort-app .privatemark input:active + label {
background: #f7f7f7;
}
.medicinkort-app .privatemark.right {
float: right;
}
.medicinkort-app .patient-box {
font-size: 16px;
padding: 0 15px 15px 15px;
margin-bottom: 24px;
border: 1px solid #ececec;
line-height: 1.2em;
}
.medicinkort-app .patient-box .brand,
.medicinkort-app .patient-box .accordion span,
.medicinkort-app .patient-box .accordion a {
color: #b20c1c;
}
.medicinkort-app .patient-box .info-box-head {
background-color: #ececec;
margin-bottom: 15px;
float: left;
width: 100%;
}
.medicinkort-app .patient-box .accordion span,
.medicinkort-app .patient-box .accordion a {
font-weight: 600;
}
.medicinkort-app .patient-box .text-color-grey {
color: #7c7c7c;
}
.medicinkort-app .patient-box .alert-sub {
padding: 0 15px;
margin-bottom: 5px;
}
.medicinkort-app .patient-box .alert-sub:first-of-type {
margin-left: 4px;
padding-left: 11px;
}
.medicinkort-app .patient-box .alert-sub:nth-of-type(2) {
background-color: transparent !important;
/* padding are overlaying background borders, transparence makes borders visible when responsive*/
}
.medicinkort-app .patient-box .alert-sub:nth-of-type(3) {
margin-right: -4px;
background-color: transparent !important;
/* padding are overlaying background borders, transparence makes borders visible*/
}
.medicinkort-app .patient-box .alert-sub h5 {
margin: 0;
}
.medicinkort-app .sdk-table th {
vertical-align: top;
}
.medicinkort-app .throbber-column {
position: initial;
}
.modal-body.receptfornyelse {
margin: 2px;
}
.modal-body.receptfornyelse .row.con,
.epj-body .medicinkort-app .modal-body.receptfornyelse .con.pseudo-row {
padding-bottom: 15px;
}
.modal-body.receptfornyelse .package {
display: inline-block;
padding-right: 10px;
padding-top: 5px;
}
.modal-body.receptfornyelse .package span {
padding-left: 2px;
}
.akskejby-app .application .application-box {
padding: 30px 30px 10px;
}
.akskejby-app .chartjs-hidden-iframe {
visibility: hidden;
}
.akskejby-app select.weeks {
max-width: 400px;
}
.akskejby-app label {
display: block;
}
@media (max-width: 991px) {
.akskejby-app .week-list {
margin: 0 -15px;
}
}
.akskejby-app .week-list textarea.form-control {
height: 40px;
max-width: 100%;
}
.akskejby-app .week-list.closed .help-block {
display: none;
}
.akskejby-app .week-list.closed input,
.akskejby-app .week-list.closed textarea {
border: 0;
background-color: transparent !important;
cursor: default;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
@media (max-width: 991px) {
.akskejby-app .week-list.closed label {
display: inline;
}
.akskejby-app .week-list.closed input,
.akskejby-app .week-list.closed textarea.form-control {
display: block;
padding: 0;
margin: 0;
margin-top: -10px;
height: auto;
}
}
.akskejby-app .week-list .row,
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .pseudo-row,
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .pseudo-row {
padding: 10px 0;
line-height: 40px;
border-left: solid 4px transparent;
}
.akskejby-app .week-list .row label,
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .pseudo-row label,
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .pseudo-row label {
font-weight: bold;
}
.akskejby-app .week-list .row input.form-control[disabled],
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .pseudo-row input.form-control[disabled],
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .pseudo-row input.form-control[disabled],
.akskejby-app .week-list .row textarea.form-control[disabled],
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .pseudo-row textarea.form-control[disabled],
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .pseudo-row textarea.form-control[disabled] {
background-color: #ebebe4;
}
.akskejby-app .week-list .row.list-header,
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .list-header.pseudo-row,
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .list-header.pseudo-row {
font-weight: bold;
}
.akskejby-app .week-list .row:nth-child(even),
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .pseudo-row:nth-child(even),
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .pseudo-row:nth-child(even) {
background-color: #f7f7f7;
}
.akskejby-app .week-list .row.active,
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .active.pseudo-row,
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .active.pseudo-row {
background-color: #D7F5F5;
border-left-color: #55a09b;
}
.akskejby-app .week-list .row.future,
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .future.pseudo-row,
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .future.pseudo-row {
background-color: #faf0f0;
border-left-color: #b20c1c;
}
.akskejby-app .week-list .row.future input.form-control,
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .future.pseudo-row input.form-control,
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .future.pseudo-row input.form-control,
.akskejby-app .week-list .row.future textarea.form-control,
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .future.pseudo-row textarea.form-control,
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .future.pseudo-row textarea.form-control {
visibility: hidden;
}
@media (max-width: 767px) {
.akskejby-app .legend-overview {
margin-bottom: 20px;
}
}
.akskejby-app .legend-overview .pull-left {
margin-right: 30px;
}
.akskejby-app .legend-overview dl dt {
font-weight: normal;
float: left;
clear: left;
width: 80px;
}
.akskejby-app .legend-overview .legend-box {
line-height: 19px;
}
.akskejby-app .legend-overview .legend-box:before {
content: " ";
width: 18px;
height: 18px;
display: inline-block;
margin-right: 5px;
position: relative;
top: 4px;
border: solid 9px #fff;
}
.akskejby-app .legend-overview .legend-box.psm:before {
border-color: rgba(75, 180, 90, 0.2);
}
.akskejby-app .legend-overview .legend-box.pst:before {
border-color: rgba(178, 12, 28, 0.2);
}
.akskejby-app .legend-overview .legend-box.pause:before {
border-color: rgba(240, 195, 55, 0.2);
}
.akskejby-app .legend-overview .legend-box.uc:before {
border-color: rgba(85, 160, 155, 0.2);
}
.akskejby-app .inr-legend {
display: inline-block;
margin-right: 40px;
position: relative;
}
.akskejby-app .inr-legend:after {
content: " ";
border: solid 6px #333;
width: 12px;
height: 12px;
position: absolute;
top: -12px;
right: -16px;
border-radius: 50%;
}
.akskejby-app .inr-legend:before {
content: " ";
background-color: #333;
border-bottom: solid 2px #333;
width: 20px;
position: absolute;
top: -7px;
}
.akskejby-app .tablet-legend {
display: inline-block;
position: relative;
}
.akskejby-app .tablet-legend:after {
content: " ";
border: solid 1px #DAA520;
background: transparent;
width: 12px;
height: 12px;
position: absolute;
top: -12px;
right: -15px;
border-radius: 50%;
}
.akskejby-app .tablet-legend:before {
content: " ";
border: solid 6px #FFFF00;
width: 12px;
height: 12px;
position: absolute;
top: -12px;
right: -15px;
border-radius: 50%;
}
.akskejby-app .help-block {
display: none;
}
.akskejby-app .has-error .help-block {
line-height: normal;
display: block;
}
.akskejby-app .datepicker-container.has-error .help-block {
display: table-row;
}
.akskejby-app .chart-wrapper {
overflow: hidden;
overflow-x: auto;
}
.akskejby-app .chart-wrapper .chart-inner {
min-width: 561px;
position: relative;
overflow: hidden;
}
.akskejby-app .chart-wrapper .row,
.akskejby-app .chart-wrapper .epj-body .medicinkort-app .modal-body .pseudo-row,
.epj-body .medicinkort-app .modal-body .akskejby-app .chart-wrapper .pseudo-row {
margin: 0;
}
.akskejby-app .chart-wrapper .col-xs-6 {
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
padding: 0;
}
@media (max-width: 688px) {
.akskejby-app .chart-wrapper .chartjs-hidden-iframe,
.akskejby-app .chart-wrapper #base {
height: 280px !important;
width: 561px !important;
}
}
@media print {
.akskejby-app {
width: 1024px !important;
}
.akskejby-app .application-header,
.akskejby-app .application-box {
width: 100% !important;
}
.akskejby-app .week-list [class*=col-] {
float: left !important;
padding-top: 10px !important;
}
.akskejby-app .week-list .col-md-3 {
width: 25% !important;
}
.akskejby-app .week-list .row.list-header,
.akskejby-app .week-list .epj-body .medicinkort-app .modal-body .list-header.pseudo-row,
.epj-body .medicinkort-app .modal-body .akskejby-app .week-list .list-header.pseudo-row {
margin-top: 10px;
font-size: 14px !important;
}
.akskejby-app .week-list .col-md-2 {
width: 17% !important;
}
.akskejby-app .week-list .col-md-5 {
width: 41% !important;
}
.akskejby-app .week-list .hidden-xs {
display: block !important;
}
.akskejby-app .week-list .hidden-xs {
display: block !important;
}
.akskejby-app .week-list .hidden-md {
display: none !important;
}
.akskejby-app .week-list input,
.akskejby-app .week-list textarea {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
height: auto !important;
background-color: transparent !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
}
.akskejby-app .chart-wrapper .chartjs-hidden-iframe,
.akskejby-app .chart-wrapper #base {
height: auto !important;
width: 100% !important;
}
.akskejby-app .chart-wrapper .col-xs-6 {
width: 50% !important;
float: left !important;
}
}
@media print {
body {
min-width: 960px !important;
}
}
.nyhedsbrevtilmelding div.checkbox {
margin-bottom: 25px;
}
.styleGuide .styleGuide-content {
margin: 30px 0;
border-bottom: 1px solid #ddd;
}
.styleGuide .styleGuide-element {
margin-top: 20px;
}
.styleGuide .styleGuide-element > h3,
.styleGuide .vaccination-modal .styleGuide-element > .modal-h2,
.vaccination-modal .styleGuide .styleGuide-element > .modal-h2 {
margin-top: 60px;
}
.styleGuide .styleGuide-element .styleGuide-example {
position: relative;
padding: 45px 15px 15px;
border: 1px solid #ddd;
border-bottom: 0;
}
.styleGuide .styleGuide-element .styleGuide-example:after {
position: absolute;
top: 15px;
left: 15px;
font-size: 12px;
font-weight: bold;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
content: "Eksempel";
font-family: sans-serif;
}
.styleGuide .styleGuide-element .toggleView {
padding: 10px 15px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-bottom: 0;
cursor: pointer;
position: relative;
}
.styleGuide .styleGuide-element .toggleView:after {
font-family: "sundhed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
height: 20px;
width: 20px;
position: absolute;
top: 12px;
right: 10px;
font-size: 16px;
}
.styleGuide .styleGuide-element .styleGuide-code .prettyprint {
display: none;
border: 0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #fff;
border-radius: 0px;
margin: 0px;
width: 100%;
padding: 15px;
}
.styleGuide .styleGuide-element .styleGuide-code .prettyprint code {
font-size: 14px;
}
.styleGuide .styleGuide-element .styleGuide-info .infoprint {
display: none;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 0;
padding: 15px;
}
.styleGuide .styleGuide-element .show-element .prettyprint,
.styleGuide .styleGuide-element .show-element .infoprint {
display: block;
}
.styleGuide .styleGuide-element .show-element .toggleView:after {
content: "";
}
.styleGuide .swatch-wrapper ul {
padding-bottom: 15px;
list-style: none;
margin: 0 0 2em 0;
padding: 0;
font-size: 14px;
}
.styleGuide .swatch-wrapper ul li {
line-height: 1.25;
margin-bottom: 5px;
}
.styleGuide .swatch-wrapper ul li:first-child b {
text-transform: uppercase;
}
.styleGuide .swatch {
width: 160px;
height: 80px;
border-radius: 20px;
margin: 5px 0 15px 0;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}
.styleGuide .spot-box-readmore {
margin-top: 20px;
}
.styleGuide .prettyprint * {
font-size: 12px;
}
.styleGuide .spot {
background-color: #fff;
z-index: auto;
}
.styleGuide .spot .btn {
margin-top: 0;
}
.styleGuide .article {
background-color: transparent;
}
.styleGuide img {
width: auto;
max-width: 100%;
}
.materials-order-page .material-item {
margin-bottom: 50px;
display: -ms-flexbox;
display: flex;
}
.materials-order-page .material-item .material-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 50px;
}
.materials-order-page .material-item .material-amount {
margin-left: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.materials-order-page .material-item .material-amount-input {
max-width: 75px;
width: 100%;
margin-left: 10px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.materials-order-page .send-materials-request-button {
margin-bottom: 20px;
}
.scroll-to-top {
position: fixed;
float: right;
right: 40px;
z-index: 1000;
top: 40%;
}
.scroll-to-top-button {
padding: 0;
/* Added for safari bug in user agent stylesheet */
border: 1px solid #e1e1e1;
width: 42px;
height: 42px;
border-radius: 100%;
margin: 0 auto;
cursor: pointer;
background-color: #F9F9F9;
}
.scroll-to-top-button:focus,
.scroll-to-top-button:hover,
.scroll-to-top-button:active,
.scroll-to-top-button:active:focus {
border: 1px solid #e1e1e1;
background-color: #F9F9F9;
}
.scroll-to-top-icon {
margin-top: -6px;
}
.soft2 .m32-top {
margin-top: 32px;
}
.soft2 .m32-bottom {
margin-bottom: 32px;
}
.soft2 .flex {
display: -ms-flexbox;
display: flex;
}
.soft2 .center {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.soft2 h1 {
margin-top: 48px;
}
.soft2 h4,
.soft2 .vaccination-modal .modal-h3,
.vaccination-modal .soft2 .modal-h3,
.soft2 .vaccination-modal .history label.control-label,
.vaccination-modal .history .soft2 label.control-label,
.soft2 h5 {
margin: 0;
}
.soft2 i {
font-size: 28px;
font-style: normal;
}
.soft2 span {
display: block;
}
.soft2 address span {
display: inline;
}
.soft2 span a span {
display: inline;
}
.soft2 section {
margin-bottom: 32px;
}
.soft2 .section-content ul {
margin: 0;
padding-left: 32px;
}
.soft2 .section-content ul::marker {
font-size: 10px;
}
.soft2 .section-content ul li {
margin: 0;
}
.soft2 .section-content ul span {
vertical-align: top;
display: inline-block;
padding: 1px 5px;
}
.soft2 .section-content ul .c1 {
color: #9221BC;
margin-bottom: 0.5em;
}
.soft2 .section-content ul .c1 span {
background-color: #F9EDFE;
}
.soft2 .section-content ul .c2 {
color: #3565ED;
margin-bottom: 0.5em;
}
.soft2 .section-content ul .c2 span {
background-color: #EBF9FE;
}
.soft2 .section-content ul .c3 {
color: #065F46;
margin-bottom: 0.5em;
}
.soft2 .section-content ul .c3 span {
background-color: #DDFEF5;
}
.soft2 .section-content ul .c4 {
color: #8D530F;
margin-bottom: 0.5em;
}
.soft2 .section-content ul .c4 span {
background-color: #FFF7D9;
}
.soft2 .extra p {
margin: 0;
}
.soft2 #factsheet {
background-color: #F7F7F7;
padding: 1px 40px 15px 30px;
margin: 5px 0px 50px 0px;
}
.soft2 #soft-section-content {
margin-left: 30px;
}
.soft2 .fact-print {
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: 110px;
border: 1px solid #1B1B26;
border-radius: 4px;
padding: 8px 16px 8px 16px;
float: right;
}
.soft2 .fact-print span {
font-size: 15px;
font-weight: 600;
}
.soft2 .fact-print i {
font-size: 14px;
}
.soft2 .fact-print:hover {
background-color: #1B1B26;
color: #FFF;
border: 1px solid #FFF;
}
.soft2 aside {
background-color: #FFF7D9;
padding: 40px;
}
.soft2 aside h3,
.soft2 aside .vaccination-modal .modal-h2,
.vaccination-modal .soft2 aside .modal-h2 {
margin-top: 0;
}
.soft2 aside p {
margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
.soft2 #factsheet {
padding: 1px 15px 15px 1px;
margin: 0px 0px 50px 0px;
}
.soft2 #soft-section-content {
margin-left: 0px;
padding: 1px 15px 15px 1px;
}
.soft2 aside {
position: initial !important;
}
.soft2 section {
padding-left: 15px;
}
}
@media only screen and (max-width: 769px) {
.soft2 .main {
padding: 15px;
}
.soft2 .container,
.soft2 .aktivestoffer.affix {
padding: 0;
}
.soft2 .complementary {
padding: 15px;
}
}
/*# sourceMappingURL=sdk.styleguide.css.map */