<style> /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.label, sub, sup { vertical-align:baseline } hr, img { border:0 } pre, textarea { overflow:auto } a, html { -webkit-tap-highlight-color:transparent } body, figure { margin:0 } .gb-radio__indicator, .img-thumbnail { -webkit-transition:all .2s ease-in-out } .btn-group>.btn-group, .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .dropdown-menu { float:left } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .pre-scrollable { max-height:340px } .anchor-block--tabs.click-through, .block-map>div:last-child:after, .form-control-feedback, .gb-select span, .mapPopups, a.btn.disabled, fieldset[disabled] a.btn { pointer-events:none } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block } audio, canvas, progress, video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden], template { display:none } a { background-color:transparent } a:active, a:hover { outline:0 } b, optgroup, strong { font-weight:700 } dfn { font-style:italic } h1 { margin:.67em 0 } mark { background:#ff0; color:#000 } sub, sup { font-size:75%; line-height:0 } sub { bottom:-.25em } img { vertical-align:middle } svg:not(:root) { overflow:hidden } hr { box-sizing:content-box; height:0 } code, kbd, pre, samp { font-size:1em } button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0 } .glyphicon, address { font-style:normal } button { overflow:visible } button, select { text-transform:none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance:button; cursor:pointer } button[disabled], html input[disabled] { cursor:default } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } textarea { resize:both } table { border-collapse:collapse; border-spacing:0 } td, th { padding:0 } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print { blockquote, img, pre, tr { page-break-inside:avoid } *, :after, :before { background:0 0!important; color:#000!important; box-shadow:none!important; text-shadow:none!important } a, a:visited { text-decoration:underline } a[href]:after { content:" (" attr(href) ")" } abbr[title]:after { content:" (" attr(title) ")" } a[href^="javascript:"]:after, a[href^="#"]:after { content:"" } blockquote, pre { border:1px solid #999 } thead { display:table-header-group } img { max-width:100%!important } h2, h3, p { orphans:3; widows:3 } h2, h3 { page-break-after:avoid } .navbar { display:none } .btn>.caret, .dropup>.btn>.caret { border-top-color:#000!important } .label { border:1px solid #000 } .table { border-collapse:collapse!important } .table td, .table th { background-color:#fff!important } .table-bordered td, .table-bordered th { border:1px solid #ddd!important } } .btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover, .form-control, .navbar-toggle, .open>.dropdown-toggle.btn-danger, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-info, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-warning { background-image:none } .img-thumbnail, body { background-color:#fff } @font-face { font-family:'Glyphicons Halflings'; src:url(bootstrap/fonts/glyphicons-halflings-regular.eot); src:url(bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(bootstrap/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff'), url(bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } .glyphicon { position:relative; top:1px; display:inline-block; font-family:'Glyphicons Halflings'; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .glyphicon-asterisk:before { content:"\002a" } .glyphicon-plus:before { content:"\002b" } .glyphicon-eur:before, .glyphicon-euro:before { content:"\20ac" } .glyphicon-minus:before { content:"\2212" } .glyphicon-cloud:before { content:"\2601" } .glyphicon-envelope:before { content:"\2709" } .glyphicon-pencil:before { content:"\270f" } .glyphicon-glass:before { content:"\e001" } .glyphicon-music:before { content:"\e002" } .glyphicon-search:before { content:"\e003" } .glyphicon-heart:before { content:"\e005" } .glyphicon-star:before { content:"\e006" } .glyphicon-star-empty:before { content:"\e007" } .glyphicon-user:before { content:"\e008" } .glyphicon-film:before { content:"\e009" } .glyphicon-th-large:before { content:"\e010" } .glyphicon-th:before { content:"\e011" } .glyphicon-th-list:before { content:"\e012" } .glyphicon-ok:before { content:"\e013" } .glyphicon-remove:before { content:"\e014" } .glyphicon-zoom-in:before { content:"\e015" } .glyphicon-zoom-out:before { content:"\e016" } .glyphicon-off:before { content:"\e017" } .glyphicon-signal:before { content:"\e018" } .glyphicon-cog:before { content:"\e019" } .glyphicon-trash:before { content:"\e020" } .glyphicon-home:before { content:"\e021" } .glyphicon-file:before { content:"\e022" } .glyphicon-time:before { content:"\e023" } .glyphicon-road:before { content:"\e024" } .glyphicon-download-alt:before { content:"\e025" } .glyphicon-download:before { content:"\e026" } .glyphicon-upload:before { content:"\e027" } .glyphicon-inbox:before { content:"\e028" } .glyphicon-play-circle:before { content:"\e029" } .glyphicon-repeat:before { content:"\e030" } .glyphicon-refresh:before { content:"\e031" } .glyphicon-list-alt:before { content:"\e032" } .glyphicon-lock:before { content:"\e033" } .glyphicon-flag:before { content:"\e034" } .glyphicon-headphones:before { content:"\e035" } .glyphicon-volume-off:before { content:"\e036" } .glyphicon-volume-down:before { content:"\e037" } .glyphicon-volume-up:before { content:"\e038" } .glyphicon-qrcode:before { content:"\e039" } .glyphicon-barcode:before { content:"\e040" } .glyphicon-tag:before { content:"\e041" } .glyphicon-tags:before { content:"\e042" } .glyphicon-book:before { content:"\e043" } .glyphicon-bookmark:before { content:"\e044" } .glyphicon-print:before { content:"\e045" } .glyphicon-camera:before { content:"\e046" } .glyphicon-font:before { content:"\e047" } .glyphicon-bold:before { content:"\e048" } .glyphicon-italic:before { content:"\e049" } .glyphicon-text-height:before { content:"\e050" } .glyphicon-text-width:before { content:"\e051" } .glyphicon-align-left:before { content:"\e052" } .glyphicon-align-center:before { content:"\e053" } .glyphicon-align-right:before { content:"\e054" } .glyphicon-align-justify:before { content:"\e055" } .glyphicon-list:before { content:"\e056" } .glyphicon-indent-left:before { content:"\e057" } .glyphicon-indent-right:before { content:"\e058" } .glyphicon-facetime-video:before { content:"\e059" } .glyphicon-picture:before { content:"\e060" } .glyphicon-map-marker:before { content:"\e062" } .glyphicon-adjust:before { content:"\e063" } .glyphicon-tint:before { content:"\e064" } .glyphicon-edit:before { content:"\e065" } .glyphicon-share:before { content:"\e066" } .glyphicon-check:before { content:"\e067" } .glyphicon-move:before { content:"\e068" } .glyphicon-step-backward:before { content:"\e069" } .glyphicon-fast-backward:before { content:"\e070" } .glyphicon-backward:before { content:"\e071" } .glyphicon-play:before { content:"\e072" } .glyphicon-pause:before { content:"\e073" } .glyphicon-stop:before { content:"\e074" } .glyphicon-forward:before { content:"\e075" } .glyphicon-fast-forward:before { content:"\e076" } .glyphicon-step-forward:before { content:"\e077" } .glyphicon-eject:before { content:"\e078" } .glyphicon-chevron-left:before { content:"\e079" } .glyphicon-chevron-right:before { content:"\e080" } .glyphicon-plus-sign:before { content:"\e081" } .glyphicon-minus-sign:before { content:"\e082" } .glyphicon-remove-sign:before { content:"\e083" } .glyphicon-ok-sign:before { content:"\e084" } .glyphicon-question-sign:before { content:"\e085" } .glyphicon-info-sign:before { content:"\e086" } .glyphicon-screenshot:before { content:"\e087" } .glyphicon-remove-circle:before { content:"\e088" } .glyphicon-ok-circle:before { content:"\e089" } .glyphicon-ban-circle:before { content:"\e090" } .glyphicon-arrow-left:before { content:"\e091" } .glyphicon-arrow-right:before { content:"\e092" } .glyphicon-arrow-up:before { content:"\e093" } .glyphicon-arrow-down:before { content:"\e094" } .glyphicon-share-alt:before { content:"\e095" } .glyphicon-resize-full:before { content:"\e096" } .glyphicon-resize-small:before { content:"\e097" } .glyphicon-exclamation-sign:before { content:"\e101" } .glyphicon-gift:before { content:"\e102" } .glyphicon-leaf:before { content:"\e103" } .glyphicon-fire:before { content:"\e104" } .glyphicon-eye-open:before { content:"\e105" } .glyphicon-eye-close:before { content:"\e106" } .glyphicon-warning-sign:before { content:"\e107" } .glyphicon-plane:before { content:"\e108" } .glyphicon-calendar:before { content:"\e109" } .glyphicon-random:before { content:"\e110" } .glyphicon-comment:before { content:"\e111" } .glyphicon-magnet:before { content:"\e112" } .glyphicon-chevron-up:before { content:"\e113" } .glyphicon-chevron-down:before { content:"\e114" } .glyphicon-retweet:before { content:"\e115" } .glyphicon-shopping-cart:before { content:"\e116" } .glyphicon-folder-close:before { content:"\e117" } .glyphicon-folder-open:before { content:"\e118" } .glyphicon-resize-vertical:before { content:"\e119" } .glyphicon-resize-horizontal:before { content:"\e120" } .glyphicon-hdd:before { content:"\e121" } .glyphicon-bullhorn:before { content:"\e122" } .glyphicon-bell:before { content:"\e123" } .glyphicon-certificate:before { content:"\e124" } .glyphicon-thumbs-up:before { content:"\e125" } .glyphicon-thumbs-down:before { content:"\e126" } .glyphicon-hand-right:before { content:"\e127" } .glyphicon-hand-left:before { content:"\e128" } .glyphicon-hand-up:before { content:"\e129" } .glyphicon-hand-down:before { content:"\e130" } .glyphicon-circle-arrow-right:before { content:"\e131" } .glyphicon-circle-arrow-left:before { content:"\e132" } .glyphicon-circle-arrow-up:before { content:"\e133" } .glyphicon-circle-arrow-down:before { content:"\e134" } .glyphicon-globe:before { content:"\e135" } .glyphicon-wrench:before { content:"\e136" } .glyphicon-tasks:before { content:"\e137" } .glyphicon-filter:before { content:"\e138" } .glyphicon-briefcase:before { content:"\e139" } .glyphicon-fullscreen:before { content:"\e140" } .glyphicon-dashboard:before { content:"\e141" } .glyphicon-paperclip:before { content:"\e142" } .glyphicon-heart-empty:before { content:"\e143" } .glyphicon-link:before { content:"\e144" } .glyphicon-phone:before { content:"\e145" } .glyphicon-pushpin:before { content:"\e146" } .glyphicon-usd:before { content:"\e148" } .glyphicon-gbp:before { content:"\e149" } .glyphicon-sort:before { content:"\e150" } .glyphicon-sort-by-alphabet:before { content:"\e151" } .glyphicon-sort-by-alphabet-alt:before { content:"\e152" } .glyphicon-sort-by-order:before { content:"\e153" } .glyphicon-sort-by-order-alt:before { content:"\e154" } .glyphicon-sort-by-attributes:before { content:"\e155" } .glyphicon-sort-by-attributes-alt:before { content:"\e156" } .glyphicon-unchecked:before { content:"\e157" } .glyphicon-expand:before { content:"\e158" } .glyphicon-collapse-down:before { content:"\e159" } .glyphicon-collapse-up:before { content:"\e160" } .glyphicon-log-in:before { content:"\e161" } .glyphicon-flash:before { content:"\e162" } .glyphicon-log-out:before { content:"\e163" } .glyphicon-new-window:before { content:"\e164" } .glyphicon-record:before { content:"\e165" } .glyphicon-save:before { content:"\e166" } .glyphicon-open:before { content:"\e167" } .glyphicon-saved:before { content:"\e168" } .glyphicon-import:before { content:"\e169" } .glyphicon-export:before { content:"\e170" } .glyphicon-send:before { content:"\e171" } .glyphicon-floppy-disk:before { content:"\e172" } .glyphicon-floppy-saved:before { content:"\e173" } .glyphicon-floppy-remove:before { content:"\e174" } .glyphicon-floppy-save:before { content:"\e175" } .glyphicon-floppy-open:before { content:"\e176" } .glyphicon-credit-card:before { content:"\e177" } .glyphicon-transfer:before { content:"\e178" } .glyphicon-cutlery:before { content:"\e179" } .glyphicon-header:before { content:"\e180" } .glyphicon-compressed:before { content:"\e181" } .glyphicon-earphone:before { content:"\e182" } .glyphicon-phone-alt:before { content:"\e183" } .glyphicon-tower:before { content:"\e184" } .glyphicon-stats:before { content:"\e185" } .glyphicon-sd-video:before { content:"\e186" } .glyphicon-hd-video:before { content:"\e187" } .glyphicon-subtitles:before { content:"\e188" } .glyphicon-sound-stereo:before { content:"\e189" } .glyphicon-sound-dolby:before { content:"\e190" } .glyphicon-sound-5-1:before { content:"\e191" } .glyphicon-sound-6-1:before { content:"\e192" } .glyphicon-sound-7-1:before { content:"\e193" } .glyphicon-copyright-mark:before { content:"\e194" } .glyphicon-registration-mark:before { content:"\e195" } .glyphicon-cloud-download:before { content:"\e197" } .glyphicon-cloud-upload:before { content:"\e198" } .glyphicon-tree-conifer:before { content:"\e199" } .glyphicon-tree-deciduous:before { content:"\e200" } .glyphicon-cd:before { content:"\e201" } .glyphicon-save-file:before { content:"\e202" } .glyphicon-open-file:before { content:"\e203" } .glyphicon-level-up:before { content:"\e204" } .glyphicon-copy:before { content:"\e205" } .glyphicon-paste:before { content:"\e206" } .glyphicon-alert:before { content:"\e209" } .glyphicon-equalizer:before { content:"\e210" } .glyphicon-king:before { content:"\e211" } .glyphicon-queen:before { content:"\e212" } .glyphicon-pawn:before { content:"\e213" } .glyphicon-bishop:before { content:"\e214" } .glyphicon-knight:before { content:"\e215" } .glyphicon-baby-formula:before { content:"\e216" } .glyphicon-tent:before { content:"\26fa" } .glyphicon-blackboard:before { content:"\e218" } .glyphicon-bed:before { content:"\e219" } .glyphicon-apple:before { content:"\f8ff" } .glyphicon-erase:before { content:"\e221" } .glyphicon-hourglass:before { content:"\231b" } .glyphicon-lamp:before { content:"\e223" } .glyphicon-duplicate:before { content:"\e224" } .glyphicon-piggy-bank:before { content:"\e225" } .glyphicon-scissors:before { content:"\e226" } .glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before { content:"\e227" } .glyphicon-jpy:before, .glyphicon-yen:before { content:"\00a5" } .glyphicon-rub:before, .glyphicon-ruble:before { content:"\20bd" } .glyphicon-scale:before { content:"\e230" } .glyphicon-ice-lolly:before { content:"\e231" } .glyphicon-ice-lolly-tasted:before { content:"\e232" } .glyphicon-education:before { content:"\e233" } .glyphicon-option-horizontal:before { content:"\e234" } .glyphicon-option-vertical:before { content:"\e235" } .glyphicon-menu-hamburger:before { content:"\e236" } .glyphicon-modal-window:before { content:"\e237" } .glyphicon-oil:before { content:"\e238" } .glyphicon-grain:before { content:"\e239" } .glyphicon-sunglasses:before { content:"\e240" } .glyphicon-text-size:before { content:"\e241" } .glyphicon-text-color:before { content:"\e242" } .glyphicon-text-background:before { content:"\e243" } .glyphicon-object-align-top:before { content:"\e244" } .glyphicon-object-align-bottom:before { content:"\e245" } .glyphicon-object-align-horizontal:before { content:"\e246" } .glyphicon-object-align-left:before { content:"\e247" } .glyphicon-object-align-vertical:before { content:"\e248" } .glyphicon-object-align-right:before { content:"\e249" } .glyphicon-triangle-right:before { content:"\e250" } .glyphicon-triangle-left:before { content:"\e251" } .glyphicon-triangle-bottom:before { content:"\e252" } .glyphicon-triangle-top:before { content:"\e253" } .glyphicon-console:before { content:"\e254" } .glyphicon-superscript:before { content:"\e255" } .glyphicon-subscript:before { content:"\e256" } .glyphicon-menu-left:before { content:"\e257" } .glyphicon-menu-right:before { content:"\e258" } .glyphicon-menu-down:before { content:"\e259" } .glyphicon-menu-up:before { content:"\e260" } *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } body { font-size:14px } button, input, select, textarea { font-family:inherit; font-size:inherit; line-height:inherit } a { color:#4ba2ce; text-decoration:none } a:focus, a:hover { color:#2c79a1; text-decoration:underline } a:focus { outline:-webkit-focus-ring-color auto 5px; outline-offset:-2px } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display:block; max-width:100%; height:auto } .img-rounded { border-radius:2px } .img-thumbnail { padding:4px; line-height:1.42857143; border:1px solid #ddd; border-radius:2px; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto } .img-circle { border-radius:50% } hr { margin-top:19px; margin-bottom:19px; border-top:1px solid #eee } .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0 } .sr-only-focusable:active, .sr-only-focusable:focus { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto } [role=button] { cursor:pointer } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:inherit; font-weight:600; line-height:1.1; color:inherit } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight:400; line-height:1; color:#777 } .h1, .h2, .h3, h1, h2, h3 { margin-top:19px; margin-bottom:9.5px } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size:65% } .h4, .h5, .h6, h4, h5, h6 { margin-top:9.5px; margin-bottom:9.5px } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size:75% } .h1, h1 { font-size:36px } .h2, h2 { font-size:31px } .h3, h3 { font-size:18px } .h4, h4 { font-size:14px } .h5, h5 { font-size:12px } .h6, h6 { font-size:11px } p { margin:0 0 9.5px } .lead { margin-bottom:19px; font-size:16px; font-weight:300; line-height:1.4 } dt, kbd kbd, label { font-weight:700 } address, blockquote .small, blockquote footer, blockquote small, dd, dt, pre { line-height:1.42857143 } @media (min-width:768px) { .lead { font-size:21px } } .small, small { font-size:85% } .mark, mark { background-color:#fcf8e3; padding:.2em } .list-inline, .list-unstyled { padding-left:0; list-style:none } .text-left { text-align:left } .text-right { text-align:right } .text-center { text-align:center } .text-justify { text-align:justify } .text-nowrap { white-space:nowrap } .text-lowercase { text-transform:lowercase } .text-uppercase { text-transform:uppercase } .text-capitalize { text-transform:capitalize } .text-muted { color:#777 } .text-primary { color:#71b171 } a.text-primary:focus, a.text-primary:hover { color:#559a55 } .text-success { color:#3c763d } a.text-success:focus, a.text-success:hover { color:#2b542c } .text-info { color:#31708f } a.text-info:focus, a.text-info:hover { color:#245269 } .text-warning { color:#e89b16 } a.text-warning:focus, a.text-warning:hover { color:#b97c12 } .text-danger { color:#a94442 } a.text-danger:focus, a.text-danger:hover { color:#843534 } .bg-primary { color:#fff; background-color:#71b171 } a.bg-primary:focus, a.bg-primary:hover { background-color:#559a55 } .bg-success { background-color:#dff0d8 } a.bg-success:focus, a.bg-success:hover { background-color:#c1e2b3 } .bg-info { background-color:#d9edf7 } a.bg-info:focus, a.bg-info:hover { background-color:#afd9ee } .bg-warning { background-color:#fcf8e3 } a.bg-warning:focus, a.bg-warning:hover { background-color:#f7ecb5 } .bg-danger { background-color:#f2dede } a.bg-danger:focus, a.bg-danger:hover { background-color:#e4b9b9 } pre code, table { background-color:transparent } .page-header { padding-bottom:8.5px; margin:38px 0 19px; border-bottom:1px solid #eee } dl, ol, ul { margin-top:0 } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child, ol ol, ol ul, ul ol, ul ul { margin-bottom:0 } address, dl { margin-bottom:19px } ol, ul { margin-bottom:9.5px } .list-inline { margin-left:-5px } .list-inline>li { display:inline-block; padding-left:5px; padding-right:5px } dd { margin-left:0 } @media (min-width:768px) { .dl-horizontal dt { float:left; width:160px; clear:left; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .dl-horizontal dd { margin-left:180px } .container { width:750px } } abbr[data-original-title], abbr[title] { cursor:help; border-bottom:1px dotted #777 } .initialism { font-size:90%; text-transform:uppercase } blockquote .small, blockquote footer, blockquote small { display:block; font-size:80%; color:#777 } legend, pre { display:block; color:#333 } blockquote .small:before, blockquote footer:before, blockquote small:before { content:'\2014 \00A0' } .blockquote-reverse, blockquote.pull-right { padding-right:15px; padding-left:0; border-right:5px solid #eee; border-left:0; text-align:right } code, kbd { padding:2px 4px; font-size:90% } caption, th { text-align:left } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content:'' } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content:'\00A0 \2014' } code, kbd, pre, samp { font-family:Menlo,Monaco,Consolas,"Courier New",monospace } code { color:#c7254e; background-color:#f9f2f4; border-radius:2px } kbd { color:#fff; background-color:#333; border-radius:0; box-shadow:inset 0 -1px 0 rgba(0,0,0,.25) } kbd kbd { padding:0; font-size:100%; box-shadow:none } pre { padding:9px; margin:0 0 9.5px; font-size:13px; word-break:break-all; word-wrap:break-word; background-color:#f5f5f5; border:1px solid #ccc; border-radius:2px } .container, .container-fluid { margin-right:auto; margin-left:auto } pre code { padding:0; font-size:inherit; color:inherit; white-space:pre-wrap; border-radius:0 } .container, .container-fluid { padding-left:15px; padding-right:15px } .pre-scrollable { overflow-y:scroll } @media (min-width:992px) { .container { width:970px } } @media (min-width:1200px) { .container { width:1170px } } .row { margin-left:-15px; margin-right:-15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position:relative; min-height:1px; padding-left:15px; padding-right:15px } .col-xs-12 { width:100% } .col-xs-11 { width:91.66666667% } .col-xs-10 { width:83.33333333% } .col-xs-9 { width:75% } .col-xs-8 { width:66.66666667% } .col-xs-7 { width:58.33333333% } .col-xs-6 { width:50% } .col-xs-5 { width:41.66666667% } .col-xs-4 { width:33.33333333% } .col-xs-3 { width:25% } .col-xs-2 { width:16.66666667% } .col-xs-1 { width:8.33333333% } .col-xs-pull-12 { right:100% } .col-xs-pull-11 { right:91.66666667% } .col-xs-pull-10 { right:83.33333333% } .col-xs-pull-9 { right:75% } .col-xs-pull-8 { right:66.66666667% } .col-xs-pull-7 { right:58.33333333% } .col-xs-pull-6 { right:50% } .col-xs-pull-5 { right:41.66666667% } .col-xs-pull-4 { right:33.33333333% } .col-xs-pull-3 { right:25% } .col-xs-pull-2 { right:16.66666667% } .col-xs-pull-1 { right:8.33333333% } .col-xs-pull-0 { right:auto } .col-xs-push-12 { left:100% } .col-xs-push-11 { left:91.66666667% } .col-xs-push-10 { left:83.33333333% } .col-xs-push-9 { left:75% } .col-xs-push-8 { left:66.66666667% } .col-xs-push-7 { left:58.33333333% } .col-xs-push-6 { left:50% } .col-xs-push-5 { left:41.66666667% } .col-xs-push-4 { left:33.33333333% } .col-xs-push-3 { left:25% } .col-xs-push-2 { left:16.66666667% } .col-xs-push-1 { left:8.33333333% } .col-xs-push-0 { left:auto } .col-xs-offset-12 { margin-left:100% } .col-xs-offset-11 { margin-left:91.66666667% } .col-xs-offset-10 { margin-left:83.33333333% } .col-xs-offset-9 { margin-left:75% } .col-xs-offset-8 { margin-left:66.66666667% } .col-xs-offset-7 { margin-left:58.33333333% } .col-xs-offset-6 { margin-left:50% } .col-xs-offset-5 { margin-left:41.66666667% } .col-xs-offset-4 { margin-left:33.33333333% } .col-xs-offset-3 { margin-left:25% } .col-xs-offset-2 { margin-left:16.66666667% } .col-xs-offset-1 { margin-left:8.33333333% } .col-xs-offset-0 { margin-left:0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float:left } .col-sm-12 { width:100% } .col-sm-11 { width:91.66666667% } .col-sm-10 { width:83.33333333% } .col-sm-9 { width:75% } .col-sm-8 { width:66.66666667% } .col-sm-7 { width:58.33333333% } .col-sm-6 { width:50% } .col-sm-5 { width:41.66666667% } .col-sm-4 { width:33.33333333% } .col-sm-3 { width:25% } .col-sm-2 { width:16.66666667% } .col-sm-1 { width:8.33333333% } .col-sm-pull-12 { right:100% } .col-sm-pull-11 { right:91.66666667% } .col-sm-pull-10 { right:83.33333333% } .col-sm-pull-9 { right:75% } .col-sm-pull-8 { right:66.66666667% } .col-sm-pull-7 { right:58.33333333% } .col-sm-pull-6 { right:50% } .col-sm-pull-5 { right:41.66666667% } .col-sm-pull-4 { right:33.33333333% } .col-sm-pull-3 { right:25% } .col-sm-pull-2 { right:16.66666667% } .col-sm-pull-1 { right:8.33333333% } .col-sm-pull-0 { right:auto } .col-sm-push-12 { left:100% } .col-sm-push-11 { left:91.66666667% } .col-sm-push-10 { left:83.33333333% } .col-sm-push-9 { left:75% } .col-sm-push-8 { left:66.66666667% } .col-sm-push-7 { left:58.33333333% } .col-sm-push-6 { left:50% } .col-sm-push-5 { left:41.66666667% } .col-sm-push-4 { left:33.33333333% } .col-sm-push-3 { left:25% } .col-sm-push-2 { left:16.66666667% } .col-sm-push-1 { left:8.33333333% } .col-sm-push-0 { left:auto } .col-sm-offset-12 { margin-left:100% } .col-sm-offset-11 { margin-left:91.66666667% } .col-sm-offset-10 { margin-left:83.33333333% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-8 { margin-left:66.66666667% } .col-sm-offset-7 { margin-left:58.33333333% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-5 { margin-left:41.66666667% } .col-sm-offset-4 { margin-left:33.33333333% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-2 { margin-left:16.66666667% } .col-sm-offset-1 { margin-left:8.33333333% } .col-sm-offset-0 { margin-left:0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float:left } .col-md-12 { width:100% } .col-md-11 { width:91.66666667% } .col-md-10 { width:83.33333333% } .col-md-9 { width:75% } .col-md-8 { width:66.66666667% } .col-md-7 { width:58.33333333% } .col-md-6 { width:50% } .col-md-5 { width:41.66666667% } .col-md-4 { width:33.33333333% } .col-md-3 { width:25% } .col-md-2 { width:16.66666667% } .col-md-1 { width:8.33333333% } .col-md-pull-12 { right:100% } .col-md-pull-11 { right:91.66666667% } .col-md-pull-10 { right:83.33333333% } .col-md-pull-9 { right:75% } .col-md-pull-8 { right:66.66666667% } .col-md-pull-7 { right:58.33333333% } .col-md-pull-6 { right:50% } .col-md-pull-5 { right:41.66666667% } .col-md-pull-4 { right:33.33333333% } .col-md-pull-3 { right:25% } .col-md-pull-2 { right:16.66666667% } .col-md-pull-1 { right:8.33333333% } .col-md-pull-0 { right:auto } .col-md-push-12 { left:100% } .col-md-push-11 { left:91.66666667% } .col-md-push-10 { left:83.33333333% } .col-md-push-9 { left:75% } .col-md-push-8 { left:66.66666667% } .col-md-push-7 { left:58.33333333% } .col-md-push-6 { left:50% } .col-md-push-5 { left:41.66666667% } .col-md-push-4 { left:33.33333333% } .col-md-push-3 { left:25% } .col-md-push-2 { left:16.66666667% } .col-md-push-1 { left:8.33333333% } .col-md-push-0 { left:auto } .col-md-offset-12 { margin-left:100% } .col-md-offset-11 { margin-left:91.66666667% } .col-md-offset-10 { margin-left:83.33333333% } .col-md-offset-9 { margin-left:75% } .col-md-offset-8 { margin-left:66.66666667% } .col-md-offset-7 { margin-left:58.33333333% } .col-md-offset-6 { margin-left:50% } .col-md-offset-5 { margin-left:41.66666667% } .col-md-offset-4 { margin-left:33.33333333% } .col-md-offset-3 { margin-left:25% } .col-md-offset-2 { margin-left:16.66666667% } .col-md-offset-1 { margin-left:8.33333333% } .col-md-offset-0 { margin-left:0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float:left } .col-lg-12 { width:100% } .col-lg-11 { width:91.66666667% } .col-lg-10 { width:83.33333333% } .col-lg-9 { width:75% } .col-lg-8 { width:66.66666667% } .col-lg-7 { width:58.33333333% } .col-lg-6 { width:50% } .col-lg-5 { width:41.66666667% } .col-lg-4 { width:33.33333333% } .col-lg-3 { width:25% } .col-lg-2 { width:16.66666667% } .col-lg-1 { width:8.33333333% } .col-lg-pull-12 { right:100% } .col-lg-pull-11 { right:91.66666667% } .col-lg-pull-10 { right:83.33333333% } .col-lg-pull-9 { right:75% } .col-lg-pull-8 { right:66.66666667% } .col-lg-pull-7 { right:58.33333333% } .col-lg-pull-6 { right:50% } .col-lg-pull-5 { right:41.66666667% } .col-lg-pull-4 { right:33.33333333% } .col-lg-pull-3 { right:25% } .col-lg-pull-2 { right:16.66666667% } .col-lg-pull-1 { right:8.33333333% } .col-lg-pull-0 { right:auto } .col-lg-push-12 { left:100% } .col-lg-push-11 { left:91.66666667% } .col-lg-push-10 { left:83.33333333% } .col-lg-push-9 { left:75% } .col-lg-push-8 { left:66.66666667% } .col-lg-push-7 { left:58.33333333% } .col-lg-push-6 { left:50% } .col-lg-push-5 { left:41.66666667% } .col-lg-push-4 { left:33.33333333% } .col-lg-push-3 { left:25% } .col-lg-push-2 { left:16.66666667% } .col-lg-push-1 { left:8.33333333% } .col-lg-push-0 { left:auto } .col-lg-offset-12 { margin-left:100% } .col-lg-offset-11 { margin-left:91.66666667% } .col-lg-offset-10 { margin-left:83.33333333% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-8 { margin-left:66.66666667% } .col-lg-offset-7 { margin-left:58.33333333% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-5 { margin-left:41.66666667% } .col-lg-offset-4 { margin-left:33.33333333% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-2 { margin-left:16.66666667% } .col-lg-offset-1 { margin-left:8.33333333% } .col-lg-offset-0 { margin-left:0 } } caption { padding-top:12px; padding-bottom:12px; color:#777 } .table { width:100%; max-width:100%; margin-bottom:19px } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding:12px; line-height:1.42857143; vertical-align:top; border-top:1px solid #ddd } .table>thead>tr>th { vertical-align:bottom; border-bottom:2px solid #ddd } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top:0 } .table>tbody+tbody { border-top:2px solid #ddd } .table .table { background-color:#fff } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding:5px } .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border:1px solid #ddd } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width:2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color:#f9f9f9 } .table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color:#f5f5f5 } table col[class*=col-] { position:static; float:none; display:table-column } table td[class*=col-], table th[class*=col-] { position:static; float:none; display:table-cell } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color:#e8e8e8 } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color:#dff0d8 } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color:#d0e9c6 } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color:#d9edf7 } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color:#c4e3f3 } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color:#fcf8e3 } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color:#faf2cc } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color:#f2dede } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color:#ebcccc } .table-responsive { overflow-x:auto; min-height:.01% } @media screen and (max-width:767px) { .table-responsive { width:100%; margin-bottom:14.25px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; border:1px solid #ddd } .table-responsive>.table { margin-bottom:0 } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space:nowrap } .table-responsive>.table-bordered { border:0 } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left:0 } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right:0 } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom:0 } } fieldset, legend { padding:0; border:0 } fieldset { margin:0; min-width:0 } legend { width:100%; margin-bottom:19px; font-size:21px; line-height:inherit; border-bottom:1px solid #e5e5e5 } label { display:inline-block; max-width:100%; margin-bottom:5px } input[type=search] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none } input[type=checkbox], input[type=radio] { margin:4px 0 0; margin-top:1px\9; line-height:normal } .form-control, output { font-size:14px; line-height:1.42857143; color:#555; display:block } input[type=file] { display:block } input[type=range] { display:block; width:100% } select[multiple], select[size] { height:auto } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline:-webkit-focus-ring-color auto 5px; outline-offset:-2px } output { padding-top:7px } .form-control { width:100%; height:33px; padding:6px 12px; background-color:#fff; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s } .form-control:focus { -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .form-control::-moz-placeholder { color:#999; opacity:1 } .form-control:-ms-input-placeholder { color:#999 } .form-control::-webkit-input-placeholder { color:#999 } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color:#3c763d } .form-control::-ms-expand { border:0; background-color:transparent } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:#eee; opacity:1 } .form-control[disabled], fieldset[disabled] .form-control { cursor:not-allowed } textarea.form-control { height:auto } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height:33px } .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height:30px } .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height:46px } } .form-group { margin-bottom:15px } .checkbox, .radio { position:relative; display:block; margin-top:10px; margin-bottom:10px } .checkbox label, .radio label { min-height:19px; padding-left:20px; margin-bottom:0; font-weight:400; cursor:pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position:absolute; margin-left:-20px; margin-top:4px\9 } .checkbox+.checkbox, .radio+.radio { margin-top:-5px } .checkbox-inline, .radio-inline { position:relative; display:inline-block; padding-left:20px; margin-bottom:0; vertical-align:middle; font-weight:400; cursor:pointer } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top:0; margin-left:10px } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor:not-allowed } .form-control-static { padding-top:7px; padding-bottom:7px; margin-bottom:0; min-height:33px } .form-control-static.input-lg, .form-control-static.input-sm { padding-left:0; padding-right:0 } .form-group-sm .form-control, .input-sm { padding:5px 10px; border-radius:0; font-size:12px } .input-sm { height:30px; line-height:1.5 } select.input-sm { height:30px; line-height:30px } select[multiple].input-sm, textarea.input-sm { height:auto } .form-group-sm .form-control { height:30px; line-height:1.5 } .form-group-lg .form-control, .input-lg { border-radius:2px; padding:10px 16px; font-size:18px } .form-group-sm select.form-control { height:30px; line-height:30px } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height:auto } .form-group-sm .form-control-static { height:30px; min-height:31px; padding:6px 10px; font-size:12px; line-height:1.5 } .input-lg { height:46px; line-height:1.3333333 } select.input-lg { height:46px; line-height:46px } select[multiple].input-lg, textarea.input-lg { height:auto } .form-group-lg .form-control { height:46px; line-height:1.3333333 } .form-group-lg select.form-control { height:46px; line-height:46px } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height:auto } .form-group-lg .form-control-static { height:46px; min-height:37px; padding:11px 16px; font-size:18px; line-height:1.3333333 } .has-feedback { position:relative } .has-feedback .form-control { padding-right:41.25px } .form-control-feedback { position:absolute; top:0; right:0; z-index:2; display:block; width:33px; height:33px; line-height:33px; text-align:center } .collapsing, .dropdown, .dropup { position:relative } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width:46px; height:46px; line-height:46px } .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width:30px; height:30px; line-height:30px } .has-success .form-control { border-color:#3c763d; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075) } .has-success .form-control:focus { border-color:#2b542c; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 } .has-success .input-group-addon { color:#3c763d; border-color:#3c763d; background-color:#dff0d8 } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color:#e89b16 } .has-warning .form-control { border-color:#e89b16; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075) } .has-warning .form-control:focus { border-color:#b97c12; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f2c372; box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f2c372 } .has-warning .input-group-addon { color:#e89b16; border-color:#e89b16; background-color:#fcf8e3 } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color:#a94442 } .has-error .form-control { border-color:#a94442; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075) } .has-error .form-control:focus { border-color:#843534; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } .has-error .input-group-addon { color:#a94442; border-color:#a94442; background-color:#f2dede } .has-feedback label~.form-control-feedback { top:24px } .has-feedback label.sr-only~.form-control-feedback { top:0 } .help-block { display:block; margin-top:5px; margin-bottom:10px; color:#737373 } @media (min-width:768px) { .form-inline .form-control-static, .form-inline .form-group { display:inline-block } .form-inline .control-label, .form-inline .form-group { margin-bottom:0; vertical-align:middle } .form-inline .form-control { display:inline-block; width:auto; vertical-align:middle } .form-inline .input-group { display:inline-table; vertical-align:middle } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width:auto } .form-inline .input-group>.form-control { width:100% } .form-inline .checkbox, .form-inline .radio { display:inline-block; margin-top:0; margin-bottom:0; vertical-align:middle } .form-inline .checkbox label, .form-inline .radio label { padding-left:0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position:relative; margin-left:0 } .form-inline .has-feedback .form-control-feedback { top:0 } .form-horizontal .control-label { text-align:right; margin-bottom:0; padding-top:7px } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top:0; margin-bottom:0; padding-top:7px } .form-horizontal .checkbox, .form-horizontal .radio { min-height:26px } .form-horizontal .form-group { margin-left:-15px; margin-right:-15px } .form-horizontal .has-feedback .form-control-feedback { right:15px } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top:11px; font-size:18px } .form-horizontal .form-group-sm .control-label { padding-top:6px; font-size:12px } } .btn { display:inline-block; margin-bottom:0; font-weight:400; text-align:center; vertical-align:middle; touch-action:manipulation; cursor:pointer; border:1px solid transparent; white-space:nowrap; padding:6px 12px; font-size:14px; line-height:1.42857143; border-radius:2px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline:-webkit-focus-ring-color auto 5px; outline-offset:-2px } .btn.focus, .btn:focus, .btn:hover { color:#333; text-decoration:none } .btn.active, .btn:active { outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125); box-shadow:inset 0 3px 5px rgba(0,0,0,.125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none } .btn-default { color:#333; background-color:#fff; border-color:#ccc } .btn-default.focus, .btn-default:focus { color:#333; background-color:#e6e6e6; border-color:#8c8c8c } .btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default { color:#333; background-color:#e6e6e6; border-color:#adadad } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color:#333; background-color:#d4d4d4; border-color:#8c8c8c } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color:#fff; border-color:#ccc } .btn-default .badge { color:#fff; background-color:#333 } .btn-primary { color:#fff; background-color:#71b171; border-color:#0096dc } .btn-primary.focus, .btn-primary:focus { color:#fff; background-color:#559a55; border-color:#315831 } .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { color:#fff; background-color:#559a55; border-color:#488348 } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color:#fff; background-color:#488348; border-color:#315831 } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color:#71b171; border-color:#0096dc } .btn-primary .badge { color:#71b171; background-color:#fff } .btn-success { color:#fff; background-color:#5cb85c; border-color:#4cae4c } .btn-success.focus, .btn-success:focus { color:#fff; background-color:#449d44; border-color:#255625 } .btn-success.active, .btn-success:active, .btn-success:hover, .open>.dropdown-toggle.btn-success { color:#fff; background-color:#449d44; border-color:#398439 } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color:#fff; background-color:#398439; border-color:#255625 } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { background-image:none } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color:#5cb85c; border-color:#4cae4c } .btn-success .badge { color:#5cb85c; background-color:#fff } .btn-info { color:#fff; background-color:#5bc0de; border-color:#46b8da } .btn-info.focus, .btn-info:focus { color:#fff; background-color:#31b0d5; border-color:#1b6d85 } .btn-info.active, .btn-info:active, .btn-info:hover, .open>.dropdown-toggle.btn-info { color:#fff; background-color:#31b0d5; border-color:#269abc } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover { color:#fff; background-color:#269abc; border-color:#1b6d85 } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color:#5bc0de; border-color:#46b8da } .btn-info .badge { color:#5bc0de; background-color:#fff } .btn-warning { color:#fff; background-color:#f0ad4e; border-color:#eea236 } .btn-warning.focus, .btn-warning:focus { color:#fff; background-color:#ec971f; border-color:#985f0d } .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open>.dropdown-toggle.btn-warning { color:#fff; background-color:#ec971f; border-color:#d58512 } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { color:#fff; background-color:#d58512; border-color:#985f0d } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color:#f0ad4e; border-color:#eea236 } .btn-warning .badge { color:#f0ad4e; background-color:#fff } .btn-danger { color:#fff; background-color:#d9534f; border-color:#d43f3a } .btn-danger.focus, .btn-danger:focus { color:#fff; background-color:#c9302c; border-color:#761c19 } .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open>.dropdown-toggle.btn-danger { color:#fff; background-color:#c9302c; border-color:#ac2925 } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { color:#fff; background-color:#ac2925; border-color:#761c19 } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color:#d9534f; border-color:#d43f3a } .btn-danger .badge { color:#d9534f; background-color:#fff } .btn-link { color:#4ba2ce; font-weight:400; border-radius:0 } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color:transparent; -webkit-box-shadow:none; box-shadow:none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color:transparent } .btn-link:focus, .btn-link:hover { color:#2c79a1; text-decoration:underline; background-color:transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color:#777; text-decoration:none } .btn-group-lg>.btn, .btn-lg { padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:2px } .btn-group-sm>.btn, .btn-sm { padding:5px 10px; font-size:12px; line-height:1.5; border-radius:0 } .btn-group-xs>.btn, .btn-xs { padding:1px 5px; font-size:12px; line-height:1.5; border-radius:0 } .btn-block { display:block; width:100% } .btn-block+.btn-block { margin-top:5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width:100% } .fade { opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .collapse { display:none } .collapse.in { display:block } tr.collapse.in { display:table-row } tbody.collapse.in { display:table-row-group } .collapsing { height:0; overflow:hidden; -webkit-transition-property:height,visibility; transition-property:height,visibility; -webkit-transition-duration:.35s; transition-duration:.35s; -webkit-transition-timing-function:ease; transition-timing-function:ease } .caret { display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px dashed; border-top:4px solid\9; border-right:4px solid transparent; border-left:4px solid transparent } .dropdown-toggle:focus { outline:0 } .dropdown-menu { position:absolute; top:100%; left:0; z-index:20; display:none; min-width:160px; padding:5px 0; margin:2px 0 0; list-style:none; font-size:14px; text-align:left; background-color:#fff; border:1px solid #ccc; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175); background-clip:padding-box } .dropdown-menu-right, .dropdown-menu.pull-right { left:auto; right:0 } .dropdown-header, .dropdown-menu>li>a { display:block; padding:3px 20px; line-height:1.42857143; white-space:nowrap } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle, .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius:0; border-top-right-radius:0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child, .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius:0; border-top-left-radius:0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child), .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn, .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius:0 } .dropdown-menu .divider { height:1px; margin:8.5px 0; overflow:hidden; background-color:#e5e5e5 } .dropdown-menu>li>a { clear:both; font-weight:400; color:#333 } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { text-decoration:none; color:#262626; background-color:#f5f5f5 } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color:#fff; text-decoration:none; outline:0; background-color:#519065 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { color:#777 } .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { text-decoration:none; background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor:not-allowed } .open>.dropdown-menu { display:block } .open>a { outline:0 } .dropdown-menu-left { left:0; right:auto } .dropdown-header { font-size:12px; color:#777 } .dropdown-backdrop { position:fixed; left:0; right:0; bottom:0; top:0; z-index:10 } .nav-justified>.dropdown .dropdown-menu, .nav-tabs.nav-justified>.dropdown .dropdown-menu { top:auto; left:auto } .pull-right>.dropdown-menu { right:0; left:auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top:0; border-bottom:4px dashed; border-bottom:4px solid\9; content:"" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top:auto; bottom:100%; margin-bottom:2px } @media (min-width:768px) { .navbar-right .dropdown-menu { left:auto; right:0 } .navbar-right .dropdown-menu-left { left:0; right:auto } } .btn-group, .btn-group-vertical { position:relative; display:inline-block; vertical-align:middle } .btn-group-vertical>.btn, .btn-group>.btn { position:relative; float:left } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index:2 } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left:-1px } .btn-toolbar { margin-left:-5px } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left:5px } .btn .caret, .btn-group>.btn:first-child { margin-left:0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline:0 } .btn-group>.btn+.dropdown-toggle { padding-left:8px; padding-right:8px } .btn-group>.btn-lg+.dropdown-toggle { padding-left:12px; padding-right:12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125); box-shadow:inset 0 3px 5px rgba(0,0,0,.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow:none; box-shadow:none } .btn-lg .caret { border-width:5px 5px 0 } .dropup .btn-lg .caret { border-width:0 5px 5px } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display:block; float:none; width:100%; max-width:100% } .btn-group-vertical>.btn-group>.btn { float:none } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top:-1px; margin-left:0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-radius:2px 2px 0 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-radius:0 0 2px 2px } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius:0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-right-radius:0; border-top-left-radius:0 } .btn-group-justified { display:table; width:100%; table-layout:fixed; border-collapse:separate } .btn-group-justified>.btn, .btn-group-justified>.btn-group { float:none; display:table-cell; width:1% } .btn-group-justified>.btn-group .btn { width:100% } .btn-group-justified>.btn-group .dropdown-menu { left:auto } [data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] { position:absolute; clip:rect(0,0,0,0); pointer-events:none } .input-group { position:relative; display:table; border-collapse:separate } .input-group[class*=col-] { float:none; padding-left:0; padding-right:0 } .input-group .form-control { position:relative; z-index:2; float:left; width:100%; margin-bottom:0 } .input-group .form-control:focus { z-index:3 } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:2px } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height:46px; line-height:46px } select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height:auto } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:0 } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height:30px; line-height:30px } select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height:auto } .input-group .form-control, .input-group-addon, .input-group-btn { display:table-cell } .nav>li, .nav>li>a { display:block; position:relative } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius:0 } .input-group-addon, .input-group-btn { width:1%; white-space:nowrap; vertical-align:middle } .input-group-addon { padding:6px 12px; font-size:14px; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:2px } .input-group-addon.input-sm { padding:5px 10px; font-size:12px; border-radius:0 } .input-group-addon.input-lg { padding:10px 16px; font-size:18px; border-radius:2px } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top:0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius:0; border-top-right-radius:0 } .input-group-addon:first-child { border-right:0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-bottom-left-radius:0; border-top-left-radius:0 } .input-group-addon:last-child { border-left:0 } .input-group-btn { position:relative; font-size:0; white-space:nowrap } .input-group-btn>.btn { position:relative } .input-group-btn>.btn+.btn { margin-left:-1px } .input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index:2 } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right:-1px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index:2; margin-left:-1px } .nav { margin-bottom:0; padding-left:0; list-style:none } .nav>li>a { padding:10px 15px } .nav>li>a:focus, .nav>li>a:hover { text-decoration:none; background-color:#eee } .nav>li.disabled>a { color:#777 } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color:#777; text-decoration:none; background-color:transparent; cursor:not-allowed } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color:#eee; border-color:#4ba2ce } .nav .nav-divider { height:1px; margin:8.5px 0; overflow:hidden; background-color:#e5e5e5 } .nav>li>a>img { max-width:none } .nav-tabs { border-bottom:1px solid #ddd } .nav-tabs>li { float:left; margin-bottom:-1px } .nav-tabs>li>a { margin-right:2px; line-height:1.42857143; border:1px solid transparent; border-radius:2px 2px 0 0 } .nav-tabs>li>a:hover { border-color:#eee #eee #ddd } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color:#555; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent; cursor:default } .nav-tabs.nav-justified { width:100%; border-bottom:0 } .nav-tabs.nav-justified>li { float:none } .nav-tabs.nav-justified>li>a { text-align:center; margin-bottom:5px; margin-right:0; border-radius:2px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border:1px solid #ddd } @media (min-width:768px) { .nav-tabs.nav-justified>li { display:table-cell; width:1% } .nav-tabs.nav-justified>li>a { margin-bottom:0; border-bottom:1px solid #ddd; border-radius:2px 2px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color:#fff } } .nav-pills>li { float:left } .nav-justified>li, .nav-stacked>li { float:none } .nav-pills>li>a { border-radius:2px } .nav-pills>li+li { margin-left:2px } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color:#fff; background-color:#519065 } .nav-stacked>li+li { margin-top:2px; margin-left:0 } .nav-justified { width:100% } .nav-justified>li>a { text-align:center; margin-bottom:5px } .nav-tabs-justified { border-bottom:0 } .nav-tabs-justified>li>a { margin-right:0; border-radius:2px } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border:1px solid #ddd } @media (min-width:768px) { .nav-justified>li { display:table-cell; width:1% } .nav-justified>li>a { margin-bottom:0 } .nav-tabs-justified>li>a { border-bottom:1px solid #ddd; border-radius:2px 2px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color:#fff } } .tab-content>.tab-pane { display:none } .tab-content>.active { display:block } .nav-tabs .dropdown-menu { margin-top:-1px; border-top-right-radius:0; border-top-left-radius:0 } .navbar { position:relative; min-height:50px; margin-bottom:19px; border:1px solid transparent } .navbar-collapse { overflow-x:visible; padding-right:15px; padding-left:15px; border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling:touch } .navbar-collapse.in { overflow-y:auto } @media (min-width:768px) { .navbar { border-radius:2px } .navbar-header { float:left } .navbar-collapse { width:auto; border-top:0; box-shadow:none } .navbar-collapse.collapse { display:block!important; height:auto!important; padding-bottom:0; overflow:visible!important } .navbar-collapse.in { overflow-y:visible } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-left:0; padding-right:0 } } .carousel-inner, .embed-responsive, .modal, .modal-open, .progress { overflow:hidden } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height:200px } } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right:-15px; margin-left:-15px } .navbar-static-top { z-index:1000; border-width:0 0 1px } .navbar-fixed-bottom, .navbar-fixed-top { position:fixed; right:0; left:0; z-index:1030 } .navbar-fixed-top { top:0; border-width:0 0 1px } .navbar-fixed-bottom { bottom:0; margin-bottom:0; border-width:1px 0 0 } .navbar-brand { float:left; padding:15.5px 15px; font-size:18px; line-height:19px; height:50px } .navbar-brand:focus, .navbar-brand:hover { text-decoration:none } .navbar-brand>img { display:block } @media (min-width:768px) { .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right:0; margin-left:0 } .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top { border-radius:0 } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:-15px } } .navbar-toggle { position:relative; float:right; margin-right:15px; padding:9px 10px; margin-top:8px; margin-bottom:8px; background-color:transparent; border:1px solid transparent; border-radius:2px } .navbar-toggle:focus { outline:0 } .navbar-toggle .icon-bar { display:block; width:22px; height:2px; border-radius:1px } .navbar-toggle .icon-bar+.icon-bar { margin-top:4px } .navbar-nav { margin:7.75px -15px } .navbar-nav>li>a { padding-top:10px; padding-bottom:10px; line-height:19px } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; box-shadow:none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding:5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height:19px } .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-image:none } } .progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-success { background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } @media (min-width:768px) { .navbar-toggle { display:none } .navbar-nav { float:left; margin:0 } .navbar-nav>li { float:left } .navbar-nav>li>a { padding-top:15.5px; padding-bottom:15.5px } } .navbar-form { padding:10px 15px; border-top:1px solid transparent; border-bottom:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); margin:8.5px -15px } @media (min-width:768px) { .navbar-form .form-control-static, .navbar-form .form-group { display:inline-block } .navbar-form .control-label, .navbar-form .form-group { margin-bottom:0; vertical-align:middle } .navbar-form .form-control { display:inline-block; width:auto; vertical-align:middle } .navbar-form .input-group { display:inline-table; vertical-align:middle } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width:auto } .navbar-form .input-group>.form-control { width:100% } .navbar-form .checkbox, .navbar-form .radio { display:inline-block; margin-top:0; margin-bottom:0; vertical-align:middle } .navbar-form .checkbox label, .navbar-form .radio label { padding-left:0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position:relative; margin-left:0 } .navbar-form .has-feedback .form-control-feedback { top:0 } .navbar-form { width:auto; border:0; margin-left:0; margin-right:0; padding-top:0; padding-bottom:0; -webkit-box-shadow:none; box-shadow:none } } .breadcrumb>li, .pagination { display:inline-block } .btn .badge, .btn .label { top:-1px; position:relative } @media (max-width:767px) { .navbar-form .form-group { margin-bottom:5px } .navbar-form .form-group:last-child { margin-bottom:0 } } .navbar-nav>li>.dropdown-menu { margin-top:0; border-top-right-radius:0; border-top-left-radius:0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom:0; border-radius:2px 2px 0 0 } .navbar-btn { margin-top:8.5px; margin-bottom:8.5px } .navbar-btn.btn-sm { margin-top:10px; margin-bottom:10px } .navbar-btn.btn-xs { margin-top:14px; margin-bottom:14px } .navbar-text { margin-top:15.5px; margin-bottom:15.5px } @media (min-width:768px) { .navbar-text { float:left; margin-left:15px; margin-right:15px } .navbar-left { float:left!important } .navbar-right { float:right!important; margin-right:-15px } .navbar-right~.navbar-right { margin-right:0 } } .navbar-default { background-color:#f8f8f8; border-color:#e7e7e7 } .navbar-default .navbar-brand { color:#777 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color:#5e5e5e; background-color:transparent } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text { color:#777 } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color:#333; background-color:transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color:#ccc; background-color:transparent } .navbar-default .navbar-toggle { border-color:#ddd } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#ddd } .navbar-default .navbar-toggle .icon-bar { background-color:#888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:#e7e7e7 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color:#e7e7e7; color:#555 } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:#333; background-color:transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color:#ccc; background-color:transparent } } .navbar-default .navbar-link { color:#777 } .navbar-default .navbar-link:hover { color:#333 } .navbar-default .btn-link { color:#777 } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color:#333 } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color:#ccc } .navbar-inverse { background-color:#222; border-color:#080808 } .navbar-inverse .navbar-brand { color:#9d9d9d } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text { color:#9d9d9d } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color:#444; background-color:transparent } .navbar-inverse .navbar-toggle { border-color:#333 } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color:#333 } .navbar-inverse .navbar-toggle .icon-bar { background-color:#fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:#101010 } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background-color:#080808; color:#fff } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color:#9d9d9d } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color:#444; background-color:transparent } } .navbar-inverse .navbar-link { color:#9d9d9d } .navbar-inverse .navbar-link:hover { color:#fff } .navbar-inverse .btn-link { color:#9d9d9d } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color:#fff } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color:#444 } .breadcrumb { padding:8px 15px; margin-bottom:19px; list-style:none; background-color:#f5f5f5; border-radius:2px } .breadcrumb>li+li:before { content:"/\00a0"; padding:0 5px; color:#ccc } .breadcrumb>.active { color:#777 } .pagination { padding-left:0; margin:19px 0; border-radius:2px } .pager li, .pagination>li { display:inline } .pagination>li>a, .pagination>li>span { position:relative; float:left; padding:6px 12px; line-height:1.42857143; text-decoration:none; color:#4ba2ce; background-color:#fff; border:1px solid #ddd; margin-left:-1px } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius:2px; border-top-right-radius:2px } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left:0; border-bottom-left-radius:2px; border-top-left-radius:2px } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index:2; color:#2c79a1; background-color:#eee; border-color:#ddd } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index:3; color:#fff; background-color:#71b171; border-color:#71b171; cursor:default } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color:#777; background-color:#fff; border-color:#ddd; cursor:not-allowed } .pagination-lg>li>a, .pagination-lg>li>span { padding:10px 16px; font-size:18px; line-height:1.3333333 } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-bottom-left-radius:2px; border-top-left-radius:2px } .pagination-sm>li>a, .pagination-sm>li>span { padding:5px 10px; font-size:12px; line-height:1.5 } .badge, .label { font-weight:700; line-height:1; white-space:nowrap; text-align:center } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-bottom-left-radius:0; border-top-left-radius:0 } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-bottom-right-radius:0; border-top-right-radius:0 } .pager { padding-left:0; margin:19px 0; list-style:none; text-align:center } .pager li>a, .pager li>span { display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; border-radius:15px } .pager li>a:focus, .pager li>a:hover { text-decoration:none; background-color:#eee } .pager .next>a, .pager .next>span { float:right } .pager .previous>a, .pager .previous>span { float:left } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { color:#777; background-color:#fff; cursor:not-allowed } .label { display:inline; padding:.2em .6em .3em; font-size:75%; color:#fff; border-radius:.25em } a.label:focus, a.label:hover { color:#fff; text-decoration:none; cursor:pointer } .label:empty { display:none } .label-default { background-color:#777 } .label-default[href]:focus, .label-default[href]:hover { background-color:#5e5e5e } .label-primary { background-color:#71b171 } .label-primary[href]:focus, .label-primary[href]:hover { background-color:#559a55 } .label-success { background-color:#5cb85c } .label-success[href]:focus, .label-success[href]:hover { background-color:#449d44 } .label-info { background-color:#5bc0de } .label-info[href]:focus, .label-info[href]:hover { background-color:#31b0d5 } .label-warning { background-color:#f0ad4e } .label-warning[href]:focus, .label-warning[href]:hover { background-color:#ec971f } .label-danger { background-color:#d9534f } .label-danger[href]:focus, .label-danger[href]:hover { background-color:#c9302c } .badge { display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; color:#fff; background-color:#777; border-radius:10px } .badge:empty { display:none } .media-object, .thumbnail { display:block } .btn-group-xs>.btn .badge, .btn-xs .badge { top:0; padding:1px 5px } a.badge:focus, a.badge:hover { color:#fff; text-decoration:none; cursor:pointer } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color:#4ba2ce; background-color:#fff } .jumbotron, .jumbotron .h1, .jumbotron h1 { color:inherit } .list-group-item>.badge { float:right } .list-group-item>.badge+.badge { margin-right:5px } .nav-pills>li>a>.badge { margin-left:3px } .jumbotron { padding-top:30px; padding-bottom:30px; margin-bottom:30px; background-color:#eee } .jumbotron p { margin-bottom:15px; font-size:21px; font-weight:200 } .alert, .thumbnail { margin-bottom:19px } .alert .alert-link, .close { font-weight:700 } .jumbotron>hr { border-top-color:#d5d5d5 } .container .jumbotron, .container-fluid .jumbotron { border-radius:2px; padding-left:15px; padding-right:15px } .jumbotron .container { max-width:100% } @media screen and (min-width:768px) { .jumbotron { padding-top:48px; padding-bottom:48px } .container .jumbotron, .container-fluid .jumbotron { padding-left:60px; padding-right:60px } .jumbotron .h1, .jumbotron h1 { font-size:63px } } .thumbnail { padding:4px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:2px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out } .thumbnail a>img, .thumbnail>img { margin-left:auto; margin-right:auto } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color:#4ba2ce } .thumbnail .caption { padding:9px; color:#333 } .alert { padding:15px; border:1px solid transparent; border-radius:2px } .alert h4 { margin-top:0; color:inherit } .alert>p, .alert>ul { margin-bottom:0 } .alert>p+p { margin-top:5px } .alert-dismissable, .alert-dismissible { padding-right:35px } .alert-dismissable .close, .alert-dismissible .close { position:relative; top:-2px; right:-21px; color:inherit } .modal, .modal-backdrop { top:0; right:0; bottom:0; left:0 } .alert-success { background-color:#dff0d8; border-color:#d6e9c6; color:#3c763d } .alert-success hr { border-top-color:#c9e2b3 } .alert-success .alert-link { color:#2b542c } .alert-info { background-color:#d9edf7; border-color:#bce8f1; color:#31708f } .alert-info hr { border-top-color:#a6e1ec } .alert-info .alert-link { color:#245269 } .alert-warning { background-color:#fcf8e3; border-color:#faebcc; color:#e89b16 } .alert-warning hr { border-top-color:#f7e1b5 } .alert-warning .alert-link { color:#b97c12 } .alert-danger { background-color:#f2dede; border-color:#ebccd1; color:#a94442 } .alert-danger hr { border-top-color:#e4b9c0 } .alert-danger .alert-link { color:#843534 } @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } @keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } .progress { height:19px; margin-bottom:19px; background-color:#f5f5f5; border-radius:2px; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1); box-shadow:inset 0 1px 2px rgba(0,0,0,.1) } .progress-bar { float:left; width:0; height:100%; font-size:12px; line-height:19px; color:#fff; text-align:center; background-color:#71b171; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition:width .6s ease; -o-transition:width .6s ease; transition:width .6s ease } .close, .example header h1>span { float:right } .progress-bar-striped, .progress-striped .progress-bar { background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size:40px 40px } .progress-bar.active, .progress.active .progress-bar { -webkit-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color:#5cb85c } .progress-striped .progress-bar-success { background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-striped .progress-bar-info, .progress-striped .progress-bar-warning { background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-info { background-color:#5bc0de } .progress-striped .progress-bar-info { background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-warning { background-color:#f0ad4e } .progress-striped .progress-bar-warning { background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-danger { background-color:#d9534f } .progress-striped .progress-bar-danger { background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .media { margin-top:15px } .media:first-child { margin-top:0 } .media, .media-body { zoom:1; overflow:hidden } .media-body { width:10000px } .media-object.img-thumbnail { max-width:none } .media-right, .media>.pull-right { padding-left:10px } .media-left, .media>.pull-left { padding-right:10px } .media-body, .media-left, .media-right { display:table-cell; vertical-align:top } .media-middle { vertical-align:middle } .media-bottom { vertical-align:bottom } .media-heading { margin-top:0; margin-bottom:5px } .media-list { padding-left:0; list-style:none } .list-group { margin-bottom:20px; padding-left:0 } .list-group-item { position:relative; display:block; padding:10px 15px; margin-bottom:-1px; background-color:#fff; border:1px solid #ddd } .list-group-item:first-child { border-top-right-radius:2px; border-top-left-radius:2px } .list-group-item:last-child { margin-bottom:0; border-bottom-right-radius:2px; border-bottom-left-radius:2px } a.list-group-item, button.list-group-item { color:#555 } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color:#333 } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { text-decoration:none; color:#555; background-color:#f5f5f5 } button.list-group-item { width:100%; text-align:left } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background-color:#eee; color:#777; cursor:not-allowed } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color:inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color:#777 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index:2; color:#fff; background-color:#519065; border-color:#519065 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small { color:inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color:#cbe2d2 } .list-group-item-success { color:#3c763d; background-color:#dff0d8 } a.list-group-item-success, button.list-group-item-success { color:#3c763d } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color:inherit } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color:#3c763d; background-color:#d0e9c6 } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color:#fff; background-color:#3c763d; border-color:#3c763d } .list-group-item-info { color:#31708f; background-color:#d9edf7 } a.list-group-item-info, button.list-group-item-info { color:#31708f } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color:inherit } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color:#31708f; background-color:#c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color:#fff; background-color:#31708f; border-color:#31708f } .list-group-item-warning { color:#e89b16; background-color:#fcf8e3 } a.list-group-item-warning, button.list-group-item-warning { color:#e89b16 } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color:inherit } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color:#e89b16; background-color:#faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color:#fff; background-color:#e89b16; border-color:#e89b16 } .list-group-item-danger { color:#a94442; background-color:#f2dede } a.list-group-item-danger, button.list-group-item-danger { color:#a94442 } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color:inherit } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color:#a94442; background-color:#ebcccc } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color:#fff; background-color:#a94442; border-color:#a94442 } .panel-heading>.dropdown .dropdown-toggle, .panel-title, .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color:inherit } .list-group-item-heading { margin-top:0; margin-bottom:5px } .list-group-item-text { margin-bottom:0; line-height:1.3 } .panel { margin-bottom:19px; background-color:#fff; border:1px solid transparent; border-radius:2px; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05); box-shadow:0 1px 1px rgba(0,0,0,.05) } .panel-title, .panel>.list-group, .panel>.panel-collapse>.list-group, .panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom:0 } .panel-body { padding:15px } .panel-heading { padding:10px 15px; border-bottom:1px solid transparent; border-top-right-radius:1px; border-top-left-radius:1px } .panel-title { margin-top:0; font-size:16px } .panel-footer { padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom-right-radius:1px; border-bottom-left-radius:1px } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width:1px 0; border-radius:0 } .panel-group .panel-heading, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom:0 } .panel>.table-responsive:last-child>.table:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius:1px; border-bottom-right-radius:1px } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top:0; border-top-right-radius:1px; border-top-left-radius:1px } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom:0; border-bottom-right-radius:1px; border-bottom-left-radius:1px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius:0; border-top-left-radius:0 } .panel>.table-responsive:first-child>.table:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child { border-top-right-radius:1px; border-top-left-radius:1px } .list-group+.panel-footer, .panel-heading+.list-group .list-group-item:first-child { border-top-width:0 } .panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption { padding-left:15px; padding-right:15px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius:1px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius:1px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius:1px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius:1px } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top:1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top:0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border:0 } .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left:0 } .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right:0 } .panel>.table-responsive { border:0; margin-bottom:0 } .panel-group { margin-bottom:19px } .panel-group .panel { margin-bottom:0; border-radius:2px } .panel-group .panel+.panel { margin-top:5px } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top:1px solid #ddd } .panel-group .panel-footer { border-top:0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom:1px solid #ddd } .panel-default { border-color:#ddd } .panel-default>.panel-heading { color:#333; background-color:#f5f5f5; border-color:#ddd } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color:#ddd } .panel-default>.panel-heading .badge { color:#f5f5f5; background-color:#333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#ddd } .panel-primary { border-color:#71b171 } .panel-primary>.panel-heading { color:#fff; background-color:#71b171; border-color:#71b171 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color:#71b171 } .panel-primary>.panel-heading .badge { color:#71b171; background-color:#fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#71b171 } .panel-success { border-color:#d6e9c6 } .panel-success>.panel-heading { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color:#d6e9c6 } .panel-success>.panel-heading .badge { color:#dff0d8; background-color:#3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#d6e9c6 } .panel-info { border-color:#bce8f1 } .panel-info>.panel-heading { color:#31708f; background-color:#d9edf7; border-color:#bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color:#bce8f1 } .panel-info>.panel-heading .badge { color:#d9edf7; background-color:#31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#bce8f1 } .panel-warning { border-color:#faebcc } .panel-warning>.panel-heading { color:#e89b16; background-color:#fcf8e3; border-color:#faebcc } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color:#faebcc } .panel-warning>.panel-heading .badge { color:#fcf8e3; background-color:#e89b16 } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#faebcc } .panel-danger { border-color:#ebccd1 } .panel-danger>.panel-heading { color:#a94442; background-color:#f2dede; border-color:#ebccd1 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color:#ebccd1 } .panel-danger>.panel-heading .badge { color:#f2dede; background-color:#a94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#ebccd1 } .embed-responsive { position:relative; display:block; height:0; padding:0 } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position:absolute; top:0; left:0; bottom:0; height:100%; width:100%; border:0 } .embed-responsive-16by9 { padding-bottom:56.25% } .embed-responsive-4by3 { padding-bottom:75% } .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:2px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05); box-shadow:inset 0 1px 1px rgba(0,0,0,.05) } .well blockquote { border-color:#ddd; border-color:rgba(0,0,0,.15) } .well-lg { padding:24px; border-radius:2px } .well-sm { padding:9px; border-radius:0 } .close { font-size:21px; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20) } .popover, .tooltip { font-family:Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif; font-style:normal; letter-spacing:normal; line-break:auto; line-height:1.42857143; text-shadow:none; text-transform:none; white-space:normal; word-break:normal; word-spacing:normal; word-wrap:normal; text-decoration:none } .close:focus, .close:hover { color:#000; text-decoration:none; cursor:pointer; opacity:.5; filter:alpha(opacity=50) } button.close { padding:0; cursor:pointer; background:0 0; border:0; -webkit-appearance:none } .modal-content, .popover { background-clip:padding-box } .modal { display:none; position:fixed; z-index:1050; -webkit-overflow-scrolling:touch; outline:0 } .modal.fade .modal-dialog { -webkit-transform:translate(0,-25%); -ms-transform:translate(0,-25%); -o-transform:translate(0,-25%); transform:translate(0,-25%); -webkit-transition:-webkit-transform .3s ease-out; -moz-transition:-moz-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out } .modal.in .modal-dialog { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0) } .modal-open .modal { overflow-x:hidden; overflow-y:auto } .modal-dialog { position:relative; width:auto; margin:10px } .modal-content { position:relative; background-color:#fff; border:1px solid #999; border-radius:2px; -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); outline:0 } .modal-backdrop { position:fixed; z-index:1040; background-color:#000 } .modal-backdrop.fade { opacity:0; filter:alpha(opacity=0) } .modal-backdrop.in { opacity:.1; filter:alpha(opacity=10) } .modal-header { padding:15px; border-bottom:1px solid #e5e5e5 } .modal-header .close { margin-top:-2px } .modal-title { margin:0; line-height:1.42857143 } .modal-body { position:relative; padding:15px } .modal-footer { padding:15px; text-align:right; border-top:1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-left:5px; margin-bottom:0 } .modal-footer .btn-group .btn+.btn { margin-left:-1px } .modal-footer .btn-block+.btn-block { margin-left:0 } .modal-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll } @media (min-width:768px) { .modal-dialog { width:600px; margin:30px auto } .modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5); box-shadow:0 5px 15px rgba(0,0,0,.5) } .modal-sm { width:300px } } @media (min-width:992px) { .modal-lg { width:900px } } .tooltip { position:absolute; z-index:1070; display:block; font-weight:400; text-align:left; text-align:start; font-size:12px; opacity:0; filter:alpha(opacity=0) } .tooltip.in { opacity:.9; filter:alpha(opacity=90) } .tooltip.top { margin-top:-3px; padding:5px 0 } .tooltip.right { margin-left:3px; padding:0 5px } .tooltip.bottom { margin-top:3px; padding:5px 0 } .tooltip.left { margin-left:-3px; padding:0 5px } .tooltip-inner { max-width:200px; padding:3px 8px; color:#fff; text-align:center; background-color:#000; border-radius:2px } .tooltip-arrow { position:absolute; width:0; height:0; border-color:transparent; border-style:solid } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom:0; border-width:5px 5px 0; border-top-color:#000 } .tooltip.top .tooltip-arrow { left:50%; margin-left:-5px } .tooltip.top-left .tooltip-arrow { right:5px; margin-bottom:-5px } .tooltip.top-right .tooltip-arrow { left:5px; margin-bottom:-5px } .tooltip.right .tooltip-arrow { top:50%; left:0; margin-top:-5px; border-width:5px 5px 5px 0; border-right-color:#000 } .tooltip.left .tooltip-arrow { top:50%; right:0; margin-top:-5px; border-width:5px 0 5px 5px; border-left-color:#000 } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-width:0 5px 5px; border-bottom-color:#000; top:0 } .tooltip.bottom .tooltip-arrow { left:50%; margin-left:-5px } .tooltip.bottom-left .tooltip-arrow { right:5px; margin-top:-5px } .tooltip.bottom-right .tooltip-arrow { left:5px; margin-top:-5px } .popover { position:absolute; top:0; left:0; z-index:1060; display:none; max-width:276px; padding:1px; font-weight:400; text-align:left; text-align:start; font-size:14px; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,.2); border-radius:2px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2); box-shadow:0 5px 10px rgba(0,0,0,.2) } .carousel-caption, .carousel-control { color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.6); text-align:center } .popover.top { margin-top:-10px } .popover.right { margin-left:10px } .popover.bottom { margin-top:10px } .popover.left { margin-left:-10px } .popover-title { margin:0; padding:8px 14px; font-size:14px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:1px 1px 0 0 } .popover-content { padding:9px 14px } .popover>.arrow, .popover>.arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid } .carousel, .carousel-inner { position:relative } .popover>.arrow { border-width:11px } .popover>.arrow:after { border-width:10px; content:"" } .popover.top>.arrow { left:50%; margin-left:-11px; border-bottom-width:0; border-top-color:#999; border-top-color:rgba(0,0,0,.25); bottom:-11px } .popover.top>.arrow:after { content:" "; bottom:1px; margin-left:-10px; border-bottom-width:0; border-top-color:#fff } .popover.left>.arrow:after, .popover.right>.arrow:after { content:" "; bottom:-10px } .popover.right>.arrow { top:50%; left:-11px; margin-top:-11px; border-left-width:0; border-right-color:#999; border-right-color:rgba(0,0,0,.25) } .popover.right>.arrow:after { left:1px; border-left-width:0; border-right-color:#fff } .popover.bottom>.arrow { left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:#999; border-bottom-color:rgba(0,0,0,.25); top:-11px } .popover.bottom>.arrow:after { content:" "; top:1px; margin-left:-10px; border-top-width:0; border-bottom-color:#fff } .popover.left>.arrow { top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0,0,0,.25) } .popover.left>.arrow:after { right:1px; border-right-width:0; border-left-color:#fff } .carousel-inner { width:100% } .carousel-inner>.item { display:none; position:relative; -webkit-transition:.6s ease-in-out left; -o-transition:.6s ease-in-out left; transition:.6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height:1 } @media all and (transform-3d),(-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition:-webkit-transform .6s ease-in-out; -moz-transition:-moz-transform .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out; transition:transform .6s ease-in-out; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000px; -moz-perspective:1000px; perspective:1000px } .carousel-inner>.item.active.right, .carousel-inner>.item.next { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); left:0 } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); left:0 } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); left:0 } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display:block } .carousel-inner>.active { left:0 } .carousel-inner>.next, .carousel-inner>.prev { position:absolute; top:0; width:100% } .carousel-inner>.next { left:100% } .carousel-inner>.prev { left:-100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left:0 } .carousel-inner>.active.left { left:-100% } .carousel-inner>.active.right { left:100% } .carousel-control { position:absolute; top:0; left:0; bottom:0; width:15%; opacity:.5; filter:alpha(opacity=50); font-size:20px; background-color:rgba(0,0,0,0) } .carousel-control.left { background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { left:auto; right:0; background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } .carousel-control:focus, .carousel-control:hover { outline:0; color:#fff; text-decoration:none; opacity:.9; filter:alpha(opacity=90) } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position:absolute; top:50%; margin-top:-10px; z-index:5; display:inline-block } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left:50%; margin-left:-10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right:50%; margin-right:-10px } .carousel-control .icon-next, .carousel-control .icon-prev { width:20px; height:20px; line-height:1; font-family:serif } .carousel-control .icon-prev:before { content:'\2039' } .carousel-control .icon-next:before { content:'\203a' } .carousel-indicators { position:absolute; bottom:10px; left:50%; z-index:15; width:60%; margin-left:-30%; padding-left:0; list-style:none; text-align:center } .carousel-indicators li { display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; border:1px solid #fff; border-radius:10px; cursor:pointer; background-color:#000\9; background-color:rgba(0,0,0,0) } .carousel-indicators .active { margin:0; width:12px; height:12px; background-color:#fff } .carousel-caption { position:absolute; left:15%; right:15%; bottom:20px; z-index:10; padding-top:20px; padding-bottom:20px } .carousel-caption .btn, .text-hide { text-shadow:none } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width:30px; height:30px; margin-top:-10px; font-size:30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left:-10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right:-10px } .carousel-caption { left:20%; right:20%; padding-bottom:30px } .carousel-indicators { bottom:20px } } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { content:" "; display:table } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear:both } .pull-right { float:right!important } .pull-left, .rtl .rtl-bootstrap .pull-right { float:left!important } .hide { display:none!important } .show { display:block!important } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display:none!important } .text-hide { font:0/0 a; color:transparent; background-color:transparent; border:0 } .table th, body, h1, h2 { font-weight:400 } .affix { position:fixed } @-ms-viewport { width:device-width } @media (max-width:767px) { .visible-xs { display:block!important } table.visible-xs { display:table!important } tr.visible-xs { display:table-row!important } td.visible-xs, th.visible-xs { display:table-cell!important } .visible-xs-block { display:block!important } .visible-xs-inline { display:inline!important } .visible-xs-inline-block { display:inline-block!important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display:block!important } table.visible-sm { display:table!important } tr.visible-sm { display:table-row!important } td.visible-sm, th.visible-sm { display:table-cell!important } .visible-sm-block { display:block!important } .visible-sm-inline { display:inline!important } .visible-sm-inline-block { display:inline-block!important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display:block!important } table.visible-md { display:table!important } tr.visible-md { display:table-row!important } td.visible-md, th.visible-md { display:table-cell!important } .visible-md-block { display:block!important } .visible-md-inline { display:inline!important } .visible-md-inline-block { display:inline-block!important } } @media (min-width:1200px) { .visible-lg { display:block!important } table.visible-lg { display:table!important } tr.visible-lg { display:table-row!important } td.visible-lg, th.visible-lg { display:table-cell!important } .visible-lg-block { display:block!important } .visible-lg-inline { display:inline!important } .visible-lg-inline-block { display:inline-block!important } .hidden-lg { display:none!important } } @media (max-width:767px) { .hidden-xs { display:none!important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display:none!important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display:none!important } } .visible-print { display:none!important } @media print { .visible-print { display:block!important } table.visible-print { display:table!important } tr.visible-print { display:table-row!important } td.visible-print, th.visible-print { display:table-cell!important } } .visible-print-block { display:none!important } @media print { .visible-print-block { display:block!important } } .visible-print-inline { display:none!important } @media print { .visible-print-inline { display:inline!important } } .visible-print-inline-block { display:none!important } @media print { .visible-print-inline-block { display:inline-block!important } .hidden-print { display:none!important } } .carousel, .nav, .pagination, .panel-title a { cursor:pointer } @-ms-viewport { width:auto!important } .dropdown-menu { border-radius:0; border:1px solid rgba(0,0,0,.08) } .no-gutter>[class*=col-] { padding-right:0; padding-left:0 } @font-face { font-family:gbificons; src:url(/iconfont/gbificons.eot?v=1541667524); src:url(/iconfont/gbificons.eot?v=1541667524#iefix) format('embedded-opentype'), url(/iconfont/gbificons.ttf?v=1541667524) format('truetype'), url(/iconfont/gbificons.woff?v=1541667524) format('woff'); font-weight:400; font-style:normal } html { font-size:14px } .doi, .smaller { font-size:12px } body { font-family:Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif; text-rendering:optimizeLegibility; font-smooth:auto; font-smoothing:auto; -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto; line-height:1.42857142857; color:#4e565f } h3 { font-weight:500 } a[href=""], a[href=""]:focus, a[href=""]:hover { text-decoration:none } .gb-select, .hoverBox, .inline-document-list>li, .search-box, .searchCard--publisher .searchCard__type { -webkit-transition:box-shadow .2s ease; transition:box-shadow .2s ease; box-shadow:0 2px 2px 0 rgba(0,0,0,.16) } .gb-select:hover, .hoverBox:hover, .inline-document-list>li:hover, .search-box:hover, .searchCard--publisher .searchCard__type:hover { box-shadow:0 3px 8px 0 rgba(0,0,0,.16) } .doi { text-decoration:none; display:inline-block } .doi span { border:1px solid #dbe3e7 } .doi span:first-of-type { -webkit-transition:all .3s ease; transition:all .3s ease; background:#09c; padding:0 4px; border-radius:5px 0 0 5px; color:#fff; border-right-width:0; border-color:#09c } .doi span:last-of-type, a.doi:hover { color:#333; text-decoration:none } .doi span:last-of-type { background:#fff; padding:0 7px; border-radius:0 5px 5px 0; border-left-width:0 } a.doi:hover span:first-of-type { background:#004d66; border-color:#004d66 } .example { margin:25px; background:#fff; border:1px solid #ccc } .example header { background:#eee; padding:.714285714285rem } .example header h1 { cursor:pointer; font-size:16px; line-height:27px; font-weight:400; color:#555 } .example.is-expanded .example__comments { display:block } .example .example__live { margin:.714285714285rem } .example .example__comments { display:none; background:#eee; margin:.714285714285rem } .example .example__comments:after, .example .example__comments:before { content:''; display:table } .example .example__comments:after { clear:both } .example .example__comments>div { max-height:300px; overflow:auto } .example .example__comments .example__code { width:calc(99.99% * 2/3 - (30px - 30px * 2/3)); border:1px solid #ddd } .example .example__comments .example__code:nth-child(1n) { float:left; margin-right:30px; clear:none } .example .example__comments .example__code:last-child { margin-right:0 } .example .example__comments .example__code:nth-child(3n) { margin-right:0; float:right } .example .example__comments .example__code:nth-child(3n+1) { clear:left } .example .example__comments .example__usage { width:calc(99.99% * 1/3 - (30px - 30px * 1/3)) } .example .example__comments .example__usage:nth-child(1n) { float:left; margin-right:30px; clear:none } .example .example__comments .example__usage:last-child { margin-right:0 } .example .example__comments .example__usage:nth-child(3n) { margin-right:0; float:right } .example .example__comments .example__usage:nth-child(3n+1) { clear:left } .example .example__comments .example__usage>h3 { border:1px dotted #bbb; border-width:1px 0 } .errorPage { max-width:800px; margin:auto; padding:0 1.42857142857rem } .errorPage>* { margin:0 auto 1.42857142857rem; text-align:center } .errorPage .giant { font-size:5rem; line-height:1 } .errorPage .errorPage__img { margin:auto; max-width:256px } .errorPage .errorPage__img .responsiveImage { width:100%; height:0; padding-bottom:103% } .errorPage .errorPage__img img { width:100% } @media screen and (min-width:993px) { .errorPage .giant { font-size:10rem } } .asyncIf--isHidden { display:none!important } .badge { vertical-align:baseline } .badge--error { background:tomato; color:#fff; font-weight:inherit } .badge--warning { background:#f5cc27; color:#4e565f; font-weight:inherit } .badge--info { background:#aaa; color:#fff; font-weight:inherit } .badge--edited { background:#00bfff; color:#4e565f; font-weight:inherit } .badge--approved { background:#9bbb7f; color:#4e565f; font-weight:inherit } .badge--white { background:#fff; border:1px solid #4e565f; color:#4e565f } .badge-composite, .badge-composite--brand, .badge-composite--error, .badge-composite--info, .badge-composite--warning { display:inline-block } .badge-composite--brand:after, .badge-composite--error:after, .badge-composite--info:after, .badge-composite--warning:after, .badge-composite:after { content:""; display:block; clear:both } .badge-composite .badge, .badge-composite--brand .badge, .badge-composite--error .badge, .badge-composite--info .badge, .badge-composite--warning .badge { float:left; padding:3px 10px } .badge-composite .badge:first-of-type, .badge-composite--brand .badge:first-of-type, .badge-composite--error .badge:first-of-type, .badge-composite--info .badge:first-of-type, .badge-composite--warning .badge:first-of-type { border-radius:10px 0 0 10px; display:inline-block } .badge-composite .badge:last-of-type, .badge-composite--brand .badge:last-of-type, .badge-composite--error .badge:last-of-type, .badge-composite--info .badge:last-of-type, .badge-composite--warning .badge:last-of-type { border-radius:0 10px 10px 0; display:inline-block } .badge-composite--error .badge { background:tomato; color:#fff; font-weight:inherit } .badge-composite--error .badge:first-of-type { background:#ff4726; border-right:1px solid #ff3a16 } .badge-composite--error .badge:last-of-type { border-left:1px solid #ff6b50 } .badge-composite--warning .badge { background:#f5cc27; color:#4e565f; font-weight:inherit } .badge-composite--warning .badge:first-of-type { background:#f4c60c; border-right:1px solid #e7bb0b } .badge-composite--warning .badge:last-of-type { border-left:1px solid #f6cf32 } .badge-composite--info .badge { background:#d3d3d3; color:#4e565f; font-weight:inherit } .badge-composite--info .badge:first-of-type { background:#bebebe; border-right:1px solid #b3b3b3 } .badge-composite--info .badge:last-of-type { border-left:1px solid #d5d5d5 } .badge-composite--brand .badge { background:#71b171; color:#fff; font-weight:inherit } .badge-composite--brand .badge:first-of-type { background:#5ea75e; border-right:1px solid #579f57 } .badge-composite--brand .badge:last-of-type { border-left:1px solid #78b578 } .card, .card-figure { max-width:100%; background:#fff; border:1px solid #dbe3e7; border-bottom-width:2px } .card--flexible, .card-figure--flexible { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .fab .fab__options, .fab__content { -webkit-box-direction:reverse; -webkit-box-orient:vertical } .card--flexible .card__stripe, .card-figure--flexible .card__stripe { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto } .card--flexible .card__stripe--flexible, .card-figure--flexible .card__stripe--flexible { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; height:155px } .card--flexible .card__stripe--expandable, .card-figure--flexible .card__stripe--expandable { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto } .card__stripe { border-bottom:1px solid #dbe3e7; display:block; color:inherit } .card__stripe:last-child { border:none } .card__stripe--actions { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around } .card-figure, .card-head .card-header, .card-head .card-header--bold, .card__stripe--actions>a { display:inline-block } .card__stripe--actions>a { text-align:center; -webkit-box-flex:1; -ms-flex:1 0 33%; flex:1 0 33%; text-transform:uppercase; white-space:nowrap; padding:5px } .card--padded { padding-top:10px; padding-bottom:10px } a.card__stripe:hover { text-decoration:inherit } .card__content { padding:.714285714285rem } .card__content--error--large, .card__content--warning--large { padding:2.142857142855rem } .card__content:last-child { margin-bottom:0 } .card__content--error, .card__content--error--large { border-left:2px solid tomato } .card__content--warning, .card__content--warning--large { border-left:2px solid #fdb002 } .card--spaced .card__content { padding:1.42857142857rem } .card--spaced--very .card__content { padding:2.85714285714rem } .card--compact .card__content { padding:.714285714285rem } .card__content__title { margin:4px 0; max-width:100% } .card-head .card-menu, .card-header, .card-header--bold { margin-top:.714285714285rem; margin-bottom:.714285714285rem } .card__content__title a { font-size:16px } .card__stripe--light { background:#fdfefe } .card__stripe--dark { background:#666; color:#fff } .card--supplemental { padding-top:5px; padding-bottom:10px } .card--supplemental ul { list-style:none; padding-left:10px } .card-header, .card-header--bold { text-transform:uppercase; font-size:12px; font-weight:400; color:#666 } .card-header--bold { font-weight:600; color:#777 } .card-head { position:relative } .card-head .card-menu { color:#666; position:absolute; top:0; right:0 } .card-head .card-menu__option { display:inline-block; margin:0 5px } .rtl .card-head .card-menu { right:auto; left:0 } .card-columns, .card-columns-wide { margin:auto; padding:0 15px; max-width:992px; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px } .card-columns-wide>div, .card-columns>div { margin-top:10px } @media screen and (min-width:601px) { .card-columns, .card-columns-wide { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px } } @media screen and (min-width:901px) { .card-columns, .card-columns-wide { -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px } } @media screen and (min-width:1654px) { .card-columns-wide { margin:auto; max-width:1653px; -webkit-column-count:5; -moz-column-count:5; column-count:5; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px } } .card-figure { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column } .card-figure .imgContainer img.failed, .card-figure figcaption .details { display:none } .card-figure .imgContainer { background:#f7f9fa } .card-figure .imgContainer img { width:100%; height:0; padding-bottom:70%; visibility:hidden } .card-figure .imgContainer img.loaded { height:auto; padding-bottom:0; visibility:visible } .card-figure figcaption { color:#666; font-size:12px } .card-figure figcaption .details.show { display:block } .card-flex-columns { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:20px; margin-left:7.5px; margin-right:7.5px } .card-flex-columns>div { max-width:330.67px; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; padding:0 7.5px; margin-top:20px; width:220px } .card-flex-columns .card-flex-columns__block-double { max-width:992px } .card-flex-columns .card-flex-columns__block-narrow { max-width:330.67px } .card-flex-columns .card-flex-columns__block-aligned { max-width:768px } @media screen and (min-width:993px) { .card-flex-columns>div { max-width:330.67px } .card-flex-columns .card-flex-columns__block-double { width:330.67px } } .card--nav a.row { display:block } .card--nav a { color:inherit } .card--nav:hover h3 { text-decoration:underline } .card--nav span { font-weight:400 } .classification-list a:after, .classification-list span:after { font-style:normal; content:' \276f '; font-size:80%; color:#ccc; display:inline-block; padding:0 3px } .classification-list a:last-of-type:after, .classification-list span:last-of-type:after { display:none } .contactsCard, .fab__content { display:-webkit-box; display:-ms-flexbox } .classification-list.discreet a, .classification-list.discreet a:hover, .classification-list.discreet span, .classification-list.discreet span:hover { color:#666 } .classification-list .genus, .classification-list .species { font-style:italic } .contactsCard { position:relative; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap } .contactsCard__name>div, .loading { display:inline-block } .contactsCard>* { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:300px; margin:10px; padding:5px } contact:target { background:#eee } .orcid-small { margin-right:4px } [count] { color:#aaa } [count].loaded { color:inherit } .loading, .loading:after, .loading:before { border-radius:50%; width:.5em; height:.5em; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out } .loading { color:rgba(0,0,0,.1); margin:0 1em; position:relative; text-indent:-9999em; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-animation-delay:-.16s; animation-delay:-.16s; top:-2.5em } .loading:before { left:-1em; -webkit-animation-delay:-.32s; animation-delay:-.32s } .loading:after { left:1em } .loading:after, .loading:before { content:''; position:absolute; top:0 } @-webkit-keyframes load7 { 0%, 100%, 80% { box-shadow:0 2.5em 0 -1.3em } 40% { box-shadow:0 2.5em 0 0 } } @keyframes load7 { 0%, 100%, 80% { box-shadow:0 2.5em 0 -1.3em } 40% { box-shadow:0 2.5em 0 0 } } .directoryPerson__header { padding:10px; text-align:center } .directoryPerson .card__content { max-width:500px; margin:auto } .directoryPerson tr { padding-bottom:20px } .directoryPerson tr>td:first-of-type { text-align:right; vertical-align:top; padding-right:10px; color:#666; white-space:nowrap } .directoryPerson td { padding:10px } .directoryPerson ul { padding:0 } .directoryPerson ul li { padding-bottom:10px } .horizontal-stripe[expand] .card__expand { margin-top:1.42857142857rem; margin-bottom:-1.42857142857rem } .expandable-area .card__expand { position:relative; padding-bottom:.3571428571425rem } .expandable-area .card__expand a { text-decoration:none } .expandable-area .card__expand>a { margin:auto auto -1.0714285714275rem; display:block; font-size:2.142857142855rem; color:#fff; top:-1.0714285714275rem; width:2.142857142855rem; height:2.142857142855rem; line-height:2.142857142855rem; text-align:center; border-radius:50%; background:#9ea4a5; position:relative } .expandable-area .card__expand>a:before { font-weight:700 } .expandable-area .card__expand>span { display:block; margin:auto; text-align:center; font-size:12px; color:#999 } .expandable-area .card__expand>span a:hover { text-decoration:underline } .gb-btn-group>a:hover, .gb-btn-group>label:hover, .site-drawer__bar__action:hover, .site-drawer__bar__icon:focus, .site-drawer__bar__icon:hover, .site-drawer__bar__title:hover { text-decoration:none } .expandable-area .is-expandable, .expandable-area.is-collapsed .is-collapsable { display:none } .expandable-area.is-collapsed .is-expandable { display:block } .scrollable { overflow:auto } .btn-highlight { color:#fff; background:#3a5563; border-color:#344d59; box-shadow:0 2px 2px rgba(0,0,0,.3) } .btn-highlight:hover { background:#344d59; border-color:#314753; color:#fff } .btn-circle { width:50px; height:50px; padding:0; text-align:center; font-size:25px; line-height:2; border-radius:25px } .fab { z-index:25; position:fixed; bottom:1.42857142857rem; right:1.42857142857rem } .fab__content { display:flex; -ms-flex-direction:column-reverse; flex-direction:column-reverse } .fab .fab__options { height:0; overflow:hidden; position:relative; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column-reverse; flex-direction:column-reverse; -webkit-transition:height .5s ease-out; transition:height .5s ease-out; -webkit-transition-delay:20ms; transition-delay:20ms } .fab .fab__options li, .fab .fab__trigger { padding:.3571428571425rem } .fab .fab__options li { opacity:0; -webkit-transition:opacity .1s ease-out; transition:opacity .1s ease-out } .fab .fab__options li a { background:#fdfdfd; border:none; color:#888 } .fab .fab__trigger a { color:#fff } .fab li.fab__options__primary>a { background:#618ca2; color:#fff } .fab .fab__options li:nth-child(2) { -webkit-transition-delay:20ms; transition-delay:20ms } .fab .fab__options li:nth-child(3) { -webkit-transition-delay:40ms; transition-delay:40ms } .fab .fab__options li:nth-child(4) { -webkit-transition-delay:60ms; transition-delay:60ms } .fab .fab__options li:nth-child(5) { -webkit-transition-delay:80ms; transition-delay:80ms } .fab [tooltip]:before { border-radius:2px; background-color:#585858; color:#fff; content:attr(tooltip); font-size:12px; visibility:hidden; opacity:0; padding:5px 7px; margin:7px; position:absolute; right:100%; white-space:nowrap; z-index:25 } .dropdown-menu>li.active>a .dropdown--expandOnFocus, .dropdown-menu>li>a>div { white-space:normal } .fab [tooltip]:hover:after, .fab [tooltip]:hover:before { visibility:visible; opacity:1 } .fab .fab-is-expanded .fab__options { height:auto; overflow:visible } .fab .fab-is-expanded .fab__options li { opacity:1 } .fab .fab-is-expanded .fab__trigger [tooltip]:after, .fab .fab-is-expanded .fab__trigger [tooltip]:before { visibility:hidden } @media screen and (max-width:992px) { .fab .fab-is-expanded [tooltip]:after, .fab .fab-is-expanded [tooltip]:before { visibility:visible; opacity:1 } .fab .fab__trigger [tooltip]:after, .fab .fab__trigger [tooltip]:before { visibility:hidden } } @media screen and (min-width:993px) { .fab-drawer { display:none } } .filter-group__filter__interval input { background:0 0; width:4em; border:none; margin-bottom:10px; outline:0 } .filter-group__filter__interval input.ng-invalid-pattern { color:tomato } .filter-group__filter__interval__option-trigger a { color:inherit; padding:5px 0; display:inline-block } .filter-group__filter__interval__option-trigger a>i { display:inline-block; bottom:1px; margin:0 3px; position:relative; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #4e565f } .filter-group__filter__interval__option-trigger a.gb-icon-close { font-size:20px; position:relative; top:-3px } .gbHelp__close, .gbHelp__overlay { position:fixed; right:0; bottom:0; left:0 } .filter-group__filter__interval__input { padding-bottom:10px } .filter-group__filter__interval__input a, .filter-group__filter__interval__input>span { padding:5px 20px 5px 0 } .filter-group__filter__interval__input>a { padding:5px } .fadeImages img { -webkit-filter:grayscale(100%); filter:grayscale(100%) } .filter-location-map { height:300px } .filter-group--location textarea { width:100%; height:156px; border:none; background:0 0 } .filter-group--location__input-types { padding:1rem 0 } .filter-group__filter__name__title.invalid { color:tomato } .gb-radio label { display:inline-block; padding-right:20px; cursor:pointer } .gb-radio label:hover .gb-radio__indicator>span { -webkit-transform:scale(.5); transform:scale(.5); opacity:.7 } .gb-radio__indicator { height:15px; width:15px; display:block; float:left; margin:1px 10px 1px 0; border:2px solid #777; border-radius:50%; transition:all .2s ease-in-out } .gb-radio__indicator>span { -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; height:7px; width:7px; -webkit-transform:scale(0); transform:scale(0); display:block; margin:2px; border-radius:50%; background-color:#09c; opacity:0 } .gbHelp__question, .gbHelp__trigger { display:inline-block } .gb-radio label.active { cursor:initial } .gb-radio label.active .gb-radio__indicator { border-color:#09c } .gb-radio label.active .gb-radio__indicator>span { -webkit-transform:scale(1); transform:scale(1); opacity:1 } .dropdown-menu>li .discreet { color:#aaa } .dropdown-menu>li.active .classification-list.discreet span, .dropdown-menu>li.active .discreet { color:#284828 } .dropdown-menu>li.active .classification-list.discreet span:after, .dropdown-menu>li.active .discreet:after { color:#437943 } .gbHelp__question { background:#75b3a3; color:#fff; width:1em; height:1em; border-radius:50%; line-height:1em; text-align:center } .gbHelp__overlay { display:block; top:0; background:rgba(0,0,0,.2); z-index:80; overflow:auto } .gbHelp__close { top:0; z-index:1 } .gbHelp__close:before { font-family:gbificons; content:"\EA58"; display:block; position:absolute; top:0; left:0; color:#fff; line-height:3.571428571425rem; height:3.571428571425rem; font-size:22px; padding:0 1.7857142857125rem; width:100%; background:-webkit-linear-gradient(#78b578,#71b171); background:linear-gradient(#78b578,#71b171); text-align:left } .gbHelp__content { z-index:2; position:relative; max-height:100vh; margin:3.571428571425rem auto; max-width:768px; top:20%; -webkit-transform:translateY(-20%); transform:translateY(-20%); text-align:center } .gbHelp .card { text-align:left; display:inline-block; width:200px } .gbHelp .card.gbHelp__card--loaded { width:100%; -webkit-animation:popup_bounce_in .3s; animation:popup_bounce_in .3s } .gbHelp .card__content { padding:2rem } @media screen and (min-width:769px) { .gbHelp__close:before { content:none } .gbHelp .card__content { padding:2rem 4rem } } @-webkit-keyframes popup_bounce_in { 0% { -webkit-transform:scale3d(.1,.1,1); transform:scale3d(.1,.1,1) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes popup_bounce_in { 0% { -webkit-transform:scale3d(.1,.1,1); transform:scale3d(.1,.1,1) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .iucn__status__img { padding:10px; text-align:center } .iucn__status__img img { width:240px } .iucn__status__desc { padding:5px 10px; background:#eee } .iucn__status__source { font-size:12px; float:right; opacity:.5 } .jslghtbx-ie8.jslghtbx { background-image:url(../img/trans-bck.png); display:none } .jslghtbx-ie8.jslghtbx.jslghtbx-active { display:block } .jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper>img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; display:block } .jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper.jslghtbx-wrapper-active>img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .jslghtbx { font-family:sans-serif; overflow:auto; visibility:hidden; position:fixed; left:0; top:0; width:100%; height:100%; background-color:transparent } .jslghtbx.jslghtbx-active { visibility:visible; background-color:rgba(0,0,0,.85) } .jslghtbx-loading-animation { margin-top:-60px; margin-left:-60px; width:120px; height:120px; top:50%; left:50%; display:none; position:absolute; z-index:-1 } .jslghtbx-loading-animation>span { display:inline-block; width:20px; height:20px; border-radius:20px; margin:5px; background-color:#fff; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out } .jslghtbx-loading-animation>span.jslghtbx-active { margin-bottom:60px } .jslghtbx.jslghtbx-loading .jslghtbx-loading-animation { display:block } .jslghtbx-nooverflow { overflow:hidden!important } .jslghtbx-contentwrapper { margin:auto; visibility:hidden } .jslghtbx-contentwrapper>img { background:#fff; padding:.5em; display:none; height:auto; margin-left:auto; margin-right:auto; opacity:0 } .jslghtbx-contentwrapper.jslghtbx-wrapper-active { visibility:visible } .jslghtbx-contentwrapper.jslghtbx-wrapper-active>img { display:block; opacity:1 } .jslghtbx-caption { display:none; max-width:450px; color:#fff; text-align:center; font-size:.9em; margin:5px auto } .jslghtbx-active .jslghtbx-caption { display:block } .jslghtbx-contentwrapper.jslghtbx-animate>img { opacity:0 } .jslghtbx-contentwrapper>img.jslghtbx-animate-transition { -webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out; cursor:pointer } .jslghtbx-contentwrapper>img.jslghtbx-animate-init, .jslghtbx-contentwrapper>img.jslghtbx-animating-next, .jslghtbx-contentwrapper>img.jslghtbx-animating-prev { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .jslghtbx-close { position:fixed; right:23px; top:23px; margin-top:-4px; font-size:2em; color:#fff; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out } .jslghtbx-close:hover { text-shadow:0 0 10px #fff } @media screen and (max-width:1060px) { .jslghtbx-close { font-size:1.5em } } .jslghtbx-next, .jslghtbx-prev { display:none; position:fixed; top:50%; max-width:6%; max-height:250px; cursor:pointer; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out } .jslghtbx-next.jslghtbx-active, .jslghtbx-prev.jslghtbx-active { display:block } .jslghtbx-next>img, .jslghtbx-prev>img { width:100% } .jslghtbx-next { right:.6em } .jslghtbx-next.jslghtbx-no-img:hover { border-left-color:#787878 } @media screen and (min-width:451px) { .jslghtbx-next { right:.6em } .jslghtbx-next.jslghtbx-no-img { border-top:110px solid transparent; border-bottom:110px solid transparent; border-left:40px solid #fff } } @media screen and (max-width:600px) { .jslghtbx-next.jslghtbx-no-img { right:5px; padding-left:0; border-top:60px solid transparent; border-bottom:60px solid transparent; border-left:15px solid #fff } } .jslghtbx-prev { left:.6em } .jslghtbx-prev.jslghtbx-no-img:hover { border-right-color:#787878 } @media screen and (min-width:451px) { .jslghtbx-prev { left:.6em } .jslghtbx-prev.jslghtbx-no-img { border-top:110px solid transparent; border-bottom:110px solid transparent; border-right:40px solid #fff } .jslghtbx-thmb { margin:1em } } @media screen and (max-width:600px) { .jslghtbx-prev.jslghtbx-no-img { left:5px; padding-right:0; border-top:60px solid transparent; border-bottom:60px solid transparent; border-right:15px solid #fff } } @media screen and (max-width:450px) { .jslghtbx-next { right:.2em; padding-left:20px } .jslghtbx-prev { left:.2em; padding-right:20px } } .gbModal, .gbModal__backdrop { left:0; bottom:0; top:0; right:0 } .jslghtbx-thmb { padding:2px; max-width:100%; max-height:140px; cursor:pointer; box-shadow:0 0 3px 0 #000; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out } @media screen and (max-width:450px) { .jslghtbx-thmb { margin:1em 0 } } .jslghtbx-thmb:hover { box-shadow:0 0 14px 0 #000 } .chart-summary-count { padding:20px } .chart-summary-count__number { font-size:45px } .chart-summary-count__unit { font-size:18px; padding-bottom:10px } .gbModal { position:fixed; z-index:2000 } .gbModal__backdrop { background-color:rgba(0,0,0,0); position:absolute; z-index:5; overflow-y:auto; overflow-x:hidden; -webkit-transition:background-color .2s ease; transition:background-color .2s ease } .gbModal__backdrop.fadeIn { background-color:rgba(0,0,0,.1) } .gbModal__dialog { position:relative; z-index:10; width:500px; max-width:calc(100vw - 30px); margin:5px auto auto; -webkit-transition:margin-top 350ms ease,opacity .2s ease; transition:margin-top 350ms ease,opacity .2s ease; opacity:0 } .gbModal__dialog.fadeIn { margin-top:15px; opacity:1 } @media screen and (min-width:769px) { .gbModal__dialog { margin-top:50px } .gbModal__dialog.fadeIn { margin-top:100px } } .noUi-horizontal { height:3px } .noUi-background { background:#d4d4d4; box-shadow:none } .noUi-origin { border-radius:2px } .noUi-target { border:none } .noUi-connect { background:#c7c7c7; -webkit-transition:background 450ms; transition:background 450ms; box-shadow:none } .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle { width:15px; height:15px; border:0; border-radius:100%; cursor:pointer; background:#c7c7c7; box-shadow:0 0 0 0 #c7c7c7; -webkit-transition:box-shadow .2s ease; transition:box-shadow .2s ease } .noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before, .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { content:none } .noUi-horizontal .noUi-handle.noUi-active, .noUi-vertical .noUi-handle.noUi-active { box-shadow:0 0 0 5px rgba(0,0,0,.15) } .noUi-horizontal .noUi-handle .noUi-marker, .noUi-vertical .noUi-handle .noUi-marker { display:none } .noUi-horizontal .noUi-handle .noUi-marker.noUi-marker-large, .noUi-vertical .noUi-handle .noUi-marker.noUi-marker-large { display:block } .noUi-horizontal .noUi-handle { left:-7.5px } .is-active .noUi-connect, .is-active.noUi-connect, .is-active.noUi-horizontal .noUi-handle, .is-active.noUi-vertical .noUi-handle { background:#888 } .loader { position:relative; margin:0 auto; width:60px } .loader:before { content:''; display:block; padding-top:100% } .circular { -webkit-animation:rotate 1s linear infinite; animation:rotate 1s linear infinite; height:100%; -webkit-transform-origin:center center; transform-origin:center center; width:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto } .path { stroke:rgba(0,0,0,.1); stroke-dasharray:1,200; stroke-dashoffset:0; -webkit-animation:dash 1.5s ease-in-out infinite; animation:dash 1.5s ease-in-out infinite; stroke-linecap:round } @-webkit-keyframes rotate { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes rotate { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes dash { 0% { stroke-dasharray:1,200; stroke-dashoffset:0 } 50% { stroke-dasharray:89,200; stroke-dashoffset:-35px } 100% { stroke-dasharray:89,200; stroke-dashoffset:-124px } } @keyframes dash { 0% { stroke-dasharray:1,200; stroke-dashoffset:0 } 50% { stroke-dasharray:89,200; stroke-dashoffset:-35px } 100% { stroke-dasharray:89,200; stroke-dashoffset:-124px } } .shadeLevel-1 { background-color:#fcfee0; color:#222 } .shadeLevel-2 { background-color:#f9fdde; color:#222 } .shadeLevel-3 { background-color:#f4fbdc; color:#222 } .shadeLevel-4 { background-color:#f2f9da; color:#222 } .shadeLevel-5 { background-color:#edf8d8; color:#222 } .shadeLevel-6 { background-color:#eaf6d6; color:#222 } .shadeLevel-7 { background-color:#e6f4d5; color:#222 } .shadeLevel-8 { background-color:#e2f3d2; color:#222 } .shadeLevel-9 { background-color:#e0f1d1; color:#222 } .shadeLevel-10 { background-color:#dbefcf; color:#222 } .shadeLevel-11 { background-color:#d8eece; color:#222 } .shadeLevel-12 { background-color:#d5eccd; color:#222 } .shadeLevel-13 { background-color:#d0ebcc; color:#222 } .shadeLevel-14 { background-color:#cce8cc; color:#222 } .shadeLevel-15 { background-color:#c9e7cb; color:#222 } .shadeLevel-16 { background-color:#c5e5ca; color:#222 } .shadeLevel-17 { background-color:#c1e4ca; color:#222 } .shadeLevel-18 { background-color:#bde2c9; color:#222 } .shadeLevel-19 { background-color:#bae0c9; color:#222 } .shadeLevel-20 { background-color:#b6dfc8; color:#222 } .shadeLevel-21 { background-color:#b1ddc8; color:#222 } .shadeLevel-22 { background-color:#afdbc8; color:#222 } .shadeLevel-23 { background-color:#aadac8; color:#222 } .shadeLevel-24 { background-color:#a5d7c8; color:#222 } .shadeLevel-25 { background-color:#a3d6c7; color:#222 } .shadeLevel-26 { background-color:#9ed5c7; color:#222 } .shadeLevel-27 { background-color:#98d2c7; color:#222 } .shadeLevel-28 { background-color:#95d1c7; color:#222 } .shadeLevel-29 { background-color:#91cfc7; color:#222 } .shadeLevel-30 { background-color:#8fcdc7; color:#222 } .shadeLevel-31 { background-color:#8ccbc7; color:#222 } .shadeLevel-32 { background-color:#89c9c7; color:#222 } .shadeLevel-33 { background-color:#86c7c7; color:#222 } .shadeLevel-34 { background-color:#84c5c6; color:#222 } .shadeLevel-35 { background-color:#81c4c6; color:#222 } .shadeLevel-36 { background-color:#7ec1c6; color:#222 } .shadeLevel-37 { background-color:#7cbfc6; color:#222 } .shadeLevel-38 { background-color:#79bdc6; color:#222 } .shadeLevel-39 { background-color:#77bbc5; color:#222 } .shadeLevel-40 { background-color:#75b8c5; color:#222 } .shadeLevel-41 { background-color:#73b7c4; color:#222 } .shadeLevel-42 { background-color:#72b4c4; color:#222 } .shadeLevel-43 { background-color:#70b2c3; color:#222 } .shadeLevel-44 { background-color:#6fb1c3; color:#222 } .shadeLevel-45 { background-color:#6dafc2; color:#222 } .shadeLevel-46 { background-color:#6bacc2; color:#222 } .shadeLevel-47 { background-color:#6aa9c1; color:#222 } .shadeLevel-48 { background-color:#69a7c0; color:#222 } .shadeLevel-49 { background-color:#67a6c0; color:#222 } .shadeLevel-50 { background-color:#66a3bf; color:#222 } .shadeLevel-51 { background-color:#65a2be; color:#222 } .shadeLevel-52 { background-color:#639fbe; color:#222 } .shadeLevel-53 { background-color:#629cbd; color:#222 } .shadeLevel-54 { background-color:#619bbc; color:#222 } .shadeLevel-55 { background-color:#6098bc; color:#222 } .shadeLevel-56 { background-color:#5e97bb; color:#222 } .shadeLevel-57 { background-color:#5d95ba; color:#222 } .shadeLevel-58 { background-color:#5d92b9; color:#222 } .shadeLevel-59 { background-color:#5b8fb8; color:#222 } .shadeLevel-60 { background-color:#5b8eb7; color:#222 } .shadeLevel-61 { background-color:#5a8bb6; color:#222 } .shadeLevel-62 { background-color:#598ab5; color:#222 } .shadeLevel-63 { background-color:#5887b4; color:#222 } .shadeLevel-64 { background-color:#5786b4; color:#222 } .shadeLevel-65 { background-color:#5683b3; color:#222 } .shadeLevel-66 { background-color:#5681b1; color:#222 } .shadeLevel-67 { background-color:#557eb1; color:#222 } .shadeLevel-68 { background-color:#557db0; color:#222 } .shadeLevel-69 { background-color:#547aaf; color:#222 } .shadeLevel-70 { background-color:#5379ae; color:#222 } .shadeLevel-71 { background-color:#5376ad; color:#222 } .shadeLevel-72 { background-color:#5273ac; color:#fff } .shadeLevel-73 { background-color:#5172ab; color:#fff } .shadeLevel-74 { background-color:#5170aa; color:#fff } .shadeLevel-75 { background-color:#506da9; color:#fff } .shadeLevel-76 { background-color:#506ba8; color:#fff } .shadeLevel-77 { background-color:#4f69a7; color:#fff } .shadeLevel-78 { background-color:#4f67a5; color:#fff } .shadeLevel-79 { background-color:#4e65a4; color:#fff } .shadeLevel-80 { background-color:#4e63a3; color:#fff } .shadeLevel-81 { background-color:#4d60a2; color:#fff } .shadeLevel-82 { background-color:#4c5ea1; color:#fff } .shadeLevel-83 { background-color:#4c5c9f; color:#fff } .shadeLevel-84 { background-color:#4b5a9e; color:#fff } .shadeLevel-85 { background-color:#4b579d; color:#fff } .shadeLevel-86 { background-color:#4b569b; color:#fff } .shadeLevel-87 { background-color:#4b5499; color:#fff } .shadeLevel-88 { background-color:#4b5197; color:#fff } .shadeLevel-89 { background-color:#4a4f95; color:#fff } .shadeLevel-90 { background-color:#4a4d93; color:#fff } .shadeLevel-91 { background-color:#4a4b90; color:#fff } .shadeLevel-92 { background-color:#4a498e; color:#fff } .shadeLevel-93 { background-color:#49478c; color:#fff } .shadeLevel-94 { background-color:#49458b; color:#fff } .shadeLevel-95 { background-color:#494289; color:#fff } .shadeLevel-96 { background-color:#484187; color:#fff } .shadeLevel-97 { background-color:#483f85; color:#fff } .shadeLevel-98 { background-color:#483d83; color:#fff } .shadeLevel-99 { background-color:#473a81; color:#fff } .shadeLevel-100 { background-color:#47387f; color:#fff } .textMaxWidth, .textMaxWidth--150, .textMaxWidth--200, .textMaxWidth--250, .textMaxWidth--300 { white-space:nowrap; text-overflow:ellipsis; display:inline-block; overflow:hidden } .textMaxWidth--150 { max-width:150px } .textMaxWidth--200 { max-width:200px } .textMaxWidth--250 { max-width:250px } .textMaxWidth--300 { max-width:300px } .table.chart-table { width:auto; max-width:none; min-width:100%; margin-bottom:0 } .table.chart-table>tbody>tr>td, .table.chart-table>tbody>tr>th, .table.chart-table>tfoot>tr>td, .table.chart-table>tfoot>tr>th, .table.chart-table>thead>tr>td, .table.chart-table>thead>tr>th { padding:8px } .table.chart-table .table__symbol { padding:0 8px } .table.chart-table td span, .table.chart-table tr span { text-overflow:ellipsis; white-space:nowrap } .table-fixed { table-layout:fixed } .table-cell--100 { width:100% } .table-cell--50px { width:50px } .occurrenceBreakdownCard .card { position:relative } .occurrenceBreakdownCard .card__loader { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,.65) } .overflow-gradient { position:relative } .overflow-gradient:after, .overflow-gradient:before { display:block; content:''; width:15px; top:0; bottom:20px; z-index:1; position:absolute } .overflow-gradient:after { right:0; background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff); background:linear-gradient(to right,rgba(255,255,255,0),#fff) } .overflow-gradient:before { left:0; background:-webkit-linear-gradient(right,rgba(255,255,255,0),#fff); background:linear-gradient(to left,rgba(255,255,255,0),#fff) } .occurrenceBreakdownChart__single { text-align:center; margin:30px 0 } .occurrenceBreakdownChart__single__value>span { color:#666 } .occurrenceBreakdownChart__single__value>div { font-size:2em; font-weight:300 } .occurrenceCard__chartArea { background:#253856; color:#fff; padding:10px } .occurrenceCard__title { padding:10px; background:#344f7a; color:#fff } .occurrenceCard__list ul { display:table; padding:0; width:100% } .occurrenceCard__list ul li { display:table-row } .occurrenceCard__list ul li>a { padding:10px; display:table-cell; vertical-align:middle } .occurrenceCard__list ul li>a>span { color:#666; font-size:12px } .occurrenceCard__list ul li:hover { background:#eee } .occurrenceCard__list__img { width:60px; text-align:center } .occurrenceCard__list img { border-radius:50%; overflow:hidden } .section__stats { margin:-3px } .occ-taxonomy-content { position:relative; min-height:400px } .occ-taxonomy-overlay { position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; background-color:rgba(255,255,255,.8) } .occ-taxonomy-overlay-content { position:absolute; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); top:50%; left:0; right:0; text-align:center; color:#555 } .m-b-minus-10 { margin-bottom:-10px } occurrence-taxonomy-tree { display:block; overflow:auto } .occurrenceTaxonomyTree .loadingNode { padding-left:5px; padding-right:5px } .occurrenceTaxonomyTree__toggle.title.title>a { color:inherit; background:inherit!important } .occurrenceTaxonomyTree__toggle.title.title>a.isActive { background:#666!important; color:#fff } .occurrenceTaxonomyTree li { position:relative; padding-left:.75em; margin-left:10px; margin-top:.5em } .occurrenceTaxonomyTree .title a:hover { background:#fff } .occurrenceTaxonomyTree__filter { border-left:1px solid #dcdcdc } .occurrenceTaxonomyTree .title { background:#f7f7f7; border:1px solid #dcdcdc; white-space:nowrap; display:inline-block; position:relative; margin-top:-1px } .occurrenceTaxonomyTree .title>a, .occurrenceTaxonomyTree .title>span { display:inline-block; padding:2px 3px } .occurrenceTaxonomyTree .title>div { display:inline-block; position:absolute; background:#71b171; height:3px; bottom:0; left:0; z-index:1; overflow:hidden } .occurrenceTaxonomyTree .title--action { color:#919191 } .occurrenceTaxonomyTree .title--action a { color:inherit } .occurrenceTaxonomyTree ul { padding-left:0 } .occurrenceTaxonomyTree .occurrenceTaxonomyTree__root { padding:10px 0; border:none } .occurrenceTaxonomyTree .occurrenceTaxonomyTree__root>li { padding:0; margin:0 } .occurrenceTaxonomyTree .hasTreeLines .title:after { content:''; display:block; height:1px; background:#dcdcdc; width:.75em; position:absolute; top:.75em; left:-.75em; z-index:1 } .occurrenceTaxonomyTree .hasTreeLines li>.pipe { width:1px; background:#dcdcdc; position:absolute; left:0; top:.75em; bottom:-1.35em } .occurrenceTaxonomyTree .hasTreeLines li:first-of-type>.pipe { top:-.6em } .occurrenceTaxonomyTree .hasTreeLines li:last-of-type>.pipe { display:none } .occurrenceTaxonomyTree .hasTreeLines li:only-of-type>.pipe { display:block; bottom:initial; height:1.4em } .rtl .occurrenceTaxonomyTree li { padding-left:0; margin-left:0; padding-right:.75em; margin-right:10px } .rtl .occurrenceTaxonomyTree__filter { border-right:1px solid #dcdcdc; border-left:none } .rtl .occurrenceTaxonomyTree .title>div { left:auto; right:0 } .rtl .occurrenceTaxonomyTree ul { padding-left:auto; padding-right:0 } .rtl .occurrenceTaxonomyTree .hasTreeLines .title:after { left:auto; right:-.75em } .rtl .occurrenceTaxonomyTree .hasTreeLines li>.pipe { left:auto; right:0 } .site-drawer { box-shadow:-2px 1px 2px rgba(0,0,0,.2); font-size:12px; background:#f7f9fa } .site-drawer__content { background:#fff } .site-drawer__header { box-shadow:0 2px 3px rgba(0,0,0,.2); background:#0096dc; color:#fff; position:relative } .site-drawer__header__title { font-size:14px } .site-drawer__header__title>a, .site-drawer__header__title>span { font-weight:700; text-align:center; display:block; height:3.2142857142825rem; line-height:3.2142857142825rem; color:inherit } .site-drawer__section { background:#f7f9fa; color:#4e565f } .site-drawer__search-bar { position:relative; border-bottom:1px solid #dbe3e7 } .site-drawer__search-bar input { width:calc(100% - 30px); border:none; margin:10px 0; outline:0; padding:0 20px } .site-drawer__search-bar button { position:absolute; right:0; background:0 0; border:none; font-size:20px; margin:5px 10px } .site-drawer__search-bar .dropdown-menu { width:100%; overflow:hidden; border-radius:0 } .site-drawer__search-bar .dropdown-menu a { text-overflow:ellipsis; overflow:hidden } .site-drawer__section { padding-bottom:50px } .site-drawer__section__content { padding:10px 20px } .site-drawer__tabs { display:-webkit-box; display:-ms-flexbox; display:flex; overflow:auto } .site-drawer__tabs a { display:inline-block; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; text-align:center; padding:5px } .site-drawer__tabs a div { font-size:20px } .site-drawer__tabs a span { font-size:10px } .site-drawer__toggle { position:absolute; display:block; width:25px; height:3.2142857142825rem; right:100%; top:3.2142857142825rem; background:#6eb3e0; box-shadow:-2px 2px 3px rgba(0,0,0,.2) } .site-drawer__toggle:before { display:block; content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #fff; position:relative; top:18px; right:-11px } .site-drawer.is-active .site-drawer__toggle:before { border:none; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fff } .filter-group, .filter-group--links, .filter-group--links__filter>*, .filter-group__filter--facet>*, .filter-group__filter>* { border-bottom:1px solid #dbe3e7 } .site-drawer__transclude { position:relative } .site-drawer__bar { display:-webkit-box; display:-ms-flexbox; display:flex; padding:0 } .site-drawer__bar__action, .site-drawer__bar__icon, .site-drawer__bar__title { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; text-align:center; height:3.2142857142825rem; line-height:3.2142857142825rem; position:relative } .site-drawer__bar__action { max-width:50%; text-transform:uppercase; color:#09c } .site-drawer__bar__icon { width:2.142857142855rem; margin:0 20px; font-size:22px; text-align:center; display:block; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; border-radius:50% } .site-drawer__bar__icon .count { position:absolute; bottom:2px; left:15px } .site-drawer__bar__title { font-size:14px } .site-drawer__bar__title>a, .site-drawer__bar__title>span { font-weight:700; text-align:center; display:block; height:3.2142857142825rem; line-height:3.2142857142825rem; color:inherit } .site-drawer__bar__title .stripe-menu { top:1.42857142857rem; left:0; right:0!important; margin:0 } .site-drawer__bar__title .stripe-menu .stripe-menu__drop-down { left:0!important; right:0!important; width:100%; line-height:1.42857142857rem } .site-drawer__bar__action--hover-only { visibility:hidden } .filter-group--links:hover .site-drawer__bar__action--hover-only, .filter-group:hover .site-drawer__bar__action--hover-only { visibility:visible } .filter-group--links__header, .filter-group__header { background:#fff } .filter-group h4, .filter-group--links h4 { font-weight:600; padding:12px 20px; font-size:12px; margin:0 } .filter-group h4 [class*=" gb-icon-"], .filter-group h4 [class^=gb-icon-], .filter-group--links h4 [class*=" gb-icon-"], .filter-group--links h4 [class^=gb-icon-] { font-size:20px; position:relative; top:-3px; display:inline; height:1.42857142857rem } .filter-group input[type=checkbox], .filter-group input[type=radio], .filter-group--links input[type=checkbox], .filter-group--links input[type=radio] { margin-top:3px } .filter-group--links__filter>:last-child, .filter-group__filter--facet>:last-child, .filter-group__filter>:last-child { border-bottom:none } .filter-group--links__filter>.is-padded, .filter-group__filter--facet>.is-padded, .filter-group__filter>.is-padded { padding:0 20px } .filter-group--links__filter, .filter-group__filter, .filter-group__filter--facet { background:#e7edf0; border-top:1px solid #dbe3e7 } .filter-group--links__filter--collapsed, .filter-group__filter--collapsed, .filter-group__filter--facet--collapsed { border-color:#f7f9fa; background:#f7f9fa } .filter-group--links__filter label, .filter-group__filter label, .filter-group__filter--facet label { width:100% } .filter-group--links__filter .gb-btn-group>a, .filter-group--links__filter .gb-btn-group>label, .filter-group__filter .gb-btn-group>a, .filter-group__filter .gb-btn-group>label, .filter-group__filter--facet .gb-btn-group>a, .filter-group__filter--facet .gb-btn-group>label { width:auto } .filter-group--links__filter__search, .filter-group__filter--facet__search, .filter-group__filter__search { position:relative; padding:0 } .filter-group--links__filter__search input, .filter-group__filter--facet__search input, .filter-group__filter__search input { width:100%; background:0 0; border:none; padding:10px 20px; outline:0 } .filter-group--links__filter__name, .filter-group__filter--facet__name, .filter-group__filter__name { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex } .filter-group--links__filter__name span, .filter-group__filter--facet__name span, .filter-group__filter__name span { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; position:relative } .filter-group--links__filter__name__title, .filter-group__filter--facet__name__title, .filter-group__filter__name__title { white-space:nowrap; text-overflow:ellipsis; overflow:hidden } .filter-group--links__filter__name__bar, .filter-group__filter--facet__name__bar, .filter-group__filter__name__bar { position:absolute; bottom:-.125rem; height:1.5rem; width:0; background:#d6e1e6; -webkit-transition:width .2s ease; transition:width .2s ease } .filter-group--links__filter__name__count, .filter-group__filter--facet__name__count, .filter-group__filter__name__count { color:#89a6b5; padding-left:5px; text-align:right; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto } .filter-group--links__count, .filter-group__count { color:#c3c3c3 } .rtl .filter-group__filter__name { text-align:right } .rtl .filter-group__filter__name__count { text-align:left; direction:ltr } .rtl .filter-group__filter__name__title { padding-left:5px } .filter-group__filter__name:hover .filter-group__filter__name__count { color:#537485 } .filter-group__filter__name:hover .filter-group__filter__name__bar { background:#c6d5dc } .filter-group__filter--facet { overflow:hidden } .filter-group--links { overflow:hidden; border:none } .filter-group--links a { display:block; margin:-5px 20px 10px; color:inherit; font-size:12px; height:20px } .filter-group--links a::first-letter { text-transform:uppercase } .filter-group--links a:first-child { margin-top:10px } .site-drawer__comment { margin:50px 20px; font-size:14px; color:#888; text-align:center } .gb-btn-group { border:25px; border-radius:25px; display:block } .gb-btn-group>a, .gb-btn-group>label { border:none; box-shadow:none; border-radius:25px; padding:3px 10px; margin:3px 3px 3px 0; display:inline-block; font-weight:400; color:inherit } .shorten .is-expanded .shorten_first, .shorten .shorten__collapsable { display:none } .gb-btn-group>a:first-of-type, .gb-btn-group>label:first-of-type { margin-left:3px } .gb-btn-group>a.active, .gb-btn-group>label.active { background:#4e565f; color:#fff } .gb-btn-group>a.active:hover, .gb-btn-group>label.active:hover { color:#fff } @media screen and (min-width:993px) { .site-drawer { box-shadow:2px 1px 2px rgba(0,0,0,.2) } .site-drawer__header__close { visibility:none } .rtl .site-drawer { box-shadow:-2px 1px 2px rgba(0,0,0,.2) } .site-drawer__toggle { display:none } } @media screen and (min-width:1201px) { .drawer-padding { padding-left:350px } } .shorten ng-transclude>span:after { content:'\2026' } .shorten .is-expanded .shorten__collapsable { display:inline } .shorten .is-expanded ng-transclude>span:after { content:none } .shorten .shorten__more { color:#aaa } .stripe-comment-wrapper { position:relative } .stripe-comment { display:none } @media screen and (min-width:769px) { .stripe-comment { display:block; position:absolute; top:0; right:0; margin:.5rem 1rem; color:#ccc; text-align:right; font-size:.85rem; z-index:20 } .rtl .stripe-comment { left:0; right:auto } } .stripe-menu__option, .stripe-menu__option:focus, .stripe-menu__option:hover { color:#666; text-decoration:none } .stripe-menu { z-index:20; display:block; position:absolute; right:0; top:0; margin:-.5rem 1rem 0 0 } .stripe-menu__option { border-radius:50%; width:1.7rem; height:1.7rem; display:inline-block; text-align:center; font-size:14px; line-height:1.7rem } .stripe-menu__option.is-active { background:rgba(0,0,0,.08); color:#595959 } .stripe-menu .stripe-menu__drop-down { position:absolute; display:none; right:1rem; top:1rem; width:180px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.3) } .stripe-menu .stripe-menu__drop-down ul li a, .stripe-menu.is-expanded .stripe-menu__drop-down { display:block } .stripe-menu .stripe-menu__drop-down ul { padding:.5rem 0 } .stripe-menu .stripe-menu__drop-down ul li { padding:2px 5px } .stripe-menu .stripe-menu__drop-down ul li:hover { background:#f7f9fa; cursor:pointer } .stripe-menu .stripe-menu__drop-down ul li.seperator { border-top:1px solid #f7f9fa } .stripe-menu.is-expanded .stripe-menu__menu { background:rgba(0,0,0,.1) } .rtl .stripe-menu { right:auto; left:0 } .rtl .stripe-menu .stripe-menu__drop-down { right:auto; left:1em } .table.table--compact thead { border-bottom:1.5px solid #888 } .table.table--compact thead th { border:none } .table.table--compact td, .table.table--compact th, .table.table--compact tr { border:none; padding:2px; overflow:hidden; word-break:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-wrap:break-word } .table.table--compact tr:nth-of-type(even) { background:#f7f9fa } .table.table--compact tbody tr:hover { background:#d8e1e6 } .table.table--compact .table__tr--linked a { display:inline-block; width:100%; padding:2px } .table.table--compact .table__tr--linked a:hover { text-decoration:none } .table.table--compact .table__tr--linked td { padding:0 } .card .table.table--compact td a { text-overflow:ellipsis; white-space:nowrap; padding-right:1em } .tabs { height:3.2142857142825rem; border-bottom:2px solid #ddd } .tabs--noBorder { border-bottom:0 } .tabs ul { display:block; padding:0; max-width:100%; overflow:auto; white-space:nowrap } .tabs li { display:inline-block } .tabs .tab>a, .tabs .tab>span { display:block; border-bottom:2px solid transparent; text-align:center; padding:0 1rem; text-transform:uppercase; font-size:12px; font-weight:400; color:#7e8995; text-decoration:none; line-height:calc(3.2142857142825rem - 2px) } .tabs .tab>a:hover, .tabs .tab>span:hover { text-decoration:none; color:#4e565f } .tabs li.isActive a, .tabs li.isActive span { border-color:#71b171; color:#559a55 } .tabs .tab--seperator { border-left:1px solid #dbe3e7 } .tabs-fixed-container { position:fixed; width:100%; top:3.571428571425rem; z-index:20; display:none } @media screen and (min-width:993px) { .tabs ul { white-space:normal } .tabs .tab--seperator { border-left:none } .tabs .tab-right { float:right } .tabs .tab-right>span { padding-right:0 } .rtl .tabs .tab-right { float:left } .tabs-fixed-container.is-visible { display:block } } .tabs__wrapper { position:relative } .tabs__actions { position:static; text-align:center } .tabs__actions ul { padding:0 } .tabs__actions li { display:inline-block } @media screen and (min-width:993px) { .tabs__actions { position:absolute; top:0; right:0; margin-top:10px } .rtl .tabs__actions { right:auto; left:0 } } .userLogin { padding:1.42857142857rem; background:#fff; position:relative; z-index:10 } .userLogin__loader { background:#fff; position:absolute; top:0; bottom:0; left:0; right:0; z-index:50 } .userLogin__loader>div, .verification__description>div { top:50%; -webkit-transform:translateY(-50%); position:relative } .userLogin__loader>div { transform:translateY(-50%) } .userLogin__loader .loader { width:30px } .userLogin__back { font-size:20px } .userLogin__reset .gb-button--brand { width:auto } .discreetTabs ul { padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom:2px solid #ccc } .discreetTabs li { max-width:200px; margin-bottom:-2px; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; display:inline-block; text-align:center; border-bottom:2px solid #ccc; color:#aaa } .discreetTabs li.isActive { border-color:#6fa96f; color:#6fa96f } .discreetTabs li a { display:inline-block; text-transform:uppercase; width:100%; padding:5px 10px; font-size:12px } .verification { max-width:400px; margin:-2px } .verification__description { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; color:#666 } .verification__description>div { transform:translateY(-50%) } .verification__query { margin-bottom:10px } .verification__options, .verification__query { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .verification__options { -ms-flex-wrap:wrap; flex-wrap:wrap } .verification__img { padding:2px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33% } .verification__img img { border:0 solid #00bfff } .verification__img.isSelected img { border-width:3px } .gb-form { margin:10px auto } .gb-form input { width:100%; padding:3px 0; border:none; border-bottom:1px solid #ccc } .gb-form input:focus { outline:0; border-color:#888 } .gb-form input.isInvalid, .gb-form input.ng-invalid.ng-touched { border-color:tomato } .gb-form input:disabled { border-bottom-color:#efefef } .gb-form label { font-weight:400; width:100% } .gb-form label>span { text-transform:uppercase; font-size:10px; color:#aaa; margin-top:10px } .gb-form__group { margin-bottom:.3571428571425rem } .gb-form .gb-button--brand { width:100% } .gb-button, .gb-button--brand, .gb-button--brand--transparent, .gb-button--colored, .gb-button--dark, .gb-button--discreet, .gb-button--error, .gb-button--facebook, .gb-button--flat, .gb-button--github, .gb-button--google, .gb-button--logo, .gb-button--orcid, .gb-button--primary, .gb-button--round, a.gb-button--colored[href=""], a.gb-button--colored[href=""]:focus, a.gb-button--colored[href=""]:hover { border:1px solid #888; line-height:1.42857142857rem; text-align:center; padding:3px 10px; display:inline-block; text-decoration:none; color:inherit } .gb-button--brand--transparent:hover, .gb-button--brand:hover, .gb-button--colored:hover, .gb-button--dark:hover, .gb-button--discreet:hover, .gb-button--error:hover, .gb-button--facebook:hover, .gb-button--flat:hover, .gb-button--github:hover, .gb-button--google:hover, .gb-button--logo:hover, .gb-button--orcid:hover, .gb-button--primary:hover, .gb-button--round:hover, .gb-button:hover, a.gb-button--colored[href=""]:focus:hover, a.gb-button--colored[href=""]:hover, a.gb-button--colored[href=""]:hover:hover { text-decoration:none } .gb-button--brand--transparent:disabled, .gb-button--brand:disabled, .gb-button--colored:disabled, .gb-button--dark:disabled, .gb-button--discreet:disabled, .gb-button--error:disabled, .gb-button--facebook:disabled, .gb-button--flat:disabled, .gb-button--github:disabled, .gb-button--google:disabled, .gb-button--logo:disabled, .gb-button--orcid:disabled, .gb-button--primary:disabled, .gb-button--round:disabled, .gb-button:disabled, a.gb-button--colored[href=""]:disabled, a.gb-button--colored[href=""]:focus:disabled, a.gb-button--colored[href=""]:hover:disabled { background:#ddd } .gb-button--round { border-radius:1.42857142857rem } .gb-button--flat { border:none; color:#09c; background-color:transparent; font-weight:400; font-size:12px } .gb-button--brand, .gb-button--brand--transparent, .gb-button--colored, .gb-button--dark, .gb-button--discreet, .gb-button--error, .gb-button--facebook, .gb-button--github, .gb-button--google, .gb-button--logo, .gb-button--orcid, .gb-button--primary, a.gb-button--colored[href=""], a.gb-button--colored[href=""]:focus, a.gb-button--colored[href=""]:hover { color:#fff; -webkit-transition:box-shadow .2s ease,background .2s ease; transition:box-shadow .2s ease,background .2s ease; box-shadow:0 2px 2px 0 rgba(0,0,0,.16); border:none; font-weight:400; font-size:12px; text-transform:uppercase } .gb-button--brand--transparent:focus, .gb-button--brand--transparent:hover, .gb-button--brand:focus, .gb-button--brand:hover, .gb-button--colored:focus, .gb-button--colored:hover, .gb-button--dark:focus, .gb-button--dark:hover, .gb-button--discreet:focus, .gb-button--discreet:hover, .gb-button--error:focus, .gb-button--error:hover, .gb-button--facebook:focus, .gb-button--facebook:hover, .gb-button--github:focus, .gb-button--github:hover, .gb-button--google:focus, .gb-button--google:hover, .gb-button--logo:focus, .gb-button--logo:hover, .gb-button--orcid:focus, .gb-button--orcid:hover, .gb-button--primary:focus, .gb-button--primary:hover, a.gb-button--colored[href=""]:focus, a.gb-button--colored[href=""]:focus:focus, a.gb-button--colored[href=""]:focus:hover, a.gb-button--colored[href=""]:hover, a.gb-button--colored[href=""]:hover:focus, a.gb-button--colored[href=""]:hover:hover { box-shadow:0 3px 8px 0 rgba(0,0,0,.16); color:#fff } .gb-button--primary { background:#82b1b9 } .gb-button--primary__label { color:#3a6168 } .gb-button--dark { background:#555 } .gb-button--brand, .gb-button--brand--transparent { background:#71b171 } .gb-button--facebook, .gb-button--github, .gb-button--google, .gb-button--logo, .gb-button--orcid { background-color:#4267b2 } .gb-button--brand--transparent__label, .gb-button--brand__label { color:#315831 } .gb-button--facebook__label, .gb-button--github__label, .gb-button--google__label, .gb-button--logo__label, .gb-button--orcid__label { color:#fff; vertical-align:text-bottom } .gb-button--facebook i, .gb-button--github i, .gb-button--google i, .gb-button--logo i, .gb-button--orcid i { background-image:url(/img/social/FB-f-Logo__white_29.png); background-repeat:no-repeat; background-size:contain; width:20px; height:20px; margin-right:10px; display:inline-block; position:relative; bottom:-3px } .gb-button--facebook i { background-image:url(/img/social/FB-f-Logo__white_29.png) } .gb-button--github { background-color:#555 } .gb-button--github i { background-image:url(/img/social/GitHub-Mark-Light-32px.png) } .gb-button--orcid { background-color:#a6ce39 } .gb-button--orcid i { background-image:url(/img/social/orcid_40x40.png) } .gb-button--google { border:1px solid #eee; background-color:#fff } .gb-button--google i { background-image:url(/img/social/google.png) } .gb-button--google__label { color:#4e565f } .gb-button--error { background:tomato } .gb-button--error__label { color:#ad1a00 } .gb-button--brand--transparent { background:rgba(67,121,67,.4) } .gb-button--discreet { background:#eee; color:#666 } .gb-button--discreet:focus, .gb-button--discreet:hover { background:#ddd; color:#666 } .gb-icon-button { background:#09c; box-shadow:0 1px 1px 1px rgba(0,0,0,.2); border-radius:50%; height:30px; width:30px; line-height:30px; display:inline-block; margin:0; position:relative; top:4px; color:#fff; font-size:20px; -webkit-transition:background .3s ease; transition:background .3s ease } .gb-icon-button:before { position:relative; top:-1px } .gb-icon-button:hover, a:hover .gb-icon-button { background:#004d66 } .gb-select { position:relative; background:#fff; color:#4e565f } .gb-select label { width:100%; font-weight:400; display:block; outline:0 } .gb-select span { position:absolute; right:0; top:0; margin:6px; font-size:18px } .gb-select select { outline:0; border:none; background:0 0; padding:12px 20px; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100% } .filter-buttons>a { margin:0 5px 5px 0 } .article-header>* last-child, .wrapper-horizontal-stripes>.horizontal-stripe--paddingless>:last-of-type, .wrapper-horizontal-stripes>.horizontal-stripe>:last-of-type { margin-bottom:0 } .container--desktop, .container--desktop--snap-to-edges, .container--narrow, .container--normal, .container--wide { padding-left:15px; padding-right:15px; margin-right:auto; margin-left:auto; max-width:992px } .container--desktop, .container--desktop--snap-to-edges { max-width:1200px } .container--desktop--snap-to-edges { padding-left:0; padding-right:0 } @media screen and (min-width:1201px) { .container--desktop--snap-to-edges { padding-left:15px; padding-right:15px } } .container--wide { max-width:1653px } .container--narrow { max-width:768px } .wrapper-horizontal-stripes>.horizontal-stripe--paddingless.article-header, .wrapper-horizontal-stripes>.horizontal-stripe.article-header { border:none } .wrapper-horizontal-stripes>.horizontal-stripe--paddingless.article-header--tabbed, .wrapper-horizontal-stripes>.horizontal-stripe.article-header--tabbed { padding-bottom:0 } .wrapper-horizontal-stripes>.horizontal-stripe--paddingless.article-header--tabbed header, .wrapper-horizontal-stripes>.horizontal-stripe.article-header--tabbed header { padding-bottom:1.42857142857rem } .wrapper-horizontal-stripes>.horizontal-stripe--paddingless.light-background+.white-background, .wrapper-horizontal-stripes>.horizontal-stripe--paddingless.white-background+.light-background, .wrapper-horizontal-stripes>.horizontal-stripe.light-background+.white-background, .wrapper-horizontal-stripes>.horizontal-stripe.white-background+.light-background { border-top:1px solid #dbe3e7 } .horizontal-stripe { padding:2.142857142855rem 0 } .horizontal-stripe--paddingless { padding:0 } .article-header h1 { text-align:center; margin-top:.571428571428rem } .article-header h1 .error { color:tomato } .article-header__intro { font-size:18px; font-style:italic; font-family:Didot,'Didot LT STD','Hoefler Text',Garamond,'Times New Roman',serif; max-width:700px; text-align:center; margin:0 auto .714285714285rem } .article-header--programme, .article-header--project { margin-bottom:1.42857142857rem } .article-header__meta { font-weight:700; display:inline-block } .article-header__sub { margin-top:.714285714285rem } .article-header--programme { margin-top:1.42857142857rem } .article-header__category { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; text-align:center; text-transform:uppercase; font-weight:700; font-size:12px } .article-header__category>:last-child { font-weight:600 } .article-header__category a { color:inherit } .article-header__category a:hover { color:#fdb002; text-decoration:none } .article-header__category .article-header__category__lower { border:2px solid #fdb002; border-width:0 0 0 2px; margin-left:6px; padding-left:8px } .article-header__category.article-header__category--deep { text-align:left } .article-header__category.article-header__category--deep .article-header__category__upper { display:inline-block; width:calc(50% - 12px); text-align:right } .rtl .article-header__category { direction:rtl } .rtl .article-header__category .article-header__category__lower { border-width:0 2px 0 0; margin-right:6px; padding-right:8px } .rtl .article-header__category.article-header__category--deep { text-align:right } .rtl .article-header__category.article-header__category--deep .article-header__category__upper { text-align:left } .xxxarticle-header__field { display:inline-block; padding:10px 20px; text-align:center; margin:10px 0; vertical-align:middle } .xxxarticle-header__field div { display:inline-block; vertical-align:middle } .xxxarticle-header__field img { height:60px; margin-right:8px } .xxxheader-short-text { max-width:800px; margin:0 auto } .paragraph-label { font-weight:700; color:#666 } .section-map { position:relative; z-index:10; height:350px; padding:0 } .block-map { height:100% } .block-map>div:last-child:after { content:''; position:absolute; box-shadow:inset 0 6px 6px -6px rgba(0,0,0,.3),inset 0 -6px 6px -6px rgba(0,0,0,.3); width:100%; height:100%; display:block } .relative-anchor-offset, .relative-anchor-offset--tabs, sub, sup { position:relative } .card-image, .cover-image { height:0; overflow:hidden } .card-image img, .cover-image img { display:none } .container--prose { max-width:768px; margin-left:auto; margin-right:auto } .container--prose .prose-columns { overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; margin-bottom:1.42857142857rem } .container--prose .prose-columns .block--non-breaking, .container--prose .prose-columns section { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column } @media screen and (min-width:769px) { .container--prose { max-width:992px } .container--prose .prose-columns { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px } .container--prose .prose-columns--single-col { margin:0 auto; orphans:100 } .container--prose .prose-columns--justified { text-align:justify } } .body-text ol, .body-text ul, .body-text--markdown ol, .body-text--markdown ul, .prose ol, .prose ul { margin-bottom:1.42857142857rem } .body-text ul, .body-text--markdown ul, .prose ul { list-style:disc } .body-text ol, .body-text--markdown ol, .prose ol { list-style:decimal } .body-text, .body-text--markdown { font-size:16px; line-height:1.5; font-weight:400 } .body-text--markdown>h1:first-child, .body-text--markdown>h2:first-child, .body-text--markdown>h3:first-child, .body-text--markdown>h4:first-child, .body-text>h1:first-child, .body-text>h2:first-child, .body-text>h3:first-child, .body-text>h4:first-child { margin-top:0 } .body-text strong, .body-text--markdown strong { font-weight:700 } .body-text h1, .body-text h2, .body-text--markdown h1, .body-text--markdown h2 { font-weight:300; font-size:30px; color:#8496ab; margin:80px 0 60px } .body-text h1, .body-text--markdown h1 { font-size:38px } .body-text h3, .body-text--markdown h3 { font-weight:400; color:#58687b; font-size:25px; margin-top:45px; margin-bottom:15px } .body-text h4, .body-text--markdown h4 { margin-top:30px; margin-bottom:10px; font-weight:500; font-size:16px; color:#75879c } .body-text p, .body-text--markdown p { margin-bottom:1.5em } .body-text figure, .body-text--markdown figure { overflow:hidden; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column; margin-bottom:1.42857142857rem } .body-text figure figcaption, .body-text--markdown figure figcaption { font-size:.9rem; font-weight:300; color:#758082 } .article-auxiliary { padding-top:1.42857142857rem; margin-top:2.85714285714rem; margin-bottom:-10px; border-top:1px solid #dbe3e7; font-size:12px; color:#5e5e5e } .article-auxiliary section { border-bottom:solid 5px transparent } .article-auxiliary section h5 { margin-right:.5em; margin-bottom:.3em } .article-auxiliary section h5:after { content:":" } .heading-image { max-width:1200px; margin:0 auto } .heading-image figcaption { font-size:.9rem; font-weight:300; color:#758082 } .heading-image figcaption>* { margin:0 } @media screen and (min-width:1201px) { .heading-image { max-width:1200px } .heading-image .cover-image { margin:0 15px; background-size:initial } } .cover-image { padding-bottom:50%; background:center no-repeat #f7f9fa; background-size:cover; border:1px solid #dbe3e7 } .cover-image.isInvalid { background-size:initial } @media screen and (min-width:481px) { .cover-image { padding-bottom:42% } } @media screen and (min-width:769px) { .cover-image { padding-bottom:35% } } .card-image { padding-bottom:50%; background:center #f7f9fa; background-size:cover } .inline-bullet-list { display:inline; padding:0 } .inline-bullet-list li { display:inline-block; margin:0 2px } .inline-bullet-list li:after { font-style:normal; content:'\25CF'; font-size:80% } .discreet-comment, .text-italic { font-style:italic } .inline-bullet-list li:last-of-type:after { content:none } .inline-bullet-list--discreet { color:#ddd } .inline-bullet-list--discreet a { color:#666 } .article-image { padding-bottom:60% } .resource-image { max-width:240px } .sidebar .sidebar__item:first-of-type { border-top:1px solid #dbe3e7; border-bottom:none } .sidebar .sidebar__item { border-bottom:1px solid #dbe3e7; margin-bottom:1.42857142857rem } .sidebar .sidebar__item img { width:100% } .sidebar .sidebar__item:last-of-type { border-bottom:none } .entity-summary__row { border-bottom:1px solid #dbe3e7; padding-bottom:1.42857142857rem } .entity-summary__row:last-of-type { border-bottom:none } .entity-summary__image { display:inline-block; vertical-align:top; margin:10px 10px 10px 0; padding-top:5px; width:100px; height:100px } .entity-summary__text { display:inline-block; width:65% } .entity-summary__summary { display:none } @media screen and (min-width:769px) { .entity-summary__text { width:82% } .entity-summary__summary { display:block } .card { margin:0 } } @media screen and (max-width:768px) { .publisher { overflow-wrap:break-word } } ul.list-style-none { list-style:none; padding-left:1.42857142857rem } sub, sup { top:-.4rem } sub { top:.4rem } .action-notice--visible { padding:1px 6px 1px 8px; left:0; background-color:#5a7888; color:#fff; opacity:1; -webkit-transition:opacity .5s linear; transition:opacity .5s linear } .action-notice--hidden { left:0; opacity:0; -webkit-transition:opacity .5s linear; transition:opacity .5s linear } .related-news--programme { font-size:14px; line-height:18px; margin-bottom:1.42857142857rem } .relative-anchor-offset span, .relative-anchor-offset--tabs span, .relative-anchor-offset--tabs>a, .relative-anchor-offset>a { position:absolute; top:-3.571428571425rem } .relative-anchor-offset--tabs>a { top:-7.857142857135rem } .anchor-block--tabs:before, .anchor-block:before { display:block; content:" "; height:3.571428571425rem; margin-top:-3.571428571425rem; visibility:hidden; z-index:-999; position:relative } .anchor-block--tabs:before { height:6.7857142857075rem; margin-top:-6.7857142857075rem } .anchor-block__above { position:relative; z-index:100 } .seperator { border-top:1px solid #dbe3e7!important } .seperator--b { border-bottom:1px solid rgba(0,0,0,.08)!important } .ct-chart>svg:not(:root) { overflow:visible } .discreet-comment { color:#666 } .text-brand-color, .text-green { color:#71b171 } .bg-attached { background-attachment:fixed } .isTouch .bg-attached { background-attachment:initial } .bordered { border:1px solid #dbe3e7 } .content__overlay, .page__overlay { display:block; position:fixed; top:3.571428571425rem; bottom:0; left:0; right:0; background:rgba(0,0,0,.2); z-index:20 } .content__overlay__card, .page__overlay__card { background:#fff; width:500px; max-width:100%; max-height:100%; overflow:hidden; margin:auto; position:absolute; left:0; right:0; top:2rem; box-shadow:0 3px 2px rgba(0,0,0,.2); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; font-size:14px } .content__overlay__card__header, .page__overlay__card__header { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding:10px; text-align:center } .content__overlay__card__list, .page__overlay__card__list { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; overflow:auto } .content__overlay__card__list ul, .page__overlay__card__list ul { padding:0 } .content__overlay__card__list li:nth-of-type(even), .page__overlay__card__list li:nth-of-type(even) { background:#f7f9fa } .content__overlay__card__list li:hover, .page__overlay__card__list li:hover { background:#e7edf0 } .content__overlay__card__list a, .page__overlay__card__list a { display:block; padding:10px 20px } .content__overlay__card__list a div>span, .page__overlay__card__list a div>span { margin-right:10px } .page__overlay { z-index:40 } @media screen and (min-width:769px) { .content__overlay__card { max-height:calc(100% - 2rem); left:calc(50% - 250px); top:1rem } } .header-anchor { visibility:hidden } h1:hover>.header-anchor, h2:hover>.header-anchor, h3:hover>.header-anchor, h4:hover>.header-anchor, h5:hover>.header-anchor, h6:hover>.header-anchor { visibility:visible } .error-block { display:inline-block; margin-top:10px; background:tomato; color:#fff; padding:10px } .img_caption { font-size:12px; position:absolute; right:0; bottom:0; padding:5px 10px 0; color:rgba(255,255,255,.5) } .img_caption a { color:inherit; text-decoration:underline } .img_caption:hover { color:#fff; background:rgba(0,0,0,.3) } dl.inline, dl.inline--discreet { margin:0 } dl.inline--discreet>div, dl.inline>div { margin-bottom:5px } dl.inline--discreet>div dd, dl.inline--discreet>div dt, dl.inline>div dd, dl.inline>div dt { display:inline; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto } dl.inline--discreet>div dt:after, dl.inline>div dt:after { content:':' } dl.inline--discreet dt { font-weight:400 } .page--developer, .text-light { font-weight:300 } img { max-width:100% } a.inherit, a.inherit:focus, a.inherit:hover { color:inherit } .noUnderline, .noUnderline:focus, .noUnderline:hover, a.inherit.noUnderline, a.inherit.noUnderline:focus, a.inherit.noUnderline:hover { text-decoration:none } a.button, a.button:hover { color:inherit; text-decoration:none } .discreet--very { color:#8c8c8c } blockquote { background-color:rgba(0,0,0,.005); padding:20px; margin:20px 0; border:1px solid rgba(0,0,0,.08); border-left-width:3px; border-left-color:#71b171; font-size:inherit } table { font-size:14px } textarea.vert { resize:vertical } textarea.noResize { resize:none } .scrollable-y { overflow-y:auto } .fillHeight { height:calc(100vh - 3.571428571425rem) } .center-block { display:block; margin-right:auto; margin-left:auto } .whiteSpace-preLine { white-space:pre-line } .uppercase-first::first-letter { text-transform:uppercase } .overflow-hidden { overflow:hidden } .no-break { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column } .inline-block { display:inline-block } .white-background { background-color:#fff } .bare-background { background-color:#e2e7ea } .light-background { background-color:#f7f9fa } .lighter-background { background-color:#fdfdfe } .brand-background { background-color:#71b171 } .alert-background { background-color:#ffffdf } .horizontal-stripe--alternating-background { background-color:#f7f9fa } .horizontal-stripe--alternating-background:nth-of-type(even) { background-color:#fff } .discreet { color:#666 } .text-error { color:tomato } .p-0 { padding:0!important } .p-t-0 { padding-top:0!important } .p-b-0 { padding-bottom:0!important } .p-l-0 { padding-left:0!important } .p-r-0 { padding-right:0!important } .p-1 { padding:1.42857142857rem!important } .p-t-1 { padding-top:1.42857142857rem!important } .p-b-1 { padding-bottom:1.42857142857rem!important } .p-l-1 { padding-left:1.42857142857rem!important } .p-r-1 { padding-right:1.42857142857rem!important } .p-2 { padding:2.85714285714rem!important } .p-t-2 { padding-top:2.85714285714rem!important } .p-b-2 { padding-bottom:2.85714285714rem!important } .p-l-2 { padding-left:2.85714285714rem!important } .p-r-2 { padding-right:2.85714285714rem!important } .p-3 { padding:4.28571428571rem!important } .p-t-3 { padding-top:4.28571428571rem!important } .p-b-3 { padding-bottom:4.28571428571rem!important } .p-l-3 { padding-left:4.28571428571rem!important } .p-r-3 { padding-right:4.28571428571rem!important } .p-05 { padding:.714285714285rem!important } .p-t-05 { padding-top:.714285714285rem!important } .p-b-05 { padding-bottom:.714285714285rem!important } .p-l-05 { padding-left:.714285714285rem!important } .m-0 { margin:0!important } .m-05 { margin:.714285714285rem!important } .m-t-05 { margin-top:.714285714285rem!important } .m-r-05 { margin-right:.714285714285rem!important } .m-b-05 { margin-bottom:.714285714285rem!important } .m-b-5 { margin-bottom:7.14285714285rem!important } .invisible { visibility:hidden } .underline { text-decoration:underline } .hoverBox, .inline-document-list>li, .search-box, .searchCard--publisher .searchCard__type { -webkit-transition:box-shadow .2s ease; transition:box-shadow .2s ease; box-shadow:0 2px 2px 0 rgba(0,0,0,.16) } .hoverBox:hover, .inline-document-list>li:hover, .search-box:hover, .searchCard--publisher .searchCard__type:hover { box-shadow:0 3px 8px 0 rgba(0,0,0,.16) } .breakAll { word-break:break-all } .overflow-auto { overflow:auto } .m-t-0 { margin-top:0!important } .m-r-0 { margin-right:0!important } .m-b-0 { margin-bottom:0!important } .m-l-0 { margin-left:0!important } .m-t-1 { margin-top:1.42857142857rem!important } .m-r-1 { margin-right:1.42857142857rem!important } .m-b-1 { margin-bottom:1.42857142857rem!important } .m-l-1 { margin-left:1.42857142857rem!important } .m-t-2 { margin-top:2.85714285714rem!important } .m-r-2 { margin-right:2.85714285714rem!important } .m-b-2 { margin-bottom:2.85714285714rem!important } .m-l-2 { margin-left:2.85714285714rem!important } .m-t-3 { margin-top:4.28571428571rem!important } .m-r-3 { margin-right:4.28571428571rem!important } .m-b-3 { margin-bottom:4.28571428571rem!important } .m-l-3 { margin-left:4.28571428571rem!important } @media screen and (min-width:993px) { .hide-on-laptop { display:none!important } } .circle { border-radius:50%; border:1px solid #dbe3e7 } .rtl dd { margin-right:0 } .rtl .rtl-supported { direction:rtl; text-align:right } .rtl .rtl-bootstrap caption, .rtl .rtl-bootstrap th { text-align:right } .rtl .rtl-bootstrap .pull-left { float:right!important } .rtl .rtl-bootstrap .checkbox label, .rtl .rtl-bootstrap .radio label { padding-left:0; padding-right:20px } .rtl .rtl-bootstrap .checkbox input[type=checkbox], .rtl .rtl-bootstrap .checkbox-inline input[type=checkbox], .rtl .rtl-bootstrap .radio input[type=radio], .rtl .rtl-bootstrap .radio-inline input[type=radio] { margin-left:0; margin-right:-20px } .rtl .dropdown-menu { left:auto; right:0; text-align:right } .rtl .gb-icon-angle-left:before { content:"\EA2E" } .rtl .gb-icon-angle-right:before { content:"\EA11" } @media (min-width:1200px) { .rtl .rtl-bootstrap .col-lg-1, .rtl .rtl-bootstrap .col-lg-10, .rtl .rtl-bootstrap .col-lg-11, .rtl .rtl-bootstrap .col-lg-12, .rtl .rtl-bootstrap .col-lg-2, .rtl .rtl-bootstrap .col-lg-3, .rtl .rtl-bootstrap .col-lg-4, .rtl .rtl-bootstrap .col-lg-5, .rtl .rtl-bootstrap .col-lg-6, .rtl .rtl-bootstrap .col-lg-7, .rtl .rtl-bootstrap .col-lg-8, .rtl .rtl-bootstrap .col-lg-9 { float:right } } @media (min-width:992px) { .rtl .rtl-bootstrap .col-md-1, .rtl .rtl-bootstrap .col-md-10, .rtl .rtl-bootstrap .col-md-11, .rtl .rtl-bootstrap .col-md-12, .rtl .rtl-bootstrap .col-md-2, .rtl .rtl-bootstrap .col-md-3, .rtl .rtl-bootstrap .col-md-4, .rtl .rtl-bootstrap .col-md-5, .rtl .rtl-bootstrap .col-md-6, .rtl .rtl-bootstrap .col-md-7, .rtl .rtl-bootstrap .col-md-8, .rtl .rtl-bootstrap .col-md-9 { float:right } } @media (min-width:768px) { .rtl .rtl-bootstrap .col-sm-1, .rtl .rtl-bootstrap .col-sm-10, .rtl .rtl-bootstrap .col-sm-11, .rtl .rtl-bootstrap .col-sm-12, .rtl .rtl-bootstrap .col-sm-2, .rtl .rtl-bootstrap .col-sm-3, .rtl .rtl-bootstrap .col-sm-4, .rtl .rtl-bootstrap .col-sm-5, .rtl .rtl-bootstrap .col-sm-6, .rtl .rtl-bootstrap .col-sm-7, .rtl .rtl-bootstrap .col-sm-8, .rtl .rtl-bootstrap .col-sm-9 { float:right } } .rtl .rtl-bootstrap .col-xs-1, .rtl .rtl-bootstrap .col-xs-10, .rtl .rtl-bootstrap .col-xs-11, .rtl .rtl-bootstrap .col-xs-12, .rtl .rtl-bootstrap .col-xs-2, .rtl .rtl-bootstrap .col-xs-3, .rtl .rtl-bootstrap .col-xs-4, .rtl .rtl-bootstrap .col-xs-5, .rtl .rtl-bootstrap .col-xs-6, .rtl .rtl-bootstrap .col-xs-7, .rtl .rtl-bootstrap .col-xs-8, .rtl .rtl-bootstrap .col-xs-9 { float:right } .rtl .pull-right-rtl { float:left } .rtl .pull-left-rtl { float:right } .rtl-text { direction:rtl!important } .ltr-text { direction:ltr!important } .no-decimals li { list-style:none!important } .is-rtl { direction:rtl } .rtl .rtl_false { direction:ltr; unicode-bidi:isolate } .rtl .menubox, .rtl .rtl_true { direction:rtl } .page--analytics .chart-flex-columns { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row } .imageGallery>div.imageGallery__more, .mapPopups, .mapPopups .mapPopup, .mapWidget__controlsArea__section, .menubox__wrapper, .page--analytics .chart-flex-columns .chart, .site-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal } .page--analytics .chart-flex-columns .chart { max-width:320.67px; width:220px; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; padding:5px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column } .page--analytics .chart-flex-columns .chart .info { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto } .page--analytics .chart-flex-columns .chart .figure { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto } .page--analytics .chart-flex-columns .chart .figure img { border:1px solid #ddd; cursor:pointer } .circle-char, .search-header { cursor:default } .page--analytics .chart-flex-columns .chart .figure img:hover { box-shadow:0 2px 5px 1px rgba(0,0,0,.1) } .page--analytics dl.faq { margin-bottom:40px } .page--analytics dl.faq dd { margin-bottom:15px } .page--analytics .bs-callout { background-color:rgba(0,0,0,.05); padding:20px; margin:20px 0; border:1px solid rgba(0,0,0,.1); border-left-width:5px } .page--analytics .bs-callout h4 { margin-top:0; margin-bottom:5px } .page--analytics .bs-callout plast-child { margin-bottom:0 } .page--analytics .bs-callout code { border-radius:3px } .page--analytics .bs-callout+.bs-callout { margin-top:-5px } .page--analytics .bs-callout-default { border-left-color:#777 } .page--analytics .bs-callout-default h4 { color:#777 } .page--developer .refine { clear:both; overflow:hidden; margin-bottom:20px; margin-left:-40px; padding-bottom:0 } .page--developer .refine h4 { margin-bottom:6px; font-size:11px; text-transform:uppercase; color:#999 } .page--developer .refine a { position:relative; font-size:15px; text-decoration:underline; text-decoration:none } .page--developer .refine table.bor_time { border:1px solid #f1f1f1 } .page--developer .refine table.bor_time td { padding:0 5px; text-align:center; vertical-align:baseline } .page--developer .refine table.bor_time tr.separator { border-top:1px solid #f1f1f1 } .page--developer table.api { -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto } .page--developer nav.developer-submenu { padding:20px 15px!important } .page--developer__anchor:target:before { display:block; content:" "; height:3.571428571425rem; margin-top:-3.571428571425rem; visibility:hidden; z-index:-999; position:relative } .page--developer p.map-layer-select { margin-top:10px } .circle-char { display:inline-block; border-width:1px; border-style:solid; height:1.5em; width:1.5em; text-align:center; font-size:.75em; line-height:1.4em; margin-left:.3em; position:relative; top:0; border-radius:50% } .summaryStatus { color:#fff; border-radius:2px; background:#71b171 } .summaryStatus--critical, .summaryStatus--warning { background:tomato } .summaryStatus__message { font-size:16px } .summaryStatus__updatedAt { color:rgba(0,0,0,.3) } .status--critical .statusLabel, .status--warning .statusLabel { color:tomato } .status--operational .statusLabel { color:#71b171 } .statusBadge { background:#71b171; color:#fff; padding:3px 5px; border-radius:2px; display:inline-block } .home__searchFilters, .mapPopups { display:-webkit-box; display:-ms-flexbox } .home__header { background-color:#71b171; background-size:cover; background-position:center; color:#fff; position:relative } .home__header>div { background-image:-webkit-linear-gradient(left,rgba(0,0,0,.3),rgba(0,0,0,0)); background-image:linear-gradient(to right,rgba(0,0,0,.3),rgba(0,0,0,0)) } .home__header__hero-text { padding:5.71428571428rem 0 } .home__header h1 { max-width:700px; margin-top:0; margin-bottom:1.42857142857rem } .home .search-box { max-width:700px } .home__searchFilters { background:#559a55; display:flex; overflow:auto; max-width:700px; color:#fff } .home__searchFilters a { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; padding:7px 7px 3px; border-bottom:2px solid transparent; text-align:center; font-size:12px; text-transform:uppercase } .home__searchFilters a:hover { border-bottom:2px solid #437943 } .home__quicklinks a { display:inline-block; margin:5px 2px 0 0 } @media screen and (min-width:993px) { .home__header h1 { font-size:45px } .hasTransparentMenu main { padding-top:0 } .hasTransparentMenu .site-nav { background:rgba(0,0,0,0); -webkit-transition:background .3s ease; transition:background .3s ease; box-shadow:none; position:absolute } .hasTransparentMenu .site-nav:hover { background:rgba(0,0,0,.2) } .hasTransparentMenu .omnisearch-bar { display:none } } .articles .article-box, .home__counts .article-box { width:300px; max-width:100%; margin:15px auto } .articles .article-box__details, .home__counts .article-box__details { background:#fff; padding:10px 0 } .articles .article-box__type, .home__counts .article-box__type { position:absolute; bottom:5px; right:5px; background:rgba(0,0,0,.33); padding:0 3px; border-radius:3px; color:#fff } .articles .article-box__image, .date-box, .home__counts .article-box__image { position:relative } .articles .article-box__title, .home__counts .article-box__title { font-weight:400; font-size:16px; line-height:1.42857142857; margin:0; color:#555 } .articles .article-box__title p, .home__counts .article-box__title p { margin:0!important } .articles .article-box__footer, .home__counts .article-box__footer { margin-top:10px; font-size:14px; font-weight:400; color:#777 } .articles .article-box--stats h3, .home__counts .article-box--stats h3 { margin:0 } .articles .article-box--stats div, .home__counts .article-box--stats div { font-size:30px } .articles .article-box--stats p, .home__counts .article-box--stats p { color:#aaa; margin-top:5px } @media screen and (min-width:501px) { .articles, .home__counts { margin:0 -7.5px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .articles .article-box, .home__counts .article-box { margin:15px 7.5px; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:calc(100% / 2 - 30px) } } @media screen and (min-width:1001px) { .articles .article-box, .home__counts .article-box { width:calc(100% / 4 - 30px); -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto } } .date-box, .date-box img { width:100% } .home__counts .article-box--stats { margin-bottom:0 } .date-box { background:-webkit-radial-gradient(30% 20% farthest-corner,#9fc69f 20%,#8fbc8f 60%,#7fb27f); background:radial-gradient(farthest-corner at 30% 20%,#9fc69f 20%,#8fbc8f 60%,#7fb27f); color:#fff; text-align:center; padding:0 } .date-box>div { position:absolute; top:0; bottom:0; width:100%; height:100% } .date-box>div>div { position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .date-box>div>div div { font-size:40px; font-weight:400 } .features__intro { text-align:center; padding:7.14285714285rem 0 4.28571428571rem } .feature { background-size:cover; background-position:center; margin:15px 0 } .feature--blank .feature__summary { padding:1.42857142857rem; color:#444; background:0 0 } .feature__summary { padding:7.14285714285rem 2.85714285714rem; position:relative; color:#fff; background:rgba(0,0,0,.6) } .viewContentWrapper { height:100% } .Ocurrences { margin:1.42857142857rem } .Ocurrences>div { height:300px; background:#fff; margin-bottom:1.42857142857rem; padding:1.42857142857rem } .site-drawer .site-drawer__sub { color:#222; background:#fff; width:348px; height:100%; position:absolute; top:4.28571428571rem; right:348px; -webkit-transition:right .5s ease; transition:right .5s ease } @media screen and (min-width:769px) { .site-drawer .site-drawer__sub { box-shadow:-1px 0 2px rgba(0,0,0,.3); right:0 } .site-drawer .site-drawer__sub .is-active { background:pink } } .tabBar { background:#fbfbfb; border-bottom:1px solid #ddd } .tabBar .tabs:after { content:""; display:block; clear:both } .tabBar .tabs a { float:left; display:inline-block; padding:.375rem .75rem } .tabBar .tabs a.is-active { border-bottom:2px solid #00bfff } .taxon-group-select { margin-bottom:10px; margin-top:0; margin-right:8px } .occurrence-taxon-list { padding:0 8px } .taxon-list-header { margin-top:5px!important; margin-left:6px } .m-h-18 { min-height:18px } .searchCard--publisher .searchCard__type { background-color:#ff479c; color:#fff } .searchCard__img--noCrop { width:initial; height:initial; max-height:64px; border:1px solid #eee } .searchCard__headerThumbnail { width:30px; height:30px; border-radius:15px; overflow:hidden; display:inlibe-block; float:right } .searchCard .gbifHl { font-weight:700 } .search-bar, .search-bar--home { background:#fff; position:relative; width:100%; z-index:10; height:4.28571428571rem } .search-bar--home>form, .search-bar>form { position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .search-bar--home__term, .search-bar__term { display:inline-block; position:relative; width:100% } .search-bar--home__term>input, .search-bar__term>input { height:2.142857142855rem; background:0 0; padding:.3571428571425rem 3.571428571425rem .3571428571425rem 20px; border:none; outline:0; width:100%; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; line-height:1.42857142857rem } .search-bar--home__term>input:focus, .search-bar__term>input:focus { outline:0 } .search-bar button, .search-bar--home button, .search-bar--home__clear, .search-bar--home__search, .search-bar__clear, .search-bar__search { display:block; height:2.142857142855rem; width:2.142857142855rem; text-align:center; line-height:2.142857142855rem; position:absolute; right:0; top:0; font-size:20px; color:inherit; border:none } .search-bar--home__search, .search-bar--home__search:hover, .search-bar__search, .search-bar__search:hover { text-decoration:none; right:1.42857142857rem } .search-bar--home__clear, .search-bar__clear { right:2.142857142855rem } .search-bar--home__qfield, .search-bar__qfield { margin-right:25px; margin-top:10px } .search-bar--home__has-qfield, .search-bar__has-qfield { height:5.71428571428rem } .search-bar--home { padding:0 } .search-bar--home__term>input { height:2.85714285714rem; padding:.714285714285rem 5.71428571428rem .714285714285rem 15px; border:1px solid rgba(255,255,255,.5); background:0 0; font-size:16px } .search-bar--home button, .search-bar--home__clear, .search-bar--home__search { height:2.85714285714rem; width:2.85714285714rem; line-height:2.85714285714rem; right:0 } .search-bar--home__search, .search-bar--home__search:hover { background:#5a7888; right:0; color:#fff } .search-bar--home__clear { right:2.85714285714rem } .search-header:focus { outline:0 } .search-header .article-header__category { height:4.28571428571rem; padding:20px 0 } .search-header .stripe-menu { padding:20px 0 } .search-header .stripe-menu__option { font-size:25px; width:2.571428571426rem; height:2.571428571426rem; line-height:2.571428571426rem } .search-header__description { height:3.2142857142825rem; padding:5px; text-align:center; font-size:85%; color:#888 } .card.card--login { max-width:400px; margin:auto; box-shadow:0 5px 40px rgba(0,0,0,.16) } input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #fff inset } #theNetworkMap { background-image:-webkit-linear-gradient(top,#cfcfcf,#a8a6a6); background-image:linear-gradient(to bottom,#cfcfcf,#a8a6a6) } .participant-details { position:absolute; right:0; top:0; z-index:2 } @media screen and (min-width:481px) { .participant-details { position:absolute; right:30px; top:30px; z-index:2 } } .participant-details-list { margin-left:-38px } .theGbifNetWork__map { position:relative; z-index:20; max-height:calc(100vh - 40px - 3.571428571425rem) } .theGbifNetWork__legend { left:8px; bottom:10px; overflow:hidden; width:230px; padding:6px; max-width:100%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3) } .theGbifNetWork__legend div.info-label { margin-bottom:6px } .theGbifNetWork__legend i { width:18px; height:18px; float:left; margin-right:8px; opacity:.7 } @media screen and (min-width:481px) { .theGbifNetWork__legend { position:absolute } } @media screen and (max-width:480px) { .theGbifNetWork__legend { margin-bottom:10px } } .theGbifNetWork__badges { color:#fff; -webkit-transition:box-shadow .2s ease,background .2s ease; transition:box-shadow .2s ease,background .2s ease; box-shadow:0 2px 2px 0 rgba(0,0,0,.16); border:none; font-weight:400; font-size:12px; text-transform:uppercase; background:#71b171; text-align:center; padding:3px 10px; display:inline-block; text-decoration:none; margin-bottom:10px } .bbox-filter input.ng-invalid { color:tomato } .bbox-filter__latlng { margin-bottom:1rem } .bbox-filter__latlng input { padding:.25em 1em; text-align:right; width:100% } .bbox-filter__latlng input::-webkit-inner-spin-button, .bbox-filter__latlng input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0 } .bbox-filter__latlng__slider { margin-top:1rem } gbmap { display:block; overflow:hidden; position:relative; z-index:10 } gbmap>div, gbmap>div .map-area { width:100%; height:100% } gbmap>div .globe-context { position:absolute; top:0; right:40px; z-index:10; width:70px; height:70px } gbmap .gb-map-container { width:100%; height:100%; padding-right:40px; position:relative; z-index:5 } gbmap .map-controls { width:40px; height:100%; position:absolute; right:0; top:0; border-left:1px solid #dbe3e7; z-index:30 } gbmap .map-controls>a { display:block; width:40px; height:40px; text-align:center; line-height:40px; color:#9b9fa5; font-size:28px } gbmap .map-controls>a.is-active { color:#09c; position:relative } gbmap .map-controls-area { height:100%; position:absolute; right:40px; top:0; z-index:20; background:#fff; border-left:1px solid #dbe3e7; padding:15px } .countryShapeMap__zoomButtons>a, __mapButtons>a { display:block; text-decoration:none; text-align:center; border:1px solid #aaa; color:#444 } gbmap .time-slider__card { z-index:10; position:absolute; bottom:1.42857142857rem; left:1.42857142857rem } gbmap .leaflet-container { background:#848a8e } adhoc-map { display:block; height:100% } __mapButtons { position:absolute; z-index:20; left:.5rem; top:.5rem; background:#aaa } __mapButtons>a { font-size:22px; height:24px; width:24px; line-height:22px; background:#fff } __mapButtons>a:hover { background:#efefef } feature-map { display:block; overflow:hidden; position:relative; z-index:10 } feature-map>div, feature-map>div .map-area { width:100%; height:100% } .countryShapeMap__zoomButtons { position:absolute; z-index:20; right:.5rem; bottom:.5rem; background:#aaa } .countryShapeMap__zoomButtons>a { font-size:16px; height:18px; width:18px; line-height:16px; background:#fff } .countryShapeMap__zoomButtons>a:hover { background:#efefef } .countryShapeMap__zoomButtons>a.smallIcon { font-size:14px } .mapPopups { position:absolute; padding:10px 10px 0; max-height:calc(100% - 40px); max-width:100%; top:0; right:0; display:flex; -ms-flex-direction:column; flex-direction:column } .mapPopups .mapPopup { width:380px; max-width:100%; background:#fff; border:1px solid rgba(0,0,0,.2); border-radius:2px; max-height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -webkit-transition:max-height .3s ease; transition:max-height .3s ease; pointer-events:auto; margin-bottom:10px } .mapPopups .mapPopup.isLoading { max-height:100px } .mapPopups .mapPopup.fixedSize { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto } .mapPopup { box-shadow:0 2px 3px 2px rgba(0,0,0,.1) } .mapPopup__header { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; color:#748190 } .mapPopup__header h4 { margin:0; padding:15px 20px } .mapPopup__results { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; overflow-y:auto } .mapPopup__results ul { padding:0; overflow:hidden } .mapPopup__results ul li { padding:5px 10px; position:relative } .mapPopup__results ul li .img-round-thumb { float:right; background-repeat:no-repeat; background-position:center; margin:0 0 5px 5px; display:block; background-color:#f1f1f1 } .mapPopup__results ul li .img-round-thumb img { display:none } .mapPopup__results ul li .img-round-thumb.isValid { background-size:cover } .mapPopup__footer { padding:5px; text-align:right } .img-round-thumb { height:50px; width:50px; border-radius:25px; overflow:hidden; display:none } .img-round-thumb.isValid { display:block; box-shadow:0 0 3px rgba(0,0,0,.3) } .img-round-thumb img { height:100% } .mapWidget { overflow:initial; background:#e7edf0; position:relative } .mapWidget__mapArea { position:relative; z-index:10 } .mapWidget .mapPopups { z-index:60 } .mapWidget.fullscreen.fullscreen.fullscreen { position:fixed; z-index:80; height:auto; top:0; bottom:0; width:100%; left:0; right:0 } .mapWidget.fullscreen.fullscreen.fullscreen .mapWidget__mapArea, .mapWidget.fullscreen.fullscreen.fullscreen .mapWidget__mapWrapper { height:calc(100vh - 40px); padding-bottom:0!important } .mapWidget.fullscreen.fullscreen.fullscreen .mapWidget__spacer { display:none } .mapWidget.isSmall .mapWidget__inlineOption, .mapWidget.isSmall .mapWidget__options { width:100%; display:inline-block } .mapWidget__drawButtons>a, .mapWidget__mapButtons>a { display:block; height:24px; width:24px; line-height:22px; text-align:center; text-decoration:none } .mapWidget.isSmall .time-slider__container { margin-left:20px } .mapWidget.isSmall .mapWidget__control { padding:0; overflow:auto; bottom:0; left:0; top:0 } .mapWidget.isSmall .mapWidget__control>div { min-height:100%; min-width:100% } .mapWidget__mapButtons { position:absolute; z-index:20; left:.5rem; top:.5rem; background:#aaa } .mapWidget__mapButtons>a { font-size:22px; border:1px solid #aaa; background:#fff; color:#444 } .mapWidget__mapButtons>a:hover { background:#efefef } .mapWidget__mapButtons>a.smallIcon { font-size:14px } .mapWidget__mapButtons>a.is-active { color:#71b171 } .mapWidget__mapButtons>a[tooltip]:after { border-radius:2px; background-color:#585858; color:#fff; content:attr(tooltip); font-size:12px; visibility:hidden; opacity:0; padding:5px 7px; margin:7px; position:absolute; left:100%; white-space:nowrap; z-index:25 } .mapWidget__mapButtons>a[tooltip]:hover:after { visibility:visible; opacity:1 } .mainNavigation, .menubox nav .feedback__issuesToggle.isActive { visibility:hidden } .mapWidget__drawButtons { position:absolute; z-index:20; right:.5rem; top:.5rem; background:#aaa } .mapWidget__drawButtons>a { font-size:22px; border:1px solid #aaa; background:#fff; color:#444 } .mapWidget__inlineOption, .mapWidget__options, .time-slider__card { display:inline-block } .mapWidget__drawButtons>a:hover { background:#efefef } .mapWidget__drawButtons>a.smallIcon { font-size:14px } .mapWidget__drawButtons>a.is-active { color:#71b171 } .mapWidget__progress { position:absolute; bottom:0; left:0; height:3px; background:#00bfff; width:0; -webkit-transition:width 250ms; transition:width 250ms; max-width:100%; z-index:15 } .mapWidget__mapWrapper { position:relative; z-index:5 } .time-slider__card { font-size:12px } .time-slider__card .time-slider__buttons, .time-slider__card .time-slider__container { display:inline-block; padding:5px; color:#bbb } .fitContainer .mapWidget .mapWidget__spacer, .fitSize .mapWidget .mapWidget__spacer { display:none } .mapWidget__help, .mapWidget__info { background:#444; color:#fff; bottom:0 } .time-slider__card .time-slider__container { padding:2px 20px 2px 0 } .time-slider__card .time-slider__slider { width:150px } .fixedSizes .mapWidget .mapWidget__spacer { width:100%; height:0; padding-bottom:70% } .fixedSizes .mapWidget .mapWidget__mapWrapper { position:relative } .fixedSizes .mapWidget .mapWidget__mapWrapper .mapWidget__mapArea { position:absolute; top:0; right:0; left:0; bottom:0 } .fixedSizes .mapWidget.isLarge .mapWidget__spacer { width:100%; height:0; padding-bottom:40% } .fitSize .mapWidget { height:100%; width:100% } .fitSize .mapWidget .mapWidget__mapWrapper { height:calc(100% - 40px) } .fitContainer .mapWidget .mapWidget__mapArea, .fitContainer .mapWidget .mapWidget__mapWrapper, .fitContainer--noBar .mapWidget .mapWidget__mapWrapper, .fitSize .mapWidget .mapWidget__mapArea, .fitSize--noBar .mapWidget .mapWidget__mapWrapper { height:100% } .fitContainer .mapWidget { height:100%; width:100% } .mapWidget md-checkbox { margin-bottom:12px } .mapWidget__help { position:absolute; margin:10px; padding:10px; z-index:20; right:0 } .mapWidget__info { position:absolute; opacity:.5; left:0; z-index:15; padding:3px 5px; font-size:12px; -webkit-transition:opacity .2s ease; transition:opacity .2s ease } .mapWidget__info:hover, .menubox__section--issue form input:focus+.feedback-input__info, .menubox__section--issue form textarea:focus+.feedback-input__info { opacity:1 } .mapWidget__controlsArea { z-index:70; border-top:1px solid rgba(0,0,0,.2); background:#fff; height:40px } .mapWidget__controlsArea__toggleArea { float:right; margin:0 10px; height:40px } .mapWidget__controlsArea__toggleArea>a { font-size:18px; line-height:40px; width:30px; text-align:center; display:inline-block } .mapWidget__controlsArea__toggleArea>a.is-active { color:#71b171 } .mapWidget__controlsArea__toggleArea>span { top:-3px; position:relative; left:-5px } .mapWidget__controlsArea__section { max-height:calc(100vh - 7rem); display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; box-shadow:1px 2px 3px 3px rgba(0,0,0,.1) } .mapWidget__controlsArea__section__content { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; overflow:auto } .mapWidget__controlsArea__section__content>div { padding:10px } .mapWidget__controlsArea__section__header { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding:10px; margin:0; text-align:center } .mapWidget.isSmall .mapWidget__controlsArea__overlay { z-index:40; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.3) } .mapWidget.isSmall .mapWidget__controlsArea__popup { position:fixed; top:6rem; width:100%; background:#fff; z-index:41; left:0; overflow:auto } @media screen and (min-width:401px) { .mapWidget.isSmall .mapWidget__controlsArea__popup { width:400px; left:calc(50% - 200px) } } .mapWidget.isLarge .mapWidget md-checkbox, .mapWidget.isLarge .mapWidget md-radio-button { margin-bottom:12px } .mapWidget.isLarge .mapWidget__controlsArea__section { position:absolute; bottom:40px; right:0; width:250px; max-width:50%; background:#fff; z-index:50; margin:10px } .mapWidget.isLarge .mapWidget__controlsArea__section .options>* { display:block; padding:5px 10px } .mapWidget.isLarge .mapWidget__controlsArea__section--bar { position:static; margin:0; height:40px; width:auto; display:inline-block; background:0 0 } .mapWidget.isLarge .mapWidget__controlsArea__section--bar>div { padding:0 } .mapWidget.isLarge .mapWidget__controlsArea__tabs { display:none } .rtl .mapWidget.isSmall .time-slider__container { margin-left:0; margin-right:20px } .rtl .mapWidget.isSmall .mapWidget__control { left:auto; right:0 } .rtl .mapWidget__mapButtons { left:auto; right:.5rem } .rtl .mapWidget__drawButtons { right:auto; left:.5rem } .rtl .mapWidget__help { left:0; right:auto } .rtl .mapWidget__info { left:auto; right:0 } .rtl .mapWidget__controlsArea__toggleArea { float:left } .rtl .mapWidget__controlsArea__toggleArea>span { left:auto; right:-5px } .rtl .mapWidget.isSmall .mapWidget__controlsArea__popup { left:auto; right:0 } .rtl .mapWidget.isLarge .mapWidget__controlsArea__section { right:auto; left:0 } .teaser-map, .teaser-map--small, .teaser-map--smaller { width:100%; height:0; padding-bottom:50%; position:relative; overflow:hidden } .teaser-map img, .teaser-map--small img, .teaser-map--smaller img { position:absolute; top:-33%; width:100%; padding:0; margin:0 } .teaser-map--small { width:128px; height:64px } .teaser-map--small img { top:-24px } .teaser-map--smaller { width:64px; height:32px } .teaser-map--smaller img { top:-12px } .occurrenceBreakdownCard, highchart { display:block } highchart .ng_highchartArea { min-width:100%; height:100% } .site-wrapper, body, html { min-height:100%; width:100%; background:#f7f9fa; -ms-touch-action:manipulation; touch-action:manipulation } body { padding-top:50px } @media screen and (min-width:993px) { .site-wrapper, body, html { min-height:100% } } .site-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column } .site-wrapper>main { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto } .site-content__page { min-height:calc(100vh - 3.571428571425rem) } ol, ul { margin:0; list-style:none } .page__fixed-width { max-width:1200px; margin:0 auto } @media screen and (min-width:993px) { .anchor:before { display:block; content:" "; height:3.571428571425rem; margin-top:-3.571428571425rem; visibility:hidden } } html.ie .ie-splash, html.ie body { display:block!important } @media screen and (min-width:978px) and (max-width:992px) { html { overflow-y:scroll } } html.ie .ie-splash { width:100%; position:fixed; top:0; left:0; height:100%; background-color:rgba(120,181,120,.99); color:#fff; z-index:9999; text-align:center } html.ie .ie-splash span { width:500px; max-width:100%; position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:inline-block } .ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut { stroke:#4ba2ce } .ct-label { color:#666 } .ct-axis-title { fill:grey } @font-face { font-family:gbificons; src:url(/iconfont/gbificons.eot?v=1541667524); src:url(/iconfont/gbificons.eot?v=1541667524#iefix) format('embedded-opentype'), url(/iconfont/gbificons.ttf?v=1541667524) format('truetype'), url(/iconfont/gbificons.woff?v=1541667524) format('woff'); font-weight:400; font-style:normal } .iconFont, .mainMenu--childActive .mainMenu__parentItem::before, .mainMenu--hasChild .mainMenu__parentItem::after, [class*=" gb-icon-"]:before, [class^=gb-icon-]:before { font-family:gbificons; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .gb-icon-config:before { content:"\EA01" } .gb-icon-leaf:before { content:"\EA02" } .gb-icon-menu:before { content:"\EA03" } .gb-icon-search:before { content:"\EA04" } .gb-icon-user-female:before { content:"\EA05" } .gb-icon-cloud-upload:before { content:"\EA06" } .gb-icon-home:before { content:"\EA07" } .gb-icon-info:before { content:"\EA08" } .gb-icon-map:before { content:"\EA09" } .gb-icon-close:before { content:"\EA0A" } .gb-icon-close_L:before { content:"\EA0B" } .gb-icon-logo-L:before { content:"\EA0C" } .gb-icon-logo:before { content:"\EA0D" } .gb-icon-global:before { content:"\EA0E" } .gb-icon-left-arrow:before { content:"\EA0F" } .gb-icon-right-arrow:before { content:"\EA10" } .gb-icon-angle-left:before { content:"\EA11" } .gb-icon-filter:before { content:"\EA12" } .gb-icon-photo:before { content:"\EA13" } .gb-icon-animalia:before { content:"\EA14" } .gb-icon-archaea:before { content:"\EA15" } .gb-icon-bacteria:before { content:"\EA16" } .gb-icon-chromista:before { content:"\EA17" } .gb-icon-fungi:before { content:"\EA18" } .gb-icon-plantae:before { content:"\EA19" } .gb-icon-protozoa:before { content:"\EA1A" } .gb-icon-unknown:before { content:"\EA1B" } .gb-icon-viruses:before { content:"\EA1C" } .gb-icon-pen:before { content:"\EA1D" } .gb-icon-ccby:before { content:"\EA1E" } .gb-icon-share:before { content:"\EA1F" } .gb-icon-ccnc:before { content:"\EA20" } .gb-icon-ccsa:before { content:"\EA21" } .gb-icon-facebook:before { content:"\EA22" } .gb-icon-cclogo3:before { content:"\EA23" } .gb-icon-google:before { content:"\EA24" } .gb-icon-linkedin:before { content:"\EA25" } .gb-icon-twitter:before { content:"\EA26" } .gb-icon-mail:before { content:"\EA27" } .gb-icon-comment:before { content:"\EA28" } .gb-icon-more2:before { content:"\EA29" } .gb-icon-compare-fat:before { content:"\EA2A" } .gb-icon-compare-fat-reverse:before { content:"\EA2B" } .gb-icon-wood:before { content:"\EA2C" } .gb-icon-angle-down:before { content:"\EA2D" } .gb-icon-angle-right:before { content:"\EA2E" } .gb-icon-trash:before { content:"\EA2F" } .gb-icon-angle-up:before { content:"\EA30" } .gb-icon-map-marker:before { content:"\EA31" } .gb-icon-shuffle:before { content:"\EA32" } .gb-icon-table:before { content:"\EA33" } .gb-icon-institution:before { content:"\EA34" } .gb-icon-cloud-download:before { content:"\EA35" } .gb-icon-phone2:before { content:"\EA36" } .gb-icon-test:before { content:"\EA37" } .gb-icon-link:before { content:"\EA38" } .gb-icon-more-vertical:before { content:"\EA39" } .gb-icon-tools:before { content:"\EA3A" } .gb-icon-rss:before { content:"\EA3B" } .gb-icon-butterfly:before { content:"\EA3C" } .gb-icon-drop:before { content:"\EA3D" } .gb-icon-funnel:before { content:"\EA3E" } .gb-icon-file-download:before { content:"\EA3F" } .gb-icon-microscope:before { content:"\EA40" } .gb-icon-quote:before { content:"\EA41" } .gb-icon-bubble:before { content:"\EA42" } .gb-icon-search2:before { content:"\EA43" } .gb-icon-account:before { content:"\EA44" } .gb-icon-bug:before { content:"\EA45" } .gb-icon-idea:before { content:"\EA46" } .gb-icon-unicorn:before { content:"\EA47" } .gb-icon-user:before { content:"\EA48" } .gb-icon-notifications-none:before { content:"\EA49" } .gb-icon-notifications:before { content:"\EA4A" } .gb-icon-mistletoe:before { content:"\EA4B" } .gb-icon-clock:before { content:"\EA4C" } .gb-icon-marker:before { content:"\EA4D" } .gb-icon-calendar:before { content:"\EA4E" } .gb-icon-euro:before { content:"\EA4F" } .gb-icon-open_in_new:before { content:"\EA50" } .gb-icon-menu-down:before { content:"\EA51" } .gb-icon-menu-up:before { content:"\EA52" } .gb-icon-email:before { content:"\EA53" } .gb-icon-logout:before { content:"\EA54" } .gb-icon-fullscreen-exit:before { content:"\EA55" } .gb-icon-fullscreen:before { content:"\EA56" } .gb-icon-filters:before { content:"\EA57" } .gb-icon-arrow-left-bold-circle-outline:before { content:"\EA58" } .gb-icon-taxonomy:before { content:"\EA59" } .gb-icon-select:before { content:"\EA5A" } .gb-icon-format-paint:before { content:"\EA5B" } .gb-icon-antarctic:before { content:"\EA5C" } .gb-icon-arctic:before { content:"\EA5D" } .gb-icon-earth:before { content:"\EA5E" } .gb-icon-vimeo:before { content:"\EA5F" } .gb-icon-youtube:before { content:"\EA60" } .gb-icon-file:before { content:"\EA61" } .gb-icon-dataset:before { content:"\EA62" } .gb-icon-publisher:before { content:"\EA63" } .gb-icon-server:before { content:"\EA64" } .gb-icon-add:before { content:"\EA65" } .gb-icon-heartbeat:before { content:"\EA66" } .gb-icon-unfold-less-horizontal:before { content:"\EA67" } .gb-icon-unfold-more-horizontal:before { content:"\EA68" } .gb-icon-bar-chart:before { content:"\EA69" } .gb-icon-pie-chart:before { content:"\EA6A" } .gb-icon-sunburst:before { content:"\EA6B" } .gb-icon-taxonomy-tree:before { content:"\EA6C" } .gb-icon-donought-chart:before { content:"\EA6D" } .gb-icon-treemap:before { content:"\EA6E" } .gb-icon-col-chart:before { content:"\EA6F" } .gb-icon-view-list:before { content:"\EA70" } .gb-icon-rectangle:before { content:"\EA71" } .gb-icon-polygon:before { content:"\EA72" } .gb-icon-line-chart:before { content:"\EA73" } .gb-icon-translate:before { content:"\EA74" } .gb-icon-instagram:before { content:"\EA75" } .gb-icon-audio:before { content:"\EA76" } .gb-icon-camera:before { content:"\EA77" } .gb-icon-video:before { content:"\EA78" } .md-input-container label, md-input-container label { font-weight:inherit } .md-button { font-weight:400 } .p-only { display:none!important } @media print { a[href]:after { content:none!important } body { padding-top:0!important } .site-wrapper, .site-wrapper>main { display:block!important } .fab, .p-hidden, .site-drawer, .site-footer, .stickyNav { display:none!important } .site-content__page, .viewContentWrapper { height:auto!important } .site-content { padding-left:0!important } .overflow-auto { overflow:hidden!important } .p-avoid-pb { page-break-inside:avoid } .p-bg { -webkit-print-color-adjust:exact!important } .p-only { display:initial!important } } #toast-container#toast-container .toast.toast.toast.toast { background-image:none!important; padding:1.42857142857rem; opacity:.9 } #toast-container#toast-container .toast-error { background-color:tomato } #toast-container#toast-container .toast-error .gb-button--primary { margin-top:1.42857142857rem; background:#fff; color:tomato } .country-key .card { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:400px; position:relative; margin:10px } .country-key__datasets { -webkit-box-flex:1; -ms-flex:1 0 100%; flex:1 0 100% } .country-key__datasets__counts { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .country-key__datasets__counts>a { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; min-width:50%; padding:5px 10px } .country-key__datasets__counts>a:hover { background:#f7f9fa } .country-key__occurrence-count .h2 { font-weight:300; margin:1.42857142857rem 10px } .country-key__more-arrow { font-size:30px; position:absolute; top:0; line-height:55px; right:20px; color:#888 } .country-key .card-container--stats { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -15px } .country-key .card-container--news { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .country-key__news { display:none } .country-key__news.card { height:280px; width:100% } .country-key__news__img-wrapper { height:0; padding-bottom:55%; -webkit-transition:padding-bottom .3s ease; transition:padding-bottom .3s ease; position:relative; background-size:cover; background-position:center } .country-key__news__img-wrapper:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-image:-webkit-linear-gradient(top,#444,#000); background-image:linear-gradient(to bottom,#444,#000); opacity:0; -webkit-transition:opacity .3s ease; transition:opacity .3s ease } .country-key__news:hover .country-key__news__img-wrapper { padding-bottom:20% } .country-key__news:hover .country-key__news__img-wrapper:before { opacity:.6 } .country-key__news a:hover .card__content { color:#4e565f } .country-key__news__type { font-size:12px; text-transform:uppercase; background:#4ba2ce; color:#fff; padding:5px 10px; display:inline-block } .country-key__news--img .country-key__news__type { bottom:0; position:absolute } .country-key__news--img .country-key__news__summary { height:0; padding-bottom:0; -webkit-transition:padding-bottom .3s ease; transition:padding-bottom .3s ease; overflow:hidden; position:relative } .country-key__news--img .country-key__news__summary>p { position:absloute; top:0 } .country-key__news--img:hover .country-key__news__summary { padding-bottom:35% } .country-key__news__date { position:absolute; bottom:0; right:10px; color:#666; font-weight:400; font-size:12px } .country-key__news:last-of-type, .country-key__news:nth-of-type(1) { display:block } @media screen and (min-width:541px) { .country-key__news.card { min-width:200px; width:200px; max-width:300px } } @media screen and (min-width:811px) { .country-key__news.card { width:250px; min-width:250px } .country-key__news.card:nth-of-type(-n+2) { display:block } } @media screen and (min-width:1081px) { .country-key__news.card:nth-of-type(-n+3) { display:block } } @media screen and (min-width:1351px) { .country-key__news.card:nth-of-type(-n+4) { display:block } } .blankNotification { text-align:center } .blankNotification h2 { text-align:center; color:#aaa; margin:100px 0 } .eoi-map { position:relative } .eoi-map>button { position:absolute; top:0; right:0; margin:10px } .ipt__map-stats { background-color:#5f9ae4; color:#fff; text-transform:uppercase } .ipt__map-stats>div { padding:1.42857142857rem 0 } .ipt__map { height:220px; position:relative; z-index:10 } @media screen and (min-width:769px) { .ipt__map { height:420px } } .overlay-demo { max-width:100% } .submenu-wrapper { overflow:hidden } .submenu-wrapper .submenu { display:none } @media screen and (min-width:993px) { .submenu-wrapper, .submenu-wrapper .submenu .nav-chapter { position:relative } .submenu-wrapper .submenu { max-height:calc(100vh - 3.571428571425rem); overflow:auto; display:block; width:220px; top:0; z-index:40; padding:2.5rem 0 } .submenu-wrapper .submenu ul { padding:0 } .submenu-wrapper .submenu a { color:inherit } .submenu-wrapper .submenu a:hover { text-decoration:none } .submenu-wrapper .submenu .nav-parts { margin:0 } .submenu-wrapper .submenu .part-name>h3 { margin-top:0; margin-left:0; padding:0 30px 0 20px } .submenu-wrapper .submenu .nav-chapters { padding:0 20px 15px; height:100% } .submenu-wrapper .submenu .nav-chapter a { padding:10px; margin-left:-10px; display:block; line-height:1rem; border-left:2px solid #e2e7ea } .submenu-wrapper .submenu .nav-chapter a.subitem { padding-left:20px } .submenu-wrapper .submenu .nav-chapter.active a { border-left:2px solid #09c } .submenu-wrapper .submenu.submenu--tabs.submenu--fixed { top:6.571428571425rem } .submenu-wrapper .submenu.validator--tabs { width:auto } .submenu-wrapper .submenu--bottom { top:auto; bottom:0 } .submenu-wrapper .submenu--fixed { position:fixed; top:3.571428571425rem } .rtl .submenu-wrapper .submenu .part-name>h3 { margin-left:0; margin-right:0; padding:0 20px 0 30px } .rtl .submenu-wrapper .submenu .nav-chapter a { margin-left:0; margin-right:-10px; border-left:none; border-right:2px solid #e2e7ea } .rtl .submenu-wrapper .submenu .nav-chapter a.subitem { padding-left:0; padding-right:20px } .rtl .submenu-wrapper .submenu .nav-chapter.active a { border-left:none; border-right:2px solid #09c } } .node__summary { margin-bottom:10px } .node__images .cover-image { margin:0; border:none } .node__stats { background:#71b171; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around; color:#fff } .node__stats>* { display:block; text-align:center; padding:10px; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; background:#71b171; -webkit-transition:background .2s ease; transition:background .2s ease } .node__stats>:hover { background:#0096dc } .node__stats__count { font-size:20px; font-weight:300 } .dataValidator__categoryTitle, .dataValidator__idField, .participants__table table.table tbody tr th, .reps__table table.table tbody tr th, .vernacular { font-weight:700 } .articleLinks { padding-top:1.42857142857rem 0 } .articleLinks>div { display:inline-block; margin-right:10px } .articleLinks>div a { display:inline-block; width:40px; height:40px } .occChart-col occurrence-breakdown-card { display:block; padding-bottom:20px } @media screen and (min-width:1401px) { .occChart-col { -webkit-column-count:2; -moz-column-count:2; column-count:2 } .occChart-col>div { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column } .occChart-col .table-container { position:initial } } @media print { .occChart-col { -webkit-column-count:auto!important; -moz-column-count:auto!important; column-count:auto!important } .occChart-col>div { -webkit-column-break-inside:initial; page-break-inside:initial; break-inside:initial } } .download-report__empty { color:#aaa; margin:150px auto; text-align:center; max-width:400px } .download-report__summary { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-15px } .download-report__summary>div { margin:15px; -webkit-box-flex:1; -ms-flex:1 1 256px; flex:1 1 256px; max-width:100% } .download-report__summary>div:first-of-type { -webkit-box-flex:0; -ms-flex:0 0 256; flex:0 0 256; max-width:256px } .download-report__summary__download { margin-top:1.42857142857rem } .download-report__summary__download>div { margin-bottom:2.85714285714rem } .download-report__summary__download .gb-button--primary { width:200px; max-width:100% } .download-report__notifications .badge-composite--error, .download-report__notifications .badge-composite--warning { margin-right:5px } .download-report__notifications>div { margin-top:15px; margin-bottom:15px } .download-report__map { width:256px; height:128px; overflow:hidden; background-color:#28282d; background-image:url(/img/wgs84_dark.png); background-position:center; background-size:cover } .download-report__map>div { padding:30px 0; text-align:center } .download-report__map>div>div { color:#fff } .download-report__map.isInvalid>img { display:none } .download-report__map>img { width:256px; height:256px; float:left; margin-top:-64px } .modal-dialog .gb-modal-header { padding:30px } .modal-dialog .gb-modal-body__content { padding-left:30px; padding-right:30px } .modal-dialog .gb-modal-footer { padding:15px; text-align:right } .imageGallery { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-left:-.714285714285rem } .imageGallery>a { background:center no-repeat #eee; display:block; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; position:relative; width:100px; height:100px; overflow:hidden; background-size:cover } .imageGallery>a:hover { box-shadow:0 0 1px 1px rgba(0,0,0,.3) } .imageGallery>a[data-width=thinner] { width:60px } .imageGallery>a[data-width=thin] { width:75px } .imageGallery>a[data-width=wide] { width:150px } .imageGallery>a[data-width=wider] { width:180px } .imageGallery>a[data-width=widest] { width:200px } .imageGallery>a img { display:none } .imageGallery>a.imageGallery__img, .imageGallery>a.imageGallery__img.isValid { display:block; margin:0 0 .714285714285rem .714285714285rem } .imageGallery>a.imageGallery__img { color:inherit } .imageGallery>a.imageGallery__img.isInvalid { background-size:initial } .imageGallery>a .summary { background:rgba(0,0,0,.3); color:#fff; position:absolute; bottom:0; width:100%; padding:5px } .imageGallery>div.imageGallery__more { -webkit-box-flex:100; -ms-flex:100 1 auto; flex:100 1 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; -ms-flex-direction:column; flex-direction:column; color:#888; min-width:100px; cursor:pointer; margin:0 0 .714285714285rem .714285714285rem; padding:1.42857142857rem; border:1px solid #888; background:0 0; -webkit-transition:background .3s ease; transition:background .3s ease } .imageGallery>div.imageGallery__more:hover { background:#ccc } .imageGallery>div.imageGallery__more:focus { outline:0 } .imageGallery>div.imageGallery__more a { text-align:center } .imageGallery>div.imageGallery__more.imageGallery__more__filler { border:none } .imageGallery>div.imageGallery__more.imageGallery__more__filler:hover { background:0 0 } @media screen and (min-width:993px) { .imageGallery a, .imageGallery>div { width:180px; height:180px } .imageGallery a[data-width=thinner], .imageGallery>div[data-width=thinner] { width:108px } .imageGallery a[data-width=thin], .imageGallery>div[data-width=thin] { width:135px } .imageGallery a[data-width=wide], .imageGallery>div[data-width=wide] { width:270px } .imageGallery a[data-width=wider], .imageGallery>div[data-width=wider] { width:324px } .imageGallery a[data-width=widest], .imageGallery>div[data-width=widest] { width:360px } .descriptions--columns { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px; -webkit-column-width:30px; -moz-column-width:30px; column-width:30px } } @media print { .imageGallery>a>img { display:block!important } } .occurrence-search-map { height:calc(100vh - 11.42857142856rem + 3px); min-height:200px; position:relative; z-index:5 } .occurrence-search-map .occurrenceMap { background:#848a8e } .occurrence-search-map__notification { position:absolute; bottom:0; left:0; right:0; width:100%; background:#444; color:#fff; z-index:10; font-size:12px } .occurrence-search-map__notification>div { padding:5px } .occurrence-search-map__notification--error { border-left:3px solid tomato } .occurrence-search__table .occurrence-search__table__area { position:relative; overflow:hidden; width:100% } .occurrence-search__table .table td a, .occurrence-search__table .table td span, .occurrence-search__table .table th a, .occurrence-search__table .table th span, .occurrence-search__table .table tr a, .occurrence-search__table .table tr span { text-overflow:ellipsis; white-space:nowrap } .search-table { font-size:12px } .search-table>tbody>tr>td { vertical-align:middle } .search-table td, .search-table th, .search-table tr { overflow:hidden } .search-table td>a, .search-table td>span, .search-table th>a, .search-table th>span, .search-table tr>a, .search-table tr>span { color:inherit; display:block; overflow:hidden } .search-table td>a:hover, .search-table td>span:hover, .search-table th>a:hover, .search-table th>span:hover, .search-table tr>a:hover, .search-table tr>span:hover { text-decoration:none } .search-table td>a.discreet, .search-table td>span.discreet, .search-table th>a.discreet, .search-table th>span.discreet, .search-table tr>a.discreet, .search-table tr>span.discreet { color:#999 } .search-table th { color:#666; white-space:nowrap } .search-table tbody tr:hover { background:#e7edf0 } .search-table tbody>tr.lastCellFlexible>td:last-of-type, .search-table tbody>tr.lastCellFlexible>td:last-of-type>a, .search-table tbody>tr.lastCellFlexible>td:last-of-type>span { width:auto!important } .table-container { max-width:100%; position:relative } .table-cell--action, .table-cell--action>a, .table-cell--action>span { width:2em } .table-cell--narrow, .table-cell--narrow>a, .table-cell--narrow>span { width:8em } .table-cell--normal, .table-cell--normal>a, .table-cell--normal>span { width:12em } .table-cell--wide, .table-cell--wide>a, .table-cell--wide>span { width:20em } .table-cell--widder, .table-cell--widder>a, .table-cell--widder>span { width:30em } .table-container__overlay { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,.9) } .issue-bullet__warn { color:#fdb002 } .issue-bullet__error { color:tomato } .issue-bullet__approved { color:#9bbb7f } .issue-bullet__no-indent { margin-left:-12px } .tmpDataSetResults h3 { margin-bottom:0 } .tmpDataSetResults p { margin-bottom:20px } .listCircle { width:40px; height:40px; border-radius:20px; background:#eaeff1; border:1px solid #dbe3e7; line-height:40px; text-align:center } .country__headerFlag { height:40px; border:1px solid #efefef; margin-left:20px; margin-bottom:8px; display:inline } .countryKey__normalCards .card__content { max-width:1000px; margin:auto } .countryKey__normalCards section { margin-bottom:1rem } .taxon-icon { background:#71b171; color:#fff; font-size:60px; line-height:60px; width:60px; height:60px; border-radius:50%; -webkit-transition:background .3s ease; transition:background .3s ease } .taxon-icon:hover { background:#437943 } .taxonBreakdown { padding:1.42857142857rem } .taxonBreakdown>div { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap } .taxonBreakdown__taxon { -webkit-box-flex:0; -ms-flex:0 0 200px; flex:0 0 200px; margin:10px 0 } .taxonBreakdown__taxon>div { display:inline-block } .taxonBreakdown__linkButtons { margin-top:1.42857142857rem } .taxonBreakdown__linkButtons>div { margin:1.42857142857rem } .article-header__source, .source { color:#4c8a4c } .verbatim-table--key { width:33% } .extension-header { margin-bottom:1px; margin-top:20px } .extension-subheader { margin-bottom:8px } .jslghtbx { z-index:31 } .checklist-info { padding:10px; border-bottom:1px solid #eee; margin-bottom:10px } .header-sources, div.treatment table { margin-bottom:8px } .text-transform__none { text-transform:none!important } .btn.flat, .dataValidator__input-file a, .mainMenu h2, .nameParser__input-file a, .predicateContainer .toggle, .search-results__list__item__tag, .speciesLookup__input-file a, .vernacular:first-letter { text-transform:uppercase } .cursor-pointer { cursor:pointer } .vernacular { display:inline-block } .nameUsageChartContainer { padding:5px!important; height:300px } .species-tax-stats { padding-bottom:20px } div.treatment table, div.treatment td { border:1px solid #dbe3e7 } div.treatment td { padding:5px } .wiki-identifier-list { margin-left:-2px } .editor-toolbar.fullscreen { z-index:100 } .nameParser__prose { width:850px; margin-top:24px } .nameParser__author-badge { max-width:134px } .nameParser__name-paste-form { width:650px } .nameParser__name-paste-form md-input-container { margin-bottom:0!important } .nameParser__name-paste-form textarea { min-height:300px!important; max-height:400px!important } .nameParser__name-paste-form .md-errors-spacer { min-height:0!important } .nameParser__parse-button { min-width:100px; margin-top:12px } .nameParser__result-table { padding-top:24px } .nameParser__name-paste-area { background-color:#fff!important; line-height:20px!important } .nameParser__tabs-container { max-width:884px!important } .nameParser__input-file { position:relative; overflow:hidden; margin:auto } .nameParser__input-file a { padding:5px 20px; -webkit-transition:all .4s; transition:all .4s; width:100%; text-align:center } .nameParser__input-file input { position:absolute; display:inline-block; left:0; top:0; right:0; bottom:0; opacity:.01; cursor:pointer; padding:5px 20px; width:100% } .dataValidator__dropArea { width:200px; height:200px; background:#ddd; border-radius:50%; margin:auto; line-height:200px; text-align:center; color:#fff } .dataValidator__dropArea.over { background:tomato } .dataValidator__input-file { position:relative; width:250px; overflow:hidden; margin:auto } .dataValidator__input-file a { padding:5px 20px; -webkit-transition:all .4s; transition:all .4s; width:100%; text-align:center } .dataValidator__input-file input { position:absolute; display:inline-block; left:0; top:0; right:0; bottom:0; opacity:.01; cursor:pointer; padding:5px 20px; width:100% } .dataValidator__summaryTable tbody>tr>td, .sequenceMatcher__summaryTable tbody>tr>td { border-top:0!important; padding-left:0; padding-bottom:0; padding-top:5px } .dataValidator__tabWrapper { margin-right:13px } .dataValidator__fileLocationText { margin-left:40px } .dataValidator__summaryTable, .dataValidator__summaryTableTitle { margin-left:32px } .dataValidator__logoImg>img { max-height:128px; margin-top:45px } .dataValidator__hasIssues { border-left:2px solid #fdb002 } .dataValidator__isIndexeabale { border-left:2px solid #9bbb7f } .dataValidator__isNotIndexeabale { border-left:2px solid tomato } .dataValidator__unknownTerm { border-left:2px solid #fdb002!important } .dataValidator__termFrequency_progress_container { max-height:24px } .dataValidator__bottomSpacer { min-height:calc(100vh - 3.571428571425rem) } .dataValidator__clickable-links>a { pointer-events:all; cursor:pointer } .dataValidator__issueQuestion { background:#75b3a3; color:#fff; display:inline-block; width:1em; height:1em; border-radius:50%; line-height:1em; text-align:center } .termFrequencyStats__circle { width:24px; height:24px; line-height:24px; font-size:24px; margin:auto; display:inline-block; float:left; color:#c4cfd5; text-decoration:none } .termFrequencyStats__percentage { margin-left:6px } .sequenceMatcher__badge { max-width:75px } .sequenceMatcher__alignment { overflow:scroll; word-wrap:normal } .sequenceMatcher__alignment__small { font-size:10px } .speciesLookup__back { position:absolute; margin:10px; top:0; color:#aaa } .speciesLookup .search-table td>a { color:#09c } .speciesLookup .search-table tbody tr { cursor:initial } .speciesLookup__dropArea { width:200px; height:200px; background:#ddd; border-radius:50%; margin:auto; line-height:200px; text-align:center; color:#fff } .speciesLookup__dropArea.over { background:tomato } .speciesLookup__input-file { position:relative; width:250px; overflow:hidden; margin:auto } .speciesLookup__input-file a { padding:5px 20px; -webkit-transition:all .4s; transition:all .4s; width:100%; text-align:center } .speciesLookup__input-file input { position:absolute; display:inline-block; left:0; top:0; right:0; bottom:0; opacity:.01; cursor:pointer; padding:5px 20px; width:100% } .speciesLookup__default-kingdom { text-align:center } .speciesLookup__default-kingdom li { width:80px } .speciesLookup__default-kingdom li a.is-active>.h1:before { background:#55afce; border-radius:50%; color:#fff } .speciesLookup__default-kingdom>div>* { margin-bottom:10px } .speciesLookup__raw-table .table-container { margin:auto } .speciesLookup .discreet { color:#ccc } .speciesLookup__overlay { z-index:20; height:100%; width:100%; position:absolute; background:rgba(0,0,0,.1) } .speciesLookup__overlay__card { background:#fff; width:500px; max-width:100%; max-height:100%; overflow:auto; margin:auto; position:fixed; left:calc(50% - 250px); top:10%; box-shadow:0 3px 2px rgba(0,0,0,.2) } .speciesLookup__overlay__card__header { padding:10px; text-align:center } .speciesLookup__overlay__card__suggestions { overflow:auto; max-height:60vh } .speciesLookup__overlay__card__suggestions>div { padding:10px 20px } .speciesLookup__overlay__card__suggestions>div:nth-of-type(even) { background:#f7f9fa } .speciesLookup__overlay__card__suggestions>div:hover { background:#e7edf0 } .speciesLookup__overlay__card__download>div>a { width:200px; display:block; height:200px; background:#ddd; border-radius:50%; margin:30px auto; line-height:200px; text-align:center; color:#fff; font-size:100px } .speciesLookup__overlay__card__download>div>a:hover { background:#bbb; text-decoration:none } .speciesLookup__generate { padding:0 10px 20px } .speciesLookup__generate a { padding:10px } .speciesLookup__generate a:hover { background:#eee } .speciesLookup .pagination-sm>li>a, .speciesLookup .pagination-sm>li>span { text-align:center; min-width:3em } .switch-group { padding:1rem } .switch-group .switch { display:inline-block; position:relative; width:3rem; height:1.2rem; border-radius:.6rem; background:#e6e6e6; -webkit-transition:background .28s cubic-bezier(.4,0,.2,1); transition:background .28s cubic-bezier(.4,0,.2,1); vertical-align:middle; cursor:pointer } .switch-group .switch::before { content:''; position:absolute; top:-.3rem; left:-.3rem; width:1.8rem; height:1.8rem; background:#ccc; box-shadow:0 2px .6 rem rgba(0,0,0,.28); border-radius:50%; -webkit-transition:left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1); transition:left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1) } .switch-group:active::before { box-shadow:0 2px .6 px rgba(34,34,34,.28),0 0 0 1.5 px rgba(128,128,128,.1) } .switch-group .switch.isActive, .switch-group input:checked+.switch { background:#66d9ff } .switch-group .switch.isActive::before, .switch-group input:checked+.switch::before { left:1.5rem; background:#09c } .switch-group .switch.isActive:active::before, .switch-group input:checked+.switch:active::before { box-shadow:0 2px .6 rem rgba(34,34,34,.28),0 0 0 1.5 rem rgba(128,128,128,.1) } .switch-group input { display:none } .switch-group p { display:inline; padding:0 1rem; color:#aaa } .form-control.ng-invalid.ng-touched { border-color:tomato } .form-required:before { content:'*'; color:tomato; padding:0 5px; font-size:12px } .confirmUser { min-height:100vh; background-color:#71b171; background-image:-webkit-linear-gradient(left,rgba(0,0,0,.3),rgba(0,0,0,0)),url(//api.gbif.org/v1/image/unsafe/1500x750/http:%2F%2Fimages.contentful.com%2Fq553fnlofhvs%2Fu42ztYDTy0swCYeC8iOwe%2F565d6151d833ef85881292ae03879d9b%2FWhite_Leadtree_Leucaena_leucocephala.jpg); background-image:linear-gradient(to right,rgba(0,0,0,.3),rgba(0,0,0,0)),url(//api.gbif.org/v1/image/unsafe/1500x750/http:%2F%2Fimages.contentful.com%2Fq553fnlofhvs%2Fu42ztYDTy0swCYeC8iOwe%2F565d6151d833ef85881292ae03879d9b%2FWhite_Leadtree_Leucaena_leucocephala.jpg); background-size:cover; background-position:center; padding-top:100px } .confirmUser .card { margin:auto; max-width:400px } .imageWithCaption { position:relative } .imageWithCaption__caption { font-size:12px; position:absolute; right:0; bottom:0; padding:5px 10px; color:rgba(255,255,255,.5) } .imageWithCaption__caption a { color:inherit; text-decoration:underline } .imageWithCaption__caption:hover { color:#fff; background:rgba(0,0,0,.3) } .participants__table .table-container--participant { max-width:960px; margin:0 auto } .participants__table table.table { font-size:13px; display:table } .participants__table table.table thead { display:table-header-group } .participants__table table.table tbody { display:table-row-group } .participants__table table.table tr { display:table-row; border-top:none } .participants__table table.table th { display:table-cell } .participants__table table.table thead tr th { font-weight:700; position:relative; white-space:nowrap; top:0; left:0 } .participants__table table.table thead tr th a { display:inline-block; color:inherit; padding-right:0; white-space:normal } .participants__table table.table thead tr th a:hover { text-decoration:none } .participants__table table.table thead tr th div { display:inline-block; font-size:18px; width:18px; margin-top:-8px; height:20px; vertical-align:middle } .participants__table table.table tbody tr, .participants__table table.table thead tr th:hover { cursor:pointer } .participants__table table.table tbody tr td { border-bottom:none; display:table-cell; width:auto; vertical-align:middle } .participants__table table.table tbody tr td:nth-of-type(1) { width:36%; padding-left:10px; background:0 0 } .participants__table table.table tbody tr td:nth-of-type(2) { width:20%; display:table-cell } .participants__table table.table tbody tr td:nth-of-type(3) { width:12%; display:table-cell } .participants__table table.table tbody tr td:nth-of-type(4), .participants__table table.table tbody tr td:nth-of-type(5) { width:10%; display:table-cell; text-align:right } .participants__table table.table tbody tr td:nth-of-type(6) { width:12%; display:table-cell; text-align:right } .participants__table table.table tbody tr th { display:none } .participants__table table.table tbody tr:hover { background:#e7edf0 } @media screen and (min-width:901px) { .participants__table .table tbody tr td:nth-of-type(4), .participants__table .table tbody tr td:nth-of-type(5), .participants__table .table tbody tr td:nth-of-type(6) { padding-right:22px } .participants__table .table tbody tr:hover { background:#e7edf0 } } .reps__table table.table tbody, .reps__table table.table td, .reps__table table.table th, .reps__table table.table thead, .reps__table table.table tr { display:block; outline:0 } .reps__table table.table thead tr th { position:absolute; top:-9999px; left:-9999px } .contacts__item, .contacts__item>address, .contacts__item>i { position:relative } .reps__table table.table tr { border-top:1px solid #ccc } .reps__table table.table tbody tr td, .reps__table table.table tbody tr th { position:relative; display:inline-block; width:49% } .reps__table table.table tbody tr td:nth-of-type(1) { padding-left:6px; width:100%; background:#f7f9fa } .reps__table table.table tbody tr td:nth-of-type(2) { width:100% } .reps__table table.table tbody tr td:nth-of-type(2) address { margin-bottom:0 } .reps__table table.table tbody tr td:nth-of-type(3) { display:none } .contacts__item address { margin-bottom:5px } .contacts__item>i { font-size:60px; margin-right:20px; float:none; position:absolute; color:#ededed; top:0; right:0 } .contacts__item .contact__heading { cursor:pointer } .contacts__item .contact__body { overflow-y:hidden; max-height:0; max-width:220px; -webkit-transition-property:all; transition-property:all; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:cubic-bezier(0,1,.5,1); transition-timing-function:cubic-bezier(0,1,.5,1); margin-bottom:5px } .contacts__item .contact__body.contact--show { max-height:200px } .contacts__item .contact__body:focus, .contacts__item .stop-propagation:focus { outline:0 } @media screen and (min-width:769px) { .reps__table .table-container--participant { max-width:960px; margin:0 auto } .reps__table table.table { font-size:13px; display:table } .reps__table table.table thead { display:table-header-group } .reps__table table.table tbody { display:table-row-group } .reps__table table.table tr { display:table-row; border-top:none } .reps__table table.table th { display:table-cell } .reps__table table.table thead tr th { font-weight:700; position:relative; white-space:nowrap; top:0; left:0 } .reps__table table.table thead tr th a { display:inline-block; color:inherit; padding-right:0; white-space:normal } .reps__table table.table thead tr th a:hover { text-decoration:none } .reps__table table.table thead tr th div { display:inline-block; font-size:18px; width:18px; margin-top:-8px; height:20px; vertical-align:middle } .reps__table table.table tbody tr, .reps__table table.table thead tr th:hover { cursor:pointer } .reps__table table.table tbody tr td { border-bottom:none; display:table-cell; width:auto; vertical-align:middle } .reps__table table.table tbody tr td:nth-of-type(1) { width:40%; padding-left:10px; background:0 0 } .reps__table table.table tbody tr td:nth-of-type(2), .reps__table table.table tbody tr td:nth-of-type(3) { width:30%; display:table-cell } .reps__table table.table tbody tr th { display:none } .reps__table table.table tbody tr:hover { background:#e7edf0 } } .ng-cloak, [data-ng-cloak] { display:none!important } .rtl .menubox__close { right:auto; left:0; text-align:left } .rtl .menubox__back { left:auto; right:0; -webkit-transform:rotate(180deg); transform:rotate(180deg) } .rtl .menubox .feedback__textarea>label>div { right:auto; left:5px } .menubox { display:none; position:fixed; z-index:60 } .menubox.is-active { display:block } .menubox__wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; height:100%; -ms-flex-direction:column; flex-direction:column; overflow:auto; overflow-x:hidden; box-shadow:0 5px 40px rgba(0,0,0,.16); position:relative; background:#fff } .menubox__top { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; background:#94b974; color:#fff; border:1px solid #87b063; border-width:1px 1px 0 } .menubox__section--issue form label, .menubox__section--select>ul>li { display:block; border-bottom:1px solid #dbe3e7 } .menubox__header__title { text-align:center; font-weight:400; padding:.714285714285rem } .menubox__header__description { padding:1.42857142857rem 2.142857142855rem; font-size:12px; min-height:5.71428571428rem; color:rgba(255,255,255,.85) } .menubox__back, .menubox__close { position:absolute; top:0; font-size:30px; margin:0 5px; z-index:50 } .menubox__back:before, .menubox__close:before { -webkit-transition:background .1s ease; transition:background .1s ease; border-radius:50% } .menubox__back:hover:before, .menubox__close:hover:before { background:rgba(0,0,0,.2) } .menubox__close { right:0; text-align:right } .menubox__back { left:0 } .menubox nav .feedback__issuesToggle { margin:0 10px 7px 0; height:1.5rem } .menubox__content { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; background:#f7f7f7 } .menubox__section__content__annotate { text-align:center; padding:10px 0; color:#fff } .menubox__section--issues ul, .menubox__section--select>ul { padding:0 } .menubox__section--select>ul>li>a, .menubox__section--select>ul>li>div { display:block; padding:10px 20px; -webkit-transition:background .2s ease; transition:background .2s ease } .menubox__section--select>ul>li:hover a { background:#fff } .menubox__section--question>div p { margin-bottom:1.42857142857rem } .menubox__section--issue form { padding:0 } .menubox__section--issue form label { margin:0; width:100%; font-weight:400 } .menubox__section--issue form label>span { display:none } .menubox__section--issue form input, .menubox__section--issue form textarea { width:100%; display:block; border:none; padding:20px; font-size:12px; background:0 0; -webkit-transition:background .2s ease; transition:background .2s ease } .comment-bubble, .site-footer__social, .site-footer__social>a, .stickyNav .gbif-logo svg, .stickyNav__actions__menu { display:inline-block } .menubox .feedback__failure, .menubox__section--issue form input.ng-invalid.ng-touched { border-left:5px solid tomato } .menubox__section--issue form input:focus, .menubox__section--issue form textarea:focus { outline:0; background:#fff } .menubox__section--issue form textarea { height:200px; resize:none } .menubox__section--issue form .feedback__textarea { position:relative } .menubox__section--issue form .feedback__textarea>label>div { position:absolute; bottom:5px; right:5px; font-size:10px; text-transform:uppercase; color:#666; opacity:.4 } .menubox__section--issue form .feedback__textarea>label>div a { text-decoration:underline } .menubox__section--issue form .feedback__textarea>label>div:hover { opacity:1 } .menubox__section__content { padding:1.42857142857rem } .menubox .feedback__failure { padding-left:10px } .comment-bubble:after, .comment-bubble:hover:after { width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent } .menubox__card { margin:.714285714285rem; -webkit-transition:box-shadow .2s ease; transition:box-shadow .2s ease; box-shadow:0 2px 2px 0 rgba(0,0,0,.16) } .menubox__card:hover { box-shadow:0 3px 8px 0 rgba(0,0,0,.16) } .menubox__card div.feedback__comment { color:#aaa } .menubox .feedback__comment { font-size:12px; color:#666 } .menubox .feedback__comment a:not([href=""]) { color:inherit; text-decoration:underline } .site-footer__menu a:hover, .stickyNav a:hover { text-decoration:none } .menubox .feedback__comment p:last-of-type { margin-bottom:0 } .comment-bubble { margin:auto; background:#94b974; padding:2px 5px; min-width:20px; text-align:center; font-size:9px; position:relative; color:#fff } .comment-bubble:after { content:' '; position:absolute; border-top:3px solid #94b974; bottom:-3px; right:3px } .comment-bubble:hover { box-shadow:0 2px 2px 0 rgba(0,0,0,.16); background:#55733a; color:#fff } .comment-bubble:hover:after { border-top:3px solid #55733a; box-shadow:0 2px 2px 0 rgba(0,0,0,.16) } @media screen and (max-width:480px) { .menubox { top:0; bottom:0; left:0; right:0 } } @media screen and (min-width:481px) { .rtl .menubox { left:1.42857142857rem; right:initial } .menubox { overflow:auto; top:2.85714285714rem; right:1.42857142857rem; left:initial; bottom:initial; width:370px; max-height:calc(100% - 50px); border-radius:4px; box-shadow:0 5px 150px 20px rgba(0,0,0,.15) } .menubox__wrapper { border-radius:4px; background:0 0 } .menubox.is-active { -webkit-animation:menuboxSlideIn .5s; animation:menuboxSlideIn .5s } } @media screen and (min-width:481px) and (max-height:700px) { .feedback.menubox { top:0; bottom:0; right:0; max-height:100% } .feedback.menubox.is-active { -webkit-animation:none; animation:none } .feedback .menubox__header { margin-top:3.571428571425rem } .feedback .menubox__header .menubox__header__title-wrapper { background:#94b974; color:#fff; border-bottom:1px solid #87b063; width:370px; position:fixed; top:0 } } .mainMenu__childItem li, .mainMenu__firstLevel { border-bottom:1px solid #559a55 } @-webkit-keyframes menuboxSlideIn { 0% { top:1.42857142857rem; opacity:0 } 50% { top:2.85714285714rem; opacity:1 } 100% { opacity:1 } } @keyframes menuboxSlideIn { 0% { top:1.42857142857rem; opacity:0 } 50% { top:2.85714285714rem; opacity:1 } 100% { opacity:1 } } .stickyNav, .stickyNav__actions { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; top:0 } .site-footer .site-footer__upper { background:-webkit-linear-gradient(#78b578,#71b171); background:linear-gradient(#78b578,#71b171); border-top:1px solid #dbe3e7 } .site-footer__menu { text-align:center; color:#fff; font-weight:300 } .site-footer__menu a { color:inherit } .site-footer__menu a:after, .site-footer__menu span>span:after { content:'|'; margin:0 5px } .site-footer__menu a:last-child:after, .site-footer__menu span>span:last-child:after { content:none } .site-footer__menu span>span>span { font-weight:500 } .site-footer__menu div { margin-bottom:.714285714285rem } .site-footer__lower { color:#fff; border-top:0 solid #0096dc; background:#222; text-align:center } .site-footer__lower img { width:300px; max-width:100%; padding:20px } .site-footer__social>a { background:#fff; color:#222; margin:10px } @media screen and (min-width:993px) { .hasDrawer .site-footer { padding-left:350px } .site-footer img { padding:0 50px } .rtl.hasDrawer .site-footer { padding-right:350px; padding-left:0 } } .rtl .stickyNav .gbif-logo { float:right } .rtl .stickyNav__actions { right:auto; left:0 } .stickyNav { height:3.571428571425rem; position:fixed; width:100%; z-index:50; left:0; font-size:1.125rem; color:#fafafa; background:-webkit-linear-gradient(#78b578,#71b171); background:linear-gradient(#78b578,#71b171); user-select:none; box-shadow:0 2px 2px rgba(0,0,0,.2) } .stickyNav ul { padding:0 } .stickyNav a { color:inherit; outline:0 } .mainMenu h2, .mainMenu__greenText { color:#437943 } .stickyNav a:focus { outline:0 } .stickyNav__container { position:relative; max-width:100%; margin-left:1rem; margin-right:1rem } .stickyNav .gbif-logo { float:left; position:relative; z-index:10; margin-top:.6rem } .stickyNav .gbif-logo svg { width:2.3rem; height:2.3rem } .stickyNav .gbif-logo svg .gbif-logo-svg { fill:#fafafa } .stickyNav__actions { user-select:none; position:absolute; right:0; z-index:10 } .stickyNav__actions__action, .stickyNav__actions__menu { font-size:1.85rem; line-height:3.571428571425rem; width:2.5rem; text-align:center; display:inline-block } .stickyNav__actions__login { display:none } .stickyNav__actions__action { position:relative } .stickyNav__actions__action--notification::after { content:' '; display:block; position:absolute; width:10px; height:10px; background:tomato; border-radius:50%; top:15px; right:5px; pointer-events:none } .stickyNav__actions__action--notification.is-info::after { background:#3c6d3c } body.hasTransparentMenu { padding-top:0 } body.hasTransparentMenu .stickyNav { background:0 0; -webkit-transition:background .3s ease; transition:background .3s ease; box-shadow:none } body.hasTransparentMenu .stickyNav:hover { background:rgba(0,0,0,.2) } body.hasTransparentMenu .stickyNav.hasOffset { background:-webkit-linear-gradient(#78b578,#71b171); background:linear-gradient(#78b578,#71b171); box-shadow:0 2px 2px rgba(0,0,0,.2) } .mainNavigation, .mobileMenu--active .mainNavigation::before { background-color:#71b171; width:100%; top:0; position:fixed; left:0 } .mainNavigation { padding-top:3.125rem; height:100%; display:block!important; overflow:auto; opacity:0; -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in; overflow-x:hidden } .mainNavigation.isActive { visibility:visible; opacity:1; -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in } .mobileMenu--active .mainNavigation::before { content:''; height:3.125rem; display:block; z-index:1 } .mainMenu { padding-left:.75rem; padding-right:.75rem; padding-top:3.625rem; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.28,1); transition:-webkit-transform .2s cubic-bezier(0,0,.28,1); transition:transform .2s cubic-bezier(0,0,.28,1); transition:transform .2s cubic-bezier(0,0,.28,1),-webkit-transform .2s cubic-bezier(0,0,.28,1) } .mainMenu a, .mainMenu a:focus { display:block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .mainMenu h2 { font-size:1.2rem; margin-bottom:1.25rem; letter-spacing:.0225rem; margin-top:3rem } .mainMenu__parentItem { padding:.875rem 0; position:relative } .mainMenu__columns { margin-bottom:.625rem } .mainMenu__childItem a { padding:.875rem 0 } .rtl .mainMenu--hasChild .mainMenu__parentItem::after { right:auto; left:0; -webkit-transform:rotate(90deg); transform:rotate(90deg) } .rtl .mainMenu--childActive .mainMenu__parentItem { -webkit-transform:rotate(180deg); transform:rotate(180deg) } .mainMenu--hasChild .mainMenu__parentItem::after { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); display:inline-block; font-size:1.5rem; position:absolute; margin-top:-.1875rem; top:50%; right:0; width:1.5rem; height:1.5rem; content:"\EA2D" } .mainMenu--childActive .mainMenu__parentItem::before { font-size:1.875rem; content:"\EA58" } .mainMenu--childActive .mainMenu__parentItem::after { content:none } .rtl .mainMenu .mainMenu--childActive { left:auto; right:100% } .rtl .mainMenu .mainMenu__childGroup { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } .rtl .mainMenu--firstLevelActive .mainMenu { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } .mainMenu .mainMenu--childActive { position:absolute; left:100%; top:0; border-bottom:0; width:100%; padding-left:.75rem; padding-right:.75rem } .mainMenu--childActive .mainMenu__parentItem { font-size:0; position:absolute; top:.375rem; z-index:1 } .mainMenu .mainMenu__childGroup { display:block!important; overflow:hidden; max-height:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } .mainMenu--firstLevelActive .mainMenu { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-transition:-webkit-transform .2s cubic-bezier(.28,0,1,1); transition:-webkit-transform .2s cubic-bezier(.28,0,1,1); transition:transform .2s cubic-bezier(.28,0,1,1); transition:transform .2s cubic-bezier(.28,0,1,1),-webkit-transform .2s cubic-bezier(.28,0,1,1); position:relative } .mainMenu--hasChild.mainMenu--childActive .mainMenu__childGroup { max-height:200rem; padding-top:2rem; padding-bottom:6rem; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } @media screen and (min-width:769px) { .mainMenu, .mainMenu .mainMenu--childActive { padding-left:1rem; padding-right:1rem } .mainMenu>ul { width:33% } .mainMenu__childGroup { margin:0 -15px } .rtl .mainMenu__columns { float:right } .mainMenu__columns { width:33%; float:left; padding-left:15px; padding-right:15px } } @media screen and (min-width:993px) { .mainMenu, .stickyNav ul { padding:0 } .mainMenu--hasChild .mainMenu__parentItem::after, .mainMenu--hasChild .mainMenu__parentItem::before, .mobileMenu--active .mainNavigation::before { content:none } .stickyNav { font-size:14px } .stickyNav ul li ul { color:#4e565f } .stickyNav__actions__menu { display:none } .stickyNav__actions__action { display:inline-block } .stickyNav__actions__login { display:inline } .stickyNav .gbif-logo { margin-right:3rem } .rtl .stickyNav .gbif-logo { margin-right:0; margin-left:3rem } .mainMenu__firstLevel { display:inline-block; border:0 } .mainMenu--firstLevelActive .mainMenu { -webkit-transform:translate3d(0,0,0)!important; transform:translate3d(0,0,0)!important; position:static } .mainNavigation { color:inherit; position:static; padding-top:0; background-color:transparent; width:auto; overflow:visible; visibility:visible; opacity:1; -webkit-transition:none; transition:none } .mainMenu { max-width:1200px; margin:auto } .mainMenu>ul { width:auto } .mainMenu h2 { font-size:.9em; color:#999; margin:0; padding:10px 0; height:4em; display:none } .mainMenu--hasGrandChild h2 { display:block } .mainMenu__childItem li { border-bottom:none } .mainMenu__childItem a { padding:.5rem 1.1875rem; margin:0 -1.1875rem } .mainMenu__childItem a:hover { background:#f2f2f2 } .rtl .mainMenu .mainMenu--childActive { right:auto } .mainMenu .mainMenu--childActive { padding:0; width:auto; position:relative; left:auto } .mainMenu__parentItem { padding:0 1rem; line-height:3.571428571425rem; letter-spacing:.02em } .rtl .mainMenu--childActive .mainMenu__parentItem { -webkit-transform:none; transform:none } .mainMenu--childActive .mainMenu__parentItem { position:relative; top:auto; font-size:14px; background-color:#0096dc; color:#fff!important } .mainMenu--hasChild.mainMenu--childActive .mainMenu__childGroup { overflow:visible; padding-top:0; visibility:visible; opacity:1; -webkit-transition:opacity .2s cubic-bezier(0,0,.5,1); transition:opacity .2s cubic-bezier(0,0,.5,1); padding-bottom:0 } .rtl .mainMenu .mainMenu__childGroup { left:auto; right:0 } .mainMenu .mainMenu__childGroup { margin:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); position:absolute; top:100%; left:0; background-color:#fff; box-shadow:0 .1875rem .375rem 0 rgba(44,62,80,.25); border-radius:0 0 .125rem .125rem; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; width:auto; visibility:hidden; opacity:0; -webkit-transition:opacity .2s cubic-bezier(.5,0,1,1); transition:opacity .2s cubic-bezier(.5,0,1,1) } .mainMenu__columns { padding:.5rem 1.1875rem; min-width:14rem; max-width:17rem; width:auto; border-right:1px solid rgba(190,195,200,.2); margin:0!important } } .stickyNav__actions__login { font-size:12px; text-align:center; overflow:hidden; line-height:3.571428571425rem; position:relative; top:1px } .stickyNav__actions__login .service-menu__button { width:100px; background:#fff; color:#0096dc; font-weight:500; text-shadow:none; display:inline-block; padding:0 10px; line-height:2em; margin:0 10px; border-radius:2px; -webkit-transition:max-width .2s ease; transition:max-width .2s ease; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .omnisearch-bar { position:fixed; width:100%; background:#0096dc; z-index:150; box-shadow:0 2px 3px rgba(0,0,0,.2); max-height:0; overflow:hidden; -webkit-transition:max-height .3s ease; transition:max-height .3s ease } .omnisearch-bar--static, .search-box { position:relative } .omnisearch-bar.is-active { max-height:200px } .omnisearch-bar form { margin:10px auto } .omnisearch-bar__filters { margin:10px auto; text-align:center } .omnisearch-bar__filters>div { margin:-5px } .omnisearch-bar__filters a { margin:5px } .rtl .search-box input { padding-left:1.42857142857rem; padding-right:0 } .rtl .search-box .search-box__submit { right:auto; left:0 } .search-box { background:#fff; color:#444; padding:12px 20px; max-width:100% } .search-box input { border:none; padding-right:1.42857142857rem; width:100%; overflow:hidden; text-overflow:ellipsis } .search-box input:focus { outline:0 } .search-box input::-webkit-input-placeholder { color:#ddd; font-weight:light } .search-box input::-moz-placeholder { color:#ddd; font-weight:light } .search-box input:-ms-input-placeholder { color:#ddd; font-weight:light } .search-box input::placeholder { color:#ddd; font-weight:light } .search-box .search-box__submit { position:absolute; right:0; margin:8px 15px; top:0; font-size:1.60714285714125rem } .search { position:fixed; top:3.571428571425rem; z-index:50; width:100%; height:calc(100% - 3.571428571425rem); display:none; background:0 0; overflow:hidden; box-shadow:0 2px 2px rgba(0,0,0,.1) } .notification-circle, .search-content .search-form button:before, .search.is-active { display:block } .search-content .search-form { width:100%; max-width:992px; margin:.3571428571425rem auto; padding:0 1.42857142857rem; position:relative } .search-content .search-form input { width:100%; height:2.85714285714rem; border:none; box-sizing:border-box; padding-right:2.85714285714rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:0 0; color:#4e565f; font-size:1.42857142857rem } .search-content .search-form input:focus { outline:0 } .search-content .search-form button { outline:0; width:1.42857142857rem; height:100%; background:0 0; position:absolute; font-size:2.142857142855rem; right:1.42857142857rem; top:0; float:right; border:none } @media screen and (min-width:993px) { .search { overflow:initial; height:auto } } .site-drawer { z-index:30; max-width:calc(100% - 45px); -webkit-transition:width .2s ease; transition:width .2s ease; right:0; width:0; position:fixed; top:3.571428571425rem; height:calc(100vh - 3.571428571425rem) } .site-drawer__wrapper { width:350px; max-width:100%; overflow:hidden } .site-drawer__wrapped-content { overflow:hidden; width:100% } .site-drawer .site-drawer__section { height:calc(100vh - 3.571428571425rem - 3.2142857142825rem); overflow-y:auto; -webkit-overflow-scrolling:touch } .site-drawer.is-active { right:0; width:350px } @media screen and (min-width:993px) { .site-drawer { left:0; width:0; position:fixed; top:3.571428571425rem; height:calc(100vh - 3.571428571425rem) } .site-drawer.is-locked { -webkit-transition:initial; transition:initial; width:350px } .site-drawer.is-locked~.site-content { padding-left:350px } .site-content { -webkit-transition:none; transition:none; right:0 } .rtl .site-drawer { right:0; left:auto } .rtl .site-drawer.is-locked~.site-content { padding-right:350px; padding-left:0 } } .menubox--notifications .menubox__top.isBlocker { background:tomato; border:1px solid #ff4d2d } .notification-circle { width:12px; height:12px; border-radius:6px } .notification-circle.isBlocker, .notification-circle.isWarning { background:tomato } .notification-circle.isInfo { background:#437943 } .userMenu .menubox__content { background:#fff } .form-control { border-radius:0; box-shadow:none; border:1px solid #ddd; -webkit-transition:border-color .5s ease; transition:border-color .5s ease; background:0 0 } .form-control:focus { border-color:#4ba2ce; outline:0; box-shadow:none } .btn.flat { border-radius:0; border:none; background-color:transparent; color:#09c } .btn.flat.disabled, .flat.btn[disabled], fieldset[disabled] .btn.flat { color:#aaa } .modal-content { box-shadow:0 3px 2px rgba(0,0,0,.2); border:1px solid rgba(0,0,0,.01) } .modal-dialog { margin-top:70px } @media screen and (min-width:601px) { .modal-dialog { margin-top:90px } } @media screen and (min-width:993px) { .modal-dialog { margin-top:100px } } .country-trends .card { margin-bottom:1.42857142857rem } .directory .table>tbody>tr>td, .directory .table>tbody>tr>th, .directory .table>thead>tr>td, .directory .table>thead>tr>th { width:33%; padding:12px 20px } .search-results__list__item { border-bottom:solid 1px #d9d9d9; padding:20px 0 } .search-results__list__item:last-of-type { border:none } .search-results__list__item__tag { font-size:11px; margin:0; letter-spacing:.05em } .search-results__list__item__tag>span { font-weight:700 } .search-results__list__item__tag>span:nth-of-type(2) { padding-left:5px; font-weight:400 } .search-results__list__item__title { margin:4px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100% } .search-results__list__item__title a { font-size:16px; color:inherit } .search-results__list__item__title a:hover { color:#337ab7; text-decoration:none } .search-results__list__item__subtitle { margin:0 0 4px; font-weight:400; font-size:14px } .search-results__list__item__meta { margin-bottom:5px; color:#9a9aa0 } .search-results__list__item__meta a { text-decoration:underline; color:inherit } .search-results__list__item__logo { float:right; margin-left:15px } .search-results__list__item__logo img { max-width:150px; max-height:60px } .search-results__list__item>div:after { content:""; display:block; clear:both } .search-results__list__item>div>a { margin-left:10px; float:right } .search-results__list__item__details { display:none } .search-results__list__overview { border-bottom:solid 1px #d9d9d9 } .search-results__list--short-list .search-results__list__item { border:none } .search-results__list--short-list__header h5 { display:inline } .search-results__list--short-list__header span { padding-left:10px } .search-results__list--short-list__more:hover { text-decoration:none } .search-results__list--short-list__more span { vertical-align:middle } @media screen and (min-width:481px) { .search-results__list--short-list__more { display:none } .search-results__list__item__title a { font-size:18px } } @media screen and (min-width:1401px) { .search-results__list--short-list .search-results__list__item:first-of-type { padding-top:0 } .search-results__list--short-list__header { width:200px; position:absolute; left:-200px; top:5px; text-align:right; padding-right:30px } .search-results__list--short-list__header h5 { display:block; margin:0 } .search-results__list--short-list__header span { padding-left:10px } } @media screen and (max-width:480px) { .search-results__list__item .tile .species-overview-map--small { width:64px; height:32px } .search-results__list__item .tile .species-overview-map--small>img { top:-12px } .search-results__list__item__title { overflow:visible; white-space:normal } .search-results__list__item__title--occurrence { max-width:calc(100% - 74px) } } .chip, .chip--facet-option, .chip--option, .list-chips li { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap } .inline-document-list>li>a>div>div, .max2Lines { -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis } .chip--facet-option.chip--selected, .chip--option.chip--selected, .chip.chip--selected, .list-chips li.chip--selected { background-color:#5a7888; color:#fff; display:inline-block; margin-left:20px; margin-right:20px; padding-left:10px; position:relative } .chip--facet-option.chip--selected:hover, .chip--option.chip--selected:hover, .chip.chip--selected:hover, .list-chips li.chip--selected:hover { background-color:#465d69 } .chip--facet-option.chip--selected .chip__remove, .chip--option.chip--selected .chip__remove, .chip.chip--selected .chip__remove, .list-chips li.chip--selected .chip__remove { width:12px; height:12px; display:block; opacity:1; top:calc(50% - 6px); right:5px; position:absolute } .chip--facet-option.chip--selected .chip__remove:after, .chip--facet-option.chip--selected .chip__remove:before, .chip--option.chip--selected .chip__remove:after, .chip--option.chip--selected .chip__remove:before, .chip.chip--selected .chip__remove:after, .chip.chip--selected .chip__remove:before, .list-chips li.chip--selected .chip__remove:after, .list-chips li.chip--selected .chip__remove:before { -webkit-transition:all .3s ease; transition:all .3s ease; content:''; position:absolute; width:12px; top:50%; height:1.2px; background:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg) } .chip--facet-option.chip--selected .chip__remove:after, .chip--option.chip--selected .chip__remove:after, .chip.chip--selected .chip__remove:after, .list-chips li.chip--selected .chip__remove:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg) } .chip--facet-option>* { min-width:0 } .chip--facet-option .chip__title { -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; text-overflow:ellipsis; overflow:hidden } .chip--facet-option .chip__title span { text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .chip--facet-option .chip__count { float:right; font-weight:400; margin-top:2px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; background:0 0; color:#888 } .fit-suggestions+ul.dropdown-menu { width:calc(100% - 20px); border-radius:0; margin:0 10px } .fit-suggestions+ul.dropdown-menu a { overflow:hidden; text-overflow:ellipsis } .fit-suggestions--searchBox+ul.dropdown-menu { width:100%; border-radius:0; margin:15px -20px } .fit-suggestions--searchBox+ul.dropdown-menu a { overflow:hidden; text-overflow:ellipsis } .parent-evt { text-overflow:ellipsis; max-width:250px; display:inline-block; overflow:hidden; white-space:nowrap } .chart-col occurrence-breakdown-card { display:block; padding-bottom:20px } @media screen and (min-width:993px) { .chart-col { -webkit-column-count:2; -moz-column-count:2; column-count:2 } .chart-col>div { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column } .chart-col .table-container { position:initial } } @media print { .chart-col { -webkit-column-count:auto!important; -moz-column-count:auto!important; column-count:auto!important } .chart-col>div { -webkit-column-break-inside:initial; page-break-inside:initial; break-inside:initial } } .summaryStats__item { padding-top:10px; padding-bottom:10px; color:inherit } .summaryStats>a:hover { color:inherit; text-decoration:underline } .summaryStats__percentage { display:block; float:left; height:50px; line-height:25px; padding-left:10px; font-weight:400; font-size:18px; max-width:calc(100% - 50px); overflow:hidden } .summaryStats__percentage>div { font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .summaryStats__description { display:block; float:left; height:50px; line-height:50px; padding-left:10px; font-weight:400 } .summaryStats__circle { width:50px; height:50px; line-height:50px; font-size:50px; margin:auto; display:inline-block; float:left; color:#c4cfd5; text-decoration:none } .summaryStats__circle:hover { text-decoration:none; color:#a7b6bf } .summaryStats__circle--occurrences, .summaryStats__circle--species { border-radius:50% } .summaryStats__circle--occurrences { background:#71b171 } .summaryStats__circle--species { background:#8ab9c1 } .summaryStats__simple { color:inherit } .summaryStats__simple__count { padding:20px 20px 5px; font-size:18px } .summaryStats__simple__description { padding:0 20px 20px } .rtl .summaryStats__description, .rtl .summaryStats__percentage { float:right; padding-left:0; padding-right:10px } .rtl .summaryStats__circle { float:right } .logoImg { margin-left:4px } .logoImg>img { max-height:64px } .gb-badge, .gb-badge--green, .gb-badge--red, .gb-badge--yellow, .trusted-contact .c-error-badge { padding:3px 10px; border-radius:3px } .gb-badge--red, .trusted-contact .c-error-badge { background:tomato; color:#fff } .gb-badge--green { background:#71b171; color:#fff } .gb-badge--yellow { background:#fdb002; color:#fff } .processSummary { width:120px; max-width:100%; height:120px; margin:auto } .processSummary>span { display:inline-block; width:20%; height:20%; border:2px solid #fff; float:left; background:tomato } .processSummary .processSummary__NORMAL { background:#71b171 } .processSummary .processSummary__NOT_MODIFIED { background:#92c392 } .processSummary .processSummary__EMPTY { background:#eee } .rtl .processSummary>span { float:right } .dataset-key__sampling ol li { padding-bottom:15px } .networkMetrics-col occurrence-breakdown-card { display:block; padding-bottom:20px } @media screen and (min-width:1201px) { .networkMetrics-col { -webkit-column-count:2; -moz-column-count:2; column-count:2 } .networkMetrics-col>div { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column } .networkMetrics-col .table-container { position:initial } } @media print { .networkMetrics-col { -webkit-column-count:auto!important; -moz-column-count:auto!important; column-count:auto!important } .networkMetrics-col>div { -webkit-column-break-inside:initial; page-break-inside:initial; break-inside:initial } } .card__header { padding:30px; font-size:16px } downloadKey__storageTeaser { font-style:italic; margin-left:5px } .storyline__chapter { position:relative } .storyline__block { padding-bottom:75px } .storyline__bullet { display:none; position:absolute; top:0; left:0; width:50px; height:50px; border:2px solid #888; border-radius:25px; text-align:center } .storyline__bullet>span { color:#888; font-size:30px; line-height:45px } .storyline__pipe { display:none; background-color:#aaa; padding-top:2px; position:absolute; top:50px; bottom:0; left:24px; width:2px; margin-top:-1px } .empty-box { border:3px dashed #dbe3e7; border-radius:8px; padding:30px; color:#dbe3e7; text-align:center } .predicateContainer { position:relative } .predicateContainer .toggle { position:absolute; top:0; right:0; margin:.714285714285rem; color:#aaa } .predicateContainer pre { border:none; background:0 0 } .rtl .toggle { right:auto; left:0 } .predicates { font-size:14px } .predicates.isSimplePredicate .leaf .node { min-width:170px } .predicates ul { padding:5px } .predicates ul ul { -webkit-transition:background-color .3s ease; transition:background-color .3s ease } .predicates ul ul:hover { background-color:rgba(0,0,0,.02) } .predicates ul.not { padding:0 } .predicates ul .leaf:after, .predicates ul ul .join:after { content:''; display:block; height:2px; background:#aaa; width:35px; position:absolute; top:15px; left:0; z-index:1 } .predicates ul .leaf:after, .predicates ul ul.not .join:after { top:9px } .predicates ul.not>li>ul { padding-top:0 } .predicates ul>.join>.discreet { opacity:0; -webkit-transition:opacity .3s ease; transition:opacity .3s ease } .predicates ul:hover>.join>.discreet { opacity:1 } .predicates .node { display:inline-block; background:#666; color:#fff; padding:0 10px; margin-right:10px; z-index:2; position:relative } .predicates .node-value span { padding:0 3px } .predicates .not .leaf .node { background:tomato } .predicates .leaf .node { background:#71b171 } .predicates ul>li { position:relative; padding-left:30px; margin-left:10px; margin-top:10px } .predicates ul>li:before { content:''; display:block; border-radius:50%; height:10px; width:10px; border:2px solid #aaa; background:#fff; position:absolute; left:-4px; top:5px; z-index:2 } .predicates ul>li.hasChildren:before { top:11px } .predicates ul>li .pipe { width:2px; background:#aaa; position:absolute; left:0; top:15px; bottom:-22px } .predicates ul>li:first-of-type>.pipe { top:-10px } .predicates ul>li:last-of-type>.pipe { display:none } .predicates ul>li:only-of-type>.pipe { display:block; bottom:initial; height:20px } .rtl .predicates ul .leaf:after, .rtl .predicates ul ul .join:after { right:0; left:auto } .rtl .predicates .node { margin-right:0; margin-left:10px } .rtl .predicates ul>li { padding-left:0; padding-right:30px; margin-right:10px; margin-left:0 } .rtl .predicates ul>li:before { right:-4px; left:auto } .rtl .predicates ul>li .pipe { left:auto; right:0 } .stripeList ul { padding:0 } .stripeList ul li { border-bottom:1px solid #dbe3e7 } .stripeList ul li>a { display:block; color:#4e565f; text-decoration:none; padding:2.142857142855rem; position:relative } .stripeList ul li>a .title { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:calc(100% - 80px) } .stripeList ul li>a:hover .title { text-decoration:underline } .stripeList ul li>a:hover .meta--hoverOnly { display:block } .stripeList ul li>a .meta, .stripeList ul li>a .meta--right { position:absolute; bottom:5px; color:#888; font-size:12px } .btn-circle-md, .occurrenceKey .article-header, .occurrenceKey__details>div { position:relative } .stripeList ul li>a .meta--right { right:2.142857142855rem } .stripeList ul li>a .meta--hoverOnly { display:none } .rtl .stripeList ul li>a:hover .meta--right { right:auto; left:2.142857142855rem } .numberBadge { display:inline-block; padding:3px; width:60px; background:#71b171; color:#fff; text-align:center } .gb-button--loader .loader { width:20px; top:5px; display:inline-block; margin-right:5px } .gb-button--loader .loader .path { stroke:rgba(0,0,0,.3) } @media screen and (min-width:769px) { .occurrenceKey__details>div { max-width:100% } .occurrenceKey__details>div section { max-width:calc(50% - 30px) } } @media screen and (min-width:993px) { .occurrenceKey__details>div { max-width:992px } .dataset-key__bibliography ol { list-style-type:decimal } } .occurrence-key__term-groups { min-width:350px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .occurrence-key__term-groups.is-expanded { min-width:800px } .occurrence-key__term-groups>section { -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; margin:0 15px } .occurrence-key__term-groups>section.is-expanded { -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; max-width:100% } .term-block .table { table-layout:fixed } .term-block .table td, .term-block .table th, .term-block .table tr { width:25% } .term-block .table td:first-of-type { width:150px; word-break:normal } .term-block dl dl { padding-left:1rem } .term-block dl dl dt { display:inline } .term-block.is-collapsed .table thead th { display:none } .table-extensions { margin-bottom:10px } .table-extensions th { white-space:nowrap; text-transform:capitalize } .table-extensions td { max-width:30em; word-wrap:break-word; word-break:break-word } .occurrenceKey__highlights .issue-summary { max-width:500px } .occurrenceKey__highlights .issue-summary .badge { font-weight:300 } @media screen and (min-width:769px) { .balanced-row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around } } .btn-circle-md { width:30px; height:30px; padding:0; text-align:center; font-size:20px; line-height:30px; border-radius:15px; background:#4e565f; color:#fff; display:inline-block; -webkit-transition:background .2s ease; transition:background .2s ease } .btn-circle-md:focus, .btn-circle-md:hover { color:#fff; background:#373d43; text-decoration:none } .btn-circle-md__count { background:#fff; color:#464646; position:absolute; bottom:-5px; left:-5px; border-radius:5px; font-size:12px; display:inline-block; line-height:1; padding:3px; border:1px solid #929292 } .mediaItems { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .mediaItems>div { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding:10px } .mediaItems>div>div { width:100% } @media screen and (min-width:601px) { .mediaItems>div { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50% } } .mediaItems_message { background:#ececec; margin:30px; height:50px; border-radius:25px; color:inherit; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 25px } .mediaItems_message i { font-size:22px; float:left; padding-right:10px } .mediaItems_message i, .mediaItems_message span { line-height:50px } .addressMap { position:relative; z-index:10 } .addressMap .mapWidget { height:200px; width:100% } .addressMap .mapWidget .mapWidget__mapWrapper { height:200px } .addressMap>* { z-index:10 } .documentPage article { padding-bottom:200px } .event__subtitle>span { margin:0 10px } .event--past .searchCard__date>div { background:#b3ad75 } .article-header.horizontal-stripe { padding-bottom:2.142857142855rem } .article-header__button { margin:20px } .article-header__highlights>div { display:inline-block; margin:0 10px } .article-header__highlights>div>span { padding-right:5px } .inline-document-list { list-style:none; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-10px } .inline-document-list>li { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:40%; min-width:300px; display:inline-block; box-shadow:0 2px 5px 3px rgba(0,0,0,.015); border:1px solid #eee; margin:10px 10px 20px; font-size:14px; border-radius:25px 0 0 } .inline-document-list>li>a { display:block; position:relative; height:52px } .inline-document-list>li>a img { float:left; height:52px; width:40px; border:none } .inline-document-list>li>a>div { padding:5px; margin-left:50px; margin-right:5px; height:52px } .inline-document-list>li>a>div>div { display:-webkit-box; overflow:hidden; max-height:2.85714285714rem; position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .article-secondary>section { margin-bottom:1.42857142857rem } .body-text--markdown+.article-secondary { padding-top:2.85714285714rem; margin-top:2.85714285714rem; border-top:1px solid #dbe3e7 } .associated-entities { color:#738d9c } .associated-entities li>a { color:inherit } .associated-entities__logos { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-15px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0 } .associated-entities__logos>li { display:inline-block; text-align:center; margin:15px; width:250px; float:left } .associated-entities__logos>li img { max-height:75px; margin:auto auto 10px } .associated-entities__logos>li div { max-width:250px; margin:auto } .associated-entities__titles { display:block; margin:auto; text-align:center } .associated-entities__titles li { display:inline-block } .associated-entities__titleBox { padding:10px; background:#d0d9de; border-radius:3px } .emptyInfo, .emptyInfo--large, .emptyInfo--small { text-align:center; color:#9fb7c3; padding:5rem 3rem 10rem } .emptyInfo--large { padding-bottom:30rem } .emptyInfo--small { padding:1rem 1rem 2rem } .chip, .list-chips li, .list-links--data-use-resources, .list-links--data-use-resources li { padding:0; display:inline } .grid { width:100%; min-height:500px } .grid-item { width:400px } .list-links--data-use-resources li:after { content:"," } .list-links--data-use-resources li:last-of-type:after { content:none } .chip>a, .list-chips li>a { display:inline-block; padding:0 .17857142857125rem; background:#f1f1f1; border:1px solid #ddd; color:inherit; text-decoration:none; font-size:12px } .list-chips, .list-citations { padding:0; display:inline } .chip>a:hover, .list-chips li>a:hover { background:#d7d7d7 } .list-chips__category { font-weight:700; margin-right:5px } .list-citations li { padding-top:5px } .list-citations li:first-of-type { display:inline } .list-citations li>* { margin:0!important; padding:0!important } .list-citations li>:first-of-type { display:inline } .list-citations img { max-width:10px; max-height:14px; margin:0 5px } @media screen and (min-width:769px) { .container--related-stories { max-width:992px } .container--related-stories .h4 a { line-height:1.3em } } .anchorTabs__content { display:none } .anchorTabs__content:target, .anchorTabs__tabs>div:last-child { display:block } .anchorTabs__content:target~div { display:none } .programme .search-table td>a:hover { text-decoration:underline } .searchCard__headline { font-size:16px; line-height:20px; margin:0 } .searchCard__date, .searchCard__img { float:right; margin-left:5px; border:1px solid #eee } .searchCard__type { padding:1px 5px; font-size:12px; background:#f1f1f1; display:inline-block; float:right; font-weight:700 } .searchCard__content p { font-size:12px } .searchCard__img { width:128px; height:64px } .searchCard__date { width:80px; background:#f7f9fa; text-align:center } .searchCard__date div { background:#71b171; color:#fff; padding:10px } .searchCard__date span { padding:10px; display:inline-block } .searchCard__meta { font-size:12px; color:#4c8a4c } .rtl .searchCard__type { float:left } .rtl .searchCard__img { float:left; margin-right:5px; margin-left:0 } .card--references ul { padding:0 } .card--references ul li { display:block; height:77px; padding:10px } .card--references__item>div { border-bottom:1px solid #dbe3e7 } .tableList ul { display:table; padding:0; width:100% } .tableList ul li { display:table-row } .tableList ul li>* { padding:10px; display:table-cell; vertical-align:middle } .galleryBar>div, .max2Lines { display:-webkit-box; overflow:hidden } .tableList ul li>*>span { color:#666; font-size:12px } .tableList__img { width:60px; text-align:center } .tableList img { border-radius:50%; overflow:hidden } .max2Lines { max-height:2.85714285714rem } .galleryBar { height:150px; overflow:hidden; position:relative } .galleryBar>div { display:-ms-flexbox; display:flex; overflow-x:auto; height:250px; padding-bottom:100px } .galleryBar__img { margin-right:10px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:200px; height:150px } .galleryBar__img img { height:150px } .galleryBar>a { position:absolute; margin:10px; bottom:0; right:0; display:none } .galleryBar .summary { background:rgba(0,0,0,.3); color:#fff; position:relative; bottom:25px; width:100%; padding:5px } .rtl .galleryBar__img { margin-right:0; margin-left:10px } @media screen and (min-width:769px) { .galleryBar>a { display:block } } .rtl .jslghtbx-caption { direction:ltr } .dropArea, .dropArea--small { text-align:center; border-radius:5px; border:3px dashed #dbe3e7; color:#dbe3e7; padding:50px; font-size:2em; cursor:pointer } .dropArea--hasFiles, .dropArea--small--hasFiles { padding:20px 30px } .dropArea--small { font-size:1.5em; padding:.5em } .fileList { margin:0; padding:0 } .fileList__item { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; border-bottom:1px solid #dbe3e7 } .fileList__item__field { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding:15px } .fileList__item__field--main { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; line-height:26px } .fileList__item__action, .fileList__item__icon { font-size:18px } .fileList__item__action { color:inherit } .fileList__item__action:focus, .fileList__item__action:hover { color:#71b171 } .fileList__item input { border:none; width:100%; border-bottom:1px solid #dbe3e7 } .fileList__item input:focus { outline:0; border-bottom-color:#71b171 } .fileList__item input::-webkit-input-placeholder { color:#dbe3e7 } .fileList__item input::-moz-placeholder { color:#dbe3e7 } .fileList__item input:-ms-input-placeholder { color:#dbe3e7 } .fileList__item input::placeholder { color:#dbe3e7 } .fileList__item input.ng-invalid { border-bottom-color:tomato } .fileList__item:last-child { border:none } .fileList .warning { background:#fdb002; padding:3px; color:#fff } .dataRepo-author md-input-container { margin:18px 0 0 } .card--upload { max-width:400px; margin:auto } .dataset-key__bibliography ol { padding:0 } .dataset-key__bibliography ol li { padding-bottom:15px } .dataset-key__bibliography .inline-bullet-list li:after { color:rgba(0,0,0,.3) } .dataset-key__sampling ol { padding:0; list-style:decimal } .counted-section div:first-of-type, .counted-section--connected div:first-of-type { float:left; text-align:center; width:2.85714285714rem; margin-top:-.089285714285625rem; margin-left:.5px } .counted-section div:last-of-type, .counted-section--connected div:last-of-type { margin-left:1.42857142857rem; padding-bottom:2.142857142855rem; padding-left:2.142857142855rem } .counted-section--connected div:last-of-type { border-left:1px solid #656f7b } .counted-section--connected:last-of-type div:last-of-type { border:none } .dataset-key__taxonomicCoverages__rank { margin-bottom:1.42857142857rem } .dataset-key__taxonomicCoverages__columns { -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px; font-size:14px } .dataset-key__taxonomicCoverages__columns a { display:block } .dataset-key__taxonomicCoverages__description { margin-left:2.85714285714rem } .termsPopup { opacity:0; right:-9999px; position:fixed; bottom:0; margin:10px; width:350px; max-width:90%; min-height:100px; z-index:80 } .termsPopup.is-shown { display:block; -webkit-animation:fadeIn 5s; animation:fadeIn 5s; right:.714285714285rem; opacity:1; box-shadow:0 0 100px 10000px rgba(0,0,0,.5) } .termsPopup p { font-weight:300 } .termsPopup a { text-transform:uppercase } @-webkit-keyframes fadeIn { 0% { opacity:0; right:.714285714285rem } 20% { opacity:0 } 40% { opacity:1 } 100% { opacity:1; right:.714285714285rem } } @keyframes fadeIn { 0% { opacity:0; right:.714285714285rem } 20% { opacity:0 } 40% { opacity:1 } 100% { opacity:1; right:.714285714285rem } } .occurrenceKey__map { position:relative; z-index:20; height:350px; max-height:calc(100vh - 40px - 3.571428571425rem) } .occurrenceKey__markerMessage { margin:0 } .occurrenceKey__markerMessage dt>span { padding:0 .5em; font-weight:300; color:#bbb } .occurrenceKey .globe-context { position:absolute; top:0; right:0; z-index:100; width:70px; height:70px } .ol-popup { position:absolute; background-color:#fff; -webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2)); filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .2)); padding:15px; border-radius:10px; border:1px solid #ccc; bottom:12px; left:-50px; min-width:280px; z-index:100 } .ol-popup:after, .ol-popup:before { top:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none } .ol-popup:after { border-top-color:#fff; border-width:10px; left:48px; margin-left:-10px } .ol-popup:before { border-top-color:#ccc; border-width:11px; left:48px; margin-left:-11px } .ol-popup-closer { text-decoration:none; position:absolute; top:2px; right:8px } .ol-popup-closer:after { content:"✖" } .taxonomyBrowser { font-size:14px } .taxonomyBrowser .discreet--very { color:#9cabb3 } .taxonomyBrowser ul { padding:0 } .taxonomyBrowser__child, .taxonomyBrowser__current, .taxonomyBrowser__parent { padding:8px 10px; position:relative; display:block } .taxonomyBrowser__accepted, .taxonomyBrowser__child, .taxonomyBrowser__parent { background-color:transparent; -webkit-transition:background-color .2s ease; transition:background-color .2s ease } .taxonomyBrowser__accepted:hover, .taxonomyBrowser__child:hover, .taxonomyBrowser__parent:hover { background-color:#e5ebef } .taxonomyBrowser__current { border:1px solid #dbe3e7; background:#fff; padding:15px 10px; border-width:1px 0 } .taxonomyBrowser__rank { font-size:12px; color:#666 } .taxonomyBrowser__term { font-size:12px; color:#9cabb3; width:65px; display:inline-block; position:absolute; text-overflow:ellipsis; overflow:hidden } .taxonomyBrowser__type { font-size:12px; color:#666; display:block } .taxonomyBrowser__headline, .taxonomyBrowser__subheadline { color:#666; font-size:12px; margin-left:70px } .taxonomyBrowser__headline { padding:10px } .taxonomyBrowser__description { margin-left:70px; display:block } .taxonomyBrowser__synonyms { margin-top:8px, } .taxonomyBrowser__synonym { position:relative; margin-bottom:4px } .taxonomyBrowser__synonym>span { position:absolute } .taxonomyBrowser__synonym>div { padding-left:15px } .taxonomyBrowser__synonym__bordered { border-left:2px solid #fdb002 } .taxonomyBrowser__basionyms { position:relative; margin-top:4px; margin-left:-70px!important } .taxonomyBrowser__basionyms>span { position:absolute } .taxonomyBrowser__basionyms>div { padding-left:0 } .taxonomyBrowser__group { text-align:right; margin:0 20px } .taxonomyBrowser__group>div { float:none } .taxonomyBrowser__current, .taxonomyBrowser__parent { position:relative } .taxonomyBrowser__action { position:absolute; z-index:2; top:0; right:0; display:block; border-radius:50%; margin:10px; width:30px; height:30px; text-align:center; line-height:30px } .hideInvalid.isInvalid, .showBroken.isInvalid>img { display:none } .taxonomyBrowser__action:hover { background:rgba(0,0,0,.1) } .rtl .taxonomyBrowser__description, .rtl .taxonomyBrowser__headline, .rtl .taxonomyBrowser__subheadline { margin-left:0; margin-right:70px } .rtl .taxonomyBrowser__synonym>div { padding-left:0; padding-right:15px } .rtl .taxonomyBrowser__synonym__bordered { border-left:none; border-right:2px solid #fdb002 } .rtl .taxonomyBrowser__basionyms { margin-left:0!important; margin-right:-70px!important } .rtl .taxonomyBrowser__basionyms>div { padding-right:0 } .rtl .taxonomyBrowser__group { text-align:right; text-align:left } .rtl .taxonomyBrowser__action { right:auto; left:0 } .showBroken.isInvalid { background-image:url(/img/brokenDoc.png); background-position:center; background-repeat:no-repeat; border:1px solid #ddd } .this-is-a-stub { width:100%; max-width:400px; margin:1.42857142857rem auto; font-weight:400 } .embeded-only { display:none!important } body { height:auto } </style> <div ui-view="main" class="viewContentWrapper ng-scope" style=""><aside class="site-drawer is-locked ng-isolate-scope" id="site-search" search-drawer="" filter="occurrence.occurrenceState" content-type="occurrences" ng-class="{'is-active': occurrence.showFilters}"> <!--<div class="site-drawer__fab" ng-style="vm.fabStyle">--> <!--Apply filters--> <!--</div>--> <div class="site-drawer__content"> <div class="site-drawer__header"> <div class="site-drawer__bar"> <div class="site-drawer__bar__title"> <!-- ngIf: !vm.expandContentTypeMenu --><a href="" class="inherit ng-scope" ng-click="vm.expandContentTypeMenu = true" ng-if="!vm.expandContentTypeMenu"> <span translate="search.occurrences" class="ng-scope">place for a header</span> <!--<span class="gb-icon-angle-down"></span>--> </a><!-- end ngIf: !vm.expandContentTypeMenu --> <!-- ngIf: vm.expandContentTypeMenu --> </div> </div> </div> <!--<ng-transclude ng-mousemove="vm.repositionFloatAction($event)"></ng-transclude>--> <ng-transclude class="site-drawer__transclude"> area for advanced search filters<br/> <b>Scientific Name: </b>Avena sativa L. </ng-transclude> </div> </aside> <!-- ngIf: occurrence.showFilters --> <div class="site-content ng-scope"> <div class="site-content__page lighter-background"> <div class="occurrence-search-results"> <!-- ngIf: !occurrence.occurrenceState.failedRequest --><!-- uiView: --><div ui-view="" ng-if="!occurrence.occurrenceState.failedRequest" class="ng-scope"><div class="wrapper-horizontal-stripes occurrence-search__table ng-scope"> <section class="horizontal-stripe--paddingless white-background search-header"> <div class="container-fluid"> <div class="row"> <div class="col-xs-12"> <nav class="article-header__category article-header__category--deep"> <span tx="search.nResults" tx-nr="occTable.occurrenceState.table.count">1 result</span> </span><!-- end ngIf: occTable.hasData() --> <!-- ngIf: !occTable.hasData() --> </nav> </div> </div> </div> </section> <section> <div><h3>Example 5: Search for a taxon that is found in an environmental sample from a "host" organism, in this case Avena sativa found in a hamster cheek sample</h3></div> </section> <section class="horizontal-stripe--paddingless lighter-background"> <!-- ngIf: !occTable.hasData() && !occTable.occurrenceState.failedRequest --> <div class="occurrence-search__table__area rtl-bootstrap" ng-show="occTable.hasData()" aria-hidden="false" style=""> <div class="scrollable-y"> <div class="table-container"> <table class="table search-table smaller"> <thead> <tr> <th ng-click="occTable.showTableCustomization($event)"></th> <th translate="ocurrenceFieldNames.scientificName" class="ng-scope">Scientific name</th> <th ng-repeat="col in occTable.columns" translate="ocurrenceFieldNames.country" ng-if="occTable.showCol(col)" class="ng-scope">Country or area</th> <th ng-repeat="col in occTable.columns" translate="occurrence.monthAndyear" ng-if="occTable.showCol(col)" class="ng-scope">Year(s)</th> <th ng-repeat="col in occTable.columns" translate="occurrence.DNA" ng-if="occTable.showCol(col)" class="ng-scope">gDNA</th> <th ng-repeat="col in occTable.columns" translate="occurrence.DNA" ng-if="occTable.showCol(col)" class="ng-scope">eDNA</th> <th ng-repeat="col in occTable.columns" translate="occurrence.DNA" ng-if="occTable.showCol(col)" class="ng-scope">Tissue</th> <th ng-repeat="col in occTable.columns" translate="occurrence.DNA" ng-if="occTable.showCol(col)" class="ng-scope">Specimen</th> <th ng-repeat="col in occTable.columns" translate="occurrence.DNA" ng-if="occTable.showCol(col)" class="ng-scope">Culture</th> <th ng-repeat="col in occTable.columns" translate="occurrence.DNA" ng-if="occTable.showCol(col)" class="ng-scope">eSample</th> </tr> </thead> <tbody> <!-- ngRepeat: result in occTable.occurrenceState.table.results --> <tr ng-repeat="result in occTable.occurrenceState.table.results" class="expand-test" style=""> <td class="table-cell table-cell--action"><span>-</span></td> <td dir="auto" class="table-cell--wide"> <a ui-sref="occurrenceKey({key:result.key})" ng-if="(result.issues.indexOf('TAXON_MATCH_HIGHERRANK') === -1 && result.issues.indexOf('TAXON_MATCH_NONE') === -1) || !result._verbatimRecord['http://rs.tdwg.org/dwc/terms/scientificName']" ng-bind-html="result._parsedName || result.scientificName" class="ng-binding ng-scope"><i>Cricetulus migratorius </i>(Pallas, 1773)</a> </td> <!-- ngIf: occTable.showCol('country') --><td dir="auto" class="table-cell--normal ng-scope" ng-if="occTable.showCol('country')"> AF <!-- ngIf: result.countryCode && result.countryCode != 'ZZ' --> </td> <!-- ngIf: occTable.showCol('eventDate') --><td dir="auto" class="table-cell--normal ng-scope" ng-if="occTable.showCol('eventDate')"> <!-- ngIf: result.eventDate --><a ui-sref="occurrenceKey({key:result.key})" ng-if="result.eventDate" class="ng-binding ng-scope"> 2011 </a><!-- end ngIf: result.eventDate --> </td><!-- end ngIf: occTable.showCol('eventDate') --> <td></td> <td><i class="fa fa-check"></i></td> <td></td> <td></td> <td></td> <td><i class="fa fa-check"></i></td> </tr><!-- end ngRepeat: result in occTable.occurrenceState.table.results --> <tr><td colspan="11" > <table width="80%" style="margin-left:40px;border-top: solid 1px grey; border-left: solid 1px grey; border-bottom: solid 1px grey; border-right: solid 1px grey;"> <th><b>Repository</b></th><th><b>Record ID</b></th><th><b>Sample Type</b></th><th><b>Preparation Type</b></th><th><b>Available for Loan</b></th> <tr style="border-top: solid 1px grey;"><td colspan="5"><b>Environmental Sample</b></td></tr> <tr><td>National Museum of Natural History</td><td>AE4SG59</td><td>eSample</td><td>Host-Associated, Cheek pouch contents</td><td>No</td></tr> <tr><td>National Museum of Natural History</td><td>AE4SG60</td><td>DNA</td><td>eDNA</td><td>No</td></tr> </table></td></tr> </tbody> <tr><td colspan="7"><i>Note: the scientific name does not show up in the results table; since the eSample has a biotic origin the scientific name of the "host" organism is shown</i></td></tr> </table> </div> </div> </div><!-- end ngIf: occTable.hasData() --> </div> </section> </div> <script type="text/ng-template" id="customTableColumns.tmpl.html" class="ng-scope"> <md-dialog aria-label="Select table columns"> <md-toolbar> <div class="md-toolbar-tools"> <h4 class="card-header" style="color:white" translate="occurrenceSearch.selectColumns">Select table columns</h4> <span flex></span> <md-button class="md-icon-button" ng-click="cancel()"> <md-icon md-svg-src="img/icons/ic_close_24px.svg" aria-label="Close dialog"></md-icon> </md-button> </div> </md-toolbar> <md-dialog-content style="max-width:400px"> <fieldset class="md-padding"> <div layout="row" layout-wrap flex> <div flex="100" ng-repeat="(col, val) in data.occurrenceSearchColumns"> <md-checkbox ng-checked="val" ng-click="data.occurrenceSearchColumns[col] = !data.occurrenceSearchColumns[col]" aria-label="{{col}}"> <span translate="{{ data.translationKeyOverwrites[col] || 'ocurrenceFieldNames.' + col }}"></span> </md-checkbox> </div> </div> </fieldset> </md-dialog-content> <md-dialog-actions layout="row"> <span flex></span> <md-button ng-click="hide()" translate="occurrenceSearch.done"></md-button> </md-dialog-actions> </md-dialog> </script></div><!-- end ngIf: !occurrence.occurrenceState.failedRequest --> <!-- ngIf: occurrence.occurrenceState.failedRequest --> </div> </div> <div class="fab hide-on-laptop"> <!-- ngIf: !occurrence.showFilters --><a href="" class="gb-button--brand ng-scope" ng-click="occurrence.showFilters = !occurrence.showFilters" ng-if="!occurrence.showFilters"> <span><span class="gb-icon-filters"></span><span translate="search.filters" class="ng-scope">Filters</span></span> </a><!-- end ngIf: !occurrence.showFilters --> </div> </div> </div> <script> $('.expand-test').click(function(){ $(this).find('span').text(function(_, value){return value=='-'?'+':'-'}); $(this).nextUntil('tr.expand-test').slideToggle(100); }).click(); </script>