@font-face {
font-family: 'CaspariWT';
src: url('fonts/C094W13T.eot');
src: url('fonts/C094W13T.eot?#iefix') format('embedded-opentype'), url('fonts/C094W13T.woff2') format('woff2'), url('fonts/C094W13T.woff') format('woff'), url('fonts/C094W13T.svg#C094W13T') format('svg');
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'CaspariWT';
src: url('fonts/C094W16T.eot');
src: url('fonts/C094W16T.eot?#iefix') format('embedded-opentype'), url('fonts/C094W16T.woff2') format('woff2'), url('fonts/C094W16T.woff') format('woff'), url('fonts/C094W16T.svg#C094W16T') format('svg');
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'CaspariWST';
src: url('fonts/CC94W13T.eot');
src: url('fonts/CC94W13T.eot?#iefix') format('embedded-opentype'), url('fonts/CC94W13T.woff2') format('woff2'), url('fonts/CC94W13T.woff') format('woff'), url('fonts/CC94W13T.svg#CC94W13T') format('svg');
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'CaspariWST';
src: url('fonts/CC94W16T.eot');
src: url('fonts/CC94W16T.eot?#iefix') format('embedded-opentype'), url('fonts/CC94W16T.woff2') format('woff2'), url('fonts/CC94W16T.woff') format('woff'), url('fonts/CC94W16T.svg#CC94W16T') format('svg');
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'open_sans';
src: url('fonts/opensans-bold-webfont.eot');
src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff2') format('woff2'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'open_sansbold_italic';
src: url('fonts/opensans-bolditalic-webfont.eot');
src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'), url('fonts/opensans-bolditalic-webfont.woff') format('woff'), url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansextrabold';
src: url('fonts/opensans-extrabold-webfont.eot');
src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('fonts/opensans-extrabold-webfont.woff') format('woff'), url('fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansextrabold_italic';
src: url('fonts/opensans-extrabolditalic-webfont.eot');
src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'), url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansitalic';
src: url('fonts/opensans-italic-webfont.eot');
src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-italic-webfont.woff2') format('woff2'), url('fonts/opensans-italic-webfont.woff') format('woff'), url('fonts/opensans-italic-webfont.ttf') format('truetype'), url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanslight';
src: url('fonts/opensans-light-webfont.eot');
src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light-webfont.woff2') format('woff2'), url('fonts/opensans-light-webfont.woff') format('woff'), url('fonts/opensans-light-webfont.ttf') format('truetype'), url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanslight_italic';
src: url('fonts/opensans-lightitalic-webfont.eot');
src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'), url('fonts/opensans-lightitalic-webfont.woff') format('woff'), url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sans';
src: url('fonts/opensans-regular-webfont.eot');
src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanssemibold';
src: url('fonts/opensans-semibold-webfont.eot');
src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff2') format('woff2'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanssemibold_italic';
src: url('fonts/opensans-semibolditalic-webfont.eot');
src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'), url('fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
/*
#nonProdBanner {
display:none;
}
*/
/*
HIDE Elements
*/
/*
#0090C3 - blauw knop
#A0CAE8 - blauw zoekbalk
#E2EFF8 - licht blauw achtergrond
#00388E - donker blauw (headings)
#070707 - zwart (tekst)
#FF7D00 - orange
background-color:rgba(160,202,232, 0.3);
*/
/*
0.29rem ong. 5px
18px 1.11rem
13pt 17px 1.05rem
16px 0.92rem;
14px 0.865rem
10px 0.58rem
20px 1.24rem
22px 1.36ren
30px 1.85rem
50px 3.09rem
28px 1.62rem;
*/
#main {
background: none;
padding: 0.923rem 1.846rem calc(4.923rem + 40px);
}
html, .bodyTextColor {
color: #070707;
}
body {
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center bottom;
background-color: #E2EFF8;
background-image: url(../images/background.svg);
}
#graphicHeader:not(:empty) #header_extras_actions {
z-index: 3;
}
.pastvisit.card .unviewed-indicator {
background-color: #FF7D00;
}
body:not(.graphicHeader) #content:after,
.card:not(.feedItem):not(.pastvisit) .buttonList.subtle .button svg,
.card:not(.feedItem):not(.pastvisit) .buttonList.subtle .button img,
.md_testresults_index .TRPComponentHeaderTable .iconColumn,
.md_document_index #sidebar,
.expanded #searchimg,
.zeroState .zeroStateIcon,
.component.Popup.notificationreview .methodicon,
.pendingUpdatesSection .buttonList .button.inlinedelete img,
.immunizationcontainer .immunizations_card_action_link svg,
.immunizationcontainer .immunizations_card_action_link img,
._PageTitle .titleGroup .backToList ._image,
.ConversationHeader .backToListLink svg {
display: none;
}
.expanded *.searchbtn {
margin: 0 0 0 0.5rem;
}
.lookup .searchinputs::after {
background-color: #00388E;
}
#exploreMoreContainer > .exploreMoreBorder {
border: none !important;
}
#exploreMoreContainer .exploreMoreSubjectContext {
background-color: #d2e2ed;
}
.carouselContainer button.carouselPrevNexButtons {
width: 2.5rem;
height: 2.5rem;
}
.carouselContainer #svgCarouselPrev,
.carouselContainer #svgCarouselNext {
width: 1rem;
height: 1rem;
fill: #00388E;
}
#carouselIndicators .carouselButtonInner {
background-color: #00388E;
}
#exploreMoreContainer .content,
#exploreMoreContainer .actions {
padding: 0.5rem 1rem 1rem;
}
.md_researchstudies_index .grid > .row > .col-3,
.jumbotron,
#exploreMoreContainer .exploreMoreImage,
#exploreMoreContainer .feedTitle .exploreMoreLogo {
display: none;
}
h1,
h2,
h3,
h4,
._heading,
.header,
.listpage .section.qnr_list_table .assignedqnrs .qnr_header.qnr_header_completed_questionnaires,
.md_react_index .ConversationPreview .senderName,
.listpage .section.qnr_list_table .assignedqnrs .qnr_header,
.heading, .hover a.header:focus, .hover a.header:hover, .hover a.heading:focus, .hover a.heading:hover, .titlebar, .sectionheader, .formsection > legend, table thead tr {
color: #00388E;
outline: none;
}
.immunizationcontainer .immunizations_card_action_link .immunizations_card_actions_label {
color: #00388E;
text-align: center;
display: block;
}
/*18px reqular*/
.md_questionnairelist .header, .md_mychartquestionnaire_questionnaires .header,
#exploreMoreContainer .feedTitle h2,
body.md_allergies_list #allergies .card .name,
span.grouptitle,
.visitcomponent .visitcomponent-header h2,
.md_visitslist .pastvisit.card .info .visit-type,
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt a.movie .title,
body.isPrelogin.loginPage #sidebar .login::before,
#menu-container .menu-contextlabel,
body.isPrelogin.loginPage #hometxt h1,
body.isPrelogin.loginPage #hometxt h2,
h2.header, .header.medium,
#careteamWrapper .careTeamTitle,
.feedItem .itemFeedHeader .headerTitle,
.zeroState.zeroStateInline .zeroStateDisplayText,
.md_mychartquestionnaire_questionnaires .qnr_header {
color: #00388E;
font-family: "open_sans";
font-size: 1.038rem;
line-height: 110%;
}
#exploreMoreContainer .feedTitle h2 {
color: #00388E !important;
padding-left: 1rem;
padding-right: 1rem;
}
/*18px bold*/
span.grouptitle,
.visitcomponent .visitcomponent-header h2,
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt a.movie .title,
body.isPrelogin.loginPage #sidebar .login::before,
#menu-container .menu-contextlabel,
body.isPrelogin.loginPage #hometxt h1,
body.isPrelogin.loginPage #hometxt h2,
h2.header, .header.medium,
#careteamWrapper .careTeamTitle,
.feedItem .itemFeedHeader .headerTitle,
.zeroState.zeroStateInline .zeroStateDisplayText,
#itemFeedContainer .zeroState.zeroStateInline .zeroStateDisplayText,
#itemFeedContainer .zeroState.zeroStateInlinezeroStateInvisible .zeroStateDisplayText,
.md_mychartquestionnaire_questionnaires .qnr_header {
font-weight: bold;
}
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt a.movie .title {
color: #FFF;
}
h1, h2, h3, h4, .header, .sectionheader, .formsection > legend {
padding-bottom: 1.269rem;
}
/*28px*/
#main .title h1,
h1.header, .header.large {
color: #00388E;
font-family: "open_sans";
font-weight: normal;
font-size: 1.62rem;
line-height: 110%;
padding-bottom: 0.58rem;
}
#main .title h1 {
padding: 0 0 1.5rem;
}
#main .title .headerlink {
top: 0;
}
.isPrelogin.md_stdfile div.posttext {
margin: 0.5rem 0;
}
/*16px*/
.md_secondaryvalidation_index #code-sent-desc,
.md_secondaryvalidation_index .button.tertiary.neutral,
.smsKillSwitch,
.clinicalcard.allergycard .cardline:not(.name),
.clinicalcard.healthissuecard .cardline:not(.name),
.md_review_index ul.MessageList .SingleMessage.collapsed .MessageSummary > *,
.md_review_index ul.MessageList .SenderDetails > span,
.ReviewMessages .messageheader .tabs a,
.md_review_index .ReviewMessages .messageheader .filters label,
.md_visitslist_index a.link.cancel,
.md_visitslist_index .visitactions .link,
.md_visitslist_index .visit-summary-link .visit-summary-text,
.md_visitslist_index .soonvisits .visitinfo .location > div,
.timeLine .timeLineSection .timeLineHeader,
.Visits .filters label:not(.togglebutton),
.md_visitslist_index .subtle,
.md_visitslist .visit-summary-link .visit-summary-text,
.md_visitslist_index .card .buttonList.subtle .button,
.card .buttonList.subtle .button h3.header, .header.small,
.loginAlerts span,
.alertHeader span,
.helptext,
p,
div.posttext,
.login .recovery a,
.faqlist > a,
#faqlist > a,
a.faqlistSwitch,
body.isPrelogin.loginPage .ghostInput label,
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt a.questions,
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt a.questions:hover,
body #footer #baselinks a,
body #footer #baselinks a:hover,
#footer .links a,
#footer .links a:hover,
#two-factor-intro,
#send-code-header,
#resend-code-header,
#careteamWrapper li.careteam.listelement .subtle,
#careteamWrapper .linkwrapper .seeAllProviders.link,
#instructionvideos a.movie .title,
#instructionvideos a.movie:hover .title .subjectItemFeed .subjectName,
ul.bulleted,
body.md_caredecision_index .pretext,
.md_visitdetails_index .cancelreschedulecontainer a.link,
.recordList .card .cardline{
font-family: "open_sans";
font-weight: normal;
line-height: 1.269rem;
font-size: 0.923rem;
color: #00388E;
}
.recordList .card{
padding: 1.154rem;
}
.recordList .card .cardline.name {
margin-bottom: 0.346rem;
}
.recordList .card .cardline:not(.name) {
color: #030303;
line-height: 1.385rem;
}
dt.smsKillSwitch,
.md_review_index ul.MessageList .SingleMessage.collapsed.Unread .MessageSummary > *,
.md_review_index ul.MessageList .SingleMessage.collapsed.Unread .SenderDetails > *,
.ReviewMessages .BeforeList .tabs a[data-checked="checked"],
.ReviewMessages .messageheader .tabs a .md_visitslist_index .soonvisits .visitinfo .location > div.bold {
font-weight: bold;
}
.smsKillSwitch,
.md_secondaryvalidation_index #code-sent-desc,
.md_secondaryvalidation_index div#codeDirections,
.loginAlerts span,
.alertHeader span,
.helptext,
p,
div.posttext,
ul.bulleted,
.clinicalcard.allergycard .cardline:not(.name),
.clinicalcard.healthissuecard .cardline:not(.name),
#two-factor-intro,
#send-code-header,
#resend-code-header,
#careteamWrapper li.careteam.listelement .subtle,
#careteamWrapper .linkwrapper .seeAllProviders.link,
body.md_caredecision_index .pretext {
line-height: 1.385rem;
}
.alert, .alertHeader, .abnormal:not(._TableRow),
.loginAlerts span,
.alertHeader span {
color: red!important;
}
a.faqlistSwitch {
text-decoration: underline;
}
.md_secondaryvalidation_index .button.tertiary.neutral,
a:not(.card),
a:not(.card):focus,
.linkcolor,
.subtle.linkcolor,
#careteamWrapper .linkwrapper .seeAllProviders.linkb {
color: #00388E;
text-decoration: underline;
}
.md_secondaryvalidation_index .button.tertiary.neutral {
text-align: left;
}
.md_secondaryvalidation_index .button.tertiary.neutral:hover,
.list.hoverable:not(.collapsible) a:not(.button) {
text-decoration: none;
}
a:not(.card):hover,
.linkcolor:hover,
.subtle.linkcolor:hover,
a.faqlistSwitch:hover {
color: #00388E;
text-decoration: none;
}
a.customDigiDbutton,
a.customDigiDbutton:link,
a.customDigiDbutton:hover {
color: #FFF;
text-decoration: none;
}
.proxySelectorDropDownContainer #proxyList li a,
.proxySelectorDropDownContainer #proxyList li a:hover > * {
text-decoration: none !important;
}
.helptext {
font-size: 0.808rem;
color: rgba(7,7,7, 0.6);
}
.statusClosed, .subtle, .subtlecolor {
font-family: "arial";
font-size: 0.808rem;
color: rgba(7,7,7, 0.8);
}
.clinicalcard.healthissuecard .cardline:not(.name),
.clinicalcard.allergycard .cardline:not(.name) {
color: #070707;
}
.md_secondaryvalidation_index div#codeDirections,
.md_secondaryvalidation_index #code-sent-desc,
.smsKillSwitch,
p,
div.posttext,
#hometxt > p:last-of-type,
#hometxt > #message > p:last-of-type,
#two-factor-intro,
#send-code-header,
#resend-code-header,
ul.bulleted,
body.md_caredecision_index .pretext {
color: #070707;
margin-bottom: 1.235rem;
}
.md_secondaryvalidation_index .button.tertiary.neutral {
margin-bottom: 1.235rem;
}
dt.smsKillSwitch {
margin-bottom: 0;
}
input[type='submit'] {
width: auto;
}
#content .pretext {
padding-left: 0;
padding-right: 0;
}
#content p.pretext:last-of-type {
margin-bottom: 2rem;
}
body #sidebar {
background-color: transparent;
}
body #sidebar.empty {
visibility:hidden;
}
#content.hasSidebar #sidebar {
box-shadow:none;
border-left:1px solid #ccc;
}
#sidebar:before {
display: none;
}
#sidebar .calendar {
background-color: #FFF;
}
.timeLine:before {
width: 5px;
background: #A0CAE8;
}
.timeLine .timeLineSection:before {
background: #FFF;
width: 1.385rem;
height: 1.385rem;
border: 2px solid #A0CAE8;
left: calc(14% - 0.6rem);
}
.Visits .filters {
background-color: rgba(160,202,232, 0.3);
margin-left: 0;
width: 100%;
box-sizing: border-box;
padding: 10px 10px 5px;
}
.Visits .filters label.subtlecolor {
color: #070707;
}
.md_visitslist_index .Visits .filters {
padding: 20px 20px 15px;
}
.md_visitslist_index div.filters.extendedBar {
height: 69px;
}
.md_visitslist_index div.filters.extendedBar .canceledShiftedButton {
right: 20px;
}
label.togglebutton[for], input.buttoncheck + label.buttoncheck {
box-shadow: inherit;
}
.dropdown-content {
background-color: white;
border-radius: 0.288rem;
border-top-left-radius: 0rem;
}
.dropdown-content .filterOptionsButtonsBody {
background-color: rgba(160,202,232, 0.3);
}
.dropdown-content .filterOptionsButtonsBody .filterOptionsButtons input {
margin: 20px;
}
.formsection:not(.noArrow) .alert:not(:empty):before,
body.graphicHeader #content:after {
display: none;
}
#graphicHeader:not(:empty) #header_shortcuts .shortcut {
padding-right: 2.4rem;
}
#graphicHeader:not(:empty) #logout_button #logout_text,
#graphicHeader:not(:empty) .currentlySelectedNameInner,
#graphicHeader:not(:empty) #header_menu_name,
#graphicHeader:not(:empty) #header_shortcuts .shortcut_link {
color: #00388E;
font-family: "open_sans";
font-size: 1rem;
line-height: 1.2rem;
}
#graphicHeader:not(:empty) .shortcut_name {
color: #00388E;
}
#graphicHeader:not(:empty) #logout_button:hover #logout_text {
text-decoration: none;
}
#careteamWrapper .widgetIconLink,
#careteamWrapper .widgetIconLink:hover,
.proxySelectorDropDownContainer .proxyButton,
#graphicHeader:not(:empty) #header_menu #header_menu_icon,
#graphicHeader:not(:empty) #header_menu:hover #header_menu_icon,
#graphicHeader:not(:empty) #header_shortcuts .shortcut_link .shortcut_icon,
#graphicHeader:not(:empty) #header_shortcuts .shortcut_link:hover .shortcut_icon {
border-radius: inherit;
box-shadow: none;
background-clip: inherit;
}
#careteamWrapper .widgetIconLink:hover .proxyfillcolor {
fill: #FF7D00;
}
.proxySelectorDropDownContainer .switchPatientsTextOuter:after {
margin: auto;
position: absolute;
right: 0px;
top: 50%;
margin-top: -3px;
}
#graphicHeader:not(:empty) .proxyButton .currentlySelectedNameInner {
padding-right: 1rem;
}
#header:not(:empty).header_graphic {
background-color: #FFF;
}
#header:not(:empty).header_graphic .header_color {
background-color: #FFF;
}
#graphicHeader:not(:empty) #logout_button #logout_image {
visibility: hidden;
display:none;
fill: #00388E;
}
.proxySelectorDropDownContainer .proxyButton {
background: transparent!important;
}
@media only screen and (max-width: 768px) {
#graphicHeader:not(:empty) #logout_button #logout_image {
visibility: visible;
display:inline-block;
}
}
@media only screen and (min-width: 1px) and (max-width: 1300px){
.proxySelectorDropDownContainer .proxyButton .switchPatientsTextOuter:after {
border-color: #00388E transparent transparent transparent;
}
}
.card,
#itemFeedContainer .zeroState.zeroStateInline,
#itemFeedContainer .zeroState.zeroStateInlinezeroStateInvisible,
.subjectItemFeed .zeroState.zeroStateInline {
box-shadow: 0 0 9px 0 rgba(10, 10, 10, 0.15);
}
.TRPComponent {
box-shadow: none;
}
#itemFeedContainer .zeroState.zeroStateInline,
#itemFeedContainer .zeroState.zeroStateInlinezeroStateInvisible,
.subjectItemFeed .zeroState.zeroStateInline {
border-radius: 0.29rem;
margin-left: 1rem;
width: calc(100% - 1rem);
background-color: #FFF;
padding: 1.154rem;
display: block;
text-align: left;
}
#itemFeedContainer > .zeroState.zeroStateInline,
#itemFeedContainer > .zeroState.zeroStateInlinezeroStateInvisible {
margin-left: 0.5rem;
}
#itemFeedContainer .zeroState.zeroStateInline .zeroStateDisplayText,
#itemFeedContainer > .zeroState.zeroStateInlinezeroStateInvisible .zeroStateDisplayText,
.zeroState.zeroStateInline .zeroStateDisplayText {
margin: 0;
}
.subjectItemFeed .subjectFeedItemCount {
font-size: 0.808rem;
font-family: "open_sans";
font-weight: 400;
background-color: #00388E;
}
#header_right_side {
position:relative;
margin-top:20px;
}
@media only screen and (min-width: 1px) and (max-width: 1300px) and (max-width: 768px) {
#header:not(:empty).header_graphic {
height: 9.3rem;
}
}
/* menu */
#graphicHeader:not(:empty) #header_shortcuts .shortcut_name {
line-height: 1.2rem;
}
#graphicHeader:not(:empty) #header_extras_actions {
height: 2rem;
}
#header.compact #graphicHeader:not(:empty) #header_extras {
z-index:1;
}
.feedItem {
border-radius: 0.29rem;
margin-left: 1rem;
width: calc(100% - 1rem);
}
.feedItem .senderInfo .senderName {
color: #00388E;
}
@media screen and (min-width: 769px) {
.feedItem .itemFeedHeader {
margin-bottom: 0.5rem;
}
.conversationFeedItem .textInfo {
width: 100%;
justify-content: left;
margin-bottom: 0.5rem;
}
.conversationFeedItem .dateText {
margin-left: auto;
}
}
.feedItem .contentDetails {
padding: 1rem;
}
@media only screen and (min-width: 1025px) {
.feedItem .contentDetails {
padding: 1rem;
}
}
.feedItem .visitDetailsLayout {
padding-left: 0;
padding-right: 0;
}
.feedItem .visitDetailsLayout .visitDate {
padding-left: 0;
}
.feedItem .visitDetailsLayout .visitDate div,
.feedItem .visitDetailsLayout .visitDate .verticalDayOfWeek,
.feedItem .visitDetailsLayout .visitDate .verticalMonth {
color: #FFF;
font-family: 'open_sans';
font-weight: 400;
font-size: 0.692rem;
background-color: #0090C3;
border-radius: 0.288rem;
min-width: 2.308rem;
}
.feedItem .visitDetailsLayout .visitDate div.verticalDateOfMonth {
font-size: 1.269rem;
font-weight: 700;
}
.feedItem .icon,
.zeroState.zeroStateInline .zeroStateIcon {
display: none;
}
.feedItem .waterMarkWrapper {
display: none;
}
.Popup .toolbar .buttons .button:not([disabled]).otherbutton,
.Popup .toolbar .buttons .button:not([disabled]).otherbutton:focus,
.Popup .toolbar .buttons .button:not([disabled]).nextstep,
.Popup .toolbar .buttons .button:not([disabled]).completeworkflow,
.Popup .toolbar .buttons .button:not([disabled]).inlinesave,
.Popup .toolbar .buttons .button:not([disabled]).positive,
.Popup .toolbar .buttons .button:not([disabled]).nextstep:focus,
.Popup .toolbar .buttons .button:not([disabled]).completeworkflow:focus,
.Popup .toolbar .buttons .button:not([disabled]).inlinesave:focus,
.Popup .toolbar .buttons .button:not([disabled]).positive:focus,
.Popup .formbuttons .button ~ .button:not([disabled]).cancel,
.Popup .formbuttons .button ~ .button:not([disabled]).cancel:focus,
.card:not(.feedItem):not(.pastvisit):not(.soonvisits) .buttonList.subtle .button,
.card:not(.feedItem):not(.pastvisit):not(.soonvisits) .buttonList.subtle .button:focus,
.Popup .toolbar .buttons .button ~ .button:not([disabled]),
.Popup .toolbar .buttons .button ~ .button:not([disabled]):focus,
.Popup .toolbar .buttons .button ~ .button[data-id=toolbarsave]:not([disabled]),
.Popup .toolbar .buttons .button ~ .button[data-id=toolbarsave]:not([disabled]):focus,
.Popup .toolbar .buttons .button:not([disabled]).cancelworkflow,
.Popup .toolbar .buttons .button:not([disabled]).inlinedelete,
.Popup .toolbar .buttons .button:not([disabled]).negative,
.Popup .toolbar .buttons .button:not([disabled]).cancelworkflow:focus,
.Popup .toolbar .buttons .button:not([disabled]).inlinedelete:focus,
.Popup .toolbar .buttons .button:not([disabled]).negative:focus,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).cancelworkflow,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).inlinedelete,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).negative,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).cancelworkflow:focus,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).inlinedelete:focus,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).negative:focus,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled),
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled):focus,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.nextstep,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.nextstep:focus,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.completeworkflow,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.completeworkflow:focus,
._ActionGroup.type-dialog ._actionable:not([disabled]).cancelworkflow,
._ActionGroup.type-dialog ._actionable:not([disabled]).inlinedelete,
._ActionGroup.type-dialog ._actionable:not([disabled]).negative,
._ActionGroup.type-dialog ._actionable:not([disabled]).cancelworkflow:focus,
._ActionGroup.type-dialog ._actionable:not([disabled]).inlinedelete:focus,
._ActionGroup.type-dialog ._actionable:not([disabled]).negative:focus,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).nextstep,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).completeworkflow,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).inlinesave,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).positive,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).nextstep:focus,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).completeworkflow:focus,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).inlinesave:focus,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).positive:focus,
.button.primary.negative,
.button.primary.negative:focus,
.Popup .formbuttons .button:not([disabled]).nextstep,
.Popup .formbuttons .button:not([disabled]).completeworkflow,
.Popup .formbuttons .button:not([disabled]).inlinesave,
.Popup .formbuttons .button:not([disabled]).positive,
.Popup .formbuttons .button:not([disabled]).nextstep:focus,
.Popup .formbuttons .button:not([disabled]).completeworkflow:focus,
.Popup .formbuttons .button:not([disabled]).inlinesave:focus,
.Popup .formbuttons .button:not([disabled]).positive:focus,
.md_visitslist_index ul.list.latervisits > li.card.clickablecard > .mainDetails > .card_icons::after,
.afterList a.loadmore,
.button.cancelworkflow,
.button.cancelworkflow:focus,
.button.completeworkflow,
.button.completeworkflow:focus,
.uploaderfileinput input,
a.button:not(.tertiary),
a.button:not(.tertiary):focus,
div.button:not(.avs):not(.notes),
div.button:not(.avs):not(.notes):focus,
input.button,
input.button:focus,
.button.nextstep,
.button.nextstep:focus,
.feedItem a.primary.primary,
.feedItem a.secondary.secondary,
#twofactorresend input[type="submit"],
#twofactorresend input[type="button"],
#twofactorresend input[name="deliveryMethodSMS"],
#twofactorsend input[name="deliveryMethodSMS"],
#sendtomobile,
.medcard .medbottom .buttonList .button.inlinedelete,
.button.inlinesave,
.button.inlinesave:focus,
.button.inlinedelete,
.button.inlinedelete:focus,
.button.inlineedit,
.button.inlineedit:focus,
.button.cancel,
.button.cancel:focus,
.pharmacy-action-container .button.delete,
.pharmacy-action-container .button.delete:focus,
.component.Popup.notificationreview .secondary:not(.disabled),
.component.Popup.notificationreview input.button,
.pendingUpdatesSection .buttonList .button.inlinedelete,
.Popup .timeoutwarning .button.inlinedelete,
.Popup .timeoutwarning .button.inlinedelete:focus,
.Popup .timeoutwarning .button.otherbutton,
.Popup .timeoutwarning .button.otherbutton:focus,
body.md_changeshortcuts_load .save-button,
body.md_changeshortcuts_load .save-button:focus,
._command.primary.positive,
._command.primary.positive:focus,
._command.primary.negative,
._command.primary.negative:focus,
._command.secondary.positive,
._command.secondary.positive:focus,
._command.primary.neutral,
._command.primary.neutral:focus,
.button.primary.positive,
.button.primary.positive:focus div#contact_verification_container div#mobile_container div#previousMobileCard input.button.subtle,
div#contact_verification_container div#mobile_container div#previousMobileCard input.button.subtle:focus,
.immunizationcontainer .immunizations_card_action_link,
#hometxt input[type=button],
.button.primary.neutral,
.button.primary.neutral:focus,
._command.secondary.negative,
._command.secondary.negative:focus,
.md_react_index ._actionable:not([disabled]).positive,
.md_react_index ._actionable:not([disabled]).Negative,
._ActionGroup.type-dialog ._actionable:not([disabled]).positive,
._ActionGroup.type-dialog ._actionable:not([disabled]).positive:focus,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).negative,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).negative:focus,
body.md_react_index a._link.secondary.negative,
body.md_react_index a._command.secondary.negative,
.md_personalinformation_index .button.secondary.negative,
.md_summary_index #paperless_banner .bannerActions ._Link,
.md_react_index ._Banner.success .bannerActions ._Link,
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.nextstep,
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.completeworkflow,
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.inlinesave,
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.positive,
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden):not([style*="display: none"]) ~ ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled),
.md_echeckin_index .button.secondary.neutral,
.md_echeckin_index .button.secondary.negative
{
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 600;
cursor: pointer;
color: #fff;
background-image: none;
background-color: #0090C3;
border: 1px solid #0090C3;
transition: 200ms ease-out !important;
border-radius: 2.5rem !important;
text-decoration: none;
padding-left: 1.442rem;
padding-right: 1.442rem;
display: inline-block;
padding: 0.3rem 1.5rem !important;
line-height: 1.5rem;
box-shadow: inherit;
outline: none;
transform: none;
width: auto;
}
body.isPrelogin.loginPage .login input.button[type=submit] {
background-color: #0090C3!important;
color: #fff!important;
}
.md_visitslist_index .card .buttonList.subtle .button:active,
.button.primary.neutral:active {
transform: none;
background-color: none;
}
.feedItem a.primary.primary {
padding: 0.3rem 0.5rem !important;
}
body.md_react_index a._link.secondary.negative,
body.md_react_index a._command.secondary.negative,
.Popup .toolbar .buttons .button:not([disabled]).otherbutton,
.Popup .toolbar .buttons .button:not([disabled]).otherbutton:focus,
.Popup .toolbar .buttons .button:not([disabled]).nextstep:hover,
.Popup .toolbar .buttons .button:not([disabled]).completeworkflow:hover,
.Popup .toolbar .buttons .button:not([disabled]).inlinesave:hover,
.Popup .toolbar .buttons .button:not([disabled]).positive:hover,
.button.primary.negative,
.Popup .formbuttons .button ~ .button:not([disabled]).cancel,
.Popup .formbuttons .button ~ .button:not([disabled]).cancel:focus,
.card:not(.feedItem):not(.pastvisit):not(.soonvisits) .buttonList.subtle .button:hover,
.Popup .toolbar .buttons .button ~ .button:not([disabled]):hover,
.Popup .toolbar .buttons .button ~ .button[data-id=toolbarsave]:not([disabled]):hover,
.Popup .toolbar .buttons .button ~ .button[data-id=toolbarcancel]:not([disabled]),
.Popup .toolbar .buttons .button:not([disabled]).cancelworkflow:hover,
.Popup .toolbar .buttons .button:not([disabled]).inlinedelete:hover,
.Popup .toolbar .buttons .button:not([disabled]).negative:hover,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).cancelworkflow,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).inlinedelete,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).negative,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).cancelworkflow:focus,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).inlinedelete:focus,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).negative:focus,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled):hover,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.nextstep:hover,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.nextstep:active,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.completeworkflow:hover,
.formbuttons.multiStep .button:not(.hidden):not([disabled]):not(.disabled):first-child.completeworkflow:active,
.Popup .toolbar .buttons .button ~ .button:not([disabled]).inlinedelete,
.Popup .toolbar .buttons .button ~ .button:not([disabled]).inlinedelete:focus,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).nextstep,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).completeworkflow,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).inlinesave,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).positive,
._ActionGroup.type-dialog ._actionable:not([disabled]).cancelworkflow:hover,
._ActionGroup.type-dialog ._actionable:not([disabled]).inlinedelete:hover,
._ActionGroup.type-dialog ._actionable:not([disabled]).negative:hover,
.Popup .formbuttons .button:not([disabled]).nextstep:hover,
.Popup .formbuttons .button:not([disabled]).completeworkflow:hover,
.Popup .formbuttons .button:not([disabled]).inlinesave:hover,
.Popup .formbuttons .button:not([disabled]).positive:hover,
.Popup .formbuttons .button ~ .button:not([disabled]).nextstep,
.Popup .formbuttons .button ~ .button:not([disabled]).completeworkflow,
.Popup .formbuttons .button ~ .button:not([disabled]).inlinesave,
.Popup .formbuttons .button ~ .button:not([disabled]).positive,
.md_visitslist_index ul.list.latervisits > li.card.clickablecard:hover > .mainDetails > .card_icons::after,
.afterList a.loadmore:hover,
.button.cancelworkflow, .button.cancelworkflow:focus,
.button.completeworkflow:hover,
a.button:not(.tertiary):hover,
input.button:hover,
.button.nextstep:hover,
.uploaderfileinput input:hover,
.feedItem a.primary.primary:hover,
.feedItem a.secondary.secondary,
.medcard .medbottom .buttonList .button.inlinedelete:hover,
.button.inlinesave:hover,
.button.inlinedelete,
.button.inlinedelete:focus,
.button.inlinedelete:hover,
.button.inlineedit:hover,
.pharmacy-action-container .button.delete:hover,
.button.finishlater,
.button.finishlater:focus,
.button.cancel,
.button.cancel:focus,
.component.Popup.notificationreview .secondary:not(.disabled),
.component.Popup.notificationreview input.button:hover,
.pendingUpdatesSection .buttonList .button.inlinedelete:hover,
.Popup .timeoutwarning .button.otherbutton:hover,
.Popup .timeoutwarning .button.inlinedelete,
.Popup .timeoutwarning .button.inlinedelete:focus,
body.md_changeshortcuts_load .save-button:hover,
._command.primary.negative:hover,
._command.secondary.positive,
._command.secondary.positive:focus,
._command.primary.positive:hover,
._command.primary.positive:active,
._command.primary.neutral:hover,
._command.primary.neutral:active,
.button.primary.positive:hover,
.button.primary.positive:active,
#hometxt input[type=button]:hover,
.immunizationcontainer .immunizations_card_action_link:hover,
div#contact_verification_container div#mobile_container div#previousMobileCard input.button.subtle:hover,
.button.primary.neutral:hover,
._command.secondary.negative,
._command.secondary.negative:focus,
._ActionGroup.type-dialog ._actionable:not([disabled]).positive:hover,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).negative:hover,
.md_personalinformation_index .button.secondary.negative,
.md_echeckin_index .button.secondary.neutral,
.md_echeckin_index .button.secondary.negative
{
background-color: #fff;
color: #0090C3;
}
body.isPrelogin.loginPage .login input.button[type=submit]:hover {
background-color: #fff!important;
color: #0090C3!important;
}
body.md_react_index a._link.secondary.negative:hover,
body.md_react_index a._command.secondary.negative:hover,
.Popup .toolbar .buttons .button:not([disabled]).otherbutton:hover,
.Popup .formbuttons .button ~ .button:not([disabled]).cancel:hover,
.button.primary.negative:hover,
.Popup .toolbar .buttons .button ~ .button[data-id=toolbarcancel]:not([disabled]):hover,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).cancelworkflow:hover,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).inlinedelete:hover,
.formbuttons.multiStep .button:not(.hidden):not([style*="display: none"]) ~ .button:not(.hidden):not([disabled]):not(.disabled).negative:hover,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).nextstep:hover,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).completeworkflow:hover,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).inlinesave:hover,
._ActionGroup.type-dialog ._actionable ~ ._actionable:not([disabled]).positive:hover,
.Popup .formbuttons .button ~ .button:not([disabled]).nextstep:hover,
.Popup .formbuttons .button ~ .button:not([disabled]).completeworkflow:hover,
.Popup .formbuttons .button ~ .button:not([disabled]).inlinesave:hover,
.Popup .formbuttons .button ~ .button:not([disabled]).positive:hover,
.Popup .formbuttons .button ~ .button:not([disabled]).nextstep:active,
.Popup .formbuttons .button ~ .button:not([disabled]).completeworkflow:active,
.Popup .formbuttons .button ~ .button:not([disabled]).inlinesave:active,
.Popup .formbuttons .button ~ .button:not([disabled]).positive:active,
.button.cancelworkflow:hover,
.feedItem a.secondary.secondary:hover,
.button.inlinedelete:hover,
.button.finishlater:hover,
.button.cancel:hover,
.Popup .timeoutwarning .button.inlinedelete:hover,
.component.Popup.notificationreview .secondary:not(.disabled):hover,
._command.secondary.positive:hover,
.Popup .toolbar .buttons .button ~ .button:not([disabled]).inlinedelete:hover,
._command.secondary.negative:hover
{
background-color: #0090C3;
color: #fff;
box-shadow: inherit;
}
.button[disabled]:not(.omitdisablestyling)[class],
.button[disabled]:not(.omitdisablestyling)[class]:focus,
.button[disabled]:not(.omitdisablestyling)[class]:hover,
.button[disabled]:not(.omitdisablestyling)[class]:active,
.button.disabled[class], .button.disabled[class]:focus,
.button.disabled[class]:hover,
.button.disabled[class]:active,
._command[class][disabled]:not(.omitdisablestyling),
._command[class][disabled]:not(.omitdisablestyling):focus,
._command[class][disabled]:not(.omitdisablestyling):hover,
._command[class][disabled]:not(.omitdisablestyling):active,
._command[class].disabled, ._command[class].disabled:focus,
._command[class].disabled:hover,
._command[class].disabled:active,
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:not(.omitdisablestyling),
.button[disabled]:focus:not(.omitdisablestyling),
.button[disabled]:hover:not(.omitdisablestyling) {
background-color: inherit;
color: #dbdbdb;
border-color: #dbdbdb;
cursor: default;
}
/*
#twofactorresend input[type="submit"],
#twofactorresend input[type="button"],
#twofactorresend input[name="deliveryMethodSMS"],
#twofactorsend input[name="deliveryMethodSMS"],
#sendtomobile{
background-image:none;
padding-left:1.442rem;
padding-right:1.442rem;
background-color: #0090C3;
color:#FFF;
}*/
@media screen and (min-width: 769px)
{
.TaskRow[class] .sm-only {
display: none;
}
}
@media screen and (max-width: 768px)
{
.TaskRow[class] .lg-only {
display: none;
}
}
#main .back {
padding-top: 0;
text-align: left;
padding-bottom: 10px;
}
.pretext a[href='/MyChartPOC/inside.asp'],
.pretext a[href='/MyChartPOC/inside.asp']:hover,
#main + .back a.button,
#main + .back a.button:hover,
#main .back .button,
#main .back .button:hover,
._PageTitle .titleGroup .backToList,
._PageTitle .titleGroup .backToList:hover,
.ConversationHeader .backToListLink,
.ConversationHeader .backToListLink:hover {
background: none;
border: none;
font-size: 1.11rem;
text-transform: inherit;
position: relative;
height: 24px;
line-height: 24px;
box-sizing: content-box;
padding-left: 20px;
color: #00388E;
font-family: "Open Sans", sans-serif;
font-weight: normal;
}
.pretext a[href='/MyChartPOC/inside.asp'],
.pretext a[href='/MyChartPOC/inside.asp']:hover,
#main + .back a.button {
display: inline-block;
z-index: 1;
}
.ConversationHeader .backToListLink,
._PageTitle .titleGroup .backToList {
margin-bottom: 1rem;
}
.pretext a[href='/MyChartPOC/inside.asp']::before,
#main + .back a.button::before,
#main .back .button::before,
._PageTitle .titleGroup .backToList::before,
.ConversationHeader .backToListLink::before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
width: 16px;
height: 14px;
background-color: #FF7D00;
-webkit-mask-image: url("../images/umcg/arrow-with-tail.svg");
mask-image: url("../images/umcg/arrow-with-tail.svg");
/* transform: rotate(20deg);*/
}
#main .back .button:active,
#main + .back a.button:hover,
#main .back .button:hover {
color: #ff7d00;
background: none;
box-shadow: none;
}
/*
orange rightarrow in front of text
*/
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt a.questions::before {
content: '';
width: 16px;
height: 14px;
background-color: #FF7D00;
-webkit-mask-image: url("../images/umcg/arrow-with-tail.svg");
mask-image: url("../images/umcg/arrow-with-tail.svg");
transform: rotate(180deg);
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
.announcementFeedItem .announcementContent .announcementTitle,
.feedItem .itemFeedHeader .headerTitle,
.zeroState.zeroStateInline .zeroStateDisplayText,
#itemFeedContainer .zeroState.zeroStateInline .zeroStateDisplayText,
#itemFeedContainer .zeroState.zeroStateInlinezeroStateInvisible .zeroStateDisplayText {
color: #00388E;
}
.feedItem .previewBubble {
padding: 0.5rem 1rem;
border-radius: 0.75rem !important;
border: none !important;
}
.feedItem .previewBubble:before {
display: none;
}
@media only screen and (min-width: 1025px) {
.feedItem .actions {
padding: 1rem;
max-width: 24%;
}
}
@media only screen and (min-width: 769px) {
.conversationFeedItem .textInfo {
margin-left: 3.2rem;
}
.feedItem .previewBubble:before {
background-color: #edf3f9;
border: none;
background: inherit;
top: 50%;
left: -1rem;
width: 2.2rem;
height: 0.25rem;
}
.conversationFeedItem .conversationBody {
padding-left: 0;
}
.conversationFeedItem .senderPhoto {
margin: 0;
}
}
#careteamWrapper {
box-shadow: 0 0 9px 0 rgba(10, 10, 10, 0.15);
border-radius: 0.29rem;
border-width: inherit;
}
#careteamWrapper .careTeamTitle {
margin-bottom: 0.404rem;
}
#careteamWrapper .anchorListElement .other.name a {
color: #00388E;
}
#careteamWrapper li.careteam.listelement {
background: none;
border-radius: 0;
border-bottom: 1px solid rgba(0,49,131,0.3);
margin-top: 0;
padding: 0.75rem 0;
}
#careteamWrapper li.careteam.listelement .col1 {
display: none;
}
#careteamWrapper li.careteam.listelement .col2 {
padding-left: 0;
}
#careteamWrapper li.careteam.listelement .col2 .name {
padding-bottom: 0.5rem;
}
#careteamWrapper .icons {
width: 2.4rem;
min-width: 2.4rem;
}
#careteamWrapper .widgetIconLink {
width: 2.4rem;
margin: 0;
}
@media only screen and (max-width: 1300px) and (min-width: 1px) {
#careteamWrapper .icons svg {
width: 2.4rem;
height: 2.4rem;
}
}
#careteamWrapper .icons svg {
margin: 0;
}
#careteamWrapper .linkwrapper {
padding: 1.558rem 0;
}
#careteamWrapper .linkwrapper a {
padding-left: calc(16px + 1rem);
position: relative;
display: block;
width: 100%;
}
#careteamWrapper .linkwrapper a::before {
content: '';
width: 16px;
height: 14px;
background-color: #FF7D00;
-webkit-mask-image: url("../images/umcg/arrow-with-tail.svg");
mask-image: url("../images/umcg/arrow-with-tail.svg");
transform: rotate(180deg);
display: inline-block;
vertical-align: middle;
top: 50%;
position: absolute;
margin-top: -7px;
left: 0;
}
#careteamWrapper .linkwrapper .jumpArrow {
display: none;
}
#graphicHeader:not(:empty) #header_menu #header_menu_name {
max-width: 100%; color: #00388E;
}
#graphicHeader:not(:empty) #header_menu {
outline: none;
}
#graphicHeader:not(:empty) #header_menu #header_menu_icon,
#graphicHeader:not(:empty) #header_menu #header_menu_icon .menu_image {
height: 1.615rem;
width: 1.615rem;
border-radius: 0.173rem;
}
#menu-searchcontainer {
min-height: 0;
}
.menu-searchicon {
display: none;
}
#menu-container .menuitem.menuitem-searchsynonymmatch, .menu-container .menuitem.menuitem-searchsynonymmatch {
height: auto;
}
#menu-header {
background: #00388E;
padding: 1.154rem;
}
.menu-searchbar {
background: #FFF;
border: none;
border-radius: 0.29rem;
outline: none;
padding: 1rem;
margin: 0;
}
#menu-container, .menu-container {
border-radius: 0;
}
#menu-container .menu-contextlabel {
color: #FFF;
text-align: left;
padding: 0 0 1rem 0;
}
#menu-container .submenu-header, .menu-container .submenu-header {
font-family: "open_sans";
font-weight: bold;
line-height: 1.385rem;
font-size: 1.038rem;
background: #E2EFF8 !important;
color: #00388E !important;
padding-left: calc(1.24rem);
padding-right: 1.24rem;
}
#menu-container .menuitem:not(:last-child), .menu-container .menuitem:not(:last-child) {
border-color: rgba(0,49,131, 0.3);
}
#menu-container .menuitem .menuitem-icon, .menu-container .menuitem .menuitem-icon {
display: none;
}
#menu-container .menuitem .menuitem-label, .menu-container .menuitem .menuitem-label {
padding: 0.5rem;
color: #00388E;
max-width: 100%;
}
#menu-container .menuitem.menuitem-searchsynonymmatch .menuitem-searchsynonym, .menu-container .menuitem.menuitem-searchsynonymmatch .menuitem-searchsynonym {
padding: 0 0.5rem 0.5rem;
max-width: 100%;
}
#menu-container .submenu ul {
margin: 0 1.24rem;
}
/*
#menu-container .menuitem .menuitem-content:hover, .menu-container .menuitem .menuitem-content:hover,
#menu-container .menuitem .menuitem-content, .menu-container .menuitem .menuitem-content {
padding-left: calc(0.5rem + 20px);
}
*/
#menu-container .menu-searchresultstotal, .menu-container .menu-searchresultstotal {
color: #FFF;
padding: 0.5rem 0 0 0;
}
.menu-closebutton,
.menu-closebutton:hover {
margin: -0.5rem 0 0;
background: none !important;
box-shadow: none !important;
border-radius: 0;
background-color: transparent !important;
background-color: transparent !important;
position: relative;
opacity: 0.8;
}
@media only screen and (max-width: 768px) {
.menu-closebutton {
display: block;
}
.menu-responsiveclosebutton {
display: none;
}
#menu-container .menu-header, .menu-container .menu-header {
padding: 1.154rem;
}
}
.menu-closebutton:hover {
opacity: 1;
}
.menu-closebutton svg {
display: none;
}
.menu-closebutton:before,
.menu-closebutton:after {
position: absolute;
left: 1rem;
content: ' ';
height: 1.269rem;
width: 2px;
background-color: #FFF;
top: 50%;
margin-top: -0.635rem;
}
.menu-closebutton:before {
transform: rotate(45deg);
}
.menu-closebutton:after {
transform: rotate(-45deg);
}
.menu-searchemptybutton {
height: 100%;
overflow: hidden;
margin: 0 0 0 -2.6rem;
}
.menu-searchemptyicon {
width: 2.25rem;
height: 2.25rem;
}
.menu-container .menuitem .menuitem-content,
.menu-container .menuitem .menuitem-content:hover {
padding-left: calc(16px + 0.5rem);
background: #FFF !important;
text-decoration: none;
}
.menu-container .menuitem .menuitem-content:hover .menuitem-label {
text-decoration: underline;
}
.menu-container .menuitem .menuitem-content::before {
content: '';
width: 16px;
height: 14px;
background-color: #FF7D00;
-webkit-mask-image: url("../images/umcg/arrow-with-tail.svg");
mask-image: url("../images/umcg/arrow-with-tail.svg");
transform: rotate(180deg);
display: inline-block;
vertical-align: middle;
top: 50%;
position: absolute;
margin-top: -7px;
left: 0;
}
.formsection .header.small + input {
margin-top: 0.462rem;
}
/************************************************************************************************************/
/* VIDEO
/************************************************************************************************************/
.video {
position: relative;
max-width: 620px;
margin: 0 auto 0.404rem;
width: auto;
}
.video div {
width: auto;
}
.video .plyr {
overflow: hidden;
border-radius: 5px;
}
.video .plyr--youtube .plyr__controls {
display: none;
}
.video .plyr--video .plyr__control {
background-color: #ff7d00;
border: 0.017rem solid #fff;
}
.video .plyr--video .plyr__control svg {
fill: #fff;
}
.video .plyr--video .plyr__control.plyr__tab-focus, .video .plyr--video .plyr__control:hover, .video .plyr--video .plyr__control[aria-expanded=true] {
background: #ff7d00;
-webkit-box-shadow: none;
box-shadow: none;
}
.video .plyr__video-embed iframe {
z-index: 30;
pointer-events: all;
}
.video h2 {
color: #fff !important;
line-height: 1.45 !important;
margin-bottom: 0;
padding: 0 0.202rem 0 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: bold;
}
.video video {
display: none;
}
.video .plyr--html5 video {
display: block;
}
.video .tag {
position: absolute;
top: 10px;
left: 15px;
display: inline-block;
background-color: #1a468f;
border-radius: 5px;
font-size: 0.808rem;
line-height: 1.45;
font-weight: 600;
color: #fff;
text-transform: uppercase;
padding: 2px 10px;
}
.video .button-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
background-color: #ff7d00;
border-radius: 50%;
border: 2px solid #fff;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
top: 0.029rem;
}
.video .button-icon svg {
fill: #fff;
margin-right: -2px;
}
.video .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: linear-gradient(180deg, rgba(10, 10, 10, 0) 32.2%, rgba(10, 10, 10, 0.7) 100%);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 1.269rem 1.731rem;
z-index: 1;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.video figure {
margin-bottom: 0;
padding: 0;
padding-top: 100%;
position: relative;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.video figure::after {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(10, 10, 10, 0.2);
opacity: 0;
transition: all 300ms ease-in-out;
}
.video figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video .player {
font-size: 0;
}
.video .video-inner {
background-color: transparent;
border: 0;
font-size: 1.038rem;
line-height: 1.45;
font-family: "Open Sans", sans-serif;
text-align: left;
padding-left: 0;
padding-right: 0;
display: block;
padding: 0;
cursor: pointer;
overflow: hidden;
border-radius: 5px;
}
.video .video-inner:hover .button-icon {
background-color: #fff;
}
.video .video-inner:hover .button-icon svg {
fill: #003183;
}
.video .video-inner:hover figure::after {
opacity: 1;
}
.user-is-tabbing .video .video-inner:focus {
outline-width: 1px;
outline-color: #e95e27;
}
.user-is-tabbing .video .video-inner:focus .button-icon {
background-color: #fff;
}
.user-is-tabbing .video .video-inner:focus .button-icon svg {
fill: #003183;
}
.user-is-tabbing .video .video-inner:focus figure::after {
opacity: 1;
}
.video .video-button .label {
border: 0;
clip: rect(0, 0, 0, 0);
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
}
.video--w-small {
max-width: 420px;
}
.video--w-large {
max-width: 820px;
}
@media all and (min-width: 768px) {
.video figure {
padding-top: 0;
}
.video figure img {
position: static;
}
.video .button-icon {
top: 0.046rem;
}
}
/************************************************************************************************************/
/* FAQ LIST
/************************************************************************************************************/
.faqlistSwitch {
text-decoration: underline;
overflow: visible;
position: relative;
padding-right: 50px;
}
.faqlistSwitch > span:first-child {
display: none;
}
.faqlistSwitch > span:first-child + span {
display: inline;
}
.faqlistSwitch.open > span:first-child {
display: inline;
}
.faqlistSwitch.open > span:first-child + span {
display: none;
}
.faqlistSwitch .icon {
position: absolute;
display: block;
right: 15px;
top: 15px;
width: 20px;
height: 20px;
margin-left: 10px;
transform-origin: center;
transition: transform 450ms ease-in-out;
top: 50%;
transform: translate(0, -50%);
}
.faqlistSwitch .icon .line {
top: 9px;
display: block;
position: absolute;
width: 20px;
height: 2px;
border-radius: 1px;
background-color: #FF7D00;
}
.faqlistSwitch .icon .line-2 {
transform: rotate(90deg);
transition: opacity 300ms ease-in-out;
}
.faqlistSwitch.open .icon {
transform: translate(0, -50%) rotate(180deg);
}
.faqlistSwitch.open .icon .line-2 {
opacity: 0;
transition: opacity (450ms - 300ms) 300ms ease-in-out;
}
.faqlistSwitch + .faqlist,
.faqlistSwitch + #faqlist {
position: relative;
margin-bottom: 30px;
animation: 450ms slideUp;
display: none;
}
.faqlistSwitch + .faqlist.open,
.faqlistSwitch + #faqlist.open {
display: block;
animation: 450ms slideDown;
}
@keyframes slideDown {
0% {
max-height: 0;
opacity: 0;
margin-bottom: 0;
transform: translate(0, 50px);
}
99% {
max-height: 1000px;
opacity: 1;
transform: translate(0, 0);
}
100% {
max-height: none;
opacity: 1;
margin-bottom: 30px;
}
}
@keyframes slideUp {
0% {
max-height: 1000px;
opacity: 1;
transform: translate(0, 0);
margin-bottom: 30px;
padding-bottom: 10px;
}
100% {
max-height: 0;
opacity: 0;
transform: translate(0, 50px);
margin-bottom: 0;
padding-bottom: 0;
}
}
.faqlist h2,
#faqlist h2 {
color: #003183;
margin: 0 0 15px;
padding: 35px 0 15px;
line-height: inherit;
}
.faqlist *:not(a),
#faqlist *:not(a) {
color: #000;
}
.faqlist > a,
.faqlist > div > a,
#faqlist > a,
#faqlist > div > a {
display: block;
padding: 10px 0;
position: relative;
}
.faqlist > div,
.faqlist > div > div,
#faqlist > div,
#faqlist > div > div {
display: none;
}
.faqlist > a,
#faqlist > a {
border-bottom: 1px solid rgb(0,144,195, 0.08);
text-decoration: none;
font-weight: bold;
}
.faqlist > a:before,
#faqlist > a:before {
content: '';
background-image: url("../images/umcg/chevron-down.svg");
width: 17px;
height: 10px;
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
}
.faqlist > a.open:before,
#faqlist > a.open:before {
background-image: url("../images/umcg/chevron-up.svg");
}
.faqlist > div > a:before,
#faqlist > div > a:before {
content: '';
background-image: url("../images/umcg/plus.svg");
background-position: center center;
background-repeat: no-repeat;
width: 21px;
height: 21px;
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
line-height: 19px;
border: 1px solid #003183;
}
.faqlist > div > a.open:before,
#faqlist > div > a.open:before {
background-image: url("../images/umcg/minus.svg");
}
.faqlist > div > div,
#faqlist > div > div {
padding-bottom: 10px;
}
.faqlist > div > a,
.faqlist > div > div,
#faqlist > div > a,
#faqlist > div > div {
padding-left: 35px;
}
.faqlist > div > div a,
#faqlist > div > div a {
text-decoration: underline;
}
.faqlist a.open + div,
#faqlist a.open + div {
display: block;
}
.faqlist.oldmessages .faqitem,
#faqlist.oldmessages .faqitem {
padding: 20px 0;
}
/************************************************************************************************************/
/* video_popupwrapper
/************************************************************************************************************/
#video_popupwrapper {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0,0,0, 0.7);
z-index: 100;
}
#video_popupwrapper .video_popup {
width: 640px;
height: 360px;
position: absolute;
left: 50%;
top: 40%;
margin-top: -180px;
margin-left: -320px;
background-color: #FFF;
}
#video_popupwrapper .video_popup .titlebar {
padding: 2rem calc(1rem + 15px);
background: #FFF;
border-bottom: 1px solid #d6d6d6;
min-height: 94px;
position: relative;
}
#video_popupwrapper .video_popup .titlebar span {
color: #525252;
font-size: 30px;
font-weight: 400;
font-family: "CaspariWT";
}
#video_popupwrapper .video_popup .titlebar a.close {
background-color: transparent;
width: 93px;
height: 94px;
display: block;
background-image: url(../images/umcg/close.png);
position: absolute;
right: 0;
top: 0;
text-indent: -999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
}
/************************************************************************************************************/
/* FOOTER
/************************************************************************************************************/
#footer .badges a {
display: none;
}
@media only screen and (min-width: 1300px)
{
body.isPrelogin #content.hasSidebar #mainFooter,
body.isPrelogin #content.hasSidebar #sidebarFooter {
border-radius: 0.29rem;
}
body.isPrelogin #content {
padding-bottom: 1.62rem;
}
body.isPrelogin #content.hasSidebar #footer {
margin-top: calc(-4.923rem - 40px);
}
body.isPrelogin #content.hasSidebar #sidebarFooter
{
margin-left: 1.62rem;
width: calc(100% - 1.62rem);
background: #FFF;
}
}
@media only screen and (max-width: 1300px)
{
#footer {
border-top: 1px solid rgba(0,49,131,0.3);
}
body.isPrelogin #content.hasSidebar #footer {
background:none;
box-shadow: none;
}
}
/*
.isPrelogin #footer {
border-top: none;
}
.isPrelogin #footer .mainStyle {
border-top: 1px solid rgba(0,49,131,0.3);
}
#footer #baselinks,
#footer .links {
text-align: left;
}
#footer .mainStyle .copyright,
#footer .mainStyle + .sidebarStyle .copyright {
font-family: "arial";
font-weight: normal;
line-height: 1.385rem;
font-size: 0.750rem;
color: #999999;
}
#footer .mainStyle .copyright {
line-height: 1.269rem;
}
@media only screen and (min-width: 800px) {
#footer .mainStyle .copyright {
float: right;
line-height: 1.269rem;
}
}
#footer .mainStyle {
padding: 0.808rem 0 1.731rem;
width: 100%;
margin-left: 0;
text-align: left;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 1301px) {
.isPrelogin #footer .mainStyle {
width: calc(75% - 1.25rem - 1.25rem);
margin-left: 1.25rem;
}
#footer .mainStyle + .sidebarStyle {
position: absolute;
right: calc(25% + 1.25rem);
text-align: right;
padding: 0.808rem 0 1.731rem 0;
width: 50%;
}
#footer .mainStyle + .sidebarStyle .copyright {
text-align: right;
}
#footer #baselinks,
#footer .links {
display: inline-block;
width: auto;
}
}
*/
.alertHeader img[src='/MyChartPOC/nl-NL/Images/warning.png'],
.alert.card img {
display: none;
}
.alertHeader > span:first-child::before,
.alert.card::before {
display: block;
content: '';
background-image: url(../images/umcg/error.svg);
background-size: 30px 30px;
background-position: left center;
background-repeat: no-repeat;
height: 30px;
padding-bottom: 1.269rem;
}
.downTimeAlert .card,
.loginAlerts .card,
.alertHeader .card {
padding: 0;
border: none;
box-shadow: none;
text-align: left;
box-shadow: inherit !important;
}
.downTimeAlert + .loginAlerts {
border-top: 1px solid rgba(0,49,131,0.2) !important;
}
/************************************************************************************************************/
/*
/* title : Inlog pagina
/* url 1 : /mychartpoc/default.asp (.loginPage)
/* url 2 : /mychartpoc/recoverlogin.asp (.recoveryPage)
/* url 3 : /mychartpoc/passwordreset.asp (.resetPage)
/* url 4 : /mychartpoc/accesscheck.asp (accessPage)
/* body class : .isPrelogin
/*
/************************************************************************************************************/
body.isPrelogin #wrap {
max-width: 1390px;
margin: 0 auto;
position: relative;
left: auto;
width: 100%;
/*margin-top:0!important;*/
top: 0 !important;
overflow: visible;
display:block;
}
body.isPrelogin {
height: calc(100% - (90px + 1.62rem));
}
body.isPrelogin #content {
box-shadow: none;
overflow: visible;
}
body.isPrelogin.isPrelogin {
margin-top: calc(90px + 1.62rem);
}
body.isPrelogin::before {
content: '';
position: absolute;
height: 90px;
background-color: #FFF;
top: 0;
left: 0;
right: 0;
box-shadow: 0 0 9px 0 rgba(10, 10, 10, 0.15);
margin-top: calc(-90px - 1.62rem);
}
body.isPrelogin .logo {
height: 80px;
width: 147px;
margin: 0;
background: #FFF url("../images/umcg/logo.png");
background-repeat: no-repeat;
z-index: 7;
position: absolute;
top: calc(-90px - 1.62rem);
margin-top: 5px;
content:none;
}
body.isPrelogin #content.hasSidebar #sidebar {
border:none;
}
.mobile .umcg_md_faq #sidebar > *:not(.mainLoginContent) {
display:none;
}
@media only screen and (min-width: 1301px) {
body.isPrelogin #main {
background: #FFF;
border-radius: 0.29rem;
box-shadow: 0 0 9px 0 rgba(10, 10, 10, 0.15);
}
body.isPrelogin #content.hasSidebar #sidebar {
margin-left: 1.62rem;
width: calc(100% - 1.62rem);
background: #FFF;
box-shadow: 0 0 9px 0 rgba(10, 10, 10, 0.15);
border-radius: 0.29rem;
}
}
@media only screen and (max-width: 1300px) {
body.isPrelogin {
background-color: #FFF;
}
body.isPrelogin.accessPage #sidebar,
body.isPrelogin.resetPage #sidebar,
body.isPrelogin.recoveryPage #sidebar {
display: none !important;
}
body.isPrelogin #main.withSidebar {
/*width:initial;*/
box-shadow: none;
padding-bottom: 2rem;
}
body.isPrelogin #sidebar {
width: initial;
margin-left: initial;
box-shadow: none;
border-top: 1px solid rgba(0,49,131,0.3);
padding: 0.923rem 1.846rem;
}
body.isPrelogin #sidebar > * {
max-width: inherit;
}
body.isPrelogin #sidebar .signup h2.center {
text-align: left;
}
body.isPrelogin #sidebar .customDigiDcolumn2 {
float: left;
}
body.isPrelogin #sidebar .customDigiDcolumn1 {
max-height: 52px;
width: 65px;
}
body.isPrelogin #sidebar .customDigiDcolumn1 img {
max-height: 50px;
}
}
body.isPrelogin.loginPage #hometxt {
padding: 0;
}
body.isPrelogin.loginPage #hometxt input[type=button] {
margin-bottom: 1.235rem;
}
body.isPrelogin.loginPage #hometxt ul {
font-size: 14px;
margin: 0 0 20px;
padding: 0;
color: #000;
list-style-position: inside;
}
body.isPrelogin.loginPage #hometxt dl {
font-size: 14px;
margin: 0 0 20px;
padding: 0;
color: #000;
}
body.isPrelogin.loginPage #hometxt .faq {
margin-bottom: 40px;
}
body.isPrelogin.loginPage #hometxt a[href="#top"] {
font-size: 14px;
margin: 0;
padding: 0;
text-decoration: underline;
display: inline-block;
}
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt .movies {
margin: 0 0 40px;
}
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt .movies .video {
width: calc(50% - 10px);
box-sizing: border-box;
display: block;
float: left;
}
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt .movies .video + .video {
float: right;
}
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt .movies::after {
content: "";
display: table;
clear: both;
}
@media all and (max-width: 768px) {
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt .movies .video {
width: 100%;
float: none;
}
}
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt .mobileapplink {
padding-top: 70px;
}
body.isPrelogin.loginPage:not(.md_stdfile) #hometxt .mobileapplink a {
margin-right: 20px;
}
body.isPrelogin.loginPage #hometxt .faqlist,
body.isPrelogin.loginPage #hometxt #faqlist {
margin-top: 20px;
}
body.isPrelogin.loginPage #hometxt .faqlist a.open + div,
body.isPrelogin.loginPage #hometxt #faqlist a.open + div {
margin-top: 10px;
}
body.isPrelogin.loginPage .ghostInput {
margin: 0 !important;
padding: 0 !important;
height: inherit !important;
}
body.isPrelogin.loginPage .ghostInput label {
margin: 0 0 0.577rem 0 !important;
transition: inherit !important;
padding: 0 !important;
line-height: inherit !important;
letter-spacing: 0.5px !important;
height: inherit !important;
}
body.isPrelogin.loginPage .ghostInput input {
padding: 0 10px !important;
height: 50px !important;
border-radius: 5px !important;
border: 1px solid rgba(0,49,131,0.2) !important;
background-color: #ffffff !important;
margin: 0 0 1.154rem !important;
font-size: 0.923rem !important;
font-family: 'open_sans' !important;
}
body.isPrelogin.loginPage #sidebar .login {
background-color: rgba(160,202,232, 0.3);
padding: 1rem;
box-sizing: content-box;
margin-bottom: 1rem;
box-sizing: border-box;
}
/*body.isPrelogin.loginPage #sidebar .login::before {
content: 'Inloggen op mijnUMCG';
display: block;
position: relative;
margin-bottom: 1.846rem;
}*/
body.isPrelogin.loginPage #sidebar .signup {
margin-bottom: 1rem;
}
body.isPrelogin.loginPage .login .recovery {
margin: 0.5rem 0 1.5rem 0;
}
body.isPrelogin.loginPage .login .recovery a {
display: block;
text-align: left;
width: inherit;
margin-bottom: 0.5rem;
}
body.isPrelogin.loginPage .login .recovery a:hover {
color: #ff7d00;
}
body.isPrelogin.loginPage .login input.button {
margin: 0 0 2.308rem;
}
body.isPrelogin.loginPage .loginAlerts {
min-height: 0;
}
body.isPrelogin.loginPage #message {
background-image: url(../images/umcg/warning.svg);
background-repeat: no-repeat;
background-position: 12px 17px;
min-height: 50px;
background-color: rgb(255,159,0, 0.08);
margin-bottom: 30px;
font-size: 14px;
color: #003183;
padding: 20px 20px 20px 55px;
}
body.isPrelogin.loginPage #hometxt > #message > p:last-of-type {
margin-bottom: 0;
}
body.isPrelogin.loginPage #message.error {
background-image: url("../images/umcg/error.svg");
background-color: rgb(214,40,22, 0.08);
}
body.isPrelogin.loginPage #message.success {
background-image: url("../images/umcg/success.svg");
background-color: rgb(143,196,78, 0.08);
}
body.isPrelogin.loginPage #message.info {
background-image: url("../images/umcg/info.svg");
background-color: rgb(0,144,195, 0.08);
}
body.isPrelogin.loginPage #message ul + div.more {
text-align: right;
padding-top: 20px;
text-decoration: underline;
font-family: Arial;
font-size: 14px;
font-weight: 700;
}
/*
body.isPrelogin.accessPage::before ,
body.isPrelogin.recoveryPage::before {
background-position: calc(50% - (1440px / 2) + 273px) center;
}
*/
/*
body.isPrelogin.accessPage #content,
body.isPrelogin.recoveryPage #content
{
background: #FFF;
border-radius: 0.29rem;
box-shadow: 0 0 9px 0 rgba(10, 10, 10, 0.15);
}
body.isPrelogin.accessPage #main,
body.isPrelogin.recoveryPage #main {
background:none;
border-radius:inherit;
box-shadow:none;
}
*/
body.isPrelogin.accessPage #sidebar *,
body.isPrelogin.recoveryPage #sidebar *,
body.isPrelogin.resetPage #sidebar * {
display: none;
}
@media only screen and (max-width: 1300px) {
.isPrelogin.accessPage #footer, .isPrelogin #content[style*="min-height"] + #footer,
.isPrelogin.recoveryPage #footer, .isPrelogin #content[style*="min-height"] + #footer,
.isPrelogin.resetPage #footer, .isPrelogin #content[style*="min-height"] + #footer {
background-color: #FFF;
}
body.isPrelogin.accessPage #main.withSidebar,
body.isPrelogin.recoveryPage #main.withSidebar,
body.isPrelogin.resetPage #main.withSidebar {
width: inherit;
}
body.isPrelogin.recoveryPage #footer .mainStyle {
padding: 0.808rem 1.25rem 1.731rem;
}
body.isPrelogin.recoveryPage #footer .links {
margin-top: 0;
}
}
/************************************************************************************************************/
/*
/* title : Extra controle
/* url : /mychartpoc/inside.asp
/* body class : .md_secondaryvalidation_index \ secondaryValidation
/*
/************************************************************************************************************/
.md_secondaryvalidation_index .button:not(#returnButton) .btnImg {
display: none;
}
.md_secondaryvalidation_index #returnButton {
text-decoration: none;
}
.md_secondaryvalidation_index #returnButton:hover {
text-decoration: underline;
}
.md_secondaryvalidation_index input#twofactorcode {
background-image: none;
}
.md_secondaryvalidation_index div#codeDirections {
margin-top: 3rem;
}
.md_secondaryvalidation_index div#submitButtonContainer {
margin-bottom: 3rem;
}
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4 .row .col-12 {
background-repeat: no-repeat;
background-position: center;
position: relative;
}
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4 .row .col-12 img {
visibility: hidden;
}
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4:first-child .row .col-12 {
background-image: url("../images/umcg/icn-sms.svg");
}
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4:first-child + .col-4 .row .col-12 {
background-image: url("../images/umcg/icn-laptop.svg");
}
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4:first-child + .col-4 + .col-4 .row .col-12 {
background-image: url("../images/umcg/icn-avatar.svg");
}
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4:first-child + .col-4 .row .col-12:before,
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4:first-child .row .col-12::before {
content: '';
background-image: url("../images/umcg/arrow-right10x16.png");
background-repeat: no-repeat;
width: 10px;
height: 16px;
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
margin-right: -5px;
}
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4 .row .col-12 + .row .col-2 {
display: none;
}
body.md_secondaryvalidation_index .grid.insulated > .row > .col-4 .row .col-12 + .row .col-10 {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
/************************************************************************************************************/
/*
/* title : Afspraken
/* url 1 : /MyChartPOC/Visits
/* body class : .md_visitslist_index
/*
/************************************************************************************************************/
.md_visitslist_index .soonvisits .date {
width: auto;
}
.md_visitslist_index .soonvisits .sm-alignCenter {
text-align: left !important;
}
@media only screen and (min-width: 769px) {
.md_visitslist_index .soonvisits .date {
margin-left: 0;
min-width: auto;
}
}
.md_visitslist_index .visitactions.center:not(:first-child) {
text-align: right;
}
.md_visitslist_index .rescheduleicon,
.md_visitslist_index .cancelicon {
background: none;
}
.md_visitslist_index .timeLineDetails .cardlist .pastvisit.card {
border-radius: 0.288rem;
overflow: hidden;
}
.md_visitslist_index .pastvisit.card .info .visit-type {
margin-bottom: 0.346rem;
}
.md_visitslist_index .soonvisits .visitinfo .location > div,
.md_visitslist_index .subtle {
line-height: 1.385rem;
color: #030303;
}
.md_visitslist_index .soonvisits.card,
.md_visitslist_index ul.list.latervisits > li.card.clickablecard,
.md_visitslist_index .visit-details {
padding: 1.154rem;
}
.md_visitslist_index .pastvisit.card .info .visit-type {
color: #0052AD;
}
.md_visitslist_index .Visits .smallcard .mainDetails .date {
margin-right: 1.154rem;
padding-right: 0;
padding-left: 0;
}
/*.md_visitslist_index .Visits .smallcard .mainDetails .date,
.md_visitslist_index .soonvisits .date {
background-color:#0090C3;
border-radius:0.288rem;
}*/
.md_visitslist_index .Visits .date div {
color: #FFF;
font-family: 'open_sans';
font-weight: 400;
font-size: 0.692rem;
background-color: #0090C3;
border-radius: 0.288rem;
min-width: 2.308rem;
}
.md_visitslist_index .Visits .date div.verticalDateOfMonth {
font-size: 1.269rem;
font-weight: 700;
}
.md_visitslist_index .card .buttonList.subtle {
margin-left: 1.154rem;
margin-right: 1.154rem;
border-top-color: rgba(0,49,131, 0.3);
width: calc(100% - 1.154rem - 1.154rem);
border-radius: inherit;
margin-top: 0;
}
.md_visitslist_index .card .buttonList.subtle .button {
border-top-color: rgba(0,49,131, 0.3);
padding: 0.7rem 0;
background: none !important;
}
.md_visitslist_index .card .buttonList.subtle .button:hover {
text-decoration: underline;
background: none;
}
.md_visitslist_index .soonvisits.card .row {
max-width:100%;
/*margin-bottom: 5px;*/
margin-top:0.25rem;
}
.md_visitslist_index .soonvisits.card .grid.insulated > .row:last-child
{
margin-bottom: calc(-24px + 0.25rem);
}
.md_visitslist_index .card .buttonList.soonvisitactions.subtle{
margin-left: 0;
margin-right:0;
width: 100%;
}
.md_visitdetails_index .cancelreschedulecontainer .rescheduleicon,
.md_visitdetails_index .cancelreschedulecontainer .cancelicon{
background:none;
padding:0;
}
.md_visitdetails_index .cancelreschedulecontainer a.link{
text-decoration:none;
}
.md_visitdetails_index .cancelreschedulecontainer a.link:hover{
text-decoration:underline;
}
.md_visitdetails_index .cancelreschedulecontainer a.link,
.md_visitslist_index .card .buttonList.soonvisitactions.subtle button {
padding-left: calc(16px + 0.5rem);
position:relative;
}
.md_visitdetails_index .cancelreschedulecontainer a.link::before,
.md_visitslist_index .card .buttonList.soonvisitactions.subtle button::before {
content: '';
width: 16px;
height: 14px;
background-color: #FF7D00;
-webkit-mask-image: url("../images/umcg/arrow-with-tail.svg");
mask-image: url("../images/umcg/arrow-with-tail.svg");
transform: rotate(180deg);
display: inline-block;
vertical-align: middle;
top: 50%;
position: absolute;
margin-top: -7px;
left: 0;
}
.md_visitslist_index .noShowCanceledShiftedCard .visit-summary-link {
border-top: none;
}
.md_visitslist_index ul > li.noShowCanceledShiftedCard {
background-image: none;
background-color: #FFF;
}
.md_visitslist_index .Visits .smallcard > li.noShowCanceledShiftedCard .mainDetails {
background-color: rgba(177,178,180, 0.2);
}
.md_visitslist_index .Visits .smallcard > li.noShowCanceledShiftedCard .visit-summary-links {
background-color: #FFF;
}
.visit-summary-link:focus,
.visit-summary-link:hover,
.visit-summary-link:active {
background-color: inherit;
text-decoration: underline;
}
.md_visitslist_index ul.list.latervisits > li.card.clickablecard {
width: calc(33.33333% - 12px + 140px);
}
.md_visitslist_index ul.list.latervisits > li.card.clickablecard > .mainDetails > .card_icons {
min-width: 140px;
text-align: right;
}
.md_visitslist_index ul.list.latervisits > li.card.clickablecard > .mainDetails > .card_icons::after {
content: 'Meer info';
white-space: nowrap;
}
@media screen and (max-width: 1061px)
{
.md_visitslist_index ul.list.latervisits > li.card.clickablecard > .mainDetails > .card_icons{
min-width:auto;
}
.md_visitslist_index ul.list.latervisits > li.card.clickablecard > .mainDetails > .card_icons::after {
display:none;
}
}
/************************************************************************************************************/
/*
/* title : Berichten
/* url : /mychartpoc/Messaging/Review?mailbox=1
/* body class : .md_review_index
/*
/************************************************************************************************************/
.md_review_index ul.MessageList .SenderDetails > span:not(.SenderName) {
color: #060606;
}
.md_review_index .ReviewMessages .messageheader {
margin-bottom: 0;
}
.md_review_index .messageheader .actionlinks {
margin: 0 0 1.154rem 0;
padding: 0;
}
.md_review_index .BeforeList .actionlinks input {
margin-left: 0;
padding-left: 1.442rem;
}
.md_review_index .ReviewMessages .messageheader .tabs {
margin-bottom: 1.846rem;
}
.md_review_index .ReviewMessages .BeforeList .tabs a {
text-decoration: none;
outline: none;
}
.md_review_index .ReviewMessages .BeforeList .tabs a:hover {
text-decoration: underline;
}
.md_review_index .ReviewMessages .BeforeList .tabs a[data-checked="checked"],
.md_review_index .ReviewMessages .BeforeList .tabs a[data-checked="checked"]:hover {
text-decoration: none;
border-bottom-color: #003183;
}
.md_review_index .ReviewMessages .messageheader .filters {
padding: 20px 20px 15px;
margin: 0 0 1.154rem 0;
width: 100%;
border-top: none;
background-color: rgba(160,202,232, 0.3);
}
.md_review_index .ReviewMessages .messageheader .filters label {
color: #070707;
}
.md_review_index .list.collapsible {
box-shadow: 0 0 9px 0 rgba(10, 10, 10, 0.15);
}
.md_review_index ul.MessageList {
padding: 0;
}
.md_review_index ul.MessageList > li.SingleMessage .head.grid {
padding: 0 1rem;
}
.md_review_index ul.MessageList > li.SingleMessage .head.grid > .row.message_header:focus {
outline: none;
background: transparent;
}
.md_review_index .MessageList > .SingleMessage,
.md_review_index .MessageList > .SingleMessage:first-child {
box-shadow: none;
/*border-top:1px solid rgba(0,49,131, 0.3);*/
padding: 0.865rem 0;
min-height: auto !important;
height: auto !important;
}
.md_review_index .MessageList > .SingleMessage:before,
.md_review_index .MessageList > .SingleMessage:first-child::before {
content: '';
position: absolute;
height: 1px;
bottom: 0;
left: 0.865rem;
right: 0.865rem;
background-color: rgba(0,49,131, 0.3);
}
.md_review_index .MessageList .SingleMessage.expanded {
border-bottom: none;
}
.md_review_index .MessageList > li.SingleMessage .head.grid > .row.message_header {
padding: 0;
}
.md_review_index .MessageList > .SingleMessage:first-child {
border-top: none;
}
.md_review_index ul.MessageList .SenderDetails {
border-right: 1px solid rgba(0,49,131, 0.3);
}
.md_review_index ul.MessageList li .head .actionButtons a img {
margin-right: 0.6rem;
width: 24px;
}
.md_review_index ul.MessageList li .head .actionButtons a.inlinedelete img {
width: 22px;
}
.md_review_index ul.MessageList li .head .actionButtons a {
margin-left: 10px;
text-decoration: none;
}
/************************************************************************************************************/
/* medcard .medwarning */
/************************************************************************************************************/
.card.medcard .medwarning {
display: inline-block;
padding: 0px;
width: auto;
box-shadow: none;
color: #ff7d00;
background-color: transparent;
}
.card.medcard .medwarning .popupiconcontainer {
margin-left: 0;
}
.card.medcard .medwarning svg.warning-icon {
margin: -0.1rem 0.5rem 0 0;
color: #ff7d00;
height: 22px;
width: 22px;
/*transform:translateX(22px);*/
margin-left: 22px;
}
.cardline .popupiconcontainer .popupinstructionsicon > svg {
fill: #070707;
margin-left: 0.5rem;
height: 1rem;
width: 1rem;
margin-top: -2px;
}
.medcard .medbottom .buttonList .button.inlinedelete img,
.medcard .medbottom .meddetailshowmore img,
.medcard.form_102:before {
display: none;
}
.medcard .medbottom .buttonList .button.inlinedelete {
flex: inherit;
}
.card.medcard .buttonList {
justify-content: center;
padding: 0.5rem;
}
/************************************************************************************************************/
/*
/* title : Overzicht medicijnen
/* url : /mychartpoc/Clinical/Medications/List
/* body class : .md_medications_list
/*
/************************************************************************************************************/
body.md_medications_list .pendingUpdatesSection .clinicalcard .buttonList .button.inlinedelete {
flex: inherit;
}
body.md_medications_list .pendingUpdatesSection .clinicalcard .buttonList {
justify-content: center;
padding: 0.5rem;
}
body.md_medications_list .subwayStep.refill-step .step-body > .pretext + .section + .section,
body.md_medications_list #PharmacyHours,
body.md_medications_list #PharmacyHoursLabel {
display:none;
}
body.md_medications_list .card.medcard .buttonList {
justify-content: right;
row-gap: 10px;
}
body.md_medications_list .card.medcard .buttonList .button {
margin-left:10px;
}
/************************************************************************************************************/
/*
/* title : Apotheek
/* url : /MyChartPOC/Clinical/PreferredPharmacies?navFrom=0
/* body class : .md_preferredpharmacies_index
/*
/************************************************************************************************************/
.pharmacy-action-container .button.delete img {
display: inline;
}
.pharmacy-action-container {
text-align: right;
padding: 0.5rem!important;
}
.pharmacy-action-container .button.delete {
width: auto;
}
/************************************************************************************************************/
/* INSTUCTIONVIDEOS
/************************************************************************************************************/
#instructionvideos p {
padding-bottom: 20px;
}
#instructionvideos .moviesWrapper {
background: #FFF;
border-radius: 0.29rem;
box-shadow: 0 0 9px 0 rgba(10, 10, 10, 0.15);
padding: 60px 60px 20px;
}
#instructionvideos .movies {
margin: 0 0 40px;
}
#instructionvideos .movies::after {
content: "";
display: table;
clear: both;
}
#instructionvideos a.movie {
width: 29.7%;
box-sizing: border-box;
margin: 15px;
display: block;
float: left;
position: relative;
padding-left: 50px;
height: 48px;
}
#instructionvideos a.movie::before {
content: "";
display: block;
line-height: 0;
height: 48px;
width: 1px;
font-size: 0;
background-color: #d1d1d1;
position: absolute;
top: 0;
left: -15px;
}
#instructionvideos a.movie:nth-child(3n + 1)::before {
display: none;
}
#instructionvideos a.movie .play {
background-color: #003183;
border-radius: 50px;
width: 40px;
height: 40px;
display: inline-block;
left: 0;
top: 50%;
margin-top: -20px;
position: absolute;
}
#instructionvideos a.movie:hover .play {
background-color: #ff7d00;
}
#instructionvideos a.movie .play span {
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 11px;
border-color: transparent transparent transparent #ffffff;
display: inline-block;
position: absolute;
left: 50%;
margin-left: -4px;
top: 50%;
margin-top: -8px;
}
#instructionvideos a.movie .movie-content {
display: table;
height: 100%;
}
#instructionvideos a.movie .title {
height: auto;
display: table-cell;
vertical-align: middle;
}
#video_popupwrapper {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0,0,0, 0.7);
z-index: 100;
}
#video_popupwrapper .video_popup {
width: 640px;
height: 360px;
position: absolute;
left: 50%;
top: 40%;
margin-top: -180px;
margin-left: -320px;
background-color: transparent;
}
#video_popupwrapper .video_popup .titlebar {
padding: 2rem 0;
background: transparent;
/*border-bottom: 1px solid #d6d6d6;*/
min-height: 94px;
position: relative;
}
#video_popupwrapper .video_popup .titlebar span {
color: #525252;
font-size: 30px;
font-weight: 400;
font-family: "CaspariWT";
color: #FFF;
}
#video_popupwrapper .video_popup .titlebar a.close {
background-color: transparent;
width: 93px;
height: 94px;
display: block;
background-image: url(../images/umcg/cross-small.svg);
position: absolute;
right: 0;
top: 0;
text-indent: -999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center right;
}
/************************************************************************************************************/
/*
/* title : Nog niet geplande afspraken
/* url : /mychartpoc/inside.asp?mode=showrep&submode=upcomingorders
/* url : /mychartpoc/inside.asp?mode=showrep&submode=eyeglassrx
/* url : /MyChartPOC/inside.asp?mode=showrep&submode=uitslagenprintbaar
/* body class : .md_showrep
/*
/************************************************************************************************************/
/*
body.md_showrep .rpt .mainColumn .pgSection[data-sectdepth="1"] > .sectionHeaderLine {
display:none;
}
body.md_showrep .report,
body.md_showrep .rpt.StandardII {
background-color: transparent !important;
box-shadow: none !important;
}
body.md_showrep .rpt tr.columnHeader {
border-bottom:none;
}
body.md_showrep .report {
padding: 0;
}
body.md_showrep .rpt.StandardII .pgNoSectHeader
{
padding: 0;
margin: 2rem 0 2rem 0;
}
body.md_showrep .rpt.StandardII .pgNoSectHeader .pgContent {
padding:0;
}
body.md_showrep .rpt.StandardII .pgNoSectHeader .pgContent .fmtConv span {
line-height: 1.385rem!important;
font-family: "open_sans"!important;
font-weight: normal!important;
font-size: 0.923rem!important;
color:#070707!important;
}
body.md_showrep .rpt.StandardII .mainColumn {
padding:0;
background-color: transparent !important;
}
body.md_showrep .rpt.StandardII .pgSection:not(.pgNoSectHeader)
{
padding: 0 0.7rem 0 0.7rem !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4);
border-radius: 3px;
border: 1px solid #d6d6d6;
margin-top: 20px;
background-color: #FFF;
}
body.md_showrep .report > div > table {
border: none !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
width: 100% !important;
border-radius: inherit !important;
box-shadow: none !important;
font-size: 0;
background-color: #FFF;
}
body.md_showrep .rpt.StandardII .bothColumns.singleColumn .mainColumn > table[class^="rz"] {
display:none;
}
body.md_showrep .section .report table[class^="rz"] th,
body.md_showrep .section .report table[class^="rz"] td,
body.md_showrep .section .report div[class^=" rz"]{
color: #525252;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.26px;
line-height: 30px;
font-style: normal;
font-family: open_sans;
padding: 0px 4px;
padding-bottom: 0.7rem !important;
}
body.md_showrep .section .report div[class^=" rz"] {
padding-top: 0.7rem !important;
padding-bottom: 0.7rem !important;
}
body.md_showrep .rpt .fs10 .singleColWide .pgSection[data-sectdepth="1"] > .sectionHeader .title {
display: block;
color: #003183;
font-family: "CaspariWT";
font-size: 20px;
font-weight: 400;
letter-spacing: 0.4px;
line-height: 24px;
text-transform: inherit;
padding-top: 0.7rem !important;
box-shadow: inherit !important;
border-top:none!important;
padding-bottom: 1.2rem !important;
}
body.md_showrep .rpt .fs10 .singleColWide .pgSection[data-sectdepth="1"] > .sectionHeader::after{
display:none;
}
*/
body.md_showrep .report,
body.md_showrep .rpt.StandardII {
background-color: #FFF !important;
box-shadow: none !important;
}
body.md_showrep .report {
padding: 0;
}
body.md_showrep .section + p {
padding: 0;
margin: 2rem 0 2rem 0;
}
body.md_showrep .report {
padding: 0 0.7rem 0 0.7rem !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4);
border-radius: 3px;
border: 1px solid #d6d6d6;
margin-top: 20px;
}
body.md_showrep .report > div > table,
body.md_showrep .report > div > table:not([class$="6"]) * {
border: none !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
width: 100% !important;
border-radius: inherit !important;
box-shadow: none !important;
font-size: 0;
background-color: #FFF;
}
body.md_showrep .report > div > table[class$="6"] + div[class$="h"] {
padding-top: 0.7rem !important;
}
body.md_showrep .report > div > table[class$="6"] td,
body.md_showrep .report > div > table[class$="6"] td * {
color: #525252;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.26px;
line-height: 30px;
font-style: normal;
font-family: open_sans;
}
body.md_showrep .report > div > table[class$="1"] td.rz_15.nodata {
color: #525252;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.26px;
line-height: 30px;
padding-top: 1rem !important;
padding-bottom: 0.7rem !important;
text-align: center;
}
body.md_showrep .report > div > table[class$="1"] span[class$="4 "],
body.md_showrep .report > div > table.rz_11 span.rz_14 {
display: block;
color: #003183;
font-family: "CaspariWT";
font-size: 20px;
font-weight: 400;
letter-spacing: 0.4px;
line-height: 24px;
text-transform: inherit;
padding-top: 0.7rem !important;
box-shadow: inherit !important;
border-top: 1px solid #eee !important;
padding-bottom: 1.2rem !important;
}
body.md_showrep .report > div > table[class$="1"]:first-child span[class$="4 "],
body.md_showrep .report > div > table.rz_11:first-child span.rz_14 {
border-top: none !important;
}
body.md_showrep .report > div > table[class$="1"] span[class$="5 "],
body.md_showrep .report > div > table.rz_11 span.rz_15 {
display: block;
color: #525252;
font-size: 16px;
font-weight: 400;
line-height: 30px;
margin-left: -0.25rem !important;
font-family: open_sans;
}
body.md_showrep .report > div > table[class$="1"] span[class$="5 "]:first-letter,
body.md_showrep .report > div > table.rz_11 span.rz_15:first-letter {
text-transform: uppercase;
}
body.md_showrep .report > div > table[class$="1"] + table[class$="7"] > tbody > tr:first-child td {
color: #808080;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
padding-bottom: 0.3rem !important;
font-family: open_sans;
}
body.md_showrep .report > div > table[class$="1"] + table[class$="7"] td[class$="b"] {
display: none;
}
body.md_showrep .report > div > table[class$="1"] td[class$="4"],
body.md_showrep .report > div > table[class$="1"] + table[class$="7"] td[class$="9"],
body.md_showrep .report > div > table[class$="1"] + table[class$="7"] + table[class$="7"],
body.md_showrep .report > div > table[class$="1"] + table[class$="7"] + table[class$="7"] + table[class$="7"],
body.md_showrep .report > div > table[class$="1"] + table[class$="7"] + table[class$="7"] + table[class$="7"] + table[class$="7"],
body.md_showrep .report > div > div[class$="h"] + table[class$="1"] {
display: none !important;
}
body.md_showrep .report > div > div span[class$="i"] {
color: #525252 !important;
font-size: 18px !important;
font-weight: 400;
letter-spacing: 0.26px;
line-height: 30px;
padding-bottom: 0.7rem !important;
padding-left: 4px;
font-family: open_sans !important;
display: block;
}
/************************************************************************************************************/
/*
/* title : Persoonlijke gegevens wijzigen
/* url : /mychartpoc/PersonalInformation
/* body class : .md_personalinformation_index
/*
/************************************************************************************************************/
body.md_personalinformation_index .contact-information-content .nameIconContainer svg,
body.md_personalinformation_index .contact-information-content .nameIconContainer svg,
body.md_personalinformation_index .other-information-content .nameIconContainer svg,
body.md_personalinformation_index #sidebar {
display: none;
}
body.md_personalinformation_index div#contact_verification_alert div.col-12 span {
max-width: calc(100% - 46px);
}
/************************************************************************************************************/
/*
/* title : Meldingen
/* url : /mychartpoc/Preferences
/* body class : .md_communications_manage
/*
/************************************************************************************************************/
body.md_communications_manage .settingsList .settingsGroup .detailsButton > span:first-child {
display: none !important;
}
body.md_communications_manage .settingsList .contactInfoText + .settingsGroup {
border-top: 1px solid #f3f3f3;
}
body.md_communications_manage .settingsList .settingsGroup .groupName {
height: 46px;
line-height: 46px;
padding-left: 20px;
}
body.md_communications_manage .settingsList .settingsGroup .detailsButton {
margin-top: 0;
margin-bottom: 0;
padding-top: 9px;
}
body.md_communications_manage .settingsList .settingsGroup .groupCheckBox {
margin-top: 13px;
}
body.md_communications_manage .settingsList .settingsGroup .detailedList {
background-color: #FFF;
}
body.md_communications_manage #commMethodSidebar #unsavedChangesContainer, #changesSavedContainer {
background-color: #FFF;
}
body.md_communications_manage a#smtp img {
display: none;
}
body.md_communications_manage a#smtp {
background-image: url(../images/umcg/mail.png);
background-repeat: no-repeat;
background-position: 20px;
padding-left: 70px;
}
body.md_communications_manage .media .mailicon,
body.md_communications_manage .media .emailicon,
body.md_communications_manage .media .phoneicon,
body.md_communications_manage .media .texticon {
background-image: url(../images/umcg/toggle-off.svg);
background-repeat: no-repeat;
cursor: pointer;
}
body.md_communications_manage .media .disabletext {
background-image: url(../images/umcg/toggle-off--locked.svg);
background-repeat: no-repeat;
cursor: default;
}
body.md_communications_manage .media .mailicon.checked,
body.md_communications_manage .media .emailicon.checked,
body.md_communications_manage .media .phoneicon.checked,
body.md_communications_manage .media .texticon.checked {
background-image: url(../images/umcg/toggle-on.svg);
background-repeat: no-repeat;
cursor: pointer;
}
body.md_communications_manage .media .mailicon.checked.locked,
body.md_communications_manage .media .emailicon.checked.locked,
body.md_communications_manage .media .emailicon.phoneicon.locked,
body.md_communications_manage .media .emailicon.texticon.locked,
body.md_communications_manage .media .texticon.checked.locked {
background-image: url(../images/umcg/toggle-on--locked.svg);
background-repeat: no-repeat;
cursor: default;
}
body.md_communications_manage .media .disabletext,
body.md_communications_manage .list.collapsible .groupitem .media .mediabutton,
body.md_communications_manage .list.collapsible .tickleritem .media .mediabutton {
width: 40px;
height: 32px;
}
body.md_communications_manage #smsSignupForm {
background-image: none;
padding: 1rem;
}
body.md_communications_manage .list.collapsible .group.expanded {
background: none;
}
body.md_communications_manage .list.collapsible .groupname {
background-position: left 8px;
}
body.md_communications_manage .list.collapsible .group.expanded .grouptitle {
color: #ff7d00;
}
body.md_communications_manage .list.collapsible .grouphelptext {
display: none;
}
body.md_communications_manage .list.collapsible .ticklers .ticklerlist {
background-color: #edeceb;
}
body.md_communications_manage .list.collapsible .ticklers ul.ticklerlist li {
border-color: #FFF;
margin-left: 0;
padding-left: 2rem;
}
body.md_communications_manage .list.collapsible .group.expanded .ticklers * {
color: #525252;
}
/************************************************************************************************************/
/*
/* clinicalcard.allergycard \ clinicalcard.healthissuecard
/*
/************************************************************************************************************/
.clinicalcard.healthissuecard .cardline.name,
.clinicalcard.allergycard .cardline.name {
padding-bottom: 1rem;
}
.clinicalcard.healthissuecard .clinicalinfo,
.clinicalcard.allergycard .clinicalinfo {
padding: 1rem;
}
.clinicalcard.healthissuecard .clinicalicon,
.clinicalcard.allergycard .clinicalicon {
display: none;
}
/************************************************************************************************************/
/*
/* title : Implantaten
/* url : /MyChartPOC/app/implants
/* body class : .md_react_index
/*
/************************************************************************************************************/
body.md_react_index .EducationTile .thumbnailIcon,
body.md_react_index .EducationTile .fallbackImage,
body.md_react_index .FrequencySection > ._readOnlyText + .FrequencySectionRow,
body.md_react_index .UpcomingOrders .OrderGroupActions .actionIcon,
body.md_react_index .SelectionList .selectionOption.Topic .leftImage {
display:none;
}
body.md_react_index .SelectionList .selectionOption .displayName,
body.md_react_index .SelectionList .selectionOption .subtext {
margin-left:0;
}
body.md_react_index .implants .singleImplant .explantedBadge {
background-color: #1a468f;
border-radius: 5px;
font-size: 0.808rem;
line-height: 1.45;
font-weight: 600;
color: #fff;
text-transform: uppercase;
padding: 2px 10px;
border: none;
}
body.md_react_index ._link {
text-decoration: none;
}
body.md_react_index ul.ConversationList li:not(:last-child)::after {
background-color: rgb(0,144,195, 0.08);
margin-right: 0.75rem;
}
body.md_react_index .ConversationPreview .timestamp,
body.md_react_index .ConversationPreview .subject,
body.md_react_index .ConversationPreview .previewText {
color: #070707;
}
body.md_react_index .ConversationPreview .supplementalFlags .flagHasAttachment {
color: #565656;
}
body.md_react_index .ConversationDetails.full .ConversationMessages {
background-color: #FFF;
}
body.md_react_index .ConversationDetails.full .participantLists {
border-right: none;
}
body.md_react_index .ConversationDetails .ConversationHeader {
margin-bottom: 1.5rem;
background-color: transparent;
}
body.md_react_index ._command.tertiary.neutral {
color: #00388E;
}
body.md_react_index ._ViewPicker._SideControls ._ViewPickerCommandPane {
padding-bottom: 1.5rem;
}
body.md_react_index .ConversationMessages img._Icon {
display: none;
}
body.md_react_index .Message.fromUs .MessageContent::before,
body.md_react_index .Message.fromThem .MessageContent::before {
display: none !important;
}
body.md_react_index .Actions .action.sendMsg {
position: relative;
padding-right: Calc(1.442rem + 24px + 5px) !important;
}
body.md_react_index .Actions .action.sendMsg .actionIcon {
position: absolute;
right: 1.442rem;
top: 50%;
margin-top: -12px;
}
body.md_react_index ._ViewPicker._SideControls ._ViewPickerCommandPane + ._TabList .Tab .folderIcon {
display: none;
}
body.md_react_index ._ViewPicker._SideControls ._ViewPickerCommandPane + ._TabList > li:last-child .Tab .folderIcon {
display: inline-block;
}
body.md_react_index ._OptionListCommand {
padding: 0.5rem;
}
/************************************************************************************************************/
/*
/* title : Wilsverklaring
/* url : /MyChartPOC/AdvancedCarePlanning
/* body class : .md_caredecision_index
/*
/************************************************************************************************************/
body.md_caredecision_index #sidebar {
display: none;
}
/************************************************************************************************************/
/*
/* title : Mijn dossier delen
/* url : /mychartpocold/ShareEverywhere/GenerateCode
/* body class : .md_generatecode_index
/*
/************************************************************************************************************/
body.md_generatecode_index #sidebar {
display: none;
}
/************************************************************************************************************/
/*
/* title : Wilsverklaring
/* url : /MyChartPOC/AdvancedCarePlanning
/* body class : .md_caredecision_index
/*
/************************************************************************************************************/
body.md_caredecision_index .acpContent .section#docs,
body.md_caredecision_index .two-column-container .section {
width: auto;
display: block;
padding-left: 0;
}
body.md_caredecision_index #content {
padding-bottom: 65px !important;
}
/************************************************************************************************************/
/*
/* title : Algemene voorwaarden
/* url : /MyChartPOC/Authentication/TermsConditions
/* body class : .md_termsconditions_index
/*
/************************************************************************************************************/
.md_termsconditions_index #footer .sidebarStyle {
position: relative;
right: auto;
bottom: auto;
}
body.md_secondaryvalidation_index #main:not(.withSidebar) {
padding-bottom: 5rem !important;
}
@media only screen and (max-width: 1300px) {
body.md_secondaryvalidation_index #main {
box-shadow: none;
}
}
body #ChangeShortcutsContainer .shortcut .menuitem-icon {
box-shadow: none;
border-radius: 0;
}
/************************************************************************************************************/
/*
/* title : Uitslagen onderzoek
/* url : /MyChartPOC/Clinical/TestResults
/* body class : md_testresults_index
/*
/************************************************************************************************************/
.md_testresults_index .TRPComponentHeaderTable .nameColumn {
color: #00388E;
}
.md_testresults_index .TRPLight {
color: #070707;
}
.md_testresults_index .TRPDark {
color: #00388E;
}
/************************************************************************************************************/
/*
/* title : Een nieuw wachtwoord aanmaken
/* url : /MyChartPOC/Authentication/PasswordReset
/* body class : md_passwordreset_index
/*
/************************************************************************************************************/
body.md_passwordreset_index #content {
padding-bottom: 65px !important;
}
/************************************************************************************************************/
/*
/* title : Vaccinaties
/* url : /MyChartPOC/Clinical/Immunizations
/* body class : md_immunizations_index
/*
/************************************************************************************************************/
.immunizationcontainer .card .cardtop {
padding: 1rem;
}
.immunizationcontainer .card .buttonList {
justify-content: center;
}
.immunizationcontainer .card .subtle {
text-align: left;
margin-bottom: 1rem;
}
.immunizationcontainer .immunizations_card_action_link:last-child {
border-radius: 2.5rem;
}
.immunizationcontainer .immunizations_card_action_link .immunizations_card_actions_label {
color: inherit;
line-height: inherit;
}
.allergycontainer .card.clinicalcard.card.withButton .buttonList,
.allergycontainer .card.medcard.card.withButton .buttonList {
margin: 0.5rem 0 1rem;
padding: 0 1rem;
}
/************************************************************************************************************/
/*
/* title : Vragenlijsten
/* url : /MyChartPOC/Questionnaires
/* body class : md_mychartquestionnaire_questionnaires
/*
/************************************************************************************************************/
.md_mychartquestionnaire_questionnaires .listpage .section.qnr_list_table .assignedqnrs .qnr_header {
padding-left: 0;
padding-right: 0;
}
.md_mychartquestionnaire_questionnaires .listpage .section.qnr_list_table .assignedqnrs div.qnr_card {
margin-right: 0;
margin-left: 0;
}
.md_mychartquestionnaire_questionnaires #qnr-summary-table .summary-jump-col {
width:8.5rem;
}
.md_mychartquestionnaire_questionnaires #qnr-summary-table .edit-container .edit-text {
margin-left: 0.75rem;
}
/************************************************************************************************************/
/*
/* title : Home
/* url : /MyChartPOC
/* body class : md_login_login
/*
/************************************************************************************************************/
.md_login_login #sidebar .customDigiDrow {
background-color:#f5821f;
border-radius: 8px;
position:relative;
height:50px;
display:inline-block;
width:auto;
}
.md_login_login #sidebar .customDigiDrow .customDigiDcolumn1 {
float:none;
padding:0;
width:auto;
position:absolute;
left:5px;
top:5px;
z-index:0;
}
.md_login_login #sidebar .customDigiDrow .customDigiDcolumn1 img {
width:40px;
height:40px;
}
.md_login_login #sidebar .customDigiDrow .customDigiDcolumn2 {
position:relative;
z-index:1;
width:auto;
float:none;
padding:0;
}
.md_login_login #sidebar .customDigiDrow .customDigiDcolumn2 a {
background-color:transparent;
padding: 0 1.442rem 0 60px;
width:auto;
float:none;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 50px;
display:block;
text-align:center;
}
.md_login_login #sidebar .customDigiDrow:hover {
background-color:#e17000;
}
@media only screen and (max-width: 1300px) {
.md_login_login #sidebar .signup .newworkflow {
min-width:280px;
}
.md_login_login #sidebar .customDigiDrow .customDigiDcolumn2 a,
.md_login_login #sidebar .customDigiDrow{
min-width:280px;
}
}
@media only screen and (max-width: 768px) {
.md_login_login #sidebar .signup .newworkflow {
width:100%;
}
.md_login_login #sidebar .customDigiDrow .customDigiDcolumn2 a,
.md_login_login #sidebar .customDigiDrow{
display:block;
}
}
@media only screen and (min-width: 1300px)
{
.md_login_login #sidebar .signup .newworkflow {
width:100%;
}
.md_login_login #sidebar .customDigiDrow .customDigiDcolumn2 a,
.md_login_login #sidebar .customDigiDrow{
display:block;
}
}
#graphicHeader:not(:empty) #header_logo {
width:100%;
}
#graphicHeader:not(:empty) #logout_button {
background:transparent;
}
.section.questionsContainer .questiongroup .grouptable .grouptablerow .grouptablecolumn .prompt * {
text-align:left;
}
/************************************************************************************************************/
/*
/* title : Voorkeuren
/* url : MyChartPOC/app/communication-preferences
/* body class : md_react_index
/************************************************************************************************************/
body.md_react_index .CommunicationPreferences .toggleLabelIcon {
display:none;
}
/************************************************************************************************************/
/*
/* title : Afspraak maken
/* url : /MyChartPOC/Scheduling
/* body class : md_scheduling_index
/*
/************************************************************************************************************/
body.md_scheduling_index #LandingPage > .LandingPageReact > .LandingPagePostText {
display:none;
}
/************************************************************************************************************/
/*
/* title : Doelen
/* url : /MyChartPOC/PlanOfCare
/* body class : md_registries_index
/*
/************************************************************************************************************/
body.md_registries_index .goalssmall.pocdefault.component > .content {
background-color:transparent;
border-radius:inherit;
box-shadow:none;
}
body.md_registries_index .goalslarge.pocdefaultpopup .component .stats,
body.md_registries_index .goalssmall.pocdefault.component .stats {
font-size:inherit;
}
body.md_registries_index .goalssmall.pocdefault.component > .content ul.goalslist {
background-color:#FFF;
}
body.md_registries_index .goalslarge.pocdefaultpopup .goalsleft .pretext{
white-space:normal;
padding:0.6rem 0.4rem;
}
body.md_registries_index .goalrightsec .goaldatarow,
body.md_registries_index .goalrightsec .goaltitlerow,
body.md_registries_index .goalslarge.pocdefaultpopup .goalsleft .goalslist.list .goalslistelement a {
overflow:hidden;
}
body.md_registries_index .back {
margin: 0 auto;
min-width: 1280px;
width: 75%;
padding: 0 1.846rem;
margin-top:-4.923rem;
position:relative;
z-index:1;
}
@media print {
.md_visitslist_index #main * {
font-size: 12px;
}
.md_visitslist_index .timeLineHeader,
.md_visitslist_index .timeLine .timeLineSection:before,
.md_visitslist_index ul.list.latervisits > li.card.clickablecard > .mainDetails > .card_icons,
.md_visitslist_index .Visits .smallcard .mainDetails .date .clearlabel,
.md_visitslist_index .date .clearlabel,
.md_visitslist_index .buttonColumn,
.md_visitslist_index #main .title h1,
.md_visitslist_index #sitebanner,
.md_visitslist_index div.component[data-component-id='4'] {
display: none !important;
}
.md_visitslist_index .cardlist {
}
.md_visitslist_index #main,
.md_visitslist_index #wrap,
.md_visitslist_index #content,
.md_visitslist_index .timeLineDetails .cardlist .card,
.md_visitslist_index .timeLine .timeLineSection .timeLineDetails,
.md_visitslist_index .grid > .row,
.visitinfo.contentColumn .location > div,
.md_visitslist_index .sevendaysvisits .contentColumn,
.md_visitslist_index .visitinfo .visitwith {
margin: 0 !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
display: block !important;
flex-wrap: inherit !important;
max-width: 100% !important;
border: none !important;
min-height: inherit !important;
}
.md_visitslist_index h2 {
padding-bottom: 0.5rem !important;
text-decoration: underline !important;
font-size: 16px !important;
}
.md_visitslist_index .visitcomponent .visitcomponent-header {
margin: 0 !important;
padding: 0 !important;
}
.md_visitslist_index .timeLineDetails .cardlist .pastvisit.card > .visit-details,
.md_visitslist_index .Visits .smallcard .mainDetails {
margin: 0 !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
display: block !important;
flex-wrap: inherit !important;
max-width: 100% !important;
}
.md_visitslist_index .Visits .smallcard .mainDetails .date {
width: 100px !important;
text-align: right !important;
}
.md_visitslist_index .date * {
display: inline-block !important;
width: auto !important;
max-width: inherit !important;
font-weight: 400 !important;
font-size: 0.692rem !important;
margin: 0 !important;
padding: 0 6px 0 0 !important;
min-width: inherit !important;
}
.md_visitslist_index .Visits .smallcard .mainDetails * {
display: inline-block !important;
width: auto !important;
max-width: inherit !important;
}
.md_visitslist_index .card .info * {
padding-right: 10px;
}
.md_visitslist_index .card .info > div > .subtle::after {
content: ', ' !important;
}
.md_visitslist_index .card .info > div > .subtle:last-child::after {
display: none;
}
.md_visitslist_index .card .info .visit-type {
font-weight: 700;
padding-right: 0;
}
.md_visitslist_index .card .info .appointment-status::after {
content: ':' !important;
padding-left: 5px;
}
.md_visitslist_index .cardlist.latervisits .info > div:first-child {
font-weight: 700 !important;
}
.md_visitslist_index .cardlist.latervisits .info > div:first-child + div * {
padding-right: 0;
}
.md_visitslist_index .cardlist.latervisits .info > div:first-child::after {
content: ':' !important;
padding-left: 5px !important
}
.md_visitslist_index .cardlist.latervisits .info > div:first-child + div::after,
.md_visitslist_index .cardlist.latervisits .info > .subtle::after {
content: ', ' !important;
}
.md_visitslist_index .cardlist.latervisits .info > *:last-child::after {
display: none !important;
}
.md_visitslist_index .splitter {
width: 100% !important;
margin: 20px 0 !important;
padding: 0 20px !important;
display: none;
}
.md_visitslist_index .sevendaysvisits .card {
margin-bottom: 5px !important;
}
.md_visitslist_index .sevendaysvisits .contentColumn {
margin-bottom: 0 !important;
}
.md_visitslist_index .sevendaysvisits .date {
text-align: left !important;
}
.md_visitslist_index .sevendaysvisits .date * {
font-weight: bold !important;
font-size: 14px !important;
margin-bottom: 0 !important;
}
.md_visitslist_index .time span {
text-decoration: underline !important;
}
.md_visitslist_index .visitinfo.contentColumn .row.fixed > div:first-child > div {
display: inline-block !important;
width: auto !important;
float: left !important;
}
.md_visitslist_index .visitinfo.contentColumn .row.fixed > div:first-child > div:last-child {
clear: right !important;
}
.md_visitslist_index .visitinfo.contentColumn .row.fixed > div:first-child > div:first-child::after {
padding: 0 5px !important;
display: inline-block !important;
content: '|' !important;
}
.md_visitslist_index .visitinfo.contentColumn .location > div:first-child {
display: block !important;
float: left !important;
width: auto !important;
}
.md_visitslist_index .visitinfo.contentColumn .location > div:first-child::after {
content: '-' !important;
padding: 0 5px !important;
}
.md_visitslist_index .visitinfo.contentColumn .location > div:first-child + div {
display: block !important;
float: left !important;
width: auto !important;
}
.md_visitslist_index .visitinfo.contentColumn .location > div:first-child + div + div {
clear: both;
}
.md_visitslist_index .grid > .sevendaysvisits {
overflow: hidden;
}
.md_visitslist_index .grid > .sevendaysvisits > * {
float: left !important;
width: calc(50% - 20px) !important;
box-sizing: border-box !important;
padding: 5px !important;
margin: 5px !important;
}
.md_visitslist_index .soonvisits .insulated .row .col-1 {
margin-bottom: 0 !important;
}
}
.md_summary_index #ba_zeroAccountList .ba_card,
.md_summary_index #ba_authAccountList .ba_card {
background:none;
box-shadow: none;
}
.md_summary_index #ba_zeroAccountList .ba_card a,
.md_summary_index #ba_authAccountList .ba_card a {
margin:0.5em;
}
.md_summary_index #sidebar,
.md_summary_index #ba_zeroAccountList .ba_card_header,
.md_summary_index #ba_zeroAccountList .ba_card_status ,
.md_summary_index #ba_authAccountList .ba_card_header,
.md_summary_index #ba_authAccountList .ba_card_status ,
.md_summary_index #ba_main #alerts img.icon,
.md_details_index #ba_details_paperless_signup img.icon,
.md_details_index #ba_details_header .subtle,
.md_details_index #ba_detail_tab_Overview,
.md_details_index #tab_topic_Overview,
.md_details_index #ba_detail_tab_Charges,
.md_details_index #tab_topic_Charges,
.md_details_index #ba_detail_tab_Payments,
.md_details_index #tab_topic_Communications,
.md_details_index #ba_detail_tab_Communications,
.md_details_index #ba_detail_tab_AccountInfo,
.md_details_index #tab_topic_AccountInfo,
.md_details_index #ba_details_past_letters,
.md_details_index #sidebar {
display:none;
}
.md_details_index #ba_details_main {
visibility:hidden;
}
@media screen and (min-width: 769px) {
body.md_react_index ._ScrollRegion.scrollV {
overflow-y:inherit;
overflow-x:inherit;
}
body.md_react_index .ConversationDetails.full ._ScrollToHere,
body.md_react_index .ConversationDetails.full .mostRelevantMessageTarget {
margin-top: -3rem;
padding-top: 3rem;
}
body.md_react_index .ConversationDetails.full .ConversationMessages,
body.md_react_index .ConversationDetails.full .participantLists {
height:auto;
}
}
@media print {
#MedicationsPageContent .med-page-subheader {
display:none;
}
#MedicationsPageContent .pretext * {
font-size:12px;
}
div.card.medcard {
margin: 0!important;
padding: 0!important;
border: none!important;
border-top: 1px solid #000!important;
border-radius: 0!important;
margin-top: 10px!important;
padding-top: 10px!important;
}
.medcard *{
line-height: inherit!important;
font-size: 12px;
}
.card.medcard .name {
font-size:15px;
}
.card.medcard .cardline.sig,
.medcard .cardline.sig {
font-size:12px;
}
.card.medcard .medwarning {
margin:0!important;
}
div.medbottom {
display:none!important;
}
.card.medcard .medinfocolumn {
width: auto!important;
}
.card.medcard .medinfocolumn *{
font-size: 12px;
margin: 0;
padding: 0;
}
.medcard .medmessage svg.info-icon,
.card.medcard .medwarning svg.warning-icon {
position: relative;
margin: 0 5px 0 0!important;
bottom: -3px;
width: 15px;
height: 15px;
}
.medcard .medtop {
margin:0!important;
padding:0!important;
}
div.medbottom {
position:relative;
top:inherit;
bottom:inherit;
left:inherit;
right:inherit;
}
div.medbottom .meddetail {
padding:0;
}
.medbottom div {
padding:0!important;
}
.card.medcard .medmessage {
font-size:12px;
padding: 0;
margin: 5px 0 0 0!important;
}
}
/************************************************************************************************************/
/*
/* title : Algemene pagina's
/* url : /MyChartPOC/*
/* body class : md_default
/*
/************************************************************************************************************/
.md_default .omitdisablestyling.completeworkflow, .md_default .omitdisablestyling.nextstep {
background-color: #0090C3 !important;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-105 DigiD knop op inlogpagina
/* url : /MyChartPOC/*
/* body class : md_login
/*
/************************************************************************************************************/
/*
The styling that overrides the padding on the DigiD button is findable by searching for the ticket
number: UMCGDEV-105.
Below is moved styling that was first in the inline HTML, but due to regulation now needs to be in
the stylesheet.
*/
div.login a.button {
display:none;
}
/* Clear floats after image containers */
.customDigiDrow::after {
content: "";
display: none;
}
.customDigiDcolumn1 {
float: left;
width: 20%;
padding:2px;
}
.customDigiDcolumn2 {
width:80%;
padding:2px;
float:right;
}
.customDigiDrow {
idth:100%;
}
/* Clear floats after image containers */
.customDigiDrow::after {
content: "";
clear: both;
display: table;
}
.customDigiDbutton {
background-color: #f5821f;
border: none;
color: white;
text-align:center;
text-decoration: none;
display: inline-block;
font-size: 16px;
height:52px;
padding: 5px 12px;
border-radius:5px;
}
.customDigiDbutton:hover {
color:white;
text-decoration:none;
}
.mobile p.pretext {
display:none
}
.mobile .customDigiDrow {
display: none;
}
.mobile .customDigiDrow {
display: none;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-86 Randje om pagina Barcode en Overige gegevens
/* url : /MyChartPOC/inside.asp?mode=showrep&submode=BARCODEWEB
/* url : /MyChartPOC/inside.asp?mode=showrep&submode=overigegegevens
/* url : /MyChartPOC/inside.asp?mode=showrep&submode=Openstaandelaborders
/* url : /MyChartPOC/inside.asp?mode=showrep&submode=eyeglassrx
/* body class : md_showrep
/*
/************************************************************************************************************/
.md_showrep .rpt.StandardII .mainColumn {
border: none;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-87 Geen witrand bij knop en oude knop pagina Persoonlijke gegevens
/* url : /MyChartPOC/PersonalInformation
/* body class : md_personalinformation_index
/* Basis Button : line 971, 1101
/*
/************************************************************************************************************/
.md_personalinformation_index .contact-information-content .cardContent .buttonList .button,
.md_personalinformation_index .other-information-content .cardContent .buttonList .button
{
margin: 0 0 1.2rem 1.2rem!important;
}
.md_personalinformation_index .card .buttonList.subtle .button {
margin: 0 1.2rem 1.2rem 1.2rem!important;
}
.md_personalinformation_index .cancelButton {
border-radius: 2.5rem !important;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-89 Pagina Medicijnen: link -> knop
/* url : /MyChartPOC/Clinical/Medications
/* body class : md_medications_list
/*
/************************************************************************************************************/
.md_medications_list .card .contentlink a {
border: 1px solid #0090C3;
border-radius: 2.5rem;
margin: 0.5rem 0;
padding: 0.5rem 1.5rem !important;
text-decoration: none;
}
.md_medications_list .card .contentlink a svg.info-icon {
display: none;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-95 Hyperlinks in footer inlogpagina zichtbaar maken
/* url : /MyChartPOC/Authentication/Login?
/* body class : md_medications_list
/* Basis footer : 2131
/*
/************************************************************************************************************/
/************************************************************************************************************/
/*
/* title : UMCGDEV-88 Oude knop bij Voorlichting
/* url : /MyChartPOC//app/education
/* body class : md_react_index
/*
/************************************************************************************************************/
.md_react_index ._command.secondary.neutral[aria-disabled=true].prevPageBtn {
display: none;
}
.md_react_index ._command.secondary.neutral.prevPageBtn {
border-radius: 2.5rem;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 600;
padding: 0.3rem 1.5rem;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-112 lege knop op pagina Favorieten aanpassen
/* url : /MyChartPOC/Menu/ChangeShortcuts
/* body class : md_changeshortcuts_load
/*
/************************************************************************************************************/
.md_changeshortcuts_load .button.continuelater {
display: none;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-110 pagina Afspraken timeline
/* url : /MyChartPOC/Visits
/* body class : md_visitslist_index
/*
/************************************************************************************************************/
.md_visitslist_index .timeLine .timeLineSection .timeLineHeader {
width: 12%;
display: inline-block;
text-align: right;
margin-right: 5%;
margin-top: 0.4rem;
vertical-align: top;
}
.md_visitslist_index .timeLine .timeLineSection .timeLineHeader h3 {
font-size: 0.923rem !important;
}
.md_visitslist_index .timeLine .timeLineSection .timeLineDetails {
width: 83%;
display: inline-block;
}
.md_visitslist_index .timeLine:before {
position: absolute;
content: "";
height: calc(100% - 1rem);
left: 14%;
top: 1rem;
width: 5px;
background: #A0CAE8;
}
.md_visitslist_index .timeLine .timeLineSection {
margin-left: 0;
}
.md_visitslist_index .timeLine .timeLineSection:before {
left: calc(14% - 0.663rem);
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-104 grijze achtergrond menu- en homeknop
/* url : /MyChartPOC/Home
/* body class : all pages no class
/*
/************************************************************************************************************/
#graphicHeader:not(:empty) .headerButton,
#graphicHeader:not(:empty) #localeswitch,
#graphicHeader:not(:empty) #header_menu {
background: #FFF;
}
#graphicHeader:not(:empty) .headerButton .headerImage {
fill: #00388E;
}
#localeImg {
display: none;
}
#localeswitch::after {
content: '';
display: block;
width: 1.8rem;
height: 1.8rem;
vertical-align: middle;
background-color: #00388E;
mask: url(/MyChartPOC/nl-NL/images/locale_switch_white.svg) no-repeat center / contain;
-webkit-mask: url(/MyChartPOC/nl-NL/images/locale_switch_white.svg) no-repeat center / contain;
}
#graphicHeader:not(:empty) #header_menu:hover,
#graphicHeader:not(:empty) #header_menu:focus {
filter: none;
box-shadow: none;
}
#graphicHeader:not(:empty) #header_menu #header_menu_icon,
#graphicHeader:not(:empty) #header_menu:hover #header_menu_icon {
border-radius: 0.173rem;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-120 tekst 'wisselen' op knop ingelogde gebruiker
/* url : /MyChartPOC/Home
/* body class : all pages no class
/*
/************************************************************************************************************/
#graphicHeader:not(:empty) .switchPatientsText {
color: #00388E;
}
#graphicHeader:not(:empty) .proxySelectorDropDownContainer .switchPatientsTextOuter:after {
content: none;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-103 icoontje Facturen weghalen en knop veranderen
/* url : /MyChartPOC/Billing/Summary
/* body class : md_summary_index
/*
/************************************************************************************************************/
.md_summary_index .ba_cancel_paperless_icon {
display: none;
}
.md_summary_index #paperless_banner .bannerContent ._Icon {
display: none;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-106 Inlogvenster en DigiD knop
/* url : /MyChartPOC/*
/* body class : md_login_login
/*
/************************************************************************************************************/
.md_login_login #wrap #content {
width: auto;
}
.md_login_login #wrap #content .login input {
margin-bottom: 1.235rem;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-130 blauw blokje op inlogpagina
/* url : /MyChartPOC/*
/* body class : md_login_login
/*
/************************************************************************************************************/
.md_login_login .customDigiDrow::after {
display: none;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-128 Afspraakvoorbereiding: iconen blokjes Persoonlijke gegevens weghalen
/* url : /MyChartPOC/*
/* body class : md_echeckin_index
/*
/************************************************************************************************************/
.md_echeckin_index .contact-information-content .nameIconContainer svg,
.md_echeckin_index .other-information-content .nameIconContainer svg {
display: none;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-128 Geen witrand bij knop
/* url : /MyChartPOC/echeckin
/* body class : md_echeckin_index
/*
/************************************************************************************************************/
.md_echeckin_index .card .buttonList .button:last-child,
.md_echeckin_index .card .buttonList.subtle .button:last-child {
margin: 0 1.2rem 1.2rem 0!important;
}
.md_echeckin_index .card.medcard .buttonList {
justify-content: right;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-126 Afspraakvoorbereiding: oude knoppen bij stap Huisarts
/* url : /MyChartPOC/echeckin
/* body class : md_echeckin_index
/* Basis Button : line 971, 1101
/*
/************************************************************************************************************/
/************************************************************************************************************/
/*
/* title : UMCGDEV-127 Afspraakvoorbereiding: lege knop apotheek verwijderen
/* url : /MyChartPOC/echeckin
/* body class : md_echeckin_index
/* Basis Button : line 3131
/* Note : Delete icon terug geplaatst, ruimte onder verwijder button toegevoegd
/*
/************************************************************************************************************/
.md_echeckin_index .pharmacy-action-container .button.tertiary.neutral.delete {
background: none;
border: 0;
padding: 0!important;
}
.md_echeckin_index .pharmacy-action-container {
padding: 0!important;
}
.md_echeckin_index .pharmacy-action-container .button.delete img {
display: inline;
}
.md_echeckin_index .button.inlinedelete {
margin: 0 0 1.2rem 0!important;
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-124 Afspraakvoorbereiding: knoppen contactpersonen te dicht bij de rand
/* url : /MyChartPOC/echeckin
/* body class : md_echeckin_index
/* Basis Button : line 971, 1101
/*
/************************************************************************************************************/
.md_echeckin_index .cardlist .relationship-content.card.contact.card.withButton .buttonList {
padding: 0 0 0 1.2rem;
}
.md_echeckin_index .card .buttonList .button:last-child,
.md_echeckin_index .card .buttonList.subtle .button:last-child {
margin: 0.5rem 1.2rem 1.2rem 0 !important;
}
@media screen and (max-width: 1300px) {
.md_echeckin_index .cardlist .relationship-content.card.contact .buttonList .formbuttons > button {
margin-right: 1.2rem;
}
}
/************************************************************************************************************/
/*
/* title : UMCGDEV-124 Buttons onderaan kaart
/* url : /MyChartPOC/Visits
/* body class : md_visitslist_index
/*
/************************************************************************************************************/
.md_visitslist_index .visitinfo.grid.col-8.contentColumn {
width: calc(91.6666666667% - 24px);
}
.md_visitslist_index .actions.col-3.buttonColumn {
display: inline-block;
width: 100%;
}
.md_visitslist_index .buttonColumn a.button.primary.neutral,
.md_visitslist_index .buttonColumn a.button.primary.positive {
display: inline-block;
margin-left: 0.5rem;
width: auto !important;
}
.md_visitslist_index .buttonColumn {
display: inline-block;
text-align: right;
}
/************************************************************************************************************/
/*
/* title : DigiD knop op inlogpagina
/* url : /MyChartPOC/*
/* body class : md_login
/*
/************************************************************************************************************/
div.login a.button{
display:none;
}
.customDigiDcolumn1 {
float: left;
width: 20%;
padding:2px;
}
.customDigiDcolumn2 {
width:80%;
padding:2px;
float:right;
}
.customDigiDrow {
width:100%;
}
/* Clear floats after image containers */
.customDigiDrow::after {
content: "";
clear: both;
display: table;
}
.customDigiDbutton {
background-color: #f5821f;
border: none;
color: white;
text-align:center;
text-decoration: none;
display: inline-block;
font-size: 16px;
height:52px;
padding: 5px 12px;
border-radius:5px;
}
.customDigiDbutton:hover {
color:white;
text-decoration:none;
}
.mobile p.pretext {
display:none
}
.mobile .customDigiDrow {
display:none
}
/************************************************************************************************************/
/*
/* title : Genetisch profiel - Ziektegerelateerde bevindingen
/* url : /MyChartPOC/app/genetic-profile
/* Jira : https://finalist-it.atlassian.net/browse/UMCGDEV-170
/*
/************************************************************************************************************/
#appRoot > div > div._LayoutGrid.grid._layout.fullWidthPrint > div > div > div:nth-child(2) {
display:none
/*background-color: red !important;*/
}
/************************************************************************************************************/
/*
/* title : QR Code authenticator
/* url : /MyChartPOC/inside.asp?mode=passwd
/* Jira : https://finalist-it.atlassian.net/browse/UMCGDEV-173
/*
/************************************************************************************************************/
.QRCodePageSeg {
grid-template-columns: unset;
grid-template-rows: auto auto auto;
grid-template-areas:
"SetUpOnDevice"
"Separator"
"QrImageSeg";
}
.QRCodePageSeg .SeparatorText {
color: black !important;
font-weight: bold;
}
/************************************************************************************************************/
/*
/* title : Medicatie noprint
/* url : /MyChartPOC/Clinical/Medications
/* Jira : https://finalist-it.atlassian.net/browse/UMCGDEV-111
/*
/************************************************************************************************************/
@media print
{
#CurrentMedicationsList .medmessage {
display: none;
}
}
/************************************************************************************************************/
/*
/* title : Grote verticale knoppen
/* url : /MyChartPOC/app/health-summary
/* Jira : https://finalist-it.atlassian.net/browse/UMCGDEV-167
/*
/************************************************************************************************************/
ul[aria-label*="Aanbevolen acties"] {
.actions {
max-width: unset;
}
}
/************************************************************************************************************/
/*
/* title : Knoppen, blauw met mooi ronde hoeken
/* url : /MyChartPOC/Echeckin
/* Jira : https://finalist-it.atlassian.net/browse/UMCGDEV-159
/* : https://finalist-it.atlassian.net/browse/UMCGDEV-160
/* : https://finalist-it.atlassian.net/browse/UMCGDEV-161
/* : https://finalist-it.atlassian.net/browse/UMCGDEV-171
/*
/************************************************************************************************************/
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child,
.formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.positive,
._Command._actionable._command.secondary.neutral,
._Link._actionable._link._readOnlyText._InternalLink.primary.neutral {
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 600;
cursor: pointer;
color: #fff;
background-image: none;
background-color: #0090C3;
border: 1px solid #0090C3;
transition: 200ms ease-out !important;
border-radius: 2.5rem !important;
text-decoration: none;
padding-left: 1.442rem;
padding-right: 1.442rem;
display: inline-block;
padding: 0.3rem 1.5rem !important;
line-height: 1.5rem;
box-shadow: inherit;
outline: none;
transform: none;
width: auto;
}
/************************************************************************************************************/
/*
/* title : Knoppen achtergrond
/* url : /MyChartPOC/Echeckin
/*
/************************************************************************************************************/
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child:hover,
.formbuttons.multiStep .button:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.positive:hover,
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled):first-child.positive:hover,
._ActionGroup.type-fullPage.flavor-multiStep ._actionable:not(.hidden):not([style*="display: none"]) ~ ._actionable:not(.hidden, [disabled], [aria-disabled=true], .disabled):hover,
._Command._actionable._command.secondary.neutral:hover,
._Link._actionable._link._readOnlyText._InternalLink.primary.neutral:hover {
background-color: #fff!important;
color: #0090C3!important;
}
/************************************************************************************************************/
/*
/* title : Text kleuren
/*
/************************************************************************************************************/
.text-umcg-donkerblauw {
color: #00388E
}
.text-umcg-oranje {
color: #FF7D00
}
/************************************************************************************************************/
/*
/* title : Upgrade 11.3 (live 17-06-2025): achtergrond header donkerblauw in responsive mode
/* url : /MyChartPOC/Echeckin
/*
/************************************************************************************************************/
@media screen and (min-width: 300px) {
.shortcutButtons#shortcut-buttons:before {
mask-image: none;
background-image: none;
filter: none;
}
}
/************************************************************************************************************/
/*
/* title : Upgrade 11.3 (live 17-06-2025): apotheekinformatie verbergen
/* url : /MyChartPOC/Echeckin
/*
/************************************************************************************************************/
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection {
display: none;
}
/************************************************************************************************************/
/*
/* title : Upgrade 11.3 (live 17-06-2025): wisselknop mist pijltje
/* url : /MyChartPOC/Home
/*
/************************************************************************************************************/
body.isInside.graphicHeader {
.proxySelectorDropDownContainer .proxyButton .accountDropDownButtonChevronDown {
fill: var(--wp-proxy-color, currentColor);
}
}
/************************************************************************************************************/
/*
/* title : Upgrade 11.3 (live 17-06-2025): knop Nieuw familielid toevoegen
/* url : /MyChartPOC/Questionaires
/*
/************************************************************************************************************/
.md_mychartquestionnaire_questionnaires #qnr-questions-container {
._Segment._container.boundary-none.FamilyHistory > div.AddFamilyMemberButton.addCardButton.addItem {
._Command._actionable._command.secondary.neutral.addCard.addCardCommand.addFamilyMemberCommand {
background-color: #fff;
color: #0090C3;
border: 1px solid #0090C3;
}
}
}
@supports (display: grid){
html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand:hover, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand:hover {
color: #fff !important;
background-color: #0090C3 !important;
transition: 200ms ease-out;
}
}
/************************************************************************************************************/
/*
/* title : Vragenlijsten – layout vrije tekst vraag
/* url : /MyChartPOC/Questionaires
/*
/************************************************************************************************************/
.question.standardNumeric.questiongroupitem > div > label > span.question-prompt {
font-family: "Source Sans Pro", Calibri, Arial, sans-serif;
}
.question.fieldText.standardText.questiongroupitem > div > label > span.question-prompt {
font-family: "Source Sans Pro", Calibri, Arial, sans-serif;
}
/************************************************************************************************************/
/*
/* title : Upgrade 11.3 (live 17-06-2025): streep onder + Allergie toevoegen
/* url : /MyChartPOC/Clinical/Allergies
/*
/************************************************************************************************************/
.card.addItem .addlabel:before {
content: "";
}
span.addlabel:before {
background-image: url(../images/umcg/plus.svg);
background-repeat: no-repeat;
width: 21px;
height: 21px;
top: 7%;
position: relative;
}