@infect/frontend
Version:
infect frontend
4 lines (2 loc) • 49 kB
CSS
[type='range']{-webkit-appearance:none;margin:5px 0;width:100%}[type='range']:focus{outline:0}[type='range']::-webkit-slider-runnable-track{cursor:pointer;height:2px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%;box-shadow:0px 0px 0px #000,0 0 0px #0d0d0d;background:#eceff1;border:0px solid #929292;border-radius:5px}[type='range']::-webkit-slider-thumb{box-shadow:0px 0px 0px #000,0 0 0px #0d0d0d;background:#cbe162;border:0px solid #eceff1;border-radius:5px;cursor:pointer;height:10px;width:10px;-webkit-appearance:none;margin-top:-4px}[type='range']::-moz-range-track{cursor:pointer;height:2px;-moz-transition:all .2s ease;transition:all .2s ease;width:100%;box-shadow:0px 0px 0px #000,0 0 0px #0d0d0d;background:#eceff1;border:0px solid #929292;border-radius:5px}[type='range']::-moz-range-thumb{box-shadow:0px 0px 0px #000,0 0 0px #0d0d0d;background:#cbe162;border:0px solid #eceff1;border-radius:5px;cursor:pointer;height:10px;width:10px}[type='range']::-ms-track{cursor:pointer;height:2px;-ms-transition:all .2s ease;transition:all .2s ease;width:100%;background:transparent;border-color:transparent;border-width:5px 0;color:transparent}[type='range']::-ms-fill-lower{box-shadow:0px 0px 0px #000,0 0 0px #0d0d0d;background:#dde3e6;border:0px solid #929292;border-radius:10px}[type='range']::-ms-fill-upper{box-shadow:0px 0px 0px #000,0 0 0px #0d0d0d;background:#eceff1;border:0px solid #929292;border-radius:10px}[type='range']::-ms-thumb{box-shadow:0px 0px 0px #000,0 0 0px #0d0d0d;background:#cbe162;border:0px solid #eceff1;border-radius:5px;cursor:pointer;height:10px;width:10px;margin-top:0}.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;background-color:#000;opacity:0;background:radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);transition:all 0.3s ease-out}.introjs-fixParent{z-index:auto ;opacity:1.0 }.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999 }.introjs-disableInteraction{z-index:99999999 ;position:absolute;background-color:white;opacity:0;filter:alpha(opacity=0)}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;background-color:#FFF;background-color:rgba(255,255,255,0.9);border:1px solid #777;border:1px solid rgba(0,0,0,0.5);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,0.4);transition:all 0.3s ease-out}.introjs-tooltipReferenceLayer{box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all 0.3s ease-out}.introjs-helperLayer *,.introjs-helperLayer *:before,.introjs-helperLayer *:after{-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{box-sizing:content-box;position:absolute;visibility:visible;top:-16px;left:-16px;z-index:9999999999 ;padding:2px;font-family:Arial, verdana, tahoma;font-size:13px;font-weight:bold;color:white;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.3);background:#ff3019;background:linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);width:20px;height:20px;line-height:20px;border:3px solid white;border-radius:50%;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";filter:"progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";box-shadow:0 2px 5px rgba(0,0,0,0.4)}.introjs-arrow{border:5px solid transparent;content:'';position:absolute}.introjs-arrow.top{top:-10px;border-bottom-color:white}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:white}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:white}.introjs-arrow.right{right:-10px;top:10px;border-left-color:white}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:white}.introjs-arrow.bottom{bottom:-10px;border-top-color:white}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:white}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:white}.introjs-arrow.left{left:-10px;top:10px;border-right-color:white}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:white}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;padding:10px;background-color:white;min-width:200px;max-width:300px;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,0.4);transition:opacity 0.1s ease-out}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;display:inline-block;padding:0.3em 0.8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;color:#333;white-space:nowrap;cursor:pointer;outline:none;-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;border-radius:0.2em;zoom:1;*display:inline;margin-top:10px}.introjs-button:hover{text-decoration:none}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{box-sizing:content-box;margin-right:5px;color:#7a7a7a}.introjs-prevbutton{border-radius:0.2em 0 0 0.2em;border-right:none}.introjs-prevbutton.introjs-fullbutton{border:1px solid #d4d4d4;border-radius:0.2em}.introjs-nextbutton{border-radius:0 0.2em 0.2em 0}.introjs-nextbutton.introjs-fullbutton{border-radius:0.2em}.introjs-disabled,.introjs-disabled:hover,.introjs-disabled:focus{color:#9a9a9a;border-color:#d4d4d4;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:15px auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:hover{background:#999}.introjs-bullets ul li a.active{background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px 0 5px 0;border-radius:4px;background-color:#ecf0f1}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:transparent;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}.introjs-hint:hover>.introjs-hint-pulse{border:5px solid rgba(60,60,60,0.57)}.introjs-hint-pulse{box-sizing:content-box;width:10px;height:10px;border:5px solid rgba(60,60,60,0.27);border-radius:30px;background-color:rgba(136,136,136,0.24);z-index:10;position:absolute;transition:all 0.2s ease-out}.introjs-hint-no-anim .introjs-hint-dot{animation:none}.introjs-hint-dot{box-sizing:content-box;border:10px solid rgba(146,146,146,0.36);background:transparent;border-radius:60px;height:50px;width:50px;animation:introjspulse 3s ease-out;animation-iteration-count:infinite;position:absolute;top:-25px;left:-25px;z-index:1;opacity:0}@keyframes introjspulse{0%{transform:scale(0);opacity:0.0}25%{transform:scale(0);opacity:0.1}50%{transform:scale(0.1);opacity:0.3}75%{transform:scale(0.5);opacity:0.5}100%{transform:scale(1);opacity:0.0}}html{font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-ms-touch-action:none ;text-rendering:optimizeLegibility;font-feature-settings:"kern";-webkit-font-feature-settings:"kern";-moz-font-feature-settings:"kern";-moz-font-feature-settings:"kern=1"}body{position:fixed;height:100%;width:100%;margin:0;overflow:hidden;-webkit-overflow-scrolling:touch;font-family:"acumin-pro","Helvetica Neue",Arial;line-height:1.65;color:#000;background-color:#fff;font-size:18px}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input:active,input:focus,button:active,button:focus,select:active,select:focus,textarea:active,textarea:focus{outline:none}button{background:none;cursor:pointer}a{color:var(--color--accent-2, #999);text-decoration:none}a:hover{color:var(--color--accent-1, #bbb);text-decoration:none;outline:none}a:focus,a:active{color:inherit;text-decoration:none;outline:none}::-webkit-scrollbar{background-color:transparent;width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(153,153,153,0.5);border-radius:10px}address{font-style:normal}.image{display:block}.image--fluid{width:100%}.container{display:-moz-flex;display:flex;-moz-flex-direction:row;flex-direction:row;height:100%}.container__side-navigation{-moz-flex-grow:0;flex-grow:0;width:210px;min-width:210px}.container__main{height:100%;width:calc(100vw - 210px)}.main{display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column}.main__header{flex:auto;border-bottom:solid 1px #d3d2cd}.main__disclaimer{flex:auto}.main__matrix{-moz-flex-grow:1;flex-grow:1;width:auto;height:100%;overflow:auto;padding-left:20px}.gray{color:#a3a3a3 }.black{color:#000 }.white{color:#fff }.margin-top{margin-top:10px }.top-navigation{display:-moz-flex;display:flex;min-height:70px}.top-navigation__active-filters,.top-navigation selectedfiltersList{-moz-flex-grow:1;flex-grow:1;flex-wrap:wrap}.top-navigation__slider{-moz-flex-grow:0;flex-grow:0;width:250px;min-height:inherit}.top-navigation__info{-moz-flex-grow:0;flex-grow:0;z-index:400;padding-right:20px}.top-navigation__info strong{font-size:13px;color:#000}.top-navigation .info{display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:center;justify-content:center}.c-logo{display:-moz-flex;display:flex;-moz-justify-content:left;justify-content:left;padding-left:20px;align-items:center;background-color:var(--color--accent-1, #bbb)}.c-logo__link{z-index:5;height:50px}.c-logo__vector-image{width:auto;height:100%;max-width:190px}.c-logo__vector-image--hidden{display:none}.c-logo__vector-image *{fill:#363636 }.side-navigation{z-index:200;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;background-color:#363636}.side-navigation__header{background-color:#363636}.side-navigation__filters{max-height:calc(100vh - 185px);overflow-y:auto}.header__logo{height:70px}.divider{height:1px;border:0;border-top:1px solid #575757;margin:0}.slider{font-size:11pt;text-align:center}.slider__range{padding:0}.slider__range::-webkit-slider-thumb{background-color:var(--color--accent-1, #bbb)}.slider__label{margin:0;padding-top:15px}.slider__container{display:-moz-flex;display:flex;-moz-flex-direction:row;flex-direction:row;-moz-justify-content:center;justify-content:center;align-items:center}.slider__container__before{margin-right:5px}.slider__container__range{-moz-flex-grow:1;flex-grow:1}.slider__container__after{margin-left:5px}.filters__menu{margin-bottom:10px}.filters__search{position:relative}.filter:last-child{padding-bottom:calc(100vh - 486px)}.groups{display:-moz-flex;display:flex;flex-wrap:wrap;align-items:center}.group{display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:center;justify-content:center;padding:0 20px;color:#fff}.group h1{font-size:15px;margin:0}.group h2{font-size:13px;margin:0;font-weight:normal}.group h3{font-size:11px;margin:0}.group__list{display:-moz-flex;display:flex;-moz-flex-direction:row;flex-direction:row;-moz-justify-content:space-evenly;justify-content:space-evenly;margin:0;padding:0;list-style-type:none}.group__list--vertical{-moz-flex-direction:column;flex-direction:column}.group__list-item{-moz-flex-grow:0;flex-grow:0;margin-right:5px}.group--vertical{-moz-flex-direction:row;flex-direction:row}.group--space-between{-moz-justify-content:space-between;justify-content:space-between}.group--left-aligned{-moz-justify-content:flex-start;justify-content:flex-start}.group--lead{padding-top:20px;height:70px}.group--black-font{color:#000}.group--padding{padding-top:20px;padding-bottom:20px}.group--guidelines{background-color:#D8E7F4;color:#000}.group--guidelines+.divider{margin-top:0}.list-item{display:-moz-flex;display:flex;-moz-flex-direction:row;flex-direction:row}.list-item--checkbox,.list-item--radio{font-size:11pt}.list-item:hover .label--rounded{border-top-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:5px}.list-item:hover .button{right:0;transition:right 100ms linear;-webkit-transition:right 100ms linear;-moz-transition:right 100ms linear}.label{line-height:1.3;font-size:14px;margin:0}.label--rounded{padding:3px 5px;background-color:#d7d5c4;border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;z-index:2}.label--guidelines{background-color:#D8E7F4}.label--small{font-size:12px}.label--smaller{font-size:10px}.label--large{font-size:16px}.label--larger{font-size:18px}.label--bold{font-weight:bold}.label--thin{font-weight:300}.label--nomargin{margin:0}.label--gray{color:#787677}.input{margin:5px 0 10px 0;padding:5px}.list-item--checkbox,.list-item--radio{margin-left:20px}.list-item--checkbox input[type="checkbox"],.list-item--checkbox input[type="radio"],.list-item--radio input[type="checkbox"],.list-item--radio input[type="radio"]{display:none}.list-item--checkbox .side-label,.list-item--radio .side-label{position:relative;cursor:pointer;color:inherit;transition:color 100ms linear;-webkit-transition:color 100ms linear;-moz-transition:color 100ms linear}.list-item--checkbox .side-label::before,.list-item--checkbox .side-label::after,.list-item--radio .side-label::before,.list-item--radio .side-label::after{content:'';position:absolute;top:6px;left:-20px}.list-item--checkbox .side-label::before{display:block;width:10px;height:10px;border:1px solid;border-color:#fff;transition:border-color 100ms linear;-webkit-transition:border-color 100ms linear;-moz-transition:border-color 100ms linear}.list-item--checkbox .side-label::after{width:6px;height:6px;margin:3px;background-color:none;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear}.list-item--checkbox input:checked+.side-label::after{background-color:var(--color--accent-1, #bbb)}.list-item--checkbox input:hover+.side-label,.list-item--checkbox input:hover+.side-label::before,.list-item--checkbox input:checked+.side-label,.list-item--checkbox input:checked+.side-label::before{color:var(--color--accent-1, #bbb);border-color:var(--color--accent-1, #bbb)}.list-item--checkbox input:hover+.side-label::after{background-color:rgba(var(--color--accent-1, #bbb), 0.2)}.list-item--checkbox input:checked:hover+.side-label::after{background-color:var(--color--accent-1, #bbb)}.list-item--radio .side-label::after{top:4px;width:12px;height:12px;border:1px solid;border-color:#000;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;transition:all 100ms linear;-webkit-transition:all 100ms linear;-moz-transition:all 100ms linear}.list-item--radio .side-label::before{z-index:2;top:4px;width:6px;height:6px;margin:4px;background-color:transparent;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear}.list-item--radio input[type="checkbox"]:checked+.side-label::before{background-color:#363636}.list-item--radio input[type="checkbox"]:checked+.side-label::after{background-color:var(--color--accent-1, #bbb)}.list-item--radio input[type="checkbox"]:hover+.side-label,.list-item--radio input[type="checkbox"]:hover+.side-label::after,.list-item--radio input[type="checkbox"]:checked+.side-label,.list-item--radio input[type="checkbox"]:checked+.side-label::after{color:var(--color--accent-1, #bbb);border-color:var(--color--accent-1, #bbb)}.list-item--radio input[type="radio"]:checked+.side-label::before{background-color:#363636}.list-item--radio input[type="radio"]:hover+.side-label::before{background-color:rgba(0,0,0,0.2)}.list-item--radio input[type="radio"]:checked:hover+.side-label::before{background-color:#000}.list-item--radio.list-item--bright .side-label::after{border-color:#fff}.list-item--radio.list-item--bright input[type="radio"]:checked+.side-label::before{background-color:#fff}.button{border:none;color:#000;font-weight:600}.button--label{position:relative;min-height:38px;margin:0;padding:0 20px;background-color:#c5c3b2;font-weight:bold;border-top-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:0}@media (pointer: fine){.button--label{padding:0 8px}}.list-item--guidelines .button--label{background-color:#b9d5ed}.button--label:hover{background-color:#d60000;color:#fff}@media only screen and (hover-interaction: hover){.button--label{padding:0 10px }}.button--clearall{height:38px;background-color:#c5c3b2;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:38px;font-weight:bold}.button--clearall:hover{background-color:#d60000;color:#fff}.button--info{position:relative;color:#000;padding:0;margin:0}.button--info>div{position:relative;background-color:#eee;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;display:-moz-flex;display:flex;flex-wrap:nowrap;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear}.button--info>div:hover{background-color:#e1e1e1}.button--info>div span:first-child{-moz-flex:0 0 auto;flex:0 0 auto;width:30px;color:#000;line-height:32px;padding-left:0.25rem;font-weight:bold;font-size:18px}.button--info>div span:nth-child(2){-moz-flex:1 1 auto;flex:1 1 auto;padding:0 1rem 0 0.25rem;white-space:nowrap;font-size:16px;font-weight:bold;line-height:34px}.button--info>div span:nth-child(2) em{font-size:15px;font-style:normal}.button--info-active{position:absolute;top:1.25rem;right:1.25rem}.button--info-active>span{display:block;border-radius:50%;width:30px;height:30px;line-height:30px;background-color:#fff;color:#000;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear}.button--info-active>span:hover{background-color:lightgrey}.button--show-guideline{position:relative;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear;background-color:#D8E7F4;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;padding:0 1rem 0 0.25rem;white-space:nowrap;font-size:16px;font-weight:bold;line-height:34px}.button--show-guideline:hover{background-color:#c4dbee}.button--show-guideline svg{width:2.25rem;height:1rem}.button--close-drawer{position:absolute;right:1.25rem;top:1rem;width:2rem;height:2rem;padding-bottom:4px;border-radius:100%;line-height:10px;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear;background-color:#fff;color:#2b78b3}.button--close-drawer:hover{background-color:#D8E7F4}.button--guide,.button--show-relevant-guideline-information{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:5px 15px;color:#fff;background-color:#2b78b3;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear}.button--guide:hover,.button--show-relevant-guideline-information:hover{background-color:#4e79c7}.button--show-relevant-guideline-information{margin-bottom:1.25rem}.button--icon--active:after{content:"";position:absolute;width:0;height:0;bottom:-10px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--color--accent-1, #bbb)}.button--icon{position:relative;width:26px;height:26px;background-repeat:no-repeat;background-position:center;margin-right:10px;padding:0}.button--icon svg{fill:#fff;height:inherit;width:inherit;transition:fill 100ms linear;-webkit-transition:fill 100ms linear;-moz-transition:fill 100ms linear}.button--icon svg:hover{fill:var(--color--accent-1, #bbb)}.button--icon.button--icon--guidelines svg:hover{fill:#D8E7F4}.button--icon--active svg{fill:var(--color--accent-1, #bbb)}.button--icon--active.button--icon--guidelines svg{fill:#D8E7F4}.button--icon--active:after{left:7px}.button--icon--active.button--icon--guidelines:after{border-bottom-color:#D8E7F4}.button--icon--population{width:22px}.button--icon--population:after{left:5px}.button--icon--bacteria{width:30px}.button--icon--bacteria:after{left:9px}.select{position:relative;width:170px;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 12px) calc(1em - 2px),calc(100% - 7px) calc(1em - 2px);background-size:5px 5px, 5px 5px;background-repeat:no-repeat;transition:background 100ms linear;-webkit-transition:background 100ms linear;-moz-transition:background 100ms linear;margin:3px 0;padding:2px 9px;border:1px solid #fff;transition:border 100ms linear;-webkit-transition:border 100ms linear;-moz-transition:border 100ms linear;border-radius:3px;color:#fff;transition:color 100ms linear;-webkit-transition:color 100ms linear;-moz-transition:color 100ms linear;font-size:13px;cursor:pointer}.select option{color:#fff ;background-color:#363636}.select option:hover{color:var(--color--accent-1, #bbb)}.select:hover{border:1px solid var(--color--accent-1, #bbb);color:var(--color--accent-1, #bbb);background-image:linear-gradient(45deg, transparent 50%, var(--color--accent-1, #bbb) 50%),linear-gradient(135deg, var(--color--accent-1, #bbb) 50%, transparent 50%)}.select::-ms-expand{display:none}matrix,matrixheader{display:block}.resistanceMatrix{position:relative;z-index:100}.resistanceMatrix .-with-transitions .-was-visible-is-visible{transition:transform 0.3s ease-in-out 0.1s}.resistanceMatrix .-with-transitions .-was-hidden-is-visible{transition:opacity 0.1s ease-in-out 0.4s}.resistanceMatrix .-with-transitions .-was-visible-is-hidden{transition:opacity 0.1s ease-in-out}.resistanceMatrix .-with-transitions .-was-hidden-is-hidden,.resistanceMatrix .-with-transitions .-was-visible-is-hidden{opacity:0;pointer-events:none}.resistanceMatrix__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#616161;transition:opacity 100ms linear;-webkit-transition:opacity 100ms linear;-moz-transition:opacity 100ms linear;opacity:0;z-index:-1;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:center;justify-content:center}.resistanceMatrix__overlay img{margin:auto;width:150px;pointer-events:none}.resistanceMatrix__overlay--active{opacity:0.8;z-index:200}.resistanceMatrix__body,.resistanceMatrix__header{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;max-width:2200px;min-width:1500px;width:100%;font-size:11pt;font-family:"acumin-pro-condensed"}.resistanceMatrix__body{position:relative;z-index:50;transition:height 0.3s ease-in-out 0.2s}.resistanceMatrix__header{position:fixed;z-index:90}.resistanceMatrix__bacteriumLabelText{text-anchor:end;font-style:italic}.resistanceMatrix__bacteriumLabelText.-causes-diagnosis{fill:#2b78b3}.resistanceMatrix__bacteriumLabelText.-deactivated{fill:#999}.resistanceMatrix__resistance{cursor:pointer}.resistanceMatrix__antibioticLabelText,.resistanceMatrix__bacteriumLabelText{transition:fill 0.2s}.resistanceMatrix__antibioticLabelText.highlight,.resistanceMatrix__bacteriumLabelText.highlight{text-decoration:underline}.resistanceMatrix__antibioticLabelText.containsGuidelineData,.resistanceMatrix__bacteriumLabelText.containsGuidelineData{fill:#3289CC}.resistanceMatrix__antibioticLabelGuidelinePriorityCircle{fill:#3289CC}.resistanceMatrix__antibioticLabelGuidelinePriorityText{fill:#fff;font-family:"acumin-pro","Helvetica Neue",Arial;font-weight:bold}.resistanceMatrix__substanceClassLabel{cursor:pointer}.resistanceMatrix__substanceClassLabel:hover text{fill:#fff}.resistanceMatrix__substanceClassLabel:hover rect{fill:#363636}.resistanceMatrix__resistanceDetail{transition:transform 0.2s;pointer-events:none}.resistanceMatrix__resistanceDetailValueText{font-size:18pt;text-decoration:underline}.resistanceMatrix__resistanceDetailValuePercentSign{font-size:11pt}.resistanceMatrix__resistanceDetailCircleShadow{fill:#000;opacity:0.4}.resistanceMatrix__antibioticColumnHighlightedBackground,.resistanceMatrix__bacteriumRowHighlightedBackground{transition:opacity 0.1s ease-in}.open-diagnosis-drawer-button{display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:center;justify-content:center;height:100%;margin-right:1.25rem}.drawer{position:absolute;top:0;right:0;bottom:0;width:480px;z-index:1000;box-shadow:-20px 0 25px rgba(0,0,0,0.25);transform:translate3d(0, 0, 0);transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),box-shadow 0.4s}.drawer.hidden{transform:translate3d(480px, 0, 0);box-shadow:none}.drawer.is-empty{transition:none}.drawer__inner{clear:right;padding-bottom:100px;height:100%;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column}.drawer__inner h1{font-size:24px;color:#fff;max-width:85%;line-height:1.1;margin:0 3rem 0 2rem}.drawer__inner p{margin:0 0 8px 0;font-size:14px;line-height:1.45}.drawer.hidden .drawer__teaser{cursor:w-resize}.drawer.hidden .drawer__teaser:after{width:10PX}.drawer__teaser{cursor:e-resize;position:absolute;top:0;right:100%;height:100%;bottom:0;z-index:999}.drawer__teaser:hover:after{background-color:#246596}.drawer__teaser:hover .drawer__teaser-flap{background-color:#246596}.drawer__teaser:after{content:'';position:absolute;top:0;right:0;width:2PX;height:100%;background-color:#2b78b3;transition:background-color 100ms,width 100ms}.drawer__teaser-flap{position:absolute;top:15%;right:0;background-color:#2b78b3;padding:20px 20px 20px 10px;border-radius:5px;color:#fff;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear;width:40px}.drawer__teaser-subtitle{font-size:15px;line-height:1.2;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);display:inline}.drawer__teaser-title{font-size:18px;font-weight:bold;line-height:1.2;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);display:inline}.drawer__fixed{padding:20px 30px;-moz-flex:0 0 auto;flex:0 0 auto;background-color:#2b78b3}.drawer__scrollable{-moz-flex:1 1 auto;flex:1 1 auto;overflow:auto;background:linear-gradient(#D8E7F4 30%, rgba(216,231,244,0)),linear-gradient(rgba(216,231,244,0), #D8E7F4 70%) 0 100%,radial-gradient(50% 0, farthest-side, rgba(0,0,0,0.2), rgba(0,0,0,0)),radial-gradient(50% 100%, farthest-side, rgba(0,0,0,0.2), rgba(0,0,0,0)) 0 100%;background:linear-gradient(#D8E7F4 30%, rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0), #D8E7F4 70%) 0 100%,radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.2), rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,0.2), rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-color:#D8E7F4;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.drawer__scrollable-inner{padding-bottom:60px}.drawer__scrollable-inner>.markdown{margin:30px 0}.drawer__scrollable-inner>.markdown p{font-size:13px;color:#575757}.drawer__header{background-color:#b9d5ed;padding:20px 30px}.drawer__header-inner{margin-left:2rem}.drawer__header-inner-link{color:#2b78b3;cursor:pointer}.drawer__header-inner-link:hover{color:#2b78b3;text-decoration:underline}.drawer__therapies{padding:20px 30px}.drawer__therapies-inner{margin-left:2rem}.drawer.resistance .button--close-drawer{color:#000}.drawer.resistance .button--close-drawer:hover{background-color:#f5f5ef}.drawer.resistance .drawer__teaser::after{background-color:#e1e0d5}.drawer.resistance .drawer__teaser-flap{color:#000;background-color:#e1e0d5}.drawer.resistance .drawer__scrollable{background:linear-gradient(#fcfcf7 30%, rgba(252,252,247,0)),linear-gradient(rgba(252,252,247,0), #fcfcf7 70%) 0 100%,radial-gradient(50% 0, farthest-side, rgba(0,0,0,0.2), rgba(0,0,0,0)),radial-gradient(50% 100%, farthest-side, rgba(0,0,0,0.2), rgba(0,0,0,0)) 0 100%;background:linear-gradient(#fcfcf7 30%, rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0), #fcfcf7 70%) 0 100%,radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.2), rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,0.2), rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-color:#fcfcf7;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.drawer.resistance .drawer__fixed{background-color:#e1e0d5}.drawer.resistance .drawer__fixed h1{margin:0 1rem 0 0;max-width:90%;color:#000}.drawer.resistance .drawer__section{padding:22px 30px}.drawer.resistance .drawer__section--mic,.drawer.resistance .drawer__section--selectedFilters,.drawer.resistance .drawer__section--discDiffusion{padding-bottom:0}.drawer.resistance .drawer__section h2{font-size:17px;line-height:1.1;margin:0 0 13px 0}.drawer.resistance .drawer__section ul{padding-left:0;list-style-type:'–';list-style-position:inside}.drawer.resistance .drawer__section li{font-size:14px;line-height:1.45}.drawer.resistance .drawer__section li span{padding-left:8px}.drawer.resistance .drawer__header{padding:56px 30px 22px;background-color:transparent}.drawer.resistance .drawer__values{font-size:14px}.drawer.resistance .drawer__value--bold{font-weight:bold}.drawer.resistance .drawer__value-value{padding-left:24px}.diagnosis-text{margin-bottom:40px}.diagnosis-text:last-child{margin-bottom:0}.diagnosis-text__choose-title{position:relative;font-size:17px;line-height:1.2;margin:0 0 6px -2rem;color:#2b78b3}.diagnosis-text__choose-title:before{content:'';position:absolute;top:0;left:0;width:1.5rem;height:1.5rem;border-radius:100%;background-color:#2b78b3}.diagnosis-text__choose-title-number{position:relative;color:#fff;margin-left:0;line-height:1.5;width:1.5rem;display:inline-block;text-align:center;margin-right:0.5rem}.diagnosis-general-considerations{border-top:1px solid #2b78b3;padding:20px 30px}.diagnosis-general-considerations__inner{margin-left:2rem}.diagnosis-general-considerations__inner h2{font-size:17px;line-height:1.2;margin:0 0 6px 0}.diagnosis-additional-informations{border-top:1px solid #2b78b3;padding:20px 30px}.diagnosis-additional-informations>div{margin-left:2rem;font-size:14px}.diagnosis-additional-informations__guideline-link a,.diagnosis-additional-informations__contact a{color:#2b78b3;font-weight:bold;text-decoration:underline}.diagnosis-additional-informations__guideline-link a:hover,.diagnosis-additional-informations__contact a:hover{text-decoration:none}.diagnosis-additional-informations__latest-version{margin-top:20px;color:#444;font-size:13px}.diagnosis-additional-informations__latest-version a{color:inherit;text-decoration:underline}.diagnosis-additional-informations__latest-version a:hover{text-decoration:none}.markdown{color:#000}.markdown h3{font-size:17px;line-height:1.1;margin:24px 0 8px 0}.markdown h3:first-child{margin-top:16px}.markdown h4,.markdown h5,.markdown h6{font-size:15.5px;line-height:1.1;margin:20px 0 8px 0}.markdown a{color:black;text-decoration:underline}.markdown p,.markdown li{font-size:14px;line-height:1.45}.markdown p{margin:16px 0 4px 0}.markdown h3+p,.markdown h4+p,.markdown h5+p,.markdown h6+p{margin-top:4px}.markdown li{position:relative;margin:0 0 4px 0}.markdown ul{margin:0;padding-left:1.25rem;list-style-type:none}.markdown ul>li:before{position:absolute;left:0;color:#888;content:'\2014';margin-left:-1.25rem}.markdown ul>li>ul{margin-top:0.25rem;margin-left:0;padding-left:0.75rem}.markdown ul>li>ul>li:before{position:absolute;left:0;color:#888;content:'\2013';margin-left:-0.75rem}.markdown pre,.markdown code{font-family:inherit;font-size:14px;line-height:1.35}.markdown.drawer-disclaimer{color:#444444}.markdown.drawer-disclaimer p{font-size:13px;margin-bottom:0;color:inherit}.markdown.drawer-disclaimer a{font-size:13px;color:#2b78b3;text-decoration:underline}.markdown.drawer-disclaimer a:hover{text-decoration:none}.histogram{position:relative;padding:0 10%;width:100;padding-bottom:100%}.histogram__chart{position:absolute;top:5%;left:5%;height:90%;width:90%}.histogram__axis{stroke:black}.histogram__axisTick{stroke:black}.histogram__bar{fill:#e1e0d5;stroke:#1c1c1c}.histogram__axisLabel{font-size:14px}.histogram__axisLegend{font-size:14px}.histogram__axisLegend-y{transform:rotate(270deg);transform-origin:top left}.histogram__mic90Line{stroke:#aaa897;width:3px}.histogram__mic90Text{fill:black;font-size:14px}infooverlaybutton{display:block}.overlay{position:absolute;display:none;right:0;bottom:0;top:0;left:0;z-index:-1;overflow:auto;-webkit-hyphens:auto;-khtml-hyphens:auto;-o-hyphens:auto;hyphens:auto;background-color:#616161;opacity:0;transition:opacity 100ms linear;-webkit-transition:opacity 100ms linear;-moz-transition:opacity 100ms linear}.overlay--open{z-index:3000;opacity:1;display:block}.overlay--open .button--info{position:fixed }.overlay__menu{display:none}@media only screen and (min-width: 800px){.overlay__menu{display:block;position:fixed;right:35px;top:100px;z-index:200}}.overlay__menu .menu{list-style:none}.overlay__menu .menu-item{padding:5px 0;text-align:right}.overlay__menu .menu-item a{position:relative;color:#fff}.overlay__menu .menu-item a:hover,.overlay__menu .menu-item a:active{transition:font-weight 100ms linear;-webkit-transition:font-weight 100ms linear;-moz-transition:font-weight 100ms linear;font-weight:600}.overlay__container{position:relative;width:80%;max-width:600px;padding:70px 0 200px 0;margin:auto;color:#fff}@media only screen and (min-width: 800px){.overlay__container{width:40%}}.overlay__image-wrapper--step2{padding:20px 40px}@media only screen and (min-width: 480px){.overlay__image-wrapper--step2{padding:40px 80px}}@media only screen and (min-width: 736px){.overlay__image-wrapper--step2{padding:60px 120px}}@media only screen and (min-width: 800px){.overlay__image-wrapper--step2{padding:20px 40px}}@media only screen and (min-width: 980px){.overlay__image-wrapper--step2{padding:40px 80px}}@media only screen and (min-width: 1280px){.overlay__image-wrapper--step2{padding:80px 140px}}.overlay__image-wrapper--step3{padding:20px 40px}@media only screen and (min-width: 480px){.overlay__image-wrapper--step3{padding:40px 80px}}@media only screen and (min-width: 736px){.overlay__image-wrapper--step3{padding:60px 120px}}@media only screen and (min-width: 800px){.overlay__image-wrapper--step3{padding:20px 40px}}@media only screen and (min-width: 980px){.overlay__image-wrapper--step3{padding:40px 80px}}@media only screen and (min-width: 1280px){.overlay__image-wrapper--step3{padding:80px 140px}}.overlay-markdown{color:#fff}.overlay-markdown h1{margin-top:1.3em;margin-bottom:0em}.overlay-markdown h2{margin-top:1.3em;margin-bottom:0em}.overlay-markdown p small{font-size:0.8em}.overlay-markdown a{transition:color 100ms ease-in-out;-webkit-transition:color 100ms ease-in-out;-moz-transition:color 100ms ease-in-out;color:var(--color--accent-1, #999)}.overlay-markdown a:hover{text-decoration:underline}.overlay-markdown a[href*="apple"],.overlay-markdown a[href*="google"]{display:inline-block}.overlay-markdown a[href*="apple"] img,.overlay-markdown a[href*="google"] img{display:block;margin-top:1rem;margin-right:0.625rem;height:3rem;border:none ;background-color:transparent }.overlay-markdown a[href*="apple"]+br,.overlay-markdown a[href*="google"]+br{display:none}.overlay-markdown img[src*="/tenant/"]{margin-top:1rem;border-style:solid;border-color:#fff;background-color:#fff;border-width:20px 40px;-khtml-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;max-width:100%}@media only screen and (min-width: 480px){.overlay-markdown img[src*="/tenant/"]{border-width:40px 80px}}@media only screen and (min-width: 736px){.overlay-markdown img[src*="/tenant/"]{border-width:60px 120px}}@media only screen and (min-width: 800px){.overlay-markdown img[src*="/tenant/"]{border-width:20px 40px}}@media only screen and (min-width: 980px){.overlay-markdown img[src*="/tenant/"]{border-width:40px 80px}}@media only screen and (min-width: 1280px){.overlay-markdown img[src*="/tenant/"]{border-width:80px 140px}}.overlay-markdown img[src*="map.svg"]{border:none }.overlay-markdown a[data-guided-tour-button]{border:none;font-weight:600;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:5px 15px;color:#fff;background-color:#578ffa;transition:background-color 100ms linear;-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear}.overlay-markdown a[data-guided-tour-button]:hover{text-decoration:none;background-color:#4e79c7}.overlay-markdown ul{margin-left:0.25rem;padding-left:1rem;list-style-type:"—"}.overlay-markdown ul li{padding-left:20px}.overlay-markdown .adresses{display:-moz-flex;display:flex;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;-moz-justify-content:space-between;justify-content:space-between}.overlay-markdown .adresses address{flex-basis:40%;margin-bottom:5%}.overlay-markdown .image--fullwidth{display:block;width:100%}.overlay-markdown .guide{margin:40px 0;font-weight:600}.search{position:absolute;display:block;left:-210px;transition:left 100ms ease-in-out;-webkit-transition:left 100ms ease-in-out;-moz-transition:left 100ms ease-in-out;top:90px;z-index:99;padding:0;width:210px;height:100vw;background-color:#363636}.search--visible{left:0}.search__input{line-height:20px;margin-bottom:30px;font-size:11pt;-webkit-appearance:none;-khtml-appearance:none;-o-appearance:none;appearance:none;border:0}.search-wrapper{position:relative}.result--active.result--guideline{background-color:#b9d5ed}.result.result--guideline:hover{background-color:#b9d5ed}.result{position:relative;padding:10px 30px;margin:0;background-color:#d7d5c4}.result--guideline{background-color:#D8E7F4}.result__item{text-overflow:ellipsis;width:150px;display:block;overflow:hidden}.result__checkmark{display:block;position:absolute;left:10px;width:15px;height:40px;top:calc(50% - 20px);background:url("../img/checkmark--grey.svg") no-repeat center center}.result--active{background-color:#c5c3b2}.result:hover{background-color:#c5c3b2;cursor:pointer}.result:hover .result__checkmark{background:url("../img/checkmark.svg") no-repeat center center}disclaimer{position:fixed;left:0;bottom:0;width:100%;z-index:1500;box-shadow:0 -10px 20px rgba(0,0,0,0.15)}.disclaimer{position:relative;box-sizing:border-box;padding:12px 16px;background-color:rgba(238,238,238,0.9);color:#000;font-size:16px;text-align:center}.disclaimer__paragraph{margin:0;padding-right:20px}.disclaimer__paragraph:after{content:"";display:table;clear:both}.disclaimer__text{margin-right:20px}.disclaimer__button-container{display:inline-block;margin-right:10px}.disclaimer__button-container--close{position:absolute;right:0;top:10px}.disclaimer__button{color:black ;cursor:pointer}.disclaimer__link{color:inherit;text-decoration:underline;cursor:pointer}.disclaimer__link:focus,.disclaimer__link:hover{color:inherit}.disclaimer__link--disclaimer{font-weight:800}.introjs-hint{z-index:250}.introjs-hint-dot{border-color:#578ffa}.introjs-hint-pulse{background-color:#578ffa}.introjs-tooltip{background-color:#fff}@media only screen and (max-width: 736px){.introjs-tooltip{position:fixed;top:0 ;right:0 ;bottom:0 ;left:0 ;max-width:none ;margin:0 ;padding:0 ;overflow:auto}}@media only screen and (min-width: 736px){.introjs-tooltip{width:auto;display:block;min-width:480px;font-size:16px;line-height:1.35}}@media only screen and (min-width: 736px){.introjs-tooltip__layout{display:-moz-flex;display:flex}}@media only screen and (min-width: 736px){.introjs-tooltip__layout--row{-moz-flex-direction:row;flex-direction:row;-moz-justify-content:space-between;justify-content:space-between}}.introjs-tooltip__layout--row>p{-webkit-hyphens:auto;-khtml-hyphens:auto;-o-hyphens:auto;hyphens:auto}@media only screen and (min-width: 736px){.introjs-tooltip__layout--row>p{-moz-flex:0 0 45%;flex:0 0 45%}}@media only screen and (min-width: 736px){.introjs-tooltip__layout--row>div{-moz-flex:0 0 45%;flex:0 0 45%}}@media only screen and (min-width: 736px){.introjs-tooltip__layout--column{-moz-flex-direction:column;flex-direction:column}}.introjs-tooltip__layout--column>p{-webkit-hyphens:auto;-khtml-hyphens:auto;-o-hyphens:auto;hyphens:auto}@media only screen and (min-width: 736px){.introjs-tooltip__layout--column>p{-moz-flex:1 1 auto;flex:1 1 auto}}@media only screen and (min-width: 736px){.introjs-tooltip__layout--column>div{-moz-flex:1 1 auto;flex:1 1 auto}}.introjs-tooltiptext{padding:25px}@media only screen and (min-width: 736px){.introjs-tooltiptext{height:auto}}.introjs-tooltiptext p{margin-top:30px;margin-bottom:0}@media only screen and (min-width: 736px){.introjs-tooltiptext p{margin-top:0}}.introjs-tooltiptext .list{padding-left:25px}.introjs-tooltiptext .list--guided-tour-filter-list-menu{padding-left:0;list-style:none;margin-bottom:0}.introjs-tooltiptext .list__item{position:relative;padding-left:10px;margin-bottom:10px}.introjs-tooltiptext .list__item--guided-tour-filter-list-menu{padding-left:30px}.introjs-tooltiptext .list__icon--guided-tour{position:absolute;left:0;top:0;width:21px;fill:var(--color--accent-1, #bbb)}.introjs-tooltiptext .list__icon--guided-tour-mostUsed{height:20px;top:3px}.introjs-tooltiptext .list__icon--guided-tour-antibiotics{height:8px;top:10px}.introjs-tooltiptext .list__icon--guided-tour-bacteria{height:20px;top:3px}.introjs-tooltiptext .list__icon--guided-tour-population{height:15px;top:8px}.introjs-tooltipbuttons{position:fixed;bottom:0;width:calc(100% - 50px);background-color:#fff;border-top:1px solid #999;padding:10px 25px;display:-moz-flex;display:flex;flex-wrap:nowrap}@media only screen and (min-width: 736px){.introjs-tooltipbuttons{position:static;bottom:auto;padding:0;width:auto;border:none}}@media only screen and (min-width: 736px){.introjs-bullets{position:absolute;left:50%;transform:translate(-50%, 25%)}}.introjs-button{font-size:16px;font-weight:600;color:#fff;text-shadow:none;background-color:#578ffa;background-image:none;padding:5px 15px;border:0;border-radius:4px;transition:background-color 100ms ease-in-out;-webkit-transition:background-color 100ms ease-in-out;-moz-transition:background-color 100ms ease-in-out}.introjs-button:hover{background-color:#4e79c7;background-image:none ;color:#fff}.introjs-button:active,.introjs-button:focus{color:#fff}.introjs-button.introjs-disabled{width:0;opacity:0;visibility:hidden;padding:0;margin-right:0}.introjs-skipbutton{background-color:transparent;font-weight:normal;margin-right:0;color:#000}.introjs-skipbutton:hover{color:#000;background:none;text-decoration:underline}.introjs-prevbutton{margin-left:auto}.introjs-nextbutton{margin-left:5px}.introjs-donebutton{background-color:#578ffa;background-image:none;padding:5px 15px;order:3;font-weight:bold}.introjs-donebutton:hover{background-color:#4e79c7;background-image:none ;color:#fff;text-decoration:none}.introjs-donebutton:active,.introjs-donebutton:focus{color:#fff}.introjs-arrow{display:none }@media only screen and (min-width: 736px){.introjs-arrow{display:block }}@media only screen and (min-width: 736px){.introjs-arrow.top{top:-10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#fff;border-left-color:transparent}}@media only screen and (min-width: 736px){.introjs-arrow.left{left:-10px;top:10px;border-top-color:transparent;border-right-color:#fff;border-bottom-color:transparent;border-left-color:transparent}}.tour-image-wrapper img{display:block;margin:auto}@media only screen and (max-width: 736px){.tour-image-wrapper--step1 img{margin-top:25px;max-width:300px}}.tour-image-wrapper--step2{padding:25px 0 0 0}@media only screen and (min-width: 480px){.tour-image-wrapper--step2 img{max-width:360px}}@media only screen and (min-width: 736px){.tour-image-wrapper--step2 img{max-width:200px}}@media only screen and (min-width: 980px){.tour-image-wrapper--step2 img{max-width:180px}}@media only screen and (max-width: 736px){.tour-image-wrapper--step3 img{margin-top:25px;max-width:300px}}.tour-image-wrapper--small-devices-only{display:block}@media only screen and (min-width: 736px){.tour-image-wrapper--small-devices-only{display:none}}.tour-image-wrapper--substance-classes{padding:30px 0}.tour-image-wrapper--filters{padding:30px 0;max-width:300px;margin:auto}.tour-image-wrapper--search-filters{padding:30px 0;max-width:300px;margin:auto}.tour-image-wrapper--filter-list-menu{padding:30px 0;max-width:300px;margin:auto}appbanner{display:block}.app-banner{position:relative;z-index:1;box-sizing:border-box;padding:8px 16px;background-color:#eee;color:#000;font-size:16px}.app-banner__paragraph{margin:0;padding-right:20px;display:-moz-flex;display:flex;-moz-align-items:center;align-items:center;-moz-justify-content:center;justify-content:center}.app-banner__paragraph:after{content:"";display:table;clear:both}.app-banner__text{margin-right:20px}.app-banner__button-container{display:inline-block;margin-right:10px}.app-banner__button-container--close{position:absolute;top:10px;right:0}.app-banner__button{color:#000 ;cursor:pointer}.app-banner__link{color:inherit;text-decoration:underline;cursor:pointer}.app-banner__link:focus,.app-banner__link:hover{color:inherit}.app-banner__link{display:inline-block}.app-banner__app-store-icon{display:block;margin-right:10px;height:40px}.notification-container{position:relative;background-color:#ff4827;height:0;opacity:0;transition:all 200ms linear;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;overflow:hidden}.notification-container--active{opacity:1;height:auto;transition:all 200ms linear;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear}.notification-container .notification{padding:0.5rem 1rem}.notification-container .notification__error-icon{position:absolute;right:0;display:inline-block;margin-right:10px;top:10px;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:center;justify-content:center}.notification-container .notification__message{height:100%}.notification-container .notification__link{cursor:pointer;text-align:center;color:#fff}.notification-container .message h2{margin:0 0 4px 0;font-size:18px;color:#fff}.notification-container .message p{font-size:14px;color:#fff;margin:0}
/*# sourceMappingURL=main.css.map */