/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}/** * Remove default margin. */body { margin: 0;}/* HTML5 display definitions ========================================================================== *//** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */audio,canvas,progress,video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */}/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */audio:not([controls]) { display: none; height: 0;}/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */[hidden],template { display: none;}/* Links ========================================================================== *//** * Remove the gray background color from active links in IE 10. */a { background-color: transparent;}/** * Improve readability when focused and also mouse hovered in all browsers. */a:active,a:hover { outline: 0;}/* Text-level semantics ========================================================================== *//** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. *//** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */b,strong { font-weight: bold;}/** * Address styling not present in Safari and Chrome. */dfn { font-style: italic;}/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */h1 { font-size: 2em; margin: 0.67em 0;}/** * Address styling not present in IE 8/9. */mark { background: #ff0; color: #000;}/** * Address inconsistent and variable font size in all browsers. */small { font-size: 80%;}/** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sup { top: -0.5em;}sub { bottom: -0.25em;}/* Embedded content ========================================================================== *//** * Remove border when inside `a` element in IE 8/9/10. */img { border: 0;}/** * Correct overflow not hidden in IE 9/10/11. */svg:not(:root) { overflow: hidden;}/* Grouping content ========================================================================== *//** * Address margin not present in IE 8/9 and Safari. */figure { margin: 1em 40px;}/** * Address differences between Firefox and other browsers. */hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}/** * Contain overflow in all browsers. */pre { overflow: auto;}/** * Address odd `em`-unit font size rendering in all browsers. */code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em;}/* Forms ========================================================================== *//** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. *//** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */button,input,optgroup,select,textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */}/** * Address `overflow` set to `hidden` in IE 8/9/10/11. */button { overflow: visible;}/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */button,select { text-transform: none;}/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */}/** * Re-set default cursor for disabled elements. */button[disabled],html input[disabled] { cursor: default;}/** * Remove inner padding and border in Firefox 4+. */button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */input { line-height: normal;}/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}/** * Define consistent border, margin, and padding. */fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */legend { border: 0; /* 1 */ padding: 0; /* 2 */}/** * Remove default vertical scrollbar in IE 8/9/10/11. */textarea { overflow: auto;}/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */optgroup { font-weight: bold;}/* Tables ========================================================================== *//** * Remove most spacing between table cells. */table { border-collapse: collapse; border-spacing: 0;}td,th { padding: 0;}/*font-family: 'Open Sans', sans-serif;font-weight: 400/700;GRIJS: #666BLAUW: #0069afGROEN: #79d380ROOD: #9b1d20*/* { border: 0;padding: 0;margin: 0; }/* general */body {background: #fff;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #666;}br.clear {clear: both;}/* wrapper */.wrapper {margin: 0 auto;max-width: 1280px;position: relative;}/* header */.header {float: left;width: 100%;background: #eee;border-bottom: 1px solid #ddd;padding: 25px 0;}/* logo */.logo {float: left;height: 50px;}/* user indicator */.user_indicator {float: right;text-align: right;margin-top: 25px;}.user_indicator i {margin-right: 5px;}.user_indicator a {color: #0069af;}.user_indicator a:hover {color: #666;}/* lan switch */ul.lan_switch {position: absolute;top: -25px;right: 0;z-index: 100;list-style-type: none;}ul.lan_switch li {display: inline-block;}ul.lan_switch li a {float: left;color: #666;text-transform: uppercase;text-decoration: none;font-size: 13px;line-height: 1em;padding: 9px;margin-left: 2px;}ul.lan_switch li a:hover {color: #0069af;}ul.lan_switch li a.selected, ul.lan_switch li a.selected:hover {color: #fff;background: #0069af;}/* content */.content {float: left;width: 100%;padding: 40px 0;}.content a {color: #0069af;}.content a:hover {color: #666;}.content a.button {display: inline-block;color: #fff;background: #0069af;text-decoration: none;text-transform: uppercase;font-size: 13px;padding: 10px 15px;border-radius: 3px;margin-bottom: 10px;}.content a.button:hover {background: #666;}.content a.button.left {float: left;margin-bottom: 15px;}.content img.left {float: left;padding-right: 15px;margin-right: 15px;}.content img.right {float: right;padding-left: 15px;margin-left: 15px;}.content h1 {color: #0069af;font-size: 30px;font-weight: 400;line-height: 1.1em;margin-top: 0;margin-bottom: 20px;}.content h1.left {float: left;margin-right: 30px;}.content h2 {color: #0069af;font-size: 22px;font-weight: 700;line-height: 1.1em;margin-top: 0;margin-bottom: 20px;}.content p {line-height: 1.5em;margin-bottom: 25px;}.content p.nomargin {margin-bottom: 10px;}.content ul {list-style-type: disc;margin-bottom: 25px;}.content ol {list-style-type: decimal;margin-left: 10px;margin-bottom: 25px;padding-left: 15px;}.content li {margin-left: 15px;margin-bottom: 6px;line-height: 1.5em;}.content ul.check {list-style-type: none;margin-bottom: 22px;}.content ul.check li {margin-left: 0;padding-left: 26px;margin-bottom: 8px;background: url('/_graphics/icon_check.png') top left no-repeat;background-size: 16px auto;}.content table {width: 100%;margin-bottom: 25px;}.content td {padding: 5px;vertical-align: top;line-height: 1.4em;}.content hr {float: left;width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 25px;}.responsive_iframe_wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}.responsive_iframe_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}/* main */.main {float: left;width: 70%;}/* transports */table.transports {float: left;width: 100%;border: 1px solid #ddd;}table.transports th {text-align: left;color: #0069af;text-transform: uppercase;font-weight: 400;font-size: 12px;padding: 12px 7px;background: #eee;border-bottom: 1px solid #ddd;}table.transports th.active {font-weight: 700;}table.transports th.active a {text-decoration: none;}table.transports td {font-size: 14px;padding: 10px 7px;border-bottom: 1px solid #ddd;cursor: pointer;}table.transports td.zero {color: #999;}table.transports td.delete {width: 12px;}table.transports td.delete a {color: #999;}table.transports td.delete a:hover {color: #9b1d20;}table.transports td.total {font-weight: 700;padding: 12px 5px;background: #e0e0e0 !important;}table.transports tr:hover td {background: #f9f9f9;}span.tip {border-bottom: 1px dotted #999;}span.mobile_label {font-size: 11px;font-weight: 700;text-transform: uppercase;display: none;margin-right: 5px;}/* filter toggle */.filter_toggle {float: left;width: 100%;padding: 12px 0;text-align: center;text-transform: uppercase;font-size: 13px;color: #fff !important;background: #666;border-radius: 3px;display: none;}/* filter */.filter {float: left;width: 100%;box-sizing: border-box;background: #e0e0e0;border: 1px solid #ddd;padding: 15px 20px;margin-top: 5px;margin-bottom: 25px;}.filter_block {float: left;width: 23.5%;margin-right: 2%;white-space: nowrap;}.filter_block.last {margin-right: 0;}.filter_block span {float: left;width: 100%;font-size: 11px;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;}.filter_block .select-wrapper {width: 100% !important;margin-top: 0;margin-bottom: 0;min-width: 10px;}.filter_block .select-wrapper:after { font-size: 11px;}.filter_block select {font-size: 15px;}.filter_block label {font-size: 15px;}.filter_block .text-wrapper {float: left;width: 100%;overflow: hidden;position: relative;}.filter_block .text-wrapper:after { content: "\f073"; font-family: "FontAwesome"; font-size: 12px; color: #fff; right: 0; top: 0; bottom: 0; padding: 14px 12px; position: absolute; pointer-events: none; line-height: 11px; background-color: #666;}.filter_block .text-wrapper.search:after {content: "\f002";}.filter_block input.text {width: 100%;font-weight: 400;font-size: 15px;color: #666; background: #fff; border: 1px solid #ddd; padding: 8px 5% 8px 2%; outline: none;}/* links */.links {float: left;width: 100%;margin-bottom: 20px;}.links span {float: left;margin-right: 18px;margin-bottom: 9px}.links span i {display: inline-block;margin-right: 3px;}/* form */.form {float: left;width: 100%;}/* form labels */.form span.label, .form span.hint {float: left;width: 100%;}.form span.label {margin-bottom: 2px;}.form span.label.error {color: #9b1d20;}.form span.hint {font-weight: normal;font-size: 13px;color: #777;margin-top: -5px;margin-bottom: 15px;}.form span.hint a {color: #777;}.form span.hint a:hover {color: #555;}.form span.checkbox {float: left;width: 100%;margin-top: 10px;margin-bottom: 15px;}.form span.checkbox.error {color: #9b1d20;}.form span.checkbox.error a {color: #9b1d20;}.form span.label b, .form span.checkbox b {color: #999;font-weight: normal;font-size: 12px;}.form span.label.error b, .form span.checkbox.error b {color: #9b1d20;font-weight: 700;}.form span.form_block {float: left; width: 100%; margin-bottom: 15px;}.form span.form_block.error {color: #9b1d20;}.form_block {float: left;width: 100%;margin-top: 8px;margin-bottom: 15px;}.form_block.error {color: #9b1d20;}.form_block b {color: #999;font-weight: normal;font-size: 12px;}/* datepicker */#datepicker_icon {float: left;width: 32px;margin-top: 4px;margin-bottom: 12px;cursor: pointer;}#date_list_label {float: right;width: calc(100% - 45px); color: #666; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.3em; margin-top: 7px; display: none;}/* form fields */.form input.text {float: left;width: 95%;background: #fbfbfb;border: 1px solid #ddd;padding: 10px;margin-top: 3px;margin-bottom: 10px;color: #666;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;}.form input.text.error {border: 1px solid #9b1d20;}.form input.date_text {float: left;width: 150px;background: #fbfbfb;border: 1px solid #ddd;padding: 10px;margin-top: 3px;margin-bottom: 10px;color: #666;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;}.form textarea {float: left;width: 95%;height: 100px;background: #fbfbfb;border: 1px solid #ddd;padding: 10px;margin-top: 3px;margin-bottom: 10px;color: #666;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;}.form label {cursor: pointer;}.select-wrapper {float: left;width: 50%;min-width: 275px;position: relative;margin-top: 3px;margin-bottom: 15px;}.select-wrapper.small {width: 20%;margin-right: 15px;min-width: 125px;}.select-wrapper.medium {width: 35%;margin-right: 15px;}.select-wrapper.large {width: 98%;}.select-wrapper:after { content: "\f078"; font-family: "FontAwesome"; font-size: 13px; color: #fff; right: 0; top: 0; bottom: 0; padding: 14px 12px 0; position: absolute; pointer-events: none; line-height: 14px; background-color: #666;}select {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; display: inline-block; zoom: 1; color: #666;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px; background-color: #fbfbfb; padding: 8px 40px 8px 1%; margin: 0 7px 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #ddd; width: 100%; cursor: pointer; outline: none; transition: border 0.3s;}select::-ms-expand { display: none;}.form select.error {border: 1px solid #9b1d20;}.select-wrapper.small select, .select-wrapper.medium select {padding-left: 7px;}.form input.checkbox {float: left;vertical-align: top;display: block;overflow: hidden;padding: 0; border: 0;margin: 4px 6px 2px 0;width: 14px;height: 14px;line-height: 1em;}div.form_break {float: left;width: 100%;height: 15px;margin-top: 10px;border-top: 1px solid #ddd;}div.form_title {float: left;width: 100%;font-size: 20px;font-weight: 700;margin-top: 10px;margin-bottom: 15px;color: #000;}/* feedback */div.feedback {float: left;width: 100%;padding: 20px 0;font-size: 20px;font-weight: 400;text-align: center;color: #fff;background: #79d380;}div.feedback.error {background: #9b1d20;}/* button */button::-moz-focus-inner { border: 0; padding: 0;}button {display: inline-block;color: #fff;background: #0069af;cursor: pointer;overflow: visible;outline: none;text-decoration: none;text-transform: uppercase;font-size: 13px;padding: 10px 15px;border-radius: 3px;margin-bottom: 10px;}button:hover {background: #666;}/* footer */.footer {float: left;width: 100%;border-top: 1px solid #ddd;padding: 25px 0;font-size: 15px;line-height: 1.75em;text-align: center;color: #999;}.footer a {color: #999;white-space: nowrap;}.footer a:hover {color: #666;}.footer img {display: inline-block;vertical-align: top;height: 40px;margin-top: 20px;}/* 1360px */@media screen and (max-width: 85em) { .wrapper {width: 94%;}}/* 1200px */@media screen and (max-width: 75em) { }/* 1120px */@media screen and (max-width: 70em) { }/* 1040px */@media screen and (max-width: 65em) { }/* 960px */@media screen and (max-width: 60em) { .main {width: 100%;}}/* 880px */@media screen and (max-width: 55em) { table.transports tr.head {display: none;}table.transports tr {float: left;width: 100%;box-sizing: border-box;padding: 15px 20px;}table.transports tr:nth-child(odd) {background: #eee;}table.transports tr.total {background: #e0e0e0;}table.transports td {float: left;width: 100% !important;padding: 6px 0;background: none !important;}table.transports td.total {padding: 6px 0;}table.transports td.total.float {width: auto !important;margin-right: 10px;border-right: 1px solid #aaa;padding-right: 10px;}table.transports td.total.float.last {margin-right: 0;border-right: none;padding-right: 0;}table.transports td.delete {border-bottom: 0;}span.mobile_label {display: inline-block;}span.spaces {display: none;}}/* 800px */@media screen and (max-width: 50em) { }/* 720px */@media screen and (max-width: 45em) { .header {padding: 20px 0;}.logo {width: 300px;height: auto;}.user_indicator {float: left;width: 100%;text-align: left;margin-top: 20px;}ul.lan_switch {top: -20px;}}/* 640px */@media screen and (max-width: 40em) { .filter_toggle {display: block;}.filter {display: none;margin-top: 0;margin-bottom: 0;}.filter_block {width: 100%;margin-bottom: 10px;margin-right: 0;}table.transports {margin-top: 20px;}}/* 560px */@media screen and (max-width: 35em) { .content h1 {font-size: 26px;}.content h2 {font-size: 18px;}}/* 480px */@media screen and (max-width: 30em) { .logo {width: 250px;}}/* 400px */@media screen and (max-width: 25em) { }@charset "UTF-8";/*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */.pika-single { z-index: 9999; display: block; position: relative; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb;}/*clear child float (pika-lendar), using the famous micro clearfix hackhttp://nicolasgallagher.com/micro-clearfix-hack/*/.pika-single:before,.pika-single:after { content: " "; display: table;}.pika-single:after { clear: both }.pika-single { *zoom: 1 }.pika-single.is-hidden { display: none;}.pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);}.pika-lendar { float: left; width: 240px; margin: 8px;}.pika-title { position: relative; text-align: center;}.pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff;}.pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0;}.pika-prev,.pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0;}.pika-prev:hover,.pika-next:hover { opacity: 1;}.pika-prev,.is-rtl .pika-next { float: left; background-color: #fff !important; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==') !important; *left: 0;}.pika-next,.is-rtl .pika-prev { float: right; background-color: #fff !important; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=') !important; *right: 0;}.pika-prev.is-disabled,.pika-next.is-disabled { cursor: default; opacity: .2;}.pika-select { display: inline-block; *display: inline;}.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0;}.pika-table th,.pika-table td { width: 14.285714285714286%; padding: 0;}.pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center;}.pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: center; background: #f5f5f5;}.pika-button:after {display: none;text-align: center;}.pika-week { font-size: 11px; color: #999;}.is-today .pika-button { color: #0069af; font-weight: bold;}.is-selected .pika-button,.has-event .pika-button { color: #fff; font-weight: bold; background: #0069af; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px;}.has-event .pika-button { background: #005da9; box-shadow: inset 0 1px 3px #0076c9;}.is-disabled .pika-button,.is-inrange .pika-button { background: #f4f4f1;}.is-startrange .pika-button { color: #fff; background: #5f3b31; box-shadow: none; border-radius: 3px;}.is-endrange .pika-button { color: #fff; background: #5f3b31; box-shadow: none; border-radius: 3px;}.is-disabled .pika-button,.is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3;}.pika-button:hover { color: #fff; background: #0069af; box-shadow: none; border-radius: 3px;}/* styling for abbr */.pika-table abbr { border-bottom: none !important; text-decoration: none !important;}/*Tipr 3.0Copyright (c) 2017 TipueTipr is released under the MIT Licensehttp://www.tipue.com/tipr*/.tipr_content { font-size: 13px; line-height: 1.5em; color: #fff; background-color: #0069af; padding: 8px 16px;}.tipr_container_below { display: none; position: absolute; margin-top: 13px; z-index: 1000;}.tipr_container_above { display: none; position: absolute; margin-top: -80px; z-index: 1000;}.tipr_point_above, .tipr_point_below { position: relative;background: #0069af;}.tipr_point_above:after, .tipr_point_above:before {position: absolute;pointer-events: none;border: solid transparent;top: 100%;content: "";height: 0;width: 0;}.tipr_point_above:after {border-top-color: #0069af;border-width: 8px;left: 50%;margin-left: -8px;}.tipr_point_above:before {border-top-color: #dcdcdc;border-width: 9px;left: 50%;margin-left: -9px;}.tipr_point_below:after, .tipr_point_below:before {position: absolute;pointer-events: none;border: solid transparent;bottom: 100%;content: "";height: 0;width: 0;}.tipr_point_below:after {border-bottom-color: #0069af;border-width: 8px;left: 50%;margin-left: -8px;}.tipr_point_below:before {border-bottom-color: #dcdcdc;border-width: 9px;left: 50%;margin-left: -9px;}