@font-face { font-family: "PrioriSansOTRegular"; src: url("../fonts/priorisans/PrioriSanRovidRegH_FromBHC.otf") format("opentype"); } @font-face { font-family: "PrioriSansOTBold"; src: url("../fonts/priorisans/PrioriSansOT-Bold.otf") format("opentype"); } @font-face { font-family: "PrioriSansOTBlack"; src: url("../fonts/priorisans/PrioriSansOT-Black.otf") format("opentype"); } @font-face { font-family: "PrioriSansOTItalic"; src: url("../fonts/priorisans/PrioriSansOT-Italic.otf") format("opentype"); } @font-face { font-family: "PrioriSansOTLight"; src: url("../fonts/priorisans/PrioriSansOT-Light.otf") format("opentype"); } @font-face { font-family: "PrioriSansOTUltraLight"; src: url("../fonts/priorisans/PrioriSansOT-UltraLight.otf") format("opentype"); } @font-face { font-family: "HelveticaLight"; src: url("../fonts/helvetica/Helvetica-Light20210726.ttf") format("truetype"); } @font-face { font-family: "HelveticaBold"; src: url("../fonts/helvetica/Helvetica-Bold-02.ttf") format("truetype"); } *:focus { /*outline-color: black; outline-style: solid; outline-width: 2px;*/ /*outline-color: white; border: none; OUTLINE-WIDTH: 1PX;*/ } *:-moz-focusring { /*color: red;*/ outline: 2px solid black; } html { font-family: "Helvetica"; } body { color: #4d566c; margin: 0; } .wrapEverything { max-width: 1200px; margin: 0 auto; } h1, h2, h3 { font-weight: 700; } h1 { margin-bottom: 0px; } h2, h3 { margin-bottom: 20px; } img { max-width: 100%; } p { line-height: 1.4; } p strong{ font-weight:bold; } nav { display: none; } /*main img { width: 100%; }*/ nav ul { display: flex; list-style: none; /*justify-content: space-between;*/ margin: 0; padding: 0; } .button { text-decoration: none; padding: 10px 30px; border-radius: 5px; font-weight: 600; display: inline-block; margin: 25px 0px; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .button:hover { -webkit-box-shadow: 10px 10px 27px -10px rgba(0, 0, 0, 0.51); -moz-box-shadow: 10px 10px 27px -10px rgba(0, 0, 0, 0.51); box-shadow: 10px 10px 27px -10px rgba(0, 0, 0, 0.51); } .bhcDefaultButton { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #019875, #019875); color: #ffffff !important; } .greyButton { color: #022a55; font-weight: normal; background: -webkit-gradient( linear, left top, left bottom, from(#f4f6f8), to(#e7eaef) ); background: linear-gradient(180deg, #f4f6f8 0%, #e7eaef 100%); } .greyButtonCookie { height: 50px; width: 100%; font-size: 16px; font-weight: 600; border: none; margin-top: 20px; } .orangeButton { color: #ffffff; font-weight: normal; background: #f86822; } .otherButton { background-color: #9c40ff; color: #ffcf40; } .flowingtextLinkGreen, .flowingtextLinkGreen:hover { color: #019875 !important; font-weight: bold !important; background: none !important; text-decoration:none !important; box-shadow: none !important; } /* START TOOLTIP STYLES */ [tooltip] { position: relative; /* opinion 1 */ } /* Applies to all tooltips */ [tooltip]::before, [tooltip]::after { text-transform: none; /* opinion 2 */ font-size: .9em; /* opinion 3 */ line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [tooltip]::before { content: ''; border: 5px solid transparent; /* opinion 4 */ z-index: 1001; /* absurdity 1 */ } [tooltip]::after { content: attr(tooltip); /* magic! */ /* most of the rest of this is opinion */ /*font-family: Helvetica, sans-serif;*/ text-align: center; /* Let the content set the size of the tooltips but this will also keep them from being obnoxious */ min-width: 3em; /*max-width: 21em;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); /*background: #333;*/ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #747474, #747474); color: #fff; z-index: 1000; /* absurdity 2 */ } /* Make the tooltips respond to hover */ [tooltip]:hover::before, [tooltip]:hover::after { display: block; } /* don't show empty tooltips */ [tooltip='']::before, [tooltip='']::after { display: none !important; } /* FLOW: UP */ [tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; } [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 5px); } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } /* FLOW: DOWN */ [tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #999; } [tooltip][flow^="down"]::after { top: calc(100% + 5px); } [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } /* FLOW: LEFT */ [tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } /* FLOW: RIGHT */ [tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); } [tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } /* KEYFRAMES */ @keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); } } /* FX All The Things */ [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } /*main { margin-top: 1px; }*/ .main_area { width: 100%; } .row { margin-right: 0px; margin-left: 0px; margin-top: 20px; } .row > div { padding: 10px; } aside { background-color: #ffd53c; } /*from bootstrap */ *, ::after, ::before { box-sizing: border-box; } /*from bootstrap end*/ /*common*/ .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .base_btn { margin-top: 20px; margin-bottom: 10px; height: 50px; border-radius: 3px; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) ), linear-gradient(to bottom, #019875, #019875); width: 100%; font-size: 16px; color: white; font-weight: 600; /*outline: none;*/ border:none; } .btn:hover { color: #212529; text-decoration: none; } .base_btn:hover, .base_btn:active, .base_btn:focus { color: white; box-shadow: none; } .base_btn.disabled { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #747474, #747474); color: white; cursor: auto; } a, a:hover { text-decoration: none; color: #4d566c; } .purpleButton { background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) ), linear-gradient(to bottom, #824b85, #662269); color:white; } .purpleButton:hover, .purpleButton:active, .purpleButton:focus { color: white; box-shadow: none; } /*common end*/ /*nav start*/ header { /*max-width: 1200px;*/ margin: 0 auto; color: #002856; } header .header_top { display: flex; justify-content: space-between; align-items: center; font-size: 11px; min-height: 45px; /*padding: 0 120px;*/ box-shadow: 0px 1px 0px 0px rgb(232 232 232); } header .header_top .language_wrapper { cursor: pointer; } header .header_top .language_wrapper img:not(:last-child) { margin-right: 5px; } header nav { display: flex; justify-content: space-between; min-height: 90px; /*box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);*/ /*padding: 0 120px;*/ position: relative; z-index: 5; } header nav > a { display: flex; } header nav > ul { display: flex; justify-content: space-between; align-items: center; list-style-type: none; margin: 0; padding: 0; } header nav > ul li { padding: 0px 10px; text-transform: uppercase; font-size: 13px; color: #002856; text-align:center; /*font-family: PrioriSansOTBold;*/ } header nav > ul li a { color: #4d566c; letter-spacing: 0.6px; position: relative; font-family: PrioriSansOTRegular; font-size: 17px; font-weight: normal; } header nav > ul li a:hover { text-decoration: none; color: #019875; font-weight: bold; } header nav > ul li a:hover { text-decoration: none; color: #019875; } header nav > ul li a:hover::after { position: absolute; content: ""; height: 2px; bottom: -6px; width: 100%; margin: 0 auto; left: 0; right: 0; background: #019875; } header nav > ul li.active a { color: #019875; font-weight: 700; } header nav > ul li.active a::after { position: absolute; content: ""; height: 2px; bottom: -6px; width: 100%; margin: 0 auto; left: 0; right: 0; background: #019875; transition: all 1s; } header nav > .right_col { display: flex; align-items: center; width: 242px; justify-content: flex-end; } header nav > .right_col .fas.fa-user-circle { color: #4d566c; font-size: 35px; } header nav > .right_col button.base_btn { height: auto; margin: 0 0 0 0; width: 170px; } .menu_open { z-index: 4; line-height: 1.5; display: none; top: 100%; left: 50%; transform: translateX(-50%); width: 70%; position: absolute; z-index: 1; padding: 30px 30px 20px 30px; box-shadow: inset -1px 6px 3px -3px #0000003b, 0 3px 4px 0 rgb(0 0 0 / 20%); background-blend-mode: lighten, normal; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 199% ), linear-gradient(to bottom, #e6eaf0, #e6eaf0); } .menu_open ul li a { font-family: HelveticaLight; font-weight: normal; font-size: 16px; position: relative; top: -3px; color: #4d566c; left: 18px; } header .menu_open ul { display: flex; flex-wrap: wrap; } header .menu_open ul > li { display: flex; flex-basis: 33%; transition: all 0.2s linear; opacity: 0; align-items:center; text-transform: unset; text-align: left; } header .menu_open ul { padding-left: 0; margin: 15px 0; } header .menu_open ul li { background: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/list_green.svg) no-repeat transparent; background-position: 10px 2px; list-style-type: none; margin: 0; font-size: 14px; padding: 0px 0px 17px 17px; vertical-align: middle; position: relative; } header .menu_open ul li a:hover { color: #019875; } header .menu_open ul li::after { position: absolute; content: ""; height: 1px; bottom: 11px; width: 90%; margin: 0 auto; left: 0; right: 0px; background: #d8d8d8; } /*nav end*/ /*breadcrumb */ .breadcrumb { width: 100%; background-color: #4d566c; padding: 19px 20px; font-size: 12px; color: #f3f3f3; margin-bottom: 0px; position: relative; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; /*border-radius: 3px;*/ position: relative; /* overflow-x: scroll; */ overflow-y: hidden; white-space: nowrap; cursor: pointer; } .breadcrumbContent { display: inline-block; margin-right: 20px; } .breadcrumb span:first-child img { height: 12px; width: auto; } .breadcrumb .breadcrumbSeparator { padding: 0px 15px; } .breadcrumb .breadcrumb_item { cursor: pointer; color: #f3f3f3; font-weight: 400; } .breadcrumb .search_wrapper { display: inline-flex; position: absolute; right: 20px; /*transform: translateY(-50%); top: 50%;*/ height: 28px; bottom: 13px; } .breadcrumb .search_wrapper input { display: block; width: 170px; margin-right: 5px; outline: none; padding: 8px; box-sizing: border-box; transition: 0.3s; border-radius: 3px; border: solid 1px transparent; border-radius: 3px; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 99% ), linear-gradient(to bottom, #e6eaf0, #e6eaf0); font-size:12px; } .breadCrumbHomeIcon { margin-right:10px; } .breadcrumb .search_wrapper input:focus { border: solid 1px #019875; } .breadcrumb .search_wrapper img { cursor: pointer; } /*breadcrumb end*/ /* img */ .imageMaxWidth { width: 100% !important; } /* img */ .row { margin-right: 0px; margin-left: 0px; margin-top: 0px; } .row > .column { padding-top: 0px; } header.mobileHeader { display: none; } header.mobileHeader .mobileHeaderTopContainer { display: flex; justify-content: space-between; align-items: center; margin: 20px; } header.mobileHeader .mobileMenuBottomContainer { padding: 20px; } header.mobileHeader .mobileHeaderTopContainer .emailIconInMobileMenu { margin-left:10px; /*display:none;*/ } header.mobileHeader .mobileHeaderTopContainer .mobileLangChooserSpan { cursor: pointer; font-size: 12px; margin-top: 20px; /*15px volt*/ display: block; } header.mobileHeader .mobileHeaderTopContainer .phoneEmail_wrapper a:nth-of-type(2) { display:none; } .highContrast { position: relative; top: 2px; } .inputWithIcon input[type="text"] { padding: 8px 8px 8px 45px; width: 100%; margin: 8px 0; /*outline: none;*/ box-sizing: border-box; transition: 0.3s; background-color: #f0eff5; border-radius: 3px; border: solid 1px transparent; min-height: 46px; } .inputWithIcon { margin-right: 4px; position: relative; } .inputWithIcon img { position: absolute; left: 4px; top: 12px; padding: 9px 8px; color: #4d566c; transition: 0.3s; z-index: 2; font-size: 17px; z-index: 20; } .mobileMenuInfo { border-bottom: solid 0.4px #d8d8d8; border-top: solid 0.4px #d8d8d8; margin: 20px 0px; } .mobileMenuItemClose { display: none; } .mobileMenuInfo p { text-align: center; margin: 15px; font-size: 15px; } header.mobileHeader .mobileMenuItemContainer { display: none; } header.mobileHeader .menuClose { display: none; } header.mobileHeader .mobileMenuItem:first-child { border-top: solid 0.4px #d8d8d8; } header.mobileHeader .mobileMenuItem { font-size: 20px; padding: 10px 20px; border-bottom: solid 0.4px #d8d8d8; display: flex; align-items: center; justify-content: space-between; color: #4d566c; } header.mobileHeader .mobileMenuItem a { font-weight: normal; color: #4d566c; } header.mobileHeader .mobileMenuItem i { font-size: 14px; } header.mobileHeader .menuToggleClass { font-size: 25px; color: #4d566c; background-color: unset; border: none; } header.mobileHeader .menuOpen { height: 20px; width: 30px; background-image: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/menu.svg); } header.mobileHeader .menuClose { height: 20px; width: 20px; background-image: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/close%20icon.svg); } header.mobileHeader .language_wrapper { align-self: stretch; width: 52px; } header.mobileHeader .menuToggleContainer { width: 52px; text-align:center; } header.mobileHeader .language_wrapper img:first-child { margin-right: 5px; } /*form*/ .labelInputGroup { max-width:400px; } .labelInputGroup label{ font-size: 12px; letter-spacing: 0.2px; margin-bottom: 5px; display: block; margin-left: 10px; } .newsletterFormHomePage .labelInputGroup label, .newsletterFormHomePage .formCheckbox label a{ color:white; font-size: 14px; text-decoration:none; } .newsletterFormHomePage .formCheckbox label a:hover{ cursor:pointer; color:white; font-size: 14px; text-decoration:none; } .labelInputGroup input[type="text"]{ margin-top: 0px; } .checkboxTextContainer { color: white; font-size: 14px; } .checkboxTextContainer a { color: white; text-decoration: underline; } .checkboxTextContainer a:hover { color: white; text-decoration: underline; } .checkboxContentWithText { display: flex; align-items: center; } .roleAlertElement { display:none; } form input[type="text"], form select, form input[type="password"], form textarea { width: 100%; margin: 8px 0; outline: none; padding: 8px; box-sizing: border-box; transition: 0.3s; /*background-color: #f0eff5;*/ border-radius: 3px; border: solid 2px #B9BBC3; min-height: 46px; } form input[type="text"]:focus, form select:focus, form input[type="password"]:focus, form textarea:focus { border: solid 2px #189978; box-shadow: 0px 0px 2px 2px #D1EBE4; } .formCheckbox:hover { cursor: pointer; } .formCheckbox input[type=checkbox] { display: none !important; } .formCheckbox label { cursor: pointer !important; display: inline-block !important; position: relative !important; padding-left: 40px !important; margin-right: 0px !important; min-height: 35px !important; display: flex !important; align-items: center !important; margin-bottom: 0px !important; } .formCheckbox label:before { background: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/chb_unchecked_1.svg) left center no-repeat !important; background-size: 25px 25px !important; margin-top: 1px !important; content: "" !important; width: 30px !important; height: 30px !important; position: absolute !important; left: 0 !important; } .formCheckbox input[type=checkbox]:checked + label:before { background: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/chb_checked_1.svg) left center no-repeat !important; background-size: 25px 25px !important; margin-top: 1px !important; } .formCheckbox label a { text-decoration: none; } .submitNewsLetterForm, .submitNewsLetterFormExclusive, .submitNewsLetterUnsubscribeForm, .submitNewsLetterUnsubscribeCheck, .submitNewsLetterFormNurse { max-width:400px; } .formErrorMessages { margin-bottom: 0px; color: #dc3939; font-size: 14px; } .formErrorMessages span { display: none; } .domainChooserBHCStyle { border-radius: 3px; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) ), linear-gradient(to bottom, #019875, #019875); color: white; font-weight: 600; border: none; padding: 5px; cursor: pointer; } .domainChooserOGKStyle { border-radius: 3px; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) ), linear-gradient(to bottom, #824b85, #662269); color: white; font-weight: 600; border: none; padding: 5px; cursor: pointer; } .formTopContainer { border: 1px solid #e4e7eb; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 20px; } .formBottomContainer { border: 1px solid #e4e7eb; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 20px; } .validateRequireText { color: #B50505; font-size: 12px !important; margin-left: 10px; display:none; } #newsletter .validateRequireText { color: white; font-size: 14px; background-color: #7A2100; padding: 6px 10px; border-radius: 2px; } #newsletter .chbWrapper .validateRequireText { /*display: block;*/ margin-left: 17px; margin-top: 5px; } .inputWithError { border: 1px solid #B50505 !important; box-shadow: none !important; } #newsletter .inputWithError { border: 1px solid white !important; } /*form*/ /* requestForm */ .requestFormRow { display: flex; justify-content: space-between; } #requestForm .labelInputGroup { width: 30%; } #requestForm .labelInputGroup.requestFormServType { width: 65%; max-width: unset; } .submitrequestForm { width:200px; margin:0; } /* requestForm */ .notFoundContainer, .notFoundEnglishContentContainer { background: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/404_desktop.png); text-align: center; padding: 120px; background-size: cover; position:relative; } .notFoundContainer > *, .notFoundEnglishContentContainer > *{ max-width: 1200px; margin-right: auto !important; margin-left: auto !important; } .notFoundContainer p, .notFoundEnglishContentContainer p { text-align:center; color: white; margin: 0; line-height: 1; } .notFoundContainer p:nth-of-type(1) { font-size:50px; font-weight:bold; margin-bottom: 10px; } .notFoundContainer p:nth-of-type(2) { font-size:50px; margin-bottom: 20px; } .notFoundContainer p:nth-of-type(3) { font-size: 20px; margin-bottom: 50px; line-height: 1.4; } .notFoundContainer .search_wrapper, .notFoundEnglishContentContainer .search_wrapper{ display: inline-flex; height: 40px; margin-bottom: 50px; } .notFoundContainer .search_wrapper input, .notFoundEnglishContentContainer .search_wrapper input{ display: block; width: 250px; margin-right: 15px; outline: none; padding: 5px; box-sizing: border-box; transition: 0.3s; border-radius: 3px; border: solid 1px transparent; border-radius: 3px; background-color: white; } .notFoundContainer .search_wrapper img, .notFoundEnglishContentContainer .search_wrapper img{ cursor: pointer; height: 40px; } .notFoundEnglishContentContainer p:nth-of-type(1) { font-size:60px; margin-bottom:40px; font-family: "PrioriSansOTRegular"; } .notFoundEnglishContentContainer p:nth-of-type(2) { font-size: 26px; margin-bottom: 20px; line-height: 1.4; } .notFoundEnglishContentContainer .btn.base_btn { width:290px; } .notFoundContainer a { display: block; color: white; font-size: 20px; font-weight: normal; } .notFoundContainer a img { position: relative; top: 3px; margin-left: 10px; } .language_wrapper img { border-radius: unset; } .mobileSendNewsLetterFormButton { display:none !important; } .mobileMainPageOnlineBlock { display:none; background: #4d566c; padding: 25px; text-align:center; } .mobileMainPageOnlineBlock button{ max-width:400px; margin: 0; } .articleModifyLessThanYear { background: rgba(255, 237, 182, 0.6); padding: 10px 20px; display: inline-block; font-style: italic; color: #d89c00; } /*search block*/ .searcContainer { position: relative; } .searcContainerInner { max-width: 1200px; margin: 0 auto !important; } .searcGreyTopBlock { width: 100%; height: 70px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 13.99%, rgba(255, 255, 255, 0.6) 98.55%), #E6EAF0; } .searchAndOrder { height: 40px; display: flex; justify-content: space-between; max-width: 600px; margin: 0 auto; position: relative; top: -20px; } .searchAndOrder input { width: 355px; height: 40px; left: 0px; top: 0px; background: #FFFFFF; box-shadow: 0px 2px 8px rgba(77, 86, 108, 0.15); border-radius: 3.75px; border:none; padding: 11px 16px; outline: none; font-size: 18px; color: #4d566c; } .searchAndOrder .searchButton { background: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/search_button_kis_meret.svg) no-repeat; width: 40px; height: 40px; cursor: pointer; margin: 0 5px; } .searchAndOrderInputContainer { position: relative; padding-right: 30px; width: 355px; } .searchAndOrderInputContainer span { position: absolute; top: 13px; right: 16px; width: 15px; height: 15px; background: #e8e8e8; cursor: pointer; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 10px; padding-bottom: 2px; padding-left: 1px; } .searchTypeTitle { font-family: 'HelveticaBold'; font-size:28px; text-align:center; margin-top:40px; margin-bottom:10px; } .searchNumber { margin-top: 0; text-align: center; color: #9da1ab; } .searchOrder { height:40px; cursor:pointer; background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.0001) 98.55%), #E6EAF0; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.05); padding: 11px 16px; font-size: 18px; width: 170px; text-align: right; border-radius: 4px; } .searchOrderItems { position:absolute; top:45px; right:0px; box-shadow: 0px 4px 12px rgb(0 0 0 / 10%); z-index: 1; display:none; } .searchOrder:hover, .searchOrderActive { background: #d8dde4; } .searchOrderItems .searchOrder { box-shadow: unset; border-radius: 0px; } .searchOrderItems .searchOrder:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .searchOrderItems .searchOrder:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .searchOrderItems .searchOrder:not(:last-child) { border-bottom: 1px solid #f3f4f7; } .orderDescIcon, .orderAscIcon { width: 19px; height: 17px; float: left; display: inline-block; position: relative; top: 2px; } .orderDescIcon { background: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/sorbarendezes_iconasc.svg); background-size: contain; background-repeat: no-repeat; } .orderAscIcon { background: url(https://prodbhccmsblob.blob.core.windows.net/resources/Images/sorbarendezesicondesc.svg); background-size: contain; background-repeat: no-repeat; } /*search block*/ /*questionnaireContainer block*/ .questionnaireContainer h1 { text-transform:uppercase; margin: 0 30px; } .questionnaireContainer h2 { margin: 25px 30px 0; } .questionnaireContainer .questionnaireMainDesc { margin: 5px 30px 0; } .questionBlock { margin: 50px 0px; } .questionRow { display:flex; } .questionColumn { width: 50%; padding: 30px; display: flex; align-items: center; } .questionColumnGreyBack { background-color: #f4f5f7; } .questionColumn p { margin: 0; } .titleOrderNumber { font-size:20px; font-family: "HelveticaBold"; padding-right: 15px; } .titleOrderAndTitleContainer { display: flex; align-items: center; } .questionColumnTitle { font-size:20px; font-family: "HelveticaBold"; } .ratingColumn { display:flex; justify-content:space-between; position:relative; } .ratingColumn span{ font-size:20px; } .ratingColumn label{ position:relative; } .ratingColumn input[type="radio"] { margin:0; position: absolute; opacity: 0; width: 0; height: 0; } .questionColumnOption { font-size:15px; } .activeSelection { display:none; } .ratingColumn input[type='radio'] ~ img { cursor: pointer; } .ratingColumn input[type="radio"] ~ img:focus { border:1px solid black; } .ratingColumn input[type='radio']:checked ~ .activeSelection { display:block; } .ratingColumn input[type='radio']:checked ~ .inactiveSelection { display:none; } .specWithLastItemInQuestion { width:190px; display: flex; align-items: center; } .radioGroupValidateRequired { display:none; font-size: 12px !important; color: #e93e00; margin-left: 15px; line-height: 0; position:absolute; right: 30px; } .questionnaireContainer input[type="text"], .questionnaireContainer select, .questionnaireContainer input[type="password"], .questionnaireContainer textarea { width: 100%; margin: 8px 0; /*outline: none;*/ padding: 8px; box-sizing: border-box; transition: 0.3s; background-color: #f0eff5; border-radius: 3px; border: solid 1px transparent; min-height: 46px; } .questionnaireContainer label, .questionnaireContainer select { margin: 0; } .questionnaireContainer textarea { height:115px; } .questionnaireContainer .labelInputGroup { width:400px; margin: 0; position:relative; } .ratingColumnNumbersInfo span:not(.specWithLastItemInQuestion) { width:24px; text-align:center; } .questionMainNameAndEmailBlock .labelInputGroup { width: unset; } .questionMainNameEmailDateBlock { display:block; } .questionMainNameAndEmailBlock { display: flex; justify-content: space-between; width: 400px; margin-bottom: 30px; } .questionMainNameBlock, .questionMainEmailBlock { width: 48%; } .questionnaireContainer label span { display:none; } .redAlertMessage { color:#e93e00; } .checkBoxInColumnLower label { padding-left: 40px !important; } /*questionnaireContainer block*/ /* datepicker */ .ui-datepicker { min-width: 300px; } .ui-datepicker .ui-datepicker-header { background-color: white; border: none; } .ui-datepicker .ui-datepicker-prev { left: 50px; } .ui-datepicker-header .ui-icon.ui-icon-circle-triangle-w { background-position: -98px 0px; transform: scale(1.5); } .ui-datepicker .ui-datepicker-next { right: 50px; } .ui-datepicker-header .ui-icon.ui-icon-circle-triangle-e { background-position: -32px 0px; transform: scale(1.5); } /*datepicker*/ .table-condensed thead tr:last-child th { border-bottom: 1px solid #c8c9cc; } .daterangepicker td.start-date.end-date { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #019875, #019875); border-radius: 17.2px; } .daterangepicker{ margin-top:20px; } .daterangepicker .month{ font-size:13px; } .daterangepicker:before { height: 35px; top: -30px; content: "Válasszon dátumot"; text-align: center; max-width: 100%; width: 254px; position: absolute; left: 0 !important; border-radius-top: 0px; padding-top: 10px; color: white; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #019875, #019875); margin-top: 10px; width: 100%; border: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } .daterangepicker:after { top: -12px; content: "x"; color: white; border: none; } .daterangepicker.opensright:after { right: 11px; left: initial; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #1ba38354; border-color: transparent; color: inherit; border-radius: 35px; } /* jquery UI datepicker próba*/ #ui-datepicker-div { z-index: 20 !important; } .ui-datepicker { min-width: 300px; } .ui-state-holiday .ui-state-default { /*border-bottom: 1.5px solid #019875 !important; */ color: #019875 !important; font-weight: 700 !important; position: relative; } .ui-state-holiday.ui-state-hover { color:white !important; } .ui-state-default.ui-state-active{ color:white !important; } .ui-state-holiday .ui-state-active { color: white !important; } .ui-state-holiday .ui-state-default:after { content: ""; background: #019875; position: absolute; bottom: 0; left: 0; height: 2.5px; width: 50%; transform: translateX(-50%); left: 50%; bottom: 3px; } .ui-state-default.ui-state-hover { color: white !important; font-weight: 400 !important; } .ui-datepicker-calendar thead tr:last-child th { border-bottom: 1px solid #c8c9cc; } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid transparent; background: none; font-weight: normal; color: #4d566c; text-align: center; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; } .ui-datepicker .ui-datepicker-header{ background-color:white; border:none; } .ui-state-hover, .ui-state-active { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #019875, #019875) !important; color: white !important; font-weight: bold; position: relative; border-radius: 50%; z-index: 100; visibility: visible; } /* jquery UI datepicker próba vége*/ .exitCompanyMobile { color:red ; text-decoration:underline; cursor:pointer; display:none; } .doctor_group_search_empty{ display:none; } /* datepicker */ .mainPageClass .slick-dotted.slick-slider { margin-bottom: 0px; } .mainPageClass .col-lg-12 { padding: 0; } #requestForm select { margin-top: 0; } .optionalInfo { text-align:right; } .secondaryOptionalInfo { position: absolute !important; right: 0; top: 0; } /* loader gif */ #loading { position: fixed; display: none; z-index: 2000; width: 100%; height: 100%; background-color: rgba(193, 193, 193, 0.52); } .loading_img_wrapper { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .loading_img_wrapper img { width: 300px; height: 300px; border-radius: 33%; object-fit: cover; } /* loader gif */ /* cookie */ /*#cookie { position: fixed; z-index: 2000; width: 1200px; bottom: 0; height: auto; left: 50%; right: 50%; left: 50%; transform: translateX(-50%); display: none; background-color: rgb(66 66 66 / 88%); }*/ .cookie_content_wrapper { text-align: center; top: 50%; left: 50%; display: flex; align-items: center; width: 100%; text-align: center; padding: 0px 20px; max-width: 1200px; padding: 10px 20px; margin: 0 auto; } .cookie_content_wrapper p { margin: 0; color: white; font-size: 14px; } .cookie_content_wrapper p a { color: white; text-decoration: underline; } .cookie_content_wrapper button { width: 200px; height: 40px; margin: 0 0 0 50px; } /* cookie */ /* popup */ .modal_wrapper { height: 100%; width: 100%; background-color: rgba(20, 15, 38, 0.4); position: fixed; z-index: 10000; } .modal_content { border-radius: 9px; box-shadow: 0 3px 10px 0 rgb(0 0 0 / 20%); background-color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 90%; max-width: 360px; display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 40px 30px; max-height: 100%; height: auto !important; min-height: 320px; overflow-y: auto; } .modal_text { font-family: Helvetica; font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: normal; text-align: center; color: #4d566c; } /* popup */ /* sharebuttons */ .shareButtonsContainer { margin-top:15px; margin-bottom:15px; display: flex; } .shareButtonsContainer .shareButtonsElement:first-child { margin-right:5px; } /* sharebuttons */ /* newsletter extra */ .submitNewsLetterForm, .submitNewsLetterFormExclusive, .submitNewsLetterUnsubscribeForm, .submitNewsLetterUnsubscribeCheck, .submitNewsLetterFormNurse { max-width:400px; } /* newsletter extra */ iframe { max-width: 100%; } .displayDate { padding: 5px 9px; border-radius: 3px; background-color: #4d566c; font-size: 10px; color: white; display: inline-block; margin: 0px; font-style: italic; } .displayDate:nth-of-type(2) { margin-left:10px; } .search__item_creationDate { margin: 0; font-size: 11px; position: absolute; bottom: 2px; } h1 ~ .row .column { padding: 0px; padding-left: 0; padding-right: 0; } .phoneEmailSuperbrandsContainer { display: flex; align-items: center; } .superbrandsImageContainer { margin-left:25px; } .superbrandsImageContainer img { height:30px; } .footerSuperBrandsContainer { text-align: center; } .footerSuperBrandsContainer img { height:50px; } @media screen and (min-width: 1200px) { .footerSuperBrandsContainer { display: none; } } @media screen and (max-width: 1400px) { header .header_top { padding: 0 10px; } header nav { padding: 0 20px; } .breadcrumb { padding: 19px 30px; } .breadcrumb .search_wrapper { right:30px; } } @media screen and (max-width: 1200px) { /*#cookie { width: 100%; }*/ .row > .column { margin-bottom:5px; } header:not(.mobileHeader) { display: none; } header.mobileHeader { display: block; } .breadcrumb .search_wrapper { display: none; } .row > div { padding: 0; } .mobileMainPageOnlineBlock { display:block; } .slick-dotted.slick-slider { margin-bottom: 0px !important; } .mainContent { margin: 0 !important; } .leftArea { width: unset !important; margin-right: 20px !important; width: unset !important; } } @media screen and (max-width: 975px) { .mainContent:not(.mainPageClass) > .mainContent > .row > .col-lg-9, .mainContent:not(.mainPageClass) > .mainContent > .row > .col-lg-12, .mainContent:not(.mainPageClass) > .mainContent > .row > .col-lg-6 { padding: 10px; } } @media screen and (max-width: 991px) { .breadcrumb { overflow-x: scroll; } .leftArea { max-width: unset !important; margin-right: 0px !important; } .leftArea_element { justify-content:center !important; text-align:center; } .questionRow { display:block; } .ratingColumnNumbersInfo { display:none; } .questionColumnGreyBack { background-color: #ffffff; } .questionColumn { width: 100%; } .ratingColumn:not(.ratingColumnNumbersInfo) { display: flex; flex-direction: column; align-items: stretch; } .questionRow:not(.mainTitleContainer) .questionColumn:first-child { background-color: #f4f5f7; } .questionnaireContainer label { margin: 5px 0; display:flex; align-items:center; } .specWithLastItemInQuestion { line-height: 0; } .questionnaireContainer label span { padding-left: 20px; font-size: 15px; display:block; } .questionBlock { margin:0; } .questionColumnTitle { font-size: 15px; } .radioGroupValidateRequired { top: 25px; right: 20px; } .checkBoxInColumnLower { padding-top:0px; } .checkBoxInColumnUpper { padding-bottom:0px; } .formCheckbox input[type=checkbox]:checked + label:before { background-size: 35px 35px !important; } .formCheckbox label:before { background-size: 35px 35px !important; width: 40px !important; height: 40px !important; } } @media screen and (max-width: 700px) { .notFoundContainer { padding: 50px; } .notFoundContainer .search_wrapper { width:80%; } .notFoundContainer .search_wrapper input { width: 100%; } .notFoundContainer p:nth-of-type(1) { font-size:45px; } .notFoundContainer p:nth-of-type(2) { font-size:40px; } } @media screen and (max-width: 650px) { .cookie_content_wrapper { padding: 10px; display: block; } .cookie_content_wrapper p { font-size: 12px; } .cookie_content_wrapper button { width: 140px; height: 30px; font-size: 14px; margin: 10 0 0 0px; } } @media screen and (max-width: 500px) { header.mobileHeader .mobilHeaderLogo { width: 60%; text-align: center; } .questionMainNameAndEmailBlock, .questionnaireContainer .labelInputGroup { width:unset; } } @media screen and (max-width: 767px) { .order-md-1 { /*-webkit-box-ordinal-group: 2;*/ -ms-flex-order: 1 !important; order: 1 !important; } .order-md-2 { /*-webkit-box-ordinal-group: 2;*/ -ms-flex-order: 2 !important; order: 2 !important; } .order-md-3 { /*-webkit-box-ordinal-group: 2;*/ -ms-flex-order: 3 !important; order: 3 !important; } } @media screen and (max-width: 440px) { #newsletter .acceptPrivacyLabelHomePage, #newsletter .acceptPrivacyLabelHomePage a { display: block !important; } } header { position: fixed; top: 0; z-index: 2; background: white; width: 1200px; } .breadcrumb { padding-top: 155px; } @media screen and (max-width: 1200px) { .breadcrumb { padding-top: 20px; } header.mobileHeader { display: block; position: sticky; width: 100%; z-index: 2; background: white; } } header.mobileHeader .mobileHeaderTopContainer { margin: 0px; } .phoneEmail_wrapper { margin: 20px; } .mobilHeaderLogo { margin: 20px; } header.mobileHeader .menuToggleContainer { margin: 20px; } .mobileHeaderFullHeight { height:100%; overflow-y: scroll; }