@charset "UTF-8"; .buttonBlue { background-image: linear-gradient(#055098, #173e72); background-color: #055098; background-repeat: repeat-x; border-color: #173e72; } html body .buttonBlue { color: #FFFFFF; } .buttonBlue:hover, .buttonBlue :focus { background-image: linear-gradient(#166ada, #055098); } .buttonBlue:hover, .buttonBlue :focus { border-color: #166ada; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } html { height: 100%; } body { min-width: 800px; font-family: "Open Sans", Arial, sans-serif; font-size: 12px; line-height: 18px; height: 100%; margin: 0; text-align: left; color: #505050; font-smooth: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a img { border: none; } a { color: #166ada; text-decoration: underline; } a:active { outline: none; } a:hover, a:active { color: #166ada; outline: none; } /* text-decoration: none; */ article, footer, header, nav, section { display: block; } h1, h2, h3, h4, h5, h6 { color: #505050; } hr { border: none; border-color: yellow; border-top: #0b3160 solid 1px; height: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { text-align: left; font-weight: normal; vertical-align: middle; } input:focus, select:focus, textarea:focus { outline: none; } label { cursor: pointer; } td { vertical-align: top; } option { padding: 2px; } sup { font-size: 0.8em; vertical-align: super; } i { font-style: normal; } :-moz-ui-invalid:not(output) { box-shadow: none; } sub, sup { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; } sup { /* Move the superscripted text up */ top: -0.5em; } sub { /* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; } /* hide the 'X' button from inputs */ ::-ms-clear { width: 0; height: 0; } ::-ms-reveal { width: 0; height: 0; } /* * Symbolset * www.symbolset.com * Copyright ยฉ 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSGizmo"; src: url("/webfiles/icons/webfonts/gizmo/ss-gizmo.eot"); src: local("SS Gizmo"), local("SSGizmo"), url("/webfiles/icons/webfonts/gizmo/ss-gizmo.eot?#iefix") format("embedded-opentype"), url("/webfiles/icons/webfonts/gizmo/ss-gizmo.woff") format("woff"), url("/webfiles/icons/webfonts/gizmo/ss-gizmo.ttf") format("truetype"), url("/webfiles/icons/webfonts/gizmo/ss-gizmo.svg#SSGizmo") format("svg"); font-weight: normal; font-style: normal; } .ss-icon, .ss-icon.ss-gizmo, [class^=ss-]:before, [class*=" ss-"]:before, [class^=ss-].ss-gizmo:before, [class*=" ss-"].ss-gizmo:before, [class^=ss-].right:after, [class*=" ss-"].right:after, [class^=ss-].ss-gizmo.right:after, [class*=" ss-"].ss-gizmo.right:after { font-family: "SSGizmo"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^=ss-].right:before, [class*=" ss-"].right:before, [class*=" ss-"].ss-gizmo.right:before { display: none; content: ""; } .ss-cursor:before, .ss-cursor.right:after { content: "\e001"; } .ss-crosshair:before, .ss-crosshair.right:after { content: "โŒ–"; } .ss-search:before, .ss-search.right:after { content: "๐Ÿ”Ž"; } .ss-zoomin:before, .ss-zoomin.right:after { content: "\e002"; } .ss-zoomout:before, .ss-zoomout.right:after { content: "\e003"; } .ss-view:before, .ss-view.right:after { content: "๐Ÿ‘€"; } .ss-attach:before, .ss-attach.right:after { content: "๐Ÿ“Ž"; } .ss-link:before, .ss-link.right:after { content: "๐Ÿ”—"; } .ss-unlink:before, .ss-unlink.right:after { content: "\e011"; } .ss-move:before, .ss-move.right:after { content: "\e070"; } .ss-write:before, .ss-write.right:after { content: "โœŽ"; } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: "\e071"; } .ss-erase:before, .ss-erase.right:after { content: "โœ"; } .ss-compose:before, .ss-compose.right:after { content: "๐Ÿ“"; } .ss-lock:before, .ss-lock.right:after { content: "๐Ÿ”’"; } .ss-unlock:before, .ss-unlock.right:after { content: "๐Ÿ”“"; } .ss-key:before, .ss-key.right:after { content: "๐Ÿ”‘"; } .ss-backspace:before, .ss-backspace.right:after { content: "โŒซ"; } .ss-ban:before, .ss-ban.right:after { content: "๐Ÿšซ"; } .ss-smoking:before, .ss-smoking.right:after { content: "๐Ÿšฌ"; } .ss-nosmoking:before, .ss-nosmoking.right:after { content: "๐Ÿšญ"; } .ss-trash:before, .ss-trash.right:after { content: "\e0d0"; } .ss-target:before, .ss-target.right:after { content: "โ—Ž"; } .ss-tag:before, .ss-tag.right:after { content: "\e100"; } .ss-bookmark:before, .ss-bookmark.right:after { content: "๐Ÿ”–"; } .ss-flag:before, .ss-flag.right:after { content: "โš‘"; } .ss-like:before, .ss-like.right:after { content: "๐Ÿ‘"; } .ss-dislike:before, .ss-dislike.right:after { content: "๐Ÿ‘Ž"; } .ss-heart:before, .ss-heart.right:after { content: "โ™ฅ"; } .ss-star:before, .ss-star.right:after { content: "โ‹†"; } .ss-sample:before, .ss-sample.right:after { content: "\e200"; } .ss-crop:before, .ss-crop.right:after { content: "\e201"; } .ss-layers:before, .ss-layers.right:after { content: "\e202"; } .ss-layergroup:before, .ss-layergroup.right:after { content: "\e207"; } .ss-pen:before, .ss-pen.right:after { content: "โœ’"; } .ss-bezier:before, .ss-bezier.right:after { content: "\e2a0"; } .ss-pixels:before, .ss-pixels.right:after { content: "\e2a1"; } .ss-phone:before, .ss-phone.right:after { content: "๐Ÿ“ž"; } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: "\e300"; } .ss-touchtonephone:before, .ss-touchtonephone.right:after { content: "โ˜"; } .ss-mail:before, .ss-mail.right:after { content: "โœ‰"; } .ss-inbox:before, .ss-inbox.right:after { content: "๐Ÿ“ฅ"; } .ss-outbox:before, .ss-outbox.right:after { content: "๐Ÿ“ค"; } .ss-chat:before, .ss-chat.right:after { content: "๐Ÿ’ฌ"; } .ss-user:before, .ss-user.right:after { content: "๐Ÿ‘ค"; } .ss-users:before, .ss-users.right:after { content: "๐Ÿ‘ฅ"; } .ss-usergroup:before, .ss-usergroup.right:after { content: "\e400"; } .ss-businessuser:before, .ss-businessuser.right:after { content: "\e407"; } .ss-man:before, .ss-man.right:after { content: "๐Ÿ‘จ"; } .ss-male:before, .ss-male.right:after { content: "\e450"; } .ss-woman:before, .ss-woman.right:after { content: "๐Ÿ‘ฉ"; } .ss-female:before, .ss-female.right:after { content: "\e451"; } .ss-raisedhand:before, .ss-raisedhand.right:after { content: "โœ‹"; } .ss-hand:before, .ss-hand.right:after { content: "\e410"; } .ss-pointup:before, .ss-pointup.right:after { content: "๐Ÿ‘†"; } .ss-pointupright:before, .ss-pointupright.right:after { content: "\f510"; } .ss-pointright:before, .ss-pointright.right:after { content: "๐Ÿ‘‰"; } .ss-pointdownright:before, .ss-pointdownright.right:after { content: "\f511"; } .ss-pointdown:before, .ss-pointdown.right:after { content: "๐Ÿ‘‡"; } .ss-pointdownleft:before, .ss-pointdownleft.right:after { content: "\f512"; } .ss-pointleft:before, .ss-pointleft.right:after { content: "๐Ÿ‘ˆ"; } .ss-pointupleft:before, .ss-pointupleft.right:after { content: "\f513"; } .ss-cart:before, .ss-cart.right:after { content: "\e500"; } .ss-creditcard:before, .ss-creditcard.right:after { content: "๐Ÿ’ณ"; } .ss-calculator:before, .ss-calculator.right:after { content: "\e551"; } .ss-barchart:before, .ss-barchart.right:after { content: "๐Ÿ“Š"; } .ss-piechart:before, .ss-piechart.right:after { content: "\e570"; } .ss-box:before, .ss-box.right:after { content: "๐Ÿ“ฆ"; } .ss-home:before, .ss-home.right:after { content: "โŒ‚"; } .ss-globe:before, .ss-globe.right:after { content: "๐ŸŒŽ"; } .ss-navigate:before, .ss-navigate.right:after { content: "\e670"; } .ss-compass:before, .ss-compass.right:after { content: "\e671"; } .ss-signpost:before, .ss-signpost.right:after { content: "\e672"; } .ss-location:before, .ss-location.right:after { content: "\e6d0"; } .ss-floppydisk:before, .ss-floppydisk.right:after { content: "๐Ÿ’พ"; } .ss-database:before, .ss-database.right:after { content: "\e7a0"; } .ss-hdd:before, .ss-hdd.right:after { content: "\e7b0"; } .ss-microchip:before, .ss-microchip.right:after { content: "\e7c0"; } .ss-music:before, .ss-music.right:after { content: "โ™ซ"; } .ss-headphones:before, .ss-headphones.right:after { content: "๐ŸŽง"; } .ss-discdrive:before, .ss-discdrive.right:after { content: "\ea42"; } .ss-volume:before, .ss-volume.right:after { content: "๐Ÿ”ˆ"; } .ss-lowvolume:before, .ss-lowvolume.right:after { content: "๐Ÿ”‰"; } .ss-mediumvolume:before, .ss-mediumvolume.right:after { content: "\e803"; } .ss-highvolume:before, .ss-highvolume.right:after { content: "๐Ÿ”Š"; } .ss-airplay:before, .ss-airplay.right:after { content: "\e800"; } .ss-camera:before, .ss-camera.right:after { content: "๐Ÿ“ท"; } .ss-picture:before, .ss-picture.right:after { content: "๐ŸŒ„"; } .ss-video:before, .ss-video.right:after { content: "๐Ÿ“น"; } .ss-webcam:before, .ss-webcam.right:after { content: "\ea41"; } .ss-film:before, .ss-film.right:after { content: "\e8b0"; } .ss-playvideo:before, .ss-playvideo.right:after { content: "\e8a1"; } .ss-videogame:before, .ss-videogame.right:after { content: "๐ŸŽฎ"; } .ss-play:before, .ss-play.right:after { content: "โ–ถ"; } .ss-pause:before, .ss-pause.right:after { content: "\e8a0"; } .ss-stop:before, .ss-stop.right:after { content: "โ– "; } .ss-record:before, .ss-record.right:after { content: "โ—"; } .ss-rewind:before, .ss-rewind.right:after { content: "โช"; } .ss-fastforward:before, .ss-fastforward.right:after { content: "โฉ"; } .ss-skipback:before, .ss-skipback.right:after { content: "โฎ"; } .ss-skipforward:before, .ss-skipforward.right:after { content: "โญ"; } .ss-eject:before, .ss-eject.right:after { content: "โ"; } .ss-repeat:before, .ss-repeat.right:after { content: "๐Ÿ”"; } .ss-replay:before, .ss-replay.right:after { content: "โ†บ"; } .ss-shuffle:before, .ss-shuffle.right:after { content: "๐Ÿ”€"; } .ss-index:before, .ss-index.right:after { content: "\e902"; } .ss-storagebox:before, .ss-storagebox.right:after { content: "\e901"; } .ss-book:before, .ss-book.right:after { content: "๐Ÿ“•"; } .ss-notebook:before, .ss-notebook.right:after { content: "๐Ÿ““"; } .ss-newspaper:before, .ss-newspaper.right:after { content: "๐Ÿ“ฐ"; } .ss-gridlines:before, .ss-gridlines.right:after { content: "\e206"; } .ss-rows:before, .ss-rows.right:after { content: "\e9a1"; } .ss-columns:before, .ss-columns.right:after { content: "\e9a2"; } .ss-thumbnails:before, .ss-thumbnails.right:after { content: "\e9a3"; } .ss-mouse:before, .ss-mouse.right:after { content: "\ea40"; } .ss-usb:before, .ss-usb.right:after { content: "\eb86"; } .ss-desktop:before, .ss-desktop.right:after { content: "๐Ÿ’ป"; } .ss-laptop:before, .ss-laptop.right:after { content: "\ea00"; } .ss-tablet:before, .ss-tablet.right:after { content: "\ea01"; } .ss-smartphone:before, .ss-smartphone.right:after { content: "\ea02"; } .ss-cell:before, .ss-cell.right:after { content: "๐Ÿ“ฑ"; } .ss-battery:before, .ss-battery.right:after { content: "๐Ÿ”‹"; } .ss-highbattery:before, .ss-highbattery.right:after { content: "\ea10"; } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: "\ea11"; } .ss-lowbattery:before, .ss-lowbattery.right:after { content: "\ea12"; } .ss-chargingbattery:before, .ss-chargingbattery.right:after { content: "\ea14"; } .ss-lightbulb:before, .ss-lightbulb.right:after { content: "๐Ÿ’ก"; } .ss-washer:before, .ss-washer.right:after { content: "\ea80"; } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: "\eb00"; } .ss-download:before, .ss-download.right:after { content: "\eb01"; } .ss-downloadbox:before, .ss-downloadbox.right:after { content: "\eb02"; } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: "\eb40"; } .ss-upload:before, .ss-upload.right:after { content: "\eb41"; } .ss-uploadbox:before, .ss-uploadbox.right:after { content: "\eb42"; } .ss-fork:before, .ss-fork.right:after { content: "\eb80"; } .ss-merge:before, .ss-merge.right:after { content: "\eb81"; } .ss-refresh:before, .ss-refresh.right:after { content: "โ†ป"; } .ss-sync:before, .ss-sync.right:after { content: "\eb82"; } .ss-loading:before, .ss-loading.right:after { content: "\eb83"; } .ss-file:before, .ss-file.right:after { content: "๐Ÿ“„"; } .ss-files:before, .ss-files.right:after { content: "\ec00"; } .ss-addfile:before, .ss-addfile.right:after { content: "\ec01"; } .ss-removefile:before, .ss-removefile.right:after { content: "\ec02"; } .ss-checkfile:before, .ss-checkfile.right:after { content: "\ec03"; } .ss-deletefile:before, .ss-deletefile.right:after { content: "\ec04"; } .ss-exe:before, .ss-exe.right:after { content: "\ec30"; } .ss-zip:before, .ss-zip.right:after { content: "\ec31"; } .ss-doc:before, .ss-doc.right:after { content: "\ec32"; } .ss-pdf:before, .ss-pdf.right:after { content: "\ec34"; } .ss-jpg:before, .ss-jpg.right:after { content: "\ec35"; } .ss-png:before, .ss-png.right:after { content: "\ec36"; } .ss-mp3:before, .ss-mp3.right:after { content: "\ec37"; } .ss-rar:before, .ss-rar.right:after { content: "\ec38"; } .ss-gif:before, .ss-gif.right:after { content: "\ec39"; } .ss-folder:before, .ss-folder.right:after { content: "๐Ÿ“"; } .ss-openfolder:before, .ss-openfolder.right:after { content: "๐Ÿ“‚"; } .ss-downloadfolder:before, .ss-downloadfolder.right:after { content: "\ec76"; } .ss-uploadfolder:before, .ss-uploadfolder.right:after { content: "\ec77"; } .ss-quote:before, .ss-quote.right:after { content: "โ€œ"; } .ss-unquote:before, .ss-unquote.right:after { content: "โ€"; } .ss-print:before, .ss-print.right:after { content: "โŽ™"; } .ss-copier:before, .ss-copier.right:after { content: "\ed42"; } .ss-fax:before, .ss-fax.right:after { content: "๐Ÿ“ "; } .ss-scanner:before, .ss-scanner.right:after { content: "\ed43"; } .ss-printregistration:before, .ss-printregistration.right:after { content: "\ed44"; } .ss-shredder:before, .ss-shredder.right:after { content: "\ed40"; } .ss-expand:before, .ss-expand.right:after { content: "โคข"; } .ss-contract:before, .ss-contract.right:after { content: "\ee01"; } .ss-help:before, .ss-help.right:after { content: "โ“"; } .ss-info:before, .ss-info.right:after { content: "โ„น"; } .ss-alert:before, .ss-alert.right:after { content: "โš "; } .ss-caution:before, .ss-caution.right:after { content: "โ›”"; } .ss-logout:before, .ss-logout.right:after { content: "\ee02"; } .ss-login:before, .ss-login.right:after { content: "\ee03"; } .ss-scaleup:before, .ss-scaleup.right:after { content: "\ee04"; } .ss-scaledown:before, .ss-scaledown.right:after { content: "\ee05"; } .ss-plus:before, .ss-plus.right:after { content: "+"; } .ss-hyphen:before, .ss-hyphen.right:after { content: "-"; } .ss-check:before, .ss-check.right:after { content: "โœ“"; } .ss-delete:before, .ss-delete.right:after { content: "โก"; } .ss-notifications:before, .ss-notifications.right:after { content: "๐Ÿ””"; } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: "๐Ÿ”•"; } .ss-clock:before, .ss-clock.right:after { content: "โฒ"; } .ss-stopwatch:before, .ss-stopwatch.right:after { content: "โฑ"; } .ss-alarmclock:before, .ss-alarmclock.right:after { content: "โฐ"; } .ss-egg:before, .ss-egg.right:after { content: "\f100"; } .ss-eggs:before, .ss-eggs.right:after { content: "\f107"; } .ss-cheese:before, .ss-cheese.right:after { content: "\f101"; } .ss-chickenleg:before, .ss-chickenleg.right:after { content: "๐Ÿ—"; } .ss-pizzapie:before, .ss-pizzapie.right:after { content: "\efe0"; } .ss-pizza:before, .ss-pizza.right:after { content: "๐Ÿ•"; } .ss-cheesepizza:before, .ss-cheesepizza.right:after { content: "\efe1"; } .ss-frenchfries:before, .ss-frenchfries.right:after { content: "๐ŸŸ"; } .ss-apple:before, .ss-apple.right:after { content: "๐Ÿ"; } .ss-carrot:before, .ss-carrot.right:after { content: "\f111"; } .ss-broccoli:before, .ss-broccoli.right:after { content: "\f117"; } .ss-cucumber:before, .ss-cucumber.right:after { content: "\f116"; } .ss-orange:before, .ss-orange.right:after { content: "๐ŸŠ"; } .ss-lemon:before, .ss-lemon.right:after { content: "๐Ÿ‹"; } .ss-onion:before, .ss-onion.right:after { content: "\f115"; } .ss-bellpepper:before, .ss-bellpepper.right:after { content: "\f114"; } .ss-peas:before, .ss-peas.right:after { content: "\f112"; } .ss-grapes:before, .ss-grapes.right:after { content: "๐Ÿ‡"; } .ss-strawberry:before, .ss-strawberry.right:after { content: "๐Ÿ“"; } .ss-bread:before, .ss-bread.right:after { content: "๐Ÿž"; } .ss-mug:before, .ss-mug.right:after { content: "โ˜•"; } .ss-mugs:before, .ss-mugs.right:after { content: "\f12b"; } .ss-espresso:before, .ss-espresso.right:after { content: "\eff0"; } .ss-macchiato:before, .ss-macchiato.right:after { content: "\eff1"; } .ss-cappucino:before, .ss-cappucino.right:after { content: "\eff2"; } .ss-latte:before, .ss-latte.right:after { content: "\eff3"; } .ss-icedcoffee:before, .ss-icedcoffee.right:after { content: "\eff4"; } .ss-coffeebean:before, .ss-coffeebean.right:after { content: "\eff5"; } .ss-coffeemilk:before, .ss-coffeemilk.right:after { content: "\eff6"; } .ss-coffeefoam:before, .ss-coffeefoam.right:after { content: "\eff7"; } .ss-coffeesugar:before, .ss-coffeesugar.right:after { content: "\eff8"; } .ss-sugarpackets:before, .ss-sugarpackets.right:after { content: "\f135"; } .ss-capsule:before, .ss-capsule.right:after { content: "\eff9"; } .ss-capsulerecycling:before, .ss-capsulerecycling.right:after { content: "\effa"; } .ss-insertcapsule:before, .ss-insertcapsule.right:after { content: "\effb"; } .ss-tea:before, .ss-tea.right:after { content: "๐Ÿต"; } .ss-teabag:before, .ss-teabag.right:after { content: "\effc"; } .ss-jug:before, .ss-jug.right:after { content: "\f126"; } .ss-pitcher:before, .ss-pitcher.right:after { content: "\f19b"; } .ss-kettle:before, .ss-kettle.right:after { content: "\f19c"; } .ss-wineglass:before, .ss-wineglass.right:after { content: "๐Ÿท"; } .ss-sugar:before, .ss-sugar.right:after { content: "\f134"; } .ss-oven:before, .ss-oven.right:after { content: "\f140"; } .ss-stove:before, .ss-stove.right:after { content: "\f141"; } .ss-vent:before, .ss-vent.right:after { content: "\f143"; } .ss-exhaust:before, .ss-exhaust.right:after { content: "\f144"; } .ss-steam:before, .ss-steam.right:after { content: "โ™จ"; } .ss-dishwasher:before, .ss-dishwasher.right:after { content: "\f192"; } .ss-toaster:before, .ss-toaster.right:after { content: "\f193"; } .ss-microwave:before, .ss-microwave.right:after { content: "\f194"; } .ss-electrickettle:before, .ss-electrickettle.right:after { content: "\f195"; } .ss-refrigerator:before, .ss-refrigerator.right:after { content: "\f196"; } .ss-freezer:before, .ss-freezer.right:after { content: "\f197"; } .ss-utensils:before, .ss-utensils.right:after { content: "๐Ÿด"; } .ss-cookingutensils:before, .ss-cookingutensils.right:after { content: "\f151"; } .ss-whisk:before, .ss-whisk.right:after { content: "\f152"; } .ss-pizzacutter:before, .ss-pizzacutter.right:after { content: "\f153"; } .ss-measuringcup:before, .ss-measuringcup.right:after { content: "\f162"; } .ss-colander:before, .ss-colander.right:after { content: "\f163"; } .ss-eggtimer:before, .ss-eggtimer.right:after { content: "\f165"; } .ss-platter:before, .ss-platter.right:after { content: "\f166"; } .ss-plates:before, .ss-plates.right:after { content: "\f167"; } .ss-steamplate:before, .ss-steamplate.right:after { content: "\f198"; } .ss-cups:before, .ss-cups.right:after { content: "\f12a"; } .ss-steamglass:before, .ss-steamglass.right:after { content: "\f199"; } .ss-pot:before, .ss-pot.right:after { content: "\f168"; } .ss-steampot:before, .ss-steampot.right:after { content: "\f19a"; } .ss-chef:before, .ss-chef.right:after { content: "\f172"; } .ss-weathervane:before, .ss-weathervane.right:after { content: "\f200"; } .ss-thermometer:before, .ss-thermometer.right:after { content: "\f201"; } .ss-thermometerup:before, .ss-thermometerup.right:after { content: "\f203"; } .ss-thermometerdown:before, .ss-thermometerdown.right:after { content: "\f204"; } .ss-droplet:before, .ss-droplet.right:after { content: "๐Ÿ’ง"; } .ss-sunrise:before, .ss-sunrise.right:after { content: "๐ŸŒ…"; } .ss-sunset:before, .ss-sunset.right:after { content: "๐ŸŒ‡"; } .ss-sun:before, .ss-sun.right:after { content: "โ˜€"; } .ss-cloud:before, .ss-cloud.right:after { content: "โ˜"; } .ss-clouds:before, .ss-clouds.right:after { content: "\f220"; } .ss-partlycloudy:before, .ss-partlycloudy.right:after { content: "โ›…"; } .ss-rain:before, .ss-rain.right:after { content: "โ˜”"; } .ss-rainheavy:before, .ss-rainheavy.right:after { content: "\f224"; } .ss-lightning:before, .ss-lightning.right:after { content: "โ˜‡"; } .ss-thunderstorm:before, .ss-thunderstorm.right:after { content: "โ›ˆ"; } .ss-umbrella:before, .ss-umbrella.right:after { content: "โ˜‚"; } .ss-rainumbrella:before, .ss-rainumbrella.right:after { content: "\f270"; } .ss-rainbow:before, .ss-rainbow.right:after { content: "๐ŸŒˆ"; } .ss-rainbowclouds:before, .ss-rainbowclouds.right:after { content: "\f214"; } .ss-fog:before, .ss-fog.right:after { content: "\f211"; } .ss-wind:before, .ss-wind.right:after { content: "\f212"; } .ss-tornado:before, .ss-tornado.right:after { content: "\f213"; } .ss-snowflake:before, .ss-snowflake.right:after { content: "โ„"; } .ss-snowcrystal:before, .ss-snowcrystal.right:after { content: "โ†"; } .ss-lightsnow:before, .ss-lightsnow.right:after { content: "\f230"; } .ss-snow:before, .ss-snow.right:after { content: "\f231"; } .ss-heavysnow:before, .ss-heavysnow.right:after { content: "\f232"; } .ss-hail:before, .ss-hail.right:after { content: "\f244"; } .ss-crescentmoon:before, .ss-crescentmoon.right:after { content: "๐ŸŒ™"; } .ss-waxingcrescentmoon:before, .ss-waxingcrescentmoon.right:after { content: "๐ŸŒ’"; } .ss-firstquartermoon:before, .ss-firstquartermoon.right:after { content: "๐ŸŒ“"; } .ss-waxinggibbousmoon:before, .ss-waxinggibbousmoon.right:after { content: "๐ŸŒ”"; } .ss-waninggibbousmoon:before, .ss-waninggibbousmoon.right:after { content: "๐ŸŒ–"; } .ss-lastquartermoon:before, .ss-lastquartermoon.right:after { content: "๐ŸŒ—"; } .ss-waningcrescentmoon:before, .ss-waningcrescentmoon.right:after { content: "๐ŸŒ˜"; } .ss-fan:before, .ss-fan.right:after { content: "\f280"; } .ss-bike:before, .ss-bike.right:after { content: "๐Ÿšฒ"; } .ss-wheelchair:before, .ss-wheelchair.right:after { content: "โ™ฟ"; } .ss-briefcase:before, .ss-briefcase.right:after { content: "๐Ÿ’ผ"; } .ss-hanger:before, .ss-hanger.right:after { content: "\f1a0"; } .ss-comb:before, .ss-comb.right:after { content: "\f1a1"; } .ss-medicalcross:before, .ss-medicalcross.right:after { content: "\f4b0"; } .ss-up:before, .ss-up.right:after { content: "โฌ†"; } .ss-upright:before, .ss-upright.right:after { content: "โฌˆ"; } .ss-right:before, .ss-right.right:after { content: "โžก"; } .ss-downright:before, .ss-downright.right:after { content: "โฌŠ"; } .ss-down:before, .ss-down.right:after { content: "โฌ‡"; } .ss-downleft:before, .ss-downleft.right:after { content: "โฌ‹"; } .ss-left:before, .ss-left.right:after { content: "โฌ…"; } .ss-upleft:before, .ss-upleft.right:after { content: "โฌ‰"; } .ss-navigateup:before, .ss-navigateup.right:after { content: "\f500"; } .ss-navigateright:before, .ss-navigateright.right:after { content: "โ–ป"; } .ss-navigatedown:before, .ss-navigatedown.right:after { content: "\f501"; } .ss-navigateleft:before, .ss-navigateleft.right:after { content: "โ—…"; } .ss-retweet:before, .ss-retweet.right:after { content: "\f600"; } .ss-share:before, .ss-share.right:after { content: "\f601"; } @font-face { font-family: Gizmo; src: url("/webfiles/fonts/gizmo/ss-gizmo.eot"); } @font-face { font-family: Gizmo; src: url("/webfiles/fonts/gizmo/ss-gizmo.woff") format("woff"); } @font-face { font-family: Gizmo; src: url("/webfiles/fonts/gizmo/ss-gizmo.ttf"); } @font-face { font-family: "NexusSans"; font-style: normal; font-weight: 400; src: url(/webfiles/fonts/Nexus/NexusSansWebPro.eot) format("embedded-opentype"), url("/webfiles/fonts/Nexus/NexusSansWebPro.woff") format("woff"); } @font-face { font-family: "NexusSans"; font-style: italic; font-weight: 400; src: url(/webfiles/fonts/Nexus/NexusSansWebPro-Italic.eot) format("embedded-opentype"), url("/webfiles/fonts/Nexus/NexusSansWebPro-Italic.woff") format("woff"); } @font-face { font-family: "NexusSans"; font-style: normal; font-weight: 600; src: url(/webfiles/fonts/Nexus/NexusSansWebPro-Bold.eot) format("embedded-opentype"), url("/webfiles/fonts/Nexus/NexusSansWebPro-Bold.woff") format("woff"); } @font-face { font-family: "NexusSans"; font-style: italic; font-weight: 600; src: url(/webfiles/fonts/Nexus/NexusSansWebPro-BoldItalic.eot) format("embedded-opentype"), url("/webfiles/fonts/Nexus/NexusSansWebPro-BoldItalic.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url(/webfiles/fonts/OpenSans/OpenSans-Light-webfont.eot); src: local("Open Sans Light"), local("OpenSans-Light"), url(/webfiles/fonts/OpenSans/OpenSans-Light-webfont.eot) format("embedded-opentype"), url(/webfiles/fonts/OpenSans/OpenSans-Light-webfont.woff) format("woff"), url(/webfiles/fonts/OpenSans/OpenSans-Light-webfont.ttf) format("ttf"), url(/webfiles/fonts/OpenSans/OpenSans-Light-webfont.svg) format("svg"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 300; src: url(/webfiles/fonts/OpenSans/OpenSans-LightItalic-webfont.eot); src: local("OOpen Sans Light Italic"), local("OOpenSansLight-Italic"), url(/webfiles/fonts/OpenSans/OpenSans-LightItalic-webfont.eot) format("embedded-opentype"), url(/webfiles/fonts/OpenSans/OpenSans-LightItalic-webfont.woff) format("woff"), url(/webfiles/fonts/OpenSans/OpenSans-LightItalic-webfont.ttf) format("ttf"), url(/webfiles/fonts/OpenSans/OpenSans-LightItalic-webfont.svg) format("svg"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url(/webfiles/fonts/OpenSans/OpenSans-Regular-webfont.eot); src: local("Open Sans"), local("OpenSans"), url(/webfiles/fonts/OpenSans/OpenSans-Regular-webfont.eot) format("embedded-opentype"), url(/webfiles/fonts/OpenSans/OpenSans-Regular-webfont.woff) format("woff"), url(/webfiles/fonts/OpenSans/OpenSans-Regular-webfont.ttf) format("ttf"), url(/webfiles/fonts/OpenSans/OpenSans-Regular-webfont.svg) format("svg"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url(/webfiles/fonts/OpenSans/OpenSans-Italic-webfont.eot); src: local("Open Sans Italic"), local("OpenSans-Italic"), url(/webfiles/fonts/OpenSans/OpenSans-Italic-webfont.eot) format("embedded-opentype"), url(/webfiles/fonts/OpenSans/OpenSans-Italic-webfont.woff) format("woff"), url(/webfiles/fonts/OpenSans/OpenSans-Italic-webfont.ttf) format("ttf"), url(/webfiles/fonts/OpenSans/OpenSans-Italic-webfont.svg) format("svg"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url(/webfiles/fonts/OpenSans/OpenSans-Semibold-webfont.eot); src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/webfiles/fonts/OpenSans/OpenSans-Semibold-webfont.eot) format("embedded-opentype"), url(/webfiles/fonts/OpenSans/OpenSans-Semibold-webfont.woff) format("woff"), url(/webfiles/fonts/OpenSans/OpenSans-Semibold-webfont.ttf) format("ttf"), url(/webfiles/fonts/OpenSans/OpenSans-Semibold-webfont.svg) format("svg"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 600; src: url(/webfiles/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot); src: local("pen Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(/webfiles/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot) format("embedded-opentype"), url(/webfiles/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff) format("woff"), url(/webfiles/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf) format("ttf"), url(/webfiles/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.svg) format("svg"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url(/webfiles/fonts/OpenSans/OpenSans-Bold-webfont.eot); src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/webfiles/fonts/OpenSans/OpenSans-Bold-webfont.eot) format("embedded-opentype"), url(/webfiles/fonts/OpenSans/OpenSans-Bold-webfont.woff) format("woff"), url(/webfiles/fonts/OpenSans/OpenSans-Bold-webfont.ttf) format("ttf"), url(/webfiles/fonts/OpenSans/OpenSans-Bold-webfont.svg) format("svg"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url(/webfiles/fonts/OpenSans/OpenSans-BoldItalic-webfont.eot); src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(/webfiles/fonts/OpenSans/OpenSans-BoldItalic-webfont.eot) format("embedded-opentype"), url(/webfiles/fonts/OpenSans/OpenSans-BoldItalic-webfont.woff) format("woff"), url(/webfiles/fonts/OpenSans/OpenSans-BoldItalic-webfont.ttf) format("ttf"), url(/webfiles/fonts/OpenSans/OpenSans-BoldItalic-webfont.svg) format("svg"); } #wrapper { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 10; } #wrapper #content { -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; } #wrapper #header, #wrapper #footer { -ms-flex-negative: 0; flex-shrink: 0; } html.translated-ltr .pvWizardView { height: calc(100% - 40px); min-height: calc(100% - 40px) !important; } html.translated-ltr .pvWizardView #emtreeSidebar { top: 226px; } /* New Autocomplete * ---------------------------------------------- */ .autoComplete { background: #eee; border: 1px solid #bababa; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: none; left: 0; overflow: auto; position: absolute; text-align: left; width: 100%; z-index: 10; box-sizing: border-box; } .autoComplete ul { list-style-type: none; margin: 0; padding: 2px 0; position: relative; } .autoComplete ul li { float: left; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; } .autoComplete ul li a { color: black; display: block; text-decoration: none; padding: 5px; padding-left: 35px; white-space: nowrap; position: relative; } .autoComplete ul li a .emtreeSuggestionIcon { position: absolute; top: 50%; left: 10px; margin-top: -6px; padding: 2px; height: 5px; width: 5px; border: 2px solid #e9711c; border-radius: 50%; pointer-events: none; } .autoComplete ul li a .emtreeSuggestionIcon div { width: 5px; height: 5px; background: #e9711c; border-radius: 50%; } .selected .autoComplete ul li a .emtreeSuggestionIcon div { background: white; } .selected .autoComplete ul li a .emtreeSuggestionIcon { border-color: white; } .autoComplete ul li a.multiTerm { background: #fafafa; } .autoComplete ul li a.hovered { background: #e9711c; color: white; } .autoComplete ul li a.hovered .emtreeSuggestionIcon { border-color: white; } .autoComplete ul li a.hovered .emtreeSuggestionIcon div { background: white; } .autoComplete ul li a.hovered .numChildren { color: white; } .autoComplete ul li a.hovered .resultCount { color: white; } .autoComplete ul li a .prefTerm { margin-left: 5px; } .autoComplete ul li a .synonym { color: #c3c3c3; } .autoComplete ul li a .resultCount { position: absolute; top: 5px; padding-left: 5px; padding-right: 5px; right: 0px; z-index: 10; padding-right: 5px; } .autoComplete ul li a .numChildren { right: 0px; z-index: 10; position: absolute; top: 5px; padding-left: 5px; padding-right: 5px; color: #3366cc; font-size: 0.8em; padding-right: 5px; } .autoComplete ul li span.message { background-color: white; border: 0; margin: 0; padding: 5px; } /* BUTTONS IN BAR */ .barbutton { display: inline-block; cursor: pointer; line-height: 22px; padding-bottom: 1px; padding-top: 1px; font-size: 10.5px; text-decoration: none; color: #444444; position: relative; z-index: 1; } .barbuttonTab { display: inline-block; padding-left: 10px; padding-right: 10px; color: #444444; } .barbuttonTab:hover { color: #E9711C; } .barbuttonTab .bar-icon { color: #007398; display: block; font-size: 10px; font-weight: normal; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleX(2); transform: scaleX(2); padding-left: 3px; float: right; } .barbuttonTab .bar-icon::before { content: "v"; } .barbuttonTab:hover .bar-icon { color: #E9711C; } .barbuttonSelected { color: #E9711C; border-bottom: 1px solid #E9711C; } .barbuttonSelected .bar-icon { display: none; } .barbuttonSelected:hover { /* when no color set */ color: #E9711C; border-bottom: 0px; } .barbuttonSelected::after { content: "v"; color: #E9711C; display: block; font-size: 10px; font-weight: normal; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleX(2) rotate(180deg); transform: scaleX(2) rotate(180deg); padding-right: 4px; float: right; margin-bottom: -2px; margin-top: 2px; } /*.barbuttonTabContent, */ .buttonBar .contentSelected { border-top: 3px solid #E9711C !important; } .barSubmitButton { padding: 3px 20px 4px 20px; margin-right: 15px; } .dateInput { max-width: 85px !important; padding: 2px 5px !important; } .basebutton { line-height: 20px; padding: 0 5px; font-size: 12px; border-image: none; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); cursor: pointer; display: inline-block; font-weight: normal; letter-sppacing: 0.02em; padding: 1px 7px; position: relative; vertical-align: middle; white-space: nowrap; } #abxw .normalbutton { padding: 1px 7px; letter-spacing: 0.116667px; } #abxw .normalbutton.buttonWhite { background-image: linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238)); } #abxw .normalbutton.buttonWhite:hover { background-image: linear-gradient(#eaeaea, #dadada); } .normalbutton { padding: 3px 15px; } .bigButton { padding: 5px 15px; } .basebutton.buttonLightBlue { background-color: #055098; border: 0px; } html body .basebutton.buttonLightBlue { color: #FFFFFF; } .buttonWhite { background-image: linear-gradient(#FFFFFF, #eeeeee); background-color: #eaeaea; background-repeat: repeat-x; border-color: #eeeeee #dedede #dddddd #e7e7e7; } html body .buttonWhite { color: #055098; } .buttonWhite:hover, .buttonWhite :focus { background-image: linear-gradient(#eaeaea, #DCDCDC); } .buttonWhite:hover, .buttonWhite :focus { border-color: #cccccc #c9cac8 #b5b5b5; } /* cfa:Call for action button *---------------------------------------------- */ .cfa { text-align: right; float: right; font-family: "Open Sans", Arial, sans-serif; width: 100%; } /*Sergios DRY & added to ZEN */ /*.cfa a:hover { * text-decoration: none; *} */ .frmBtn { background: #e5c571 url("/webfiles/images/bg-frmBtn.png") 0 0 repeat-x; border: #7b797b solid 1px; color: black; display: block; float: right; text-decoration: none; white-space: nowrap; } .frmBtn:hover, .frmBtn:focus { color: black; } .frmBtn span { background-image: url("/webfiles/images/bg-frmBtn-corner.gif"); background-repeat: no-repeat; display: block; cursor: pointer; } .frmBtn .brc { padding: 0 8px 2px 6px; } .close_button, .ss-cancel-details { position: absolute; cursor: pointer; right: 3px; top: 3px; width: 16px; height: 16px; background: url("/webfiles/images/icon_close.png") 0 no-repeat; z-index: 1; } /*========Styles added by Alber for Emtree========*/ .node { cursor: pointer; } .node circle { fill: #fff; stroke: steelblue; stroke-width: 1.5px; } .node text { font: 10px sans-serif; } .link { fill: none; stroke: #ccc; stroke-width: 1.5px; } g.emtree-count { text-decoration: underline; } /* Dialog * --------------------------------------------- */ .overlay { background: url("/webfiles/images/bg_fade.png") 0 0 repeat; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1100; } .overlayVisible { display: block; } .dialog { display: none; left: 50%; margin-left: -135px; position: fixed; background-color: whitesmoke; top: 10%; width: 280px; z-index: 1200; /*border: #C9CAC8 solid 1px; */ border-radius: 2px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 15px 15px 10px 15px; } .dialog.wide { margin-left: -260px; width: 530px; } .dialog h2 { color: #505050; font-size: 1.2em; font-weight: normal; padding: 0; } .dialog .row { position: relative; min-height: 19px; padding-bottom: 8px; width: 520px; } .dialog .row label { display: block; font-weight: 600; line-height: 1.3em; padding: 1px 18px 2px 0px; cursor: default; } .dialog.info .title h2 { background: url("/webfiles/images/icon_info_popup.png") 0 2px no-repeat; padding-left: 20px; } .notes { background: whitesmoke; border-top: #c0c1c0 solid 1px; float: left; padding: 0.5em 0; width: 100%; } .notes .policy { float: right; } /* Dialog -- Info * --------------------------------------------- */ .dialog2 .info { background: url("/webfiles/images/icon_info_popup.png") 0 2px no-repeat; padding-left: 20px; } /* Dialog -- Login * --------------------------------------------- */ .dialog p.login { padding: 5px 0 12px 0; text-align: center; } .dialog p.login span { background: url("/webfiles/images/icon_activity_white.gif") 0 0 no-repeat; padding: 2px 0 2px 28px; } .dialog.about .row div { width: 307px; position: absolute; top: 0px; left: 176px; } #tip { display: none; } .infoTip { background-color: white; border: #0b3160 solid 1px; border-radius: 5px; display: none; float: left; font: 13px/18px Arial, Helvetica, sans-serif; left: 0; margin-left: 0; padding-top: 11px; position: absolute; top: 0; max-width: 375px; z-index: 201; box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.4); } .drugTip, .diseaseTip { padding: 0 6px 10px 6px; } .drugTip h2, .diseaseTip h2 { padding-bottom: 10px; } .drugTip h2 em { color: black; font-weight: 400; } .drugTip h5 { background: #efeeee; color: #616161; font-size: 0.9em; font-weight: 100; padding: 0 0 0 3px; } .diseaseTip h5 { background: #efeeee; color: #616161; font-size: 0.9em; font-weight: 100; padding: 0 0 0 3px; } .drugTip .innerCon p, diseaseTip p { font-weight: 700; padding: 0 0 0 3px; } .drugTip p, .diseaseTip p { padding: 3px; } .drugTip table, .diseaseTip table { margin: 0 0 6px 0; } .drugTip th, .drugTip td { border-bottom: solid 1px #efeeee; padding: 3px; text-align: left; } .diseaseTip th, .diseaseTip td { border-bottom: solid 1px #efeeee; padding: 3px; text-align: left; } .drugTip th, .diseaseTip th { border-bottom: solid 1px #efeeee; border-right: solid 1px #efeeee; font-weight: 100; width: 120px; } .drugTip th, .diseaseTip th { vertical-align: top; } .drugTip a.linkEmtree { background: url("/webfiles/images/icon_emtree.gif") no-repeat; font-size: 0.85em; padding: 3px 0 3px 20px; } .drugTip a.linkDrugterm { background: url("/webfiles/images/icon_emtree.gif") no-repeat; font-size: 0.85em; padding: 3px 0 3px 20px; background: url("/webfiles/images/icon_drugterm.gif") no-repeat; } .tip-arrows { background-repeat: no-repeat; position: absolute; } .tip-arrows.arrowTop { background-image: url("/webfiles/images/arrow-tooltip-infoTip-t.png"); height: 5px; position: absolute; top: -5px; width: 100%; } .tip-arrows.arrowBottom { background-image: url("/webfiles/images/arrow-tooltip-infoTip-b.png"); height: 5px; position: absolute; bottom: -5px; width: 100%; } .tip-arrows.arrowCenter { background-position: 50% 0; } .tip-arrows.arrowLeft { background-position: 25px 0; } .tip-arrows.arrowRight { background-position: 95% 0; } .savedClipboardsLabel { display: block; font-weight: 600; line-height: 1.3em; padding: 1px 18px 2px 0; cursor: default; } /* Dialog2 * --------------------------------------------- */ .dialog2 { background-color: white; /*border: #505050 solid 1px; */ border-radius: 2px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); font-family: "Open Sans", Arial, sans-serif; display: none; left: 50%; margin-left: -310px; padding: 20px; padding-bottom: 15px; position: fixed; top: 10%; width: 640px; z-index: 1200; } .dialogWide { width: 640px; } .scrollBox { clear: both; display: block; max-height: 300px; overflow-x: hidden; overflow-y: auto; } .dialog2 { /* a { color: $primary-color-brand; } li { line-height: 18px; }*/ } .dialog2.w270 { margin-left: -125px; width: 270px; } .dialog2 .message { font: 1.1em Arial, Helvetica, sans-serif; margin: 13px 24px 20px 24px; } .dialog2 .hint-text { color: #777777; display: block; font-size: 0.95em; line-height: 1.5em; } .dialog2 .folderselector { background: white; border: white solid 1px; margin-bottom: 10px; } .dialog2 .folderselector .container { background: none; clear: both; margin: -1px 0; padding: 4px 0; } .dialog2 .folderselector .me { background-position: 11px 3px; padding-left: 34px; } .dialog2 .folderOptions { background-color: #f3f7fa; float: right; font: 1em Arial, Helvetica, sans-serif; min-height: 217px; padding: 5px 7px 10px 7px; } .dialog2 .folderOptions h3 { color: black; font: 700 1.08em Arial, Helvetica, sans-serif; padding-bottom: 1px; } .dialog2 .tree { border-bottom: #0055a4 solid 1px; border-top: #0055a4 solid 1px; height: 228px; margin-right: 225px; padding: 1px 0; position: relative; overflow-y: auto; } .dialog2 .export div { margin-bottom: 6px; } .dialog2 .export label { display: block; float: left; width: 90px; } .dialog2 .export .exportFormat { clear: left; display: none; font-size: 1em; margin: 10px 0 0 90px; padding: 10px 0 15px 0; } .dialog2 .export .exportFormat span, .dialog2 .export .exportFormat legend { display: block; margin: 0 -15px 6px; } .dialog2 .export .exportFormat h3 { color: black; font-size: 1em; font-weight: 700; padding-bottom: 0; } .dialog2 .export .exportFormat input { height: 13px; margin: 2px 6px 0; vertical-align: top; width: 13px; } .dialog2 .export .exportFormat label { display: inline-block; float: none; width: 200px; } .dialog2 .export .exportFormat legend { margin-left: 0; } .dialog2 .export #custom ul li { display: inline-block; } .dialog2 .export #REFWORKS ul, .dialog2 .export #plainText ul, .dialog2 .export #full ul, .dialog2 .export #custom ul { column-count: 2; column-gap: 0; width: 100%; } .dialog2 .export #REFWORKS ul li, .dialog2 .export #plainText ul li, .dialog2 .export #full ul li, .dialog2 .export #custom ul li { width: 50%; line-height: 18px; white-space: nowrap; } .dialog2 .export #REFWORKS input, .dialog2 .export #plainText input, .dialog2 .export #full input, .dialog2 .export #custom input { margin: 2px 6px 0px -21px; float: left; vertical-align: top; cursor: pointer; z-index: 99999; } .dialog2 .export #REFWORKS label, .dialog2 .export #plainText label, .dialog2 .export #full label, .dialog2 .export #custom label { display: block; float: none; width: 242px; } .dialog2 .export .exportUL { margin: 10px 0 0 84px; padding: 10px 0 15px 0; width: 520px; } .dialog2 .export .exportUL:after { display: block; content: "."; clear: left; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .dialog2 .export .exportUL ul { list-style: disc; } .dialog2 .export .exportUL ul li { padding: 0; margin: 0; text-indent: 0; float: none; margin: 0 0 0 20px; } .dialog2 .export .exportFormat fieldset ul li ul { list-style: none; } .dialog2 .export .exportLegend fieldset ul li ul li { float: none; margin: 0; } .dialog2 .export .exportFormat ul ul { margin-top: 10px; display: block; float: left; list-style-type: disc; list-style-position: outside; width: 250px; } .dialog2 .export .exportFormat fieldset ul ul { margin-top: 10px; display: block; float: left; } .dialog2 .export #RIS { display: block; } .dialog2 fieldset.exportFormat { margin: 10px 0 20px 0; } .dialog2 fieldset.exportFormat label { margin-right: 9px; } .dialog2 fieldset.exportFormat label input { margin-right: 4px; } .dialog2 .form { margin-bottom: 10px; } .dialog2 .form span.hint-text { line-height: 1.9em; } .dialog2 .form label { color: #303030; } .dialog2 .form input[type=text], .dialog2 .form textarea { border: gray solid 1px; font-size: 1em; font-family: "Open Sans", Arial, sans-serif; margin-top: 1px; outline: none; padding: 4px 0 3px 3px; transition: all 0.25s ease-in-out; width: 95%; margin-bottom: 5px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; } .dialog2 .form input:focus { border: #303030 solid 1px; } .dialog2 .form textarea { height: 55px; max-width: 586px; overflow: auto; } .dialog2 .form textarea:focus { border: #303030 solid 1px; } .dialog2 .form .notEditable { border: white solid 1px; } .dialog2 .form .form-options { margin-top: 5px; } .dialog2 .form .form-options input { border: 0; height: 12px; margin: 2px 5px 5px 7px; width: 12px; } .dialog2 .form .form-options input:focus { box-shadow: none; } .dialog2 .form .form-options input:first-of-type { margin-left: 0; } .dialog2 .form .form-options label { float: left; width: 200px; } .dialog2 .form .form-options select { border: gray solid 1px; } .dialog2 .form .form-options #on, .dialog2 .form .form-options #onthe { margin: 0 4px 0 4px; } .dialog2 .form .form-options .field label { color: black; float: none; font-weight: 400; width: auto; } #exportDialog #REFWORKS ul li ul { column-count: 1; } #exportDialog #REFWORKS ul li ul li { width: 90%; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; list-style-type: none; } #exportDialog #REFWORKS ul li ul #REFWORKS ul li { width: auto; } .export-group-field { font-size: 0.89em; padding-left: 2px; } .export-popup-checkbox-label { float: left; padding-right: 5px; width: 88px; } .export-label, .new-or-existing { padding-left: 22px; } .field-wrapper { padding-top: 4px; } .email-send-checkbox { padding-left: 22px; white-space: nowrap; } .process-dialog { color: #007398 !important; } .dialog2.editPreprints { width: 420px; } .dialog2.editPreprints .modalContent { margin-bottom: 10px; } .dialog2.editPreprints .cancelEditPreprints { float: right; border: none; padding: 0; margin: 0; background: transparent !important; color: #323232 !important; } .dialog2.editPreprints .cancelEditPreprints:hover { color: #E9711C !important; } /* Directive * --------------------------------------------- */ /*==Modal box JS directive styles==*/ #modalContent { padding: 10px; } #modalConfirmControl { margin-left: 10px; } .feedbackBox { position: fixed; top: 10%; padding-left: 20px; padding-right: 20px; z-index: 1300; left: 50%; width: auto; height: auto; border-radius: 4px; display: none; max-width: 640px; } .feedbackBox .error, .feedbackBox .errorInContext, .feedbackBox .errorWhitespaceInContext { color: #ff0000; font-weight: bold; } .feedbackBox .searchContext { font-style: italic; } /* Email alerts (alerting center) * ---------------------------------------------- */ .emailGo { background: url("/webfiles/images/icon_email_go.gif") 0 0 no-repeat; } .exportHistory { background: url("/webfiles/images/icon_export_history.gif") 0 0 no-repeat; } .emailAlerts { font-size: 1em; min-width: 944px; max-width: 1272px; } .emailAlerts form { float: left; margin-bottom: 40px; width: 626px; } .emailAlerts .resultHeader .tools_history { width: 100%; padding-right: 100px; } .emailAlerts .resultHeader .tools_history li { line-height: 30px; } .emailAlerts .resultHeader .tools_history li.lastChild { border-right: 0; } .emailAlerts .resultHeader ul li.stateHead { width: 60px; float: right; text-align: right; padding-right: 20px; } .emailAlerts .resultHeader ul li.dateHead { float: right; padding: 0; text-align: right; width: 60px; } .emailAlerts .resultHeader ul li.lastResultsHead { float: right; padding: 0; text-align: right; width: 90px; } .emailAlerts .mainHead, .emailAlerts .bottomHead { width: 626px; } .emailAlerts .tableView { width: 611px; margin-bottom: 26px; } .emailAlerts .tableView .row { cursor: default; } .emailAlerts .tableView .row div.selectors { width: 20px; margin-top: -13px; padding-left: 4px; } .emailAlerts .tableView .row span.search-number { color: #0b3160; margin-right: 5px; padding: 0; margin-left: 5px; } .emailAlerts .tableView .row .contentData .query { cursor: pointer; margin: 0; } .emailAlerts .tableView .row div.metaData { padding: 1px 0 0 4px; width: 200px; } .emailAlerts .tableView .row div.metaData a { margin-right: 10px; } .emailAlerts .tableView .row div.metaData span.date { display: inline-block; float: none; text-align: left; width: 71px; margin-left: 15px; } .emailAlerts .tableView .row div.metaData span.status { height: 16px; overflow: hidden; padding: 0; text-indent: 50px; width: 35px; } .emailAlerts .tableView .row div.metaData span.turnon { background: url("/webfiles/images/icon_status_on.gif") 12px 3px no-repeat; } .emailAlerts .tableView .row div.metaData span.turnoff { background: url("/webfiles/images/icon_status_off.gif") 12px 3px no-repeat; } .emailAlerts .tableView .row div.contentData { margin: 0 200px 0 27px; padding: 0; } .emailAlerts .tableView .dropdown .emailGo { background-position: 0 2px; } .emailAlerts .tableView .dropdown .turnon { background: url("/webfiles/images/icon_status_on.gif") 0 6px no-repeat; padding-left: 11px; } .emailAlerts .tableView .dropdown .turnoff { background: url("/webfiles/images/icon_status_off.gif") 0 6px no-repeat; padding-left: 11px; } .emailAlerts .dropdown { right: 0px; } .emailAlertsDetailsInfo { background-color: white; border: #b4cbe2 solid 1px; border-radius: 2px 2px 2px 2px; display: none; font-size: 0.9em; margin-left: 645px; margin-top: 17px; max-width: 626px; overflow: hidden; } .emailAlertsDetailsInfo.show { display: block; } .emailAlertsDetailsInfo .header { background-color: #b7cce9; } .emailAlertsDetailsInfo h2, .emailAlertsDetailsInfo .popupHeader, .emailAlertsDetailsInfo #popupHeader h2, #popupHeader .emailAlertsDetailsInfo h2 { border-bottom: #b4cbe2 solid 1px; font-size: 1.1em; padding: 7px; margin-bottom: 3px !important; } .emailAlertsDetailsInfo a { color: #055098; } .emailAlertsDetailsInfo-content h2 { padding-left: 0px !important; font-weight: bold; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content { padding: 7px 7px 0 7px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content div { overflow: hidden; margin-bottom: 16px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content ul { margin-left: 210px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content em { font-style: italic; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content p { word-wrap: break-word; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content .query span { font-style: italic; text-transform: uppercase; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content .summary div { clear: both; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content .itemLabel { float: left; margin: 0 10px 0 0; width: 200px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-content .summary span { display: block; overflow: hidden; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options { border: #c5a7cd solid 1px; border-radius: 2px 2px 2px 2px; cursor: pointer; display: block; height: 16px; margin: 0 7px 7px 7px; overflow: hidden; padding: 5px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options:hover { height: auto; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options h4 { background: url("/webfiles/images/icon_gear.gif") 0 0 no-repeat; color: #666666; margin-bottom: 10px; padding: 0 0 10px 22px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options h4 span.arrow { background: url("/webfiles/images/arrow_down_grey.gif") no-repeat 100% 5px; float: right; height: 15px; text-indent: 9999px; width: 15px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options ul li { margin-bottom: 15px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options a { color: #666666; display: inline-block; padding-left: 22px; text-decoration: none; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options a:hover { text-decoration: underline; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options .edit { background: url("/webfiles/images/icon_edit.gif") no-repeat 0 1px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options .advanceedit { background: url("/webfiles/images/icon_advance_edit.gif") 0 0 no-repeat; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options .rerun { background: url("/webfiles/images/icon_rerun_transparent.gif") no-repeat 0 1px; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options .turnoff { background: url("/webfiles/images/icon_status_off.gif") no-repeat 4px 4px; } /* transforms dropdown menu in emailAlertsDetailsInfo into an inline navigation with all tools visible to the user */ .folderselector { background-color: #fafafa; border: #dbdbdb solid 1px; margin-bottom: 10px; } .folderselector p { padding-top: 2px; padding-bottom: 2px; } .folderselector a.selected { font-weight: 700; } .folderselector .me { background: url("/webfiles/images/tree-base.gif") 16px 3px no-repeat; cursor: pointer; color: black; display: block; padding: 4px 0 4px 40px; text-decoration: none; } .folderselector .container { background: url("/webfiles/images/bg-folderSelector.gif") 100% 0 repeat-y; clear: both; margin: -1px 0; padding: 4px; } .folderOptions { float: right; font: 0.94em Arial, Helvetica, sans-serif; padding: 5px 7px 5px 7px; width: 193px; } .folderOptions .rename, .folderOptions .add { background: url("/webfiles/images/icon-plus2.gif") 0 9px no-repeat; cursor: pointer; padding: 7px 0 4px 12px; } .folderOptions .delete { padding: 7px 0 4px 12px; } .folderOptions .minus { cursor: pointer; background-image: url("/webfiles/images/icon-minus2.gif"); } .folderOptions .disabled { cursor: default; } .folderOptions h3 { color: black; font: 700 1.08em Arial, Helvetica, sans-serif; padding-bottom: 1px; } .folderOptions input.in { border: #0055a4 solid 1px; float: none; font-size: 1em; line-height: 1em; margin: 3px 0 5px 0; padding: 4px 0 3px 3px; width: 188px; } .folderOptions div { float: left; width: 193px; } .folderOptions div.folderrow { display: none; } .folderOptions div.folderrow div { padding-bottom: 2px; } .tree { height: 194px; margin-right: 235px; padding: 1px 0; position: relative; overflow: auto; } .treeview { padding: 0 1px; } .treeview ul { margin-left: 5px; margin: 0; padding: 0; text-indent: 0; } .treeview li, .treeview a { margin: 0; padding: 0; text-indent: 0; } .treeview .hitarea { background: url("/webfiles/images/tree-default.gif") -26px -1px no-repeat; cursor: pointer; float: left; height: 16px; margin-left: 0; width: 32px; } .treeview li { background: url("/webfiles/images/tree-default-line.gif") 0 0 no-repeat; cursor: pointer; line-height: 16px; min-height: 18px; margin-left: 18px; padding: 2px 0 0 0; text-indent: 0; } .treeview li a { color: #055098; display: block; font-size: 0.9em; padding: 0 0 2px 37px; text-decoration: underline; white-space: nowrap; } /*Sergios DRY c-brand */ .dialog2 .treeview li a { font-size: 1em; } .treeview li a.public { background: url("/webfiles/images/tree-folder.gif") 19px 1px no-repeat; } .treeview li a.private { background: url("/webfiles/images/tree-folder-private.gif") 19px 1px no-repeat; } .treeview li.last, .treeview li.lastExpandable { background-position: 0 -1766px; } .import h2 { color: #0b3160; float: left; font-size: 1.1em; margin-right: 7px; padding: 0; } .import .importstatus_bar { background-color: #edf3fe; border-top: #0055a4 solid 1px; border-bottom: #0055a4 solid 1px; clear: right; height: 1.5em; line-height: 1.4em; margin: 0.5em 0 1.5em 0; padding: 0 0 1px 0; position: relative; } .import .importstatus_bar h2 { margin: 2px 3em 0 4px; } .import a.back { background: url("/webfiles/images/arrow_left.gif") 0 5px no-repeat; float: right; font-size: 0.85em; padding: 1px 4px 1px 15px; } .import .correct { color: #008500; } .import .error { color: #cc0000; } .import ul { margin: -5px 0 15px 0; } .import .message ul { margin: 0; } .import ol { padding: 15px 0; margin: 0 20px; } .import ol li { list-style: decimal; } .import h4 { background: #99ccff; padding: 0 3px; } .import .import_tools { float: right; padding: 15px 0; } .import .import_tools .frmBtn { margin-left: 10px; } .import .query_error_table { margin: 15px 0; } .import .query_error_table thead th { background: #dbdbdb; padding: 0 3px; text-align: left; } .import .query_error_table tbody td { border-bottom: #dbdbdb solid 1px; line-height: 2em; padding: 1px 3px; } .import .query_error_table tbody td.alert_title { border-right: #dbdbdb solid 1px; width: 15em; } .import .query_error_table div { color: #777777; font-size: 0.85em; padding: 4px 0 4px 0; } .import .query_error_table span.error { color: #cc0000; display: inline; } .import .errorWhitespace { bottom: -1em; color: red; font-weight: 700; position: relative; left: -0.6em; } #alertform .field-wrapper { clear: both; } #alertform .form-options > * { padding: 5px 0px; } #alertform label { color: #303030; width: 32%; margin-top: 5px; } #alertform .field label { width: auto; } #alertform input[type=text], #alertform textarea { border-bottom: 1px solid #DCDCDC; font-size: 1em; font-family: "Open Sans", Arial, sans-serif; margin: 0 0 10px 0; padding: 4px 0px 3px 3px; transition: all 0.25s ease-in-out 0s; float: right; width: 67%; } #alertform .form textarea:focus { border-bottom: 1px solid #3773ad; } #alertform span.hint-text { line-height: 1.9em; display: inline-block; } #monthselect { margin-right: 10px; } .emailAlertRowControl { display: block; } .emailAlertRow:hover .emailAlertRowControl { display: block; } .fontitalic { font-style: italic; } #emailAlertResultListMain { float: left; margin-bottom: 40px; max-height: 630px; overflow: hidden; } .emailListContainer { overflow-y: scroll; max-height: 546px; min-height: 55px; } .tableView ul li .emailAlertRow .arrow, .tableView ul li .row .arrow { display: none; background: url("/webfiles/images/arrow-row-right.png") no-repeat scroll 0px 0px transparent; height: 27px; left: 609px; position: absolute; top: 0px; width: 8px; } .tableView ul li .emailAlertRow:hover, .tableView ul li .row:hover { background-color: #F4E8A6 !important; } .tableView ul li .emailAlertRow-clicked { border: #b4cbe2 1px solid; background-color: #F3F7FA !important; } .tableView ul li:nth-child(2n+1) .row { background-color: #FFFFFF; } .deduplicate { padding-left: 24px; } #nearestEmailAlertText { overflow: hidden; color: #303030; } #nearestEmailAlertText .text { float: left; width: 32%; } .elss-form-ui input, .ss-update-folder input, #search_row_empty_savedSearch input, #ss-save-search-to-folder input, span.triple-filter input, triple-results-control input, .elss-form-ui textarea, .ss-update-folder textarea, #search_row_empty_savedSearch textarea, #ss-save-search-to-folder textarea, span.triple-filter textarea, triple-results-control textarea { background-color: #FFFFFF; border: 1px solid #DCDCDC; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font: 200 1.1em "Open Sans", Arial, sans-serif; padding: 4px 8px; } .elss-SearchesContainer { padding: 0px 25px; } .elss-SearchesContainer .disabled, .elss-SearchesContainer .disabled a { cursor: default; } .elss-h1-Title, html body .savedSearchesContainer h1.searchFormTitle { margin-top: -4px; font-size: 1.875rem; margin-bottom: 34px; } /* Filters * ---------------------------------------------- */ #filters { font-size: 0.9em; padding: 0; } #filters .filterActions { background-color: white; border-width: 1px 1px 0 1px; clear: both; padding: 8px 0; margin-top: 17px; overflow: hidden; } #filters .filterActions ul { float: left; } #filters .filterActions ul li { float: left; margin-top: 14px; padding: 0 5px 0 11px; } #filters .filterActions ul li:last-child { border: 0; padding: 0 5px; } #filters .filterActions ul li .collapse-minus { font-size: 16px; color: #007398; float: left; font-weight: bold; margin-top: -1px; } #filters .filterActions ul li .collapse-plus { font-size: 24px; color: #007398; float: left; } #filters .filterActions ul li a { color: #505050; font-size: 1.1em; /*text-decoration: none; */ } #filters .filterActions ul li a:hover { color: #E9711C; } #filters .filterActions ul li a:hover .collapse-minus { color: #E9711C; } #filters .filterActions ul li a:hover .collapse-plus { color: #E9711C; } #filters .filterActions .pushButton { margin: 8px 2px 8px 0; } #filters .filterActions:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #filters .hintText { background-color: #d7ecfb; border-top: #979fa7 solid 1px; font-size: 1em; padding: 5px 10px; } #filters .hintText.hidden { display: none; } #filters #filterCategories { border-top: 2px solid #eaeaea; margin-bottom: 20px; } #filters #filterCategories #drug .filterHeader, #filters #filterCategories #disease .filterHeader, #filters #filterCategories #medicalDevice .filterHeader { position: relative; } #filters #filterCategories #drug .filterHeader:hover .filterTitle, #filters #filterCategories #disease .filterHeader:hover .filterTitle, #filters #filterCategories #medicalDevice .filterHeader:hover .filterTitle { color: #E9711C; } #filters #filterCategories #drug .filterHeader:hover .filter-nav, #filters #filterCategories #disease .filterHeader:hover .filter-nav, #filters #filterCategories #medicalDevice .filterHeader:hover .filter-nav { color: #E9711C; } #filters #filterCategories .filterCategory { border-bottom: #eaeaea solid 2px; } #filters #filterCategories .filterCategory .filterHeaderDisabled { background-color: #f2f4f4; } #filters #filterCategories .filterCategory .filterHeader { background-color: #ffffff; } #filters #filterCategories .filterCategory .filterHeaderDisabled, #filters #filterCategories .filterCategory .filterHeader { font-size: 1em; text-decoration: none; } #filters #filterCategories .filterCategory .filterHeaderDisabled .filter-nav, #filters #filterCategories .filterCategory .filterHeader .filter-nav { display: none; } #filters #filterCategories .filterCategory .filterHeaderDisabled a { color: #696b6b; display: block; cursor: default; padding: 7px 7px 8px 12px; border-left: 2px solid #f2f4f4; } #filters #filterCategories .filterCategory .filterHeaderDisabled a:focus { border-bottom: 0; } #filters #filterCategories .filterCategory .filterHeader a { color: #505050; display: block; padding: 7px 7px 8px 12px; font-size: 1.3em; } #filters #filterCategories .filterCategory .filterHeader a.filterTitle { color: #505050; } #filters #filterCategories .filterCategory .filterHeader a:focus { border-bottom: 0 none; } #filters #filterCategories .filterCategory .filterHeader a:focus .filter-title-name { border-bottom: 1px solid #E9711C; } #filters #filterCategories .filterCategory .filterHeader a .filter-nav { color: #007398; float: right; display: block; font-size: 16px; font-weight: lighter; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleX(2); transform: scaleX(2); padding-right: 4px; } #filters #filterCategories .filterCategory .filterHeader a .filter-nav::before { content: "v"; } #filters #filterCategories .filterCategory .filterHeader:hover .filterTitle { color: #E9711C; } #filters #filterCategories .filterCategory .filterHeader:hover .filter-nav { color: #E9711C; } #filters #filterCategories .filterCategory .filterHeader:hover .filter-active:after { color: #E9711C; } #filters #filterCategories .filterCategory .filterHeader .filter-active .filter-nav { display: none; } #filters #filterCategories .filterCategory .filterHeader .filter-active .filter-title-name { border-bottom: 1px solid #E9711C; } #filters #filterCategories .filterCategory .filter-active::after { content: "v"; color: #007398; float: right; display: block; font-size: 16px; font-weight: lighter; font-family: "Open Sans", Arial, sans-serif; -ms-transform: rotate(180deg) scaleX(2); transform: rotate(180deg) scaleX(2); padding-left: 4px; } #filters #filterCategories .filterCategory .filterHeader a.newFeature, #filters #filterCategories .filterCategory .filterHeaderDisabled a.newFeature { display: none; } #filters #filterCategories .filterCategory .filterList { background: white; box-sizing: border-box; display: none; width: 100%; max-height: 230px; overflow-x: hidden; overflow-y: auto; } #filters #filterCategories .filterCategory .filterList.open { border-collapse: collapse; display: block; } #filters #filterCategories .filterCategory .filterList .spinner { display: block; margin: auto; } #filters #filterCategories .filterCategory .filterList .filter { border-bottom: white solid 1px; cursor: pointer; display: block; overflow: auto; float: left; width: 100%; } #filters #filterCategories .filterCategory .filterList .filter input[type=checkbox] { margin: 0; } #filters #filterCategories .filterCategory .filterList .filter span { display: block; float: left; padding: 2px 5px; } #filters #filterCategories .filterCategory .filterList .filter span.checkbox { padding-left: 8px; width: 16px; } #filters #filterCategories .filterCategory .filterList .filter span.label { max-width: 120px; padding-left: 0; } #filters #filterCategories .filterCategory .filterList .filter span.count { color: #999999; float: right; } #filters #filterCategories .filterCategory .filterList .filter span.count span { border-radius: 15px; display: inline-block; font-size: 0.8em; letter-spacing: 0.02em; padding: 2px 5px; } #filters #filterCategories .filterCategory .filterList .filter.selected span { color: #E9711C; } #filters #filterCategories .filterCategory .filterList .filter.selected span.count span { color: #E9711C; } #filters #filterCategories .filterCategory .filterList .filter:hover { background: #d7ecfb; } #filters #filterCategories .filterCategory .filterList .filter:hover span.count span { background-color: #b8cce0; color: #3d3d3d; } #filters #filterCategories .filterCategory .operators { background: #f5f5f5; font-size: 1em; padding: 5px 10px; height: 15px; } .filtersTitle { float: left; padding-left: 11px; padding-top: 14px; padding-bottom: 5px; font-size: 1.2em; font-weight: bold; text-align: left; color: #505050; } #filters #filterCategories .filterCategory .operators .links { display: inline; } #filters #filterCategories .filterCategory .operators .links.moreResults { padding: 3px; color: #505050; } #filters #filterCategories .filterCategory .operators .links.moreResults:hover { color: #E9711C; } #filters #filterCategories .filterCategory .operators .links.moreResults:hover::before { color: #E9711C; } #filters #filterCategories .filterCategory .operators .links.moreResults::before { content: "+"; color: #007398; font-size: 30px; position: absolute; } #filters #filterCategories .filterCategory .operators .links.moreResults span { padding-left: 20px; } #filters #filterCategories .filterCategory .operators .rechts { float: right; } #filters #filterCategories .filterCategory .operators .links a { border-left: 1px solid #aaaaaa; color: #505050; padding: 0 6px; /*text-decoration: none; */ } #filters #filterCategories .filterCategory .operators .links a .export-filter-icon { color: #007398; float: left; display: block; font-size: 12px; font-weight: lighter; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleY(2) rotate(270deg); transform: scaleY(2) rotate(270deg); cursor: pointer; } #filters #filterCategories .filterCategory .operators .links a:hover { border-left: 1px solid #aaaaaa; color: #E9711C; /*text-decoration: none; */ } #filters #filterCategories .filterCategory .operators .links a:hover .export-filter-icon { color: #E9711C; } #filters #filterCategories .filterCategory .operators .links a:first-child { border-left: none; } #filters #filterCategories #SOURCES .filterList #circles text { font-size: 11px; } #filters #filterCategories #GENDER .open { height: 106px; } #filters #filterCategories #GENDER .filterList .figures { float: left; padding-top: 20px; } #filters #filterCategories #GENDER .filterList .figures a { line-height: 56px; font-size: 56px; color: #bdc0bf; display: block; float: left; margin-right: 10px; text-decoration: none; outline: none; } #filters #filterCategories #GENDER .filterList .figures a:hover, #filters #filterCategories #GENDER .filterList .figures a:active, #filters #filterCategories #GENDER .filterList .figures a:focus { text-decoration: none; outline: none; border-bottom: none; } /* End Sergios els 04-09-2014 */ .itemInsertObject { margin-left: 0px; } #filters #filterCategories #GENDER .filterList .figures a.selected { color: #ffb580; } #filters #filterCategories #GENDER .filterList .genderLabels { float: right; margin-top: 30px; } #filters #filterCategories #GENDER .filterList .genderLabels span { display: block; } #filters #filterCategories #GENDER .filterList .genderLabels span:before { content: " "; background: #bdc0bf; display: inline-block; height: 9px; margin-right: 10px; width: 9px; } #filters #filterCategories #GENDER .filterList .genderLabels span.selected:before { background: #ffb580; } #filters .pushButton { line-height: 20px; font-size: 1.1em; height: auto; padding: 3px 6px 3px 8px; border: 2px solid #007398; background: #007398; color: #fff; text-decoration: none; cursor: pointer; border-radius: 0 !important; white-space: nowrap; float: right; margin: 0 10px 0 0; text-align: center; } #filters .pushButton:hover { background: #E9711C; border: 2px solid #E9711C; color: #fff !important; } #filters .pushButton.disabled { cursor: not-allowed !important; background: #DCDCDC !important; border-color: #DCDCDC !important; opacity: initial; color: white !important; } #filters .push-btn-text { font-size: 1em; } #filters .push-btn-text::after { content: ">"; font-size: 1em; font-weight: lighter; display: inline-block; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleY(2); transform: scaleY(2); padding-right: 2px; padding-left: 8px; } .content #filters a.pushButton { color: white; } .content #filters a.pushButton.disabled { cursor: not-allowed !important; background: #DCDCDC !important; border-color: #DCDCDC !important; color: white !important; } /** Triple linking move it later wherever you wish all the dummy styles are here**/ .triple-link { color: #323232; float: left; margin-left: -90px; font-weight: 600; margin-top: 2px; } .triple-link:after { content: url("/webfiles/images/filter-details-arrow.png"); margin-left: 3px; } .triple-link:hover { cursor: pointer; text-decoration: underline; } .triple-link.selected { border-radius: 15px; display: inline-block; padding: 2px 5px; color: #E9711C; text-decoration: underline; margin: 0 0 0 -95px; } .triple-category { position: absolute; top: 0px; left: 0px; display: block; background-color: #FFFFFF; border: 1px #DBDEDD solid; width: 300px; z-index: 1; box-shadow: 5px 10px 10px 10px rgba(77, 77, 77, 0.83); } .triple-category .triple-results-control { padding: 10px; display: inline-block; width: 364px; } .triple-category .triple-results-control .triple-export-button { color: #333; text-decoration: none; cursor: pointer; margin: 2px 0 0 20px; } .triple-category .triple-results-control .triple-export-button:hover { text-decoration: underline; } .triple-category li { cursor: pointer; padding: 2px 5px; } .triple-category li:hover { background: #d7ecfb; } .triple-category li:hover span.count { background-color: #b8cce0; color: #3d3d3d; } .triple-category li .triple-result-checkbox { float: left; } .triple-category li .triple-result-checkbox-label { display: block; min-height: 17px; margin-top: 2px; line-height: 13px; } .triple-category-lists span.count, .trip-all span.count { border-radius: 15px; display: inline-block; font-size: 0.8em; letter-spacing: 0.02em; padding: 2px 5px; float: right; } .triple-category-lists .selected, .trip-all .selected { display: block; color: #E9711C; } .triple-category-lists .selected span.count, .trip-all .selected span.count { color: #E9711C; } #tripleResultsContainer { position: absolute; top: 0px; left: 0px; display: block; background-color: #FFFFFF; border: 1px solid #DBDEDD; width: 384px; z-index: 2; } .triple-selected-close { cursor: pointer; } #triple-results-list { overflow-y: auto; max-height: 500px; border-bottom: 1px solid #DBDEDD; } .triple-title { height: 29px; border: 1px solid white; display: block; width: auto; background-color: #DBDEDD; } .triple-title h1:first-letter { text-transform: uppercase; } .triple-title h1 { font-weight: normal; color: #4d4d4d; display: block; padding: 7px 7px 8px 12px; } .triple-category-label { vertical-align: text-top; font-size: 11px; max-width: 290px; float: left; padding-left: 22px; } .triple-sort { float: right; } .triple-sort .down { cursor: pointer; } .triple-sort .down:before { content: url("/webfiles/images/triple-sort-arrow-down.png"); margin-right: 20px; } .triple-sort .up { cursor: pointer; } .triple-sort .up:before { content: url("/webfiles/images/triple-sort-arrow-up.png"); margin-right: 10px; cursor: pointer; } .export-icon { line-height: 24px; } .export-icon:before { content: url("/webfiles/images/triple-export.png"); vertical-align: text-top; position: absolute; margin: 3px 11px 0px -19px; } span.triple-filter, triple-results-control { padding: 10px; display: block; } input#triple-filter { width: 99%; } .trip-all { display: inline-block; border-top: 1px solid #DBDEDD; width: 100%; vertical-align: top; } /* Journal * ---------------------------------------------- */ .journalsShowIssue, .journalsShowVolume { text-decoration: none; margin-left: 0px !important; } .journalList { display: table; width: 100%; } .journalList a:hover { text-decoration: none; } .journalList li { padding: 1px 0 3px 0px; line-height: 1.4em; } .journalList li.parity0 { background-color: #fbfbfb; } .journalList li a.about { background: url("/webfiles/images/icon-about.png") 0 0 no-repeat; float: right; font-size: 0.85em; padding: 0 11px 0 23px; } .journalList .column { float: left; list-style: disc; list-style-position: inside; width: 33%; } .journalList .column li:hover { background-color: #d7ecfb; } .journalList li:hover { background-color: #d7ecfb; } .aboutJournal { position: absolute; left: 0; right: 0; margin: 0 auto; display: none; } .aboutJournal label { width: 176px; position: absolute; } .aboutJournal .row { position: relative; padding-bottom: 5px; } .aboutJournal .row div { width: 307px; position: relative; top: 0px; margin-left: 176px; } /* Message ("informational / warning") * ---------------------------------------------- */ .message { /*display:none; opacity:0; */ position: relative; margin: 10px auto; } .messageDialog { display: none; background-color: white; border: #505050 solid 1px; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding-top: 10px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; overflow: hidden; } .message > div { word-wrap: break-word; } .message ul { padding: 0; } .message li { padding: 0; } .message .info { padding: 12px; border: #b8d549 solid 1px; background-color: #f1f7db; } .message .warning { padding: 12px; border: #ffcc05 solid 1px; background-color: #fff6d2; } #askRss .message, #askRss .info, #abxw .message, #abxw .info { background: #ebf7fd; } #askRss .message, #abxw .message { border: 1px solid #46c7f4; border-radius: 0; } #abxw .message { max-width: 640px; margin: 0 0 20px 0; } #askRss, #insertRss { width: 680px; display: block; height: 201px; padding-top: 20px; padding-right: 0; padding-left: 0; background-color: white; } #askRss .popupHeader, #askRss #popupHeader h2, #popupHeader #askRss h2, #insertRss .popupHeader, #insertRss #popupHeader h2, #popupHeader #insertRss h2 { font-size: 17px; margin-left: 20px; } #askRss #rssform, #insertRss #rssform { padding-right: 20px; padding-left: 30px; height: 89px; } #askRss .row, #insertRss .row { padding-bottom: 13px; position: relative; top: 18px; } #askRss .row label, #insertRss .row label { float: left; font-weight: normal; } #askRss .row input, #insertRss .row input { width: 169px !important; height: 20px; position: relative; left: -16px; } #askRss .rss, #insertRss .rss { position: relative; top: -12px; } #askRss .basebutton, #insertRss .basebutton { padding: 1px 7px; } #askRss .buttonBlue, #insertRss .buttonBlue { margin-right: 0; } #askRss .notes, #insertRss .notes { padding: 10px; width: 660px; } #askRss .notes .hint-text, #insertRss .notes .hint-text { color: #777777; font-size: 11.3999996185px; } #askRss .message, #askRss .info, #insertRss .message, #insertRss .info { background: #ebf7fd; } #askRss .message, #insertRss .message { border: 1px solid #46c7f4; border-radius: 0; display: block; width: 610px; max-width: 610px; margin-right: 20px; margin-left: 30px; margin-top: 25px; position: relative; top: 18px; } #insertRss .rightAlign { position: relative; top: -17px; } #insertRss #rssform .row { position: relative; top: -7px; } /* Message Banner * ---------------------------------------------- */ #messageBanner { position: relative; height: 40px; width: 100%; z-index: 70; } #messageBannerContent { position: fixed; /*height:41px; */ width: 100%; background-color: #007398; color: #ffffff; line-height: 30px; } #bannerText { margin: 5px 30px 5px 10px; color: #ffffff; font-family: Helvetica, Sans-Serif; font-size: 12px; } #bannerText .messageSubject { font-weight: bold; } #bannerText a { color: black; font-weight: bold; } #bannerText a.messageButton { text-decoration: none; background-color: #fbc02d; padding: 5px; margin: 20px; border-radius: 3px; white-space: nowrap; } #messageBannerContent #closeButton { display: block; position: absolute; right: 10px; margin-top: auto; margin-bottom: auto; top: 0px; bottom: 0px; cursor: pointer; color: #ffffff; text-decoration: none; width: 16px; height: 16px; padding-bottom: 10px; } section[class^=messaging], [role=tooltip] { padding-left: 3.375rem; } [class^=messaging]:before { margin-left: -2.25rem; position: absolute; } [class^=messaging] pSend alert { margin-bottom: 0; max-width: 100%; } .new-success, .new-error, .new-warning, .messaging-info { border-width: 1px; border-style: solid; padding: 12px; min-width: 200px; margin: 10px 0; } .new-success .close_button, .new-success .ss-cancel-details, .new-error .close_button, .new-error .ss-cancel-details, .new-warning .close_button, .new-warning .ss-cancel-details, .messaging-info .close_button, .messaging-info .ss-cancel-details { right: 20px; top: 10px; } .new-success .text, .new-error .text, .new-warning .text, .messaging-info .text { color: #323232; margin-right: 12px; } .new-success { background-color: #f1f7db; border-color: #b8d549; } .new-error { background-color: #fde8e9; border-color: #ed193a; } .new-warning { background-color: #fff6d2; border-color: #ffcc05; } .messaging-info { background: #ebf7fd; border-color: #46c7f4; } /*.messaging-info:before { color: $color-info-foreground; content: 'โ„น'; }*/ /* pharmapendium * ---------------------------------------------- */ #ppInteropWrapper, #picoSearch #ppInterop { position: absolute; right: 0px; height: auto; } #ppInteropWrapper { z-index: 1; background-color: #FFFFFF; } #ppInterop { height: 100%; } #ppInterop.disabled { display: none; } #ppInterop .inner { /*background: white url(/webfiles/images/icon-beta.png) 100% 0 no-repeat;*/ border: #bdbdbd solid 1px; font-size: 0.9em; float: left; min-height: 300px; padding: 10px; width: 239px; } #ppInterop .inner .spinner { padding: 50%; } #ppInterop .inner section { margin-bottom: 15px; } #ppInterop:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #ppInterop header { margin-bottom: 10px; overflow: hidden; } #ppInterop h2 { color: black; font-size: 1.35em; font-weight: 600; letter-spacing: 0; line-height: 1.2em; margin: 0; padding: 0 0 10px 0; } #ppInterop h3 { background: #efeeee; color: #333333; font-size: 1.1em; font-weight: 700; padding: 2px 5px; margin: 0; } #ppInterop figure { border: #bdbdbd solid 1px; text-align: center; } #ppInterop .details span { display: block; margin: 5px 0; word-wrap: break-word; } #ppInterop .details span strong { font-weight: 700; } #ppInterop .adverse { width: 100%; } #ppInterop .adverse .adverseHeader { font-size: 0.9em; background: #bdc0bf; padding: 2px; } #ppInterop .adverse .adverseBody { font-size: 0.9em; height: 100px; overflow-y: scroll; } #ppInterop .adverse .adverseBody .adverseRow { border: 1px solid whitesmoke; border-top: none; } #ppInterop .adverse .adverseBody .adverseRow span, #ppInterop .adverse .adverseBody .adverseRow a { overflow: hidden; display: block; height: 20px; line-height: 20px; padding: 2px 2px; } #ppInterop .adverse .adverseBody .adverseRow .label { border-right: 1px solid whitesmoke; display: block; float: left; width: 170px; } #ppInterop .visibilityToggle { background: whitesmoke; border: #bdbdbd solid 1px; margin-left: -1px; float: right; height: 44px; padding: 0px 2px 0px; width: 13px; } #ppInterop .visibilityToggle a { margin-top: 5px; display: block; padding: 6px; height: 0px; overflow: hidden; text-indent: 999px; width: 0px; } #ppInterop .open a { background: url(/webfiles/images/ppArrow2.png); } #ppInterop .closed a { background: url(/webfiles/images/ppArrow.png); } #ppInterop .logo { display: inline-block; } #ppInterop a.goToLink { display: block; float: right; font-size: 8px; color: #2675de !important; text-decoration: underline !important; } #ppInterop a.goToLink:hover { display: block; float: right; font-size: 8px; text-decoration: none !important; } /* Record * ---------------------------------------------- */ .record { float: left; width: 100%; margin-bottom: 10px; } .record .record_top { padding-top: 4px; } .record a.back { margin-right: 20px; } .record a.previous { background: url("/webfiles/images/arrow_left.gif") no-repeat 0 1px; padding: 0 0 1px 15px; } .record a.next { background: url("/webfiles/images/arrow_right.gif") no-repeat right 1px; margin-left: 1em; padding: 0 15px 1px 0; } .record a.reaxysExternal { background: url("/webfiles/images/icon-reaxys.gif") no-repeat 0 0; display: inline-block; text-indent: -900em; width: 16px; } .record h2 { color: #505050; float: left; font-size: 1.1em; margin-right: 7px; padding: 0; } .record h4 { line-height: 1em; padding: 3px 0 5px 0; width: 100%; } .record h4:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .record .record_links > div:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .record a { color: #055098; } .tableView .subRowWrapper .innerSubRowWrapper .subrow:after, .editArea:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .record h4 { color: #505050; border-top: #DCDCDC solid 1px; margin-top: 1em; padding: 7px 0 5px 0; } .record h4 .title { background: none; max-width: 550px; color: #505050; } .record h4 .navi { background: none; color: black; font-size: 0.85em; font-weight: 400; } .record h4 .expandNav { font-size: 0.85em; font-weight: 400; float: right; margin-right: 5px; vertical-align: top; } .record h4 .expandNav a { margin-left: 10px; } .record h4 a { color: black; } .record h5 { border-top: #DCDCDC solid 1px; margin-top: 1em; padding: 3px 0; } .record h5 a.plus { background: url("/webfiles/images/icon-plus.gif") 0 4px no-repeat; float: left; margin: 0 9px 0 5px; text-indent: -900em; width: 9px; } .record h5 a.minus { background-image: url("/webfiles/images/icon-minus.gif"); } .record p { line-height: 1.35em; } .record .email img { vertical-align: baseline; } .record .record_content .journal-title, .record .record_content .journal-volume, .record .record_content .journal-issue { font-weight: 700; color: #505050; } .record .record_display { float: left; width: 11.7em; } .record .record_display select { float: left; } .record .record_tools_all { float: right; width: 30em; } .record .record_tools_all .frmBtn { margin-right: 16px; } .record .record_bar { background: #f5f5f5; border-top: #dcdcdc solid 1px; border-bottom: #dcdcdc solid 1px; float: left; height: 2.55em; line-height: 1.4em; margin: 0.5em 0 1.5em 0; padding: 0 0 1px 0; position: relative; width: 100%; } .record .record_bar h2 { margin: 1px 3em 0 4px; padding-top: 6px; } .record .record_bar .record_tools { width: 27em; line-height: 32px; } .record .record_bar .record_tools a { color: #007398; text-decoration: none; } .record .record_bar .record_tools a:hover { color: #E9711C; } .record .record_nav { float: right; font-size: 0.85em; padding: 6px 4px 0 0; } .record .record_tools { font-size: 0.85em; } .record .record_content { margin: 0 1em 1em 0; } .record .record_links { margin: 0 1em 1em 0; } .record .record_links p a { color: black; } .record .record_links a img { margin-left: 5px; } .record .record_content h3 { color: #505050; line-height: 1.15em; } .record .record_content .authors a { padding-left: 0.25em; white-space: nowrap; } .record .record_fulltextlink { margin: 1em 0; } .record .record_links em { font-style: normal; font-weight: 700; } .record .record_info { margin: 0 1em 1em 0; padding-bottom: 1em; } .record .record_info table { float: left; width: 100%; } .record .record_info th { border-right: #DCDCDC solid 1px; text-align: left; white-space: nowrap; width: 20em; border-bottom: #DCDCDC solid 1px; padding: 1px 3px; color: #505050; } .record .record_info td { border-bottom: #DCDCDC solid 1px; padding: 1px 3px; color: #505050; } .record .record_info td .cited-by { color: #505050; } .record .record_bottom { float: left; position: relative; width: 99%; } .record .record_bottom .record_tools_all { bottom: -2em; top: auto; } .record .record_bottom .record_tools_all .printBtn { margin-right: 0; float: right; } .record .printBtn { margin-right: 0; float: right; color: #323232; } .drug_terms h5, .disease_terms h5 { background: #e5eeff; color: black; border: 0; margin: 0; padding: 3px; position: relative; } .drug_terms h5 span a.close, .disease_terms h5 span a.close { color: #505050; float: right; font-size: 0.85em; font-weight: 700; padding: 0 8px 0 0; position: absolute; right: 3px; text-decoration: none; top: 2px; } .record_links h5 { color: #505050; font-size: 0.9em; } .drug_terms h6, .disease_terms h6 { background-color: #efeeee; color: #505050; font-size: 0.9em; font-weight: 400; margin: 10px 0 0 0; padding: 3px; } .drug_terms p, .disease_terms p { margin: 0 0 10px 0; padding: 3px 3px 3px 0; } .drug_terms table, .disease_terms table { margin: 0 0 10px 0; padding: 10px; width: 100%; } .drug_terms th, .drug_terms td { padding: 3px; } .disease_terms th, .disease_terms td { padding: 3px; } .drug_terms th, .disease_terms th { border-bottom: #efeeee solid 1px; border-right: #efeeee solid 1px; text-align: left; width: 122px; } .drug_terms td, .disease_terms td { border-bottom: #efeeee solid 1px; } .drug_term_info, .disease_term_info { border: #99ccff solid 1px; display: none; float: left; margin: 10px 0; width: 100%; } .disease_terms p span, p.non-drug-index-terms span { margin: 3px 0 0 0; white-space: nowrap; } .disease_terms p a { margin-top: 3px; padding-right: 1px; vertical-align: text-bottom; } .disease_terms p a img { margin-top: 3px; padding-right: 1px; vertical-align: text-bottom; } p.non-drug-index-terms a { margin-top: 3px; padding-right: 1px; vertical-align: text-bottom; } p.non-drug-index-terms a img { margin-top: 3px; padding-right: 1px; vertical-align: text-bottom; } .author { color: #505050; } .record_abstract { color: #505050; } .record_abstract .abstract-label { display: block; padding: 5px 2px 5px 0; font-weight: bold; font-size: 1em; } .rec-abstract { display: block; padding: 2px 2px 10px 0; border-top: 1px solid #DCDCDC; font-size: 1.1em; font-weight: bold; } .back-to-results-btn { color: #fff !important; } .emb-prt-btn { color: #323232; } .rec-det-title { font-size: 1.3em; } html body .table-row, .table-row-editmode { position: relative; min-height: 26px; padding: 1px 0; } html body .table-row:hover a.reloadHistory, .table-row-editmode:hover a.reloadHistory { color: #000; } html body .table-row .table-row-creationdate, .table-row-editmode .table-row-creationdate { position: absolute; top: 5px; right: 120px; text-align: right; } .table-row:hover { background-color: #d7ecfb; z-index: 1; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); cursor: pointer; } .table-row:hover div.metaData { background: url("/webfiles/images/arrow_down2.gif") 100% 4px no-repeat; } .table-row:hover div.table-row-creationdate { background-image: none; } .table-row-checkbox { position: absolute; left: 5px; top: 3px; } .table-row-rownumber { position: absolute; left: 36px; text-align: right; top: 5px; font-weight: bold; color: #055098; } .row-subitems-collapse { background: url("/webfiles/images/icon-minus2.gif") 1px 3px no-repeat; padding-left: 18px; } .row-subitems-expand { background: url("/webfiles/images/icon-plus2.gif") 1px 3px no-repeat; padding-left: 18px; } .table-row-text { margin: 0px 100px 0px 80px; word-wrap: break-word; position: relative; } .table-row-text .queryContent { padding: 5px 0px; } .table-row-text-clipboard { padding-left: 100px; top: 0px; padding-right: 200px; word-wrap: break-word; } .table-row-hitcount { position: absolute; top: 5px; right: 7px; text-align: right; padding-right: 15px; } .table-row-hitcount a { text-decoration: none; } .table-row-subcontent { padding-left: 40px; display: none; } .table-row:hover ~ .table-row-dropdown { display: block; } .table-row-dropdown { background-color: #d7ecfb; display: none; font-size: 1em; line-height: 1.3em; padding: 3px 0 0 10px; position: absolute; right: 0px; z-index: 75; } #savedSearchList .query { top: 5px; position: absolute; } #savedSearchList .table-row-dropdown { margin: 25px 0 0 0; } .table-row-contianer:hover { z-index: 100; } .table-row-dropdown li { list-style-type: none; float: left; } .table-row-subcontent .subrow:first-child { font-size: 1.25em; line-height: 1.5em; } .table-row-even { background-color: #FFFFFF; } .table-row-subcontent { background-color: #eaeaea; border-bottom: #FFFFFF solid 1px; display: none; padding: 3px 3px 9px 29px; } .table-row-active { color: #E9711C; } .table-row-active a { color: #E9711C; text-decoration: none; } .table-row-active a:hover { text-decoration: underline; } .table-row-active .table-row-dropdown a { color: #000000; background-color: #d7ecfb; } .table-row-active .table-row-dropdown a:hover { text-decoration: underline; } .table-row-active:hover .queryContent { color: #000000; } .table-row-dropdown .edit { background: url("/webfiles/images/icon_edit.gif") 0 1px no-repeat; } .table-row-dropdown .email { background: url("/webfiles/images/icon_email.gif") 0 3px no-repeat; } .table-row-dropdown .delete { background: url("/webfiles/images/icon_cross.gif") 0 1px no-repeat; } .table-row-dropdown .rss { background: url("/webfiles/images/icon-rss.png") 0 1px no-repeat; } .table-row-dropdown a { color: #666; padding: 0 13px 6px 19px; border: 0; display: block; line-height: 1.5em; white-space: nowrap; text-decoration: none; } .table-row-dropdown a:hover { text-decoration: underline; } .editArea:after { padding-bottom: 10px; } /* Search Results * ---------------------------------- */ .search-results .result { margin: -16px 0 0 0; } .search-results .result h3 { border-left: white solid 1px; margin-left: -1px; padding-bottom: 2px; } /* Result * ---------------------------------------------- */ .resultWrapper { background: white; float: right; margin: 16px 0 0 0; width: 100%; position: relative; } .resultWrapper .disabled { opacity: 0.25; } .result a.external, .clipboardPage a.external { display: block; margin: 4px 0 0 12px; } .result .resultHeader, .clipboardPage .resultHeader { margin-left: -1px; } /* Result header - Result ("blue version") * ---------------------------------------------- */ .resultHeader { background-color: #f5f5f5; font-size: 12px; line-height: 30px !important; padding-left: 5px; padding-right: 5px; min-height: 30px; border-bottom: 2px solid #DCDCDC; } .resultHeader.actionBar { height: 42px; line-height: 42px !important; } .resultHeader ul { float: left; } .resultHeader li { float: left; margin-right: 5px; color: #505050; } .resultHeader .hitcount-abstract .extraNav { float: right; padding-right: 5px; } .resultHeader .hitcount-abstract .extraNav span { float: left; padding-left: 6px; padding-right: 6px; } .resultHeader .hitcount-abstract .extraNav a.previous { margin-right: 7px; } .resultHeader .hitcount-abstract .extraNav .previous { float: left; } .resultHeader .hitcount-abstract .extraNav .text { padding: 2px 0; } .resultHeader .hitcount-abstract .extraNav .text .hitStart { float: left; } .resultHeader .hitcount-abstract .extraNav .text .hitEnd { float: right; } .resultHeader .hitcount-abstract .extraNav .emb-btn-result-nav { margin-top: 6px; margin-right: 10px; margin-left: 10px; } /* Result list - Result * ---------------------------------------------- */ .resultList { padding: 0; margin: 0; width: 100%; /*min-height: */ } .resultList col.resultNumber { width: 58px; } .resultList tbody td { padding: 0; } .resultList tbody tr.resultListTools { height: 42px; } .resultList tbody tr.resultListTools td { background-color: #f5f5f5; font-size: 0.85em; vertical-align: middle; border-bottom: 1px solid #007398; } .resultList tbody tr.resultListTools td.resultsSelect { text-align: right; } .resultList tbody tr.resultListTools td.resultsSelect a { color: #505050; } .resultList tbody tr.resultListTools td.resultsSelect a:hover { color: #E9711C; text-decoration: underline; } .resultList tbody tr.resultListTools label { padding: 0 4px; } .resultList tbody tr.resultListTools input.radio { height: 12px; margin: 2px 0 0 7px; padding: 0; vertical-align: top; width: 12px; } .resultList tbody tr.resultListTools select { font-size: 1em; height: 18px; line-height: 1em; margin: 0 0 0 7px; padding: 0; vertical-align: top; width: 155px; } .resultPreviewItem { margin: 0; width: 100%; background-color: #f5f5f5; } .resultPreviewInner { width: 100%; } .resultPreviewItem .selectable { float: left; padding: 8px 4px 0 4px; text-align: right; width: 86px; } .resultPreviewItem .selectable .checkbox { float: left; } .resultPreviewItem .resultInfo { margin: 0 0 0 94px; padding: 5px 4px 2px 4px; border-bottom: 2px solid #DCDCDC; } .resultPreviewItem .resultInfo .cited-by { font-size: 0.8em; } .resultPreviewItem .resultInfo .cited-by a { color: #007398 !important; } .resultPreviewItem .resultInfo .cited-by a:hover { color: #E9711C !important; } .resultPreviewItem.parity1 { background-color: #f5f5f5; } .resultPreviewItem span.result-number { line-height: 20px; font-weight: 700; text-align: right; float: left; color: #505050; padding-left: 22px; } .resultPreviewItem span.article-in-press { color: #6c6c6c; font-size: 0.9em; } .resultPreviewItem span.journal-title { font-style: italic; } .resultPreviewItem span.journal-suppl { font-style: italic; } .previewNavInner { min-height: 21px; position: relative; } .previewNav { padding-top: 6px; width: 100%; } .previewNav ul { bottom: 0; display: none; position: absolute; } .previewNav ul li { float: left; } .previewNav ul li .source, .previewNav ul li .noAbstract { color: #616161; display: block; margin-top: 2px; padding-right: 11px; } .previewNav .similarRecordsLink { float: right; margin: 0 23px 0 10px; line-height: 14px; font-size: 100%; color: #007398; } .previewNav .similarRecordsLink:before { content: ""; display: inline-block; height: 24px; width: 25px; background-image: url(/webfiles/images/similarRecords.svg); background-size: cover; background-position: 0px -2px; background-repeat: no-repeat; vertical-align: middle; } .previewNav .similarRecordsLink:hover:before { background-image: url(/webfiles/images/similarRecords-hover.svg); } .previewNav .similarRecordsLink:focus { border: none; } .previewNav .similarRecordsLink .vft-icon { display: inline-block; font-family: Arial Unicode MS, Lucida Sans Unicode, Helvetica, Arial, sans-serif; -ms-transform: scaleY(2); transform: scaleY(2); padding-bottom: 3px; } .previewNav .similarRecordsLink .vft-icon:before { content: ">"; } .previewNav .external { color: #007398; font-size: 100%; } .previewNav .openUrl { bottom: 3px; margin-left: 15px; position: absolute; } .previewNav .openUrl img { float: left; height: 20px; padding-bottom: 4px; } .previewNav .imageBasedLinking { padding-left: 10px; } .previewNav.noAbstract { padding-bottom: 3px; } .previewNav.noAbstract .openUrl { float: left; margin-top: -6px; position: inherit; } .previewNav.noAbstract ul { display: block; position: relative; } .previewNav .ui-tabs-nav { display: block; } .previewNav .ui-tab { margin-right: 1px; } .previewNav .ui-tab a { background-size: 14px 14px; color: #007398; display: block; padding: 4px 8px 4px 18px; text-decoration: none; } .previewNav .ui-tab a .abs-ind-icon { display: block; font-size: 11px; font-weight: normal; font-family: Arial Unicode MS, Lucida Sans Unicode, Helvetica, Arial, sans-serif; -ms-transform: scaleX(2); transform: scaleX(2); padding-right: 4px; float: left; } .previewNav .ui-tab a .abs-ind-icon::before { content: "v"; } .previewNav .ui-tab a:hover { color: #004f99; } .previewNav .ui-tabs-selected { color: #E9711C; margin-bottom: -1px; padding-bottom: 1px; } .parity1 .previewNav .ui-tabs-selected { color: #E9711C; margin-bottom: -1px; padding-bottom: 1px; } .previewNav .ui-tabs-selected a { background-size: 14px 14px; color: #E9711C; } .previewNav .ui-tabs-selected a .abs-ind-icon { display: none; } .ui-tabs-selected a:before { content: "สŒ"; display: block; font-size: 11px; font-weight: normal; font-family: Arial Unicode MS, Lucida Sans Unicode, Helvetica, Arial, sans-serif; -ms-transform: scaleX(2); transform: scaleX(2); padding-right: 4px; float: left; } .hide { display: none; } .ui-tabs-panel { background-color: white; border-bottom: 2px solid #DCDCDC; border-right: 8px solid #eaeaea; border-left: 8px solid #eaeaea; display: block; } .ui-tabs-panel .abstractsContainer { display: -ms-flexbox; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @supports ((-ms-flex-wrap: wrap) or (flex-wrap: wrap)) { .ui-tabs-panel .abstractsContainer { display: -ms-flexbox; display: flex; } } .ui-tabs-panel .innerPpanel { padding-top: 7px; } .ui-tabs-panel .innerPpanel.original { -webkit-flex-order: 1; -ms-flex-order: 1; order: 1; } .ui-tabs-panel .innerPpanel.original .abstractSeparator { border-top: 2px solid #eaeaea; } .ui-tabs-panel .innerPpanel p { padding: 0 6px 5px 6px; } .ui-tabs-panel .innerPpanel p.separated { padding-bottom: 12px; } .ui-tabs-panel .innerPpanel h5 { padding: 0 6px; } .ui-tabs-hide { display: none; } .ui-tabs-hide .closed { border-bottom: 0; border-left: 0; border-right: 0; border-top: #d3d1d1 solid 1px; margin: 0; padding-bottom: 1px; } /* Result details - Result * ---------------------------------------------- */ .resultsDetailsInfo { background: #efeeee; border-top: #838f99 solid 1px; float: left; margin-top: -1px; width: 100%; } .resultsDetailsInfo.savedSearch { border-bottom: #838f99 solid 1px; margin-top: 4px; } .resultsDetailsInfo table { font-size: 0.85em; line-height: 1.2em; text-align: left; } .resultsDetailsInfo th, .resultsDetailsInfo td { padding: 4px 7px; line-height: 1.2em; } .resultsDetailsInfo th { width: 110px; } #ResultList #search_results { margin-top: 2px; } #ResultList .textButton:hover path { fill: #E9711C; } #ResultList .textButton:hover span { color: #E9711C !important; } .articleSearchResults { padding-bottom: 0 !important; } .articleSearchResults .searchFormTitle { display: none; } .articleSearchResults #articleForm { padding-left: 300px; padding-right: 300px; border-top: 0px; } .articleSearchResults .articleSearchLabel { color: #505050; font-size: 1.1em; } .articleSearchResults .article-submit-section { float: left; } .articleSearchResults .article-date-limiter { float: right; } .author-labels { padding-left: 24px; font-size: 1em; } .resultsHistory { margin: 0 0 20px 0; padding-top: 1px; text-align: left; } .savedClipboard, .savedSearches, .emailAlerts { margin-left: 0; padding-left: 0px; } .resultsHistory h2.folder { background: url("/webfiles/images/folder-shared.gif") 2px 3px no-repeat; color: #003360; font-size: 0.9em; padding: 2px 0 10px 25px; } .resultsHistory h2.private { background-image: url("/webfiles/images/tree-folder-private.gif"); } .resultsHistory .resultHeader { background-color: #f5f5f5; clear: both; min-height: 30px; line-height: 18px; } .resultsHistory .resultHeader a:visited { color: black; } .resultsHistory .resultHeader ul { float: left; } .resultsHistory .resultHeader li { float: left; margin-right: 5px; line-height: 30px; color: #505050; } .resultsHistory .resultHeader .header { float: left; font-weight: 700; line-height: 30px; padding-right: 23px; } .resultsHistory .resultHeader .resultHead { float: right; text-align: right; width: 60px; } /* Result header - session history * ---------------------------------------------- */ .savedClipboard .resultHeader .resultHead { width: 75px; } .toggleTermSelector:hover .indexMinerIcon { background-image: url("/webfiles/images/barchart-hover.svg"); } .indexMinerIcon { background-image: url("/webfiles/images/barchart.svg"); background-repeat: no-repeat; width: 18px; height: 16px; display: inline-block; } .resultsHistory .resultHeader .dateHead { float: left; padding: 2px 15px 0 15px; text-align: right; width: 82px; } .resultsHistory .resultHeader .lastUpdateHead { float: right; padding-right: 15px; text-align: right; } .savedClipboard .resultHeader .lastUpdateHead { padding-right: 0; } .resultsHistory .resultHeader .disabled .textButton:hover { border-bottom: 0px solid transparent; } .resultsHistory .resultHeader .exterNavSH { float: left; font-size: 1em; min-height: 22px; min-width: 300px; padding-left: 10px; padding-right: 10px; line-height: 30px; position: relative; } .resultsHistory .resultHeader .exterNavSH .radio { margin: 0 5px 0 10px; vertical-align: middle; line-height: 30px; } .resultsHistory .resultHeader .exterNavSH .moreSpace { padding-left: 10px; padding-right: 10px; } .resultsHistory .resultHeader .exterNavSH .in { font-size: 0.85em; margin: -2px 0 0 0; padding: 0; width: 15em; } .resultsHistory .mainHead { z-index: 20; overflow: hidden; background-color: #ffffff; padding-top: 20px; } .resultsHistory .mainHead .header { padding-left: 6px; } .resultsHistory .mainHead .searchMainHead { display: none; color: #505050; font-size: 1.2em; font-weight: bold; padding-left: 26px; } .resultsHistory .toggle-history .history-expand { color: #007398; float: right; display: none; font-size: 12px; font-weight: lighter; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleX(2); transform: scaleX(2); cursor: pointer; } .resultsHistory .toggle-history .history-collapse { color: #007398; float: right; display: block; font-size: 12px; font-weight: lighter; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleX(2) rotate(180deg); transform: scaleX(2) rotate(180deg); cursor: pointer; } .resultsHistory .toggle-history:hover .history-expand { color: #E9711C; } .resultsHistory .toggle-history:hover .displaySetting { color: #E9711C; } .resultsHistory .toggle-history:hover .history-collapse { color: #E9711C; } .resultsHistory .resultHeader .displaySetting { cursor: pointer; display: block; float: right; margin-right: 7px; padding-left: 7px; color: #505050; } .resultsHistory .subHead { background: #fffed9; border-top: 0; min-height: 21px; padding: 2px 0 0 3px; } .resultsHistory .subHead label { position: absolute; left: -900em; } .tableView { font: 0.938em Arial, Helvetica, sans-serif; line-height: 1.25em; width: 100%; } .tableView .term { font-weight: 700; position: relative; } .tableView .row { border: white solid 1px; cursor: pointer; font-size: 1em; min-height: 17px; padding: 4px 8px 3px 0; position: relative; } .tableView .row.editMode { cursor: default; } .tableView .row.even { background-color: #efeeee; border: #efeeee solid 1px; } .tableView .row.odd { background-color: white; border: white solid 1px; } .tableView .row.result-active { background-color: #faea99; border: #faea99 solid 1px; } .tableView .row.result-active a { /*text-decoration: none; */ } .tableView .row.result-active a:hover { text-decoration: underline; } .tableView .row div.selectors { float: left; padding-left: 7px; width: 25px; height: 22px; } .tableView .row div.selectors input.checkbox { font-size: 1em; height: 13px; margin: 2px 0; padding: 0; vertical-align: top; width: 13px; } .tableView .row div.contentData { margin: 0 98px 0 32px; padding: 0 4px; position: relative; min-height: 19px; } .savedSearches .tableView .row div.contentData { margin: 0 200px 0 32px; } .tableView .row div.metaData { float: right; padding: 1px 16px 0 4px; text-align: right; width: 78px; } .tableView .row div.metaData img { vertical-align: middle; } .tableView .row div.metaData span.date { float: left; width: 91px; } .tableView .row div.metaData span.status { float: right; padding: 0 0 1px 19px; border: 0; white-space: nowrap; } .tableView .row div.metaData span.turnon { background: url("/webfiles/images/icon_bulb-on.gif") 0 0 no-repeat; } .tableView .row div.metaData span.turnoff { background: url("/webfiles/images/icon_bulb-off.gif") 0 0 no-repeat; } .savedSearches .tableView .row div.metaData, .savedClipboard .tableView .row div.metaData { width: 180px; } /*Sergios DRY c-brand */ .tableView .row span.search-number { color: #055098; float: left; font-weight: 700; padding-right: 15px; } .tableView .row.readonly span.search-number { color: #0b3160; } .tableView .row span.minus { background: url("/webfiles/images/icon-minus2.gif") 1px 3px no-repeat; padding-left: 18px; } .tableView .row span.plus { background-image: url("/webfiles/images/icon-plus2.gif"); } .tableView .row div.query { display: block; margin-left: 39px; word-wrap: break-word; } .tableView .subRowWrapper { background-color: #f9f9f9; border-bottom: white solid 1px; display: none; padding: 3px 3px 9px 29px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow { cursor: pointer; font-size: 1em; min-height: 16px; padding: 3px 8px 4px 0; position: relative; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.editMode { cursor: default; } .tableView .subRowWrapper .innerSubRowWrapper .subrow:nth-child(even) { background-color: #efeeee; border: #efeeee solid 1px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow:nth-child(odd) { background-color: white; border: white solid 1px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.emptyMode { background-color: white; border: white solid 1px; cursor: default; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.emptyMode .empty { min-height: 90px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.result-active { background-color: #faea99; border: #faea99 solid 1px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow div.selectors { float: left; margin-left: 5px; width: 28px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow div.selectors input.checkbox { height: 12px; margin-top: 2px; padding: 0; vertical-align: top; width: 12px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow div.contentData { margin: 0 98px 0 32px; padding: 0 4px; position: relative; } /* Results page search * ---------------------------------------------- */ #searchResultSearchBLock { position: relative; display: block; } #resultsLoadingBar { display: none; } .resultsLoadingBar-img { display: block; position: relative; left: 50%; margin-left: -16px; width: 32px; height: 32px; padding: 10px; } .displayAllAbstracts { background-color: #f5f5f5; display: inline-block; cursor: pointer; margin-right: 10px; display: inline-block; border-right: 1px solid; padding-right: 11px; } .displayAllAbstracts .showAllAbstracts { text-decoration: none; color: #007398; } .displayAllAbstracts .showAllAbstracts:hover { color: #E9711C; } .searchHitsText { display: inline-block; color: #505050; } .search-hitcounts { font-size: 1.3em; color: #e9711c; font-weight: normal; } .result-subheadings { color: #505050; font-size: 1.1em; } .no-result { color: #505050; } .checkAllbox { padding-top: 12px; } .and-or-radio-button { padding-left: 22px; } .and-or-disabled { padding-left: 26px; } .using { padding-right: 8px; } .sort-result-title { padding-right: 8px; } .sort-result { padding-left: 18px; } html body .savedSearchesContainer { padding: 0px 25px; margin-top: 20px; } html body .savedSearchesContainer .disabled, html body .savedSearchesContainer .disabled a { cursor: default; border-bottom: none; } html body .savedSearchesContainer a { text-decoration: none; } html body .savedSearchesContainer h4, html body .savedSearchesContainer .detailsAreaHead { color: #323232; font-size: 0.875rem; font-weight: 400; padding-bottom: 10px; } html body .savedSearchesContainer h4:after, html body .savedSearchesContainer .detailsAreaHead:after { content: none; } html body .savedSearchesContainer .ss-tab { font-size: 1.125rem; font-weight: 600; padding: 0 21px 0px 44px; height: 31px; vertical-align: middle; line-height: 31px; position: relative; top: 1px; color: #b5b5b5; border: 1px solid #DCDCDC; background: transparent; background-image: url("/webfiles/images/32px.png"); background-repeat: no-repeat; } html body .savedSearchesContainer .ss-tab:hover { color: #055098 !important; } html body .savedSearchesContainer .active { border-right: 4px solid #DCDCDC !important; border-top: 1px solid #DCDCDC !important; background-color: #FFFFFF !important; color: #055098 !important; } html body .savedSearchesContainer .shared { background-position: -261px -1px; cursor: pointer; padding-left: 45px; padding-right: 5px; } html body .savedSearchesContainer .shared:hover, html body .savedSearchesContainer .shared:active { background-position: -261px -34px; } html body .savedSearchesContainer .shared.active { background-position: -261px -34px; } html body .savedSearchesContainer .private { cursor: pointer; background-position: -266px -69px; padding-right: 5px; padding-left: 28px; } html body .savedSearchesContainer .private:hover, html body .savedSearchesContainer .private:active { background-position: -266px -99px; } html body .savedSearchesContainer .private.active { background-position: -266px -99px; } html body .savedSearchesContainer .mlm { cursor: pointer; padding-right: 5px; padding-left: 5px; } html body .savedSearchesContainer .ss-info-old { float: right; position: relative; margin-top: -52px; } html body .savedSearchesContainer .ss-info-old a { color: #b5b5b5; font-size: 0.875rem; font-weight: 600; } html body .savedSearchesContainer .ss-info-old .ss-info-icon { background: url("/webfiles/images/32px.png") no-repeat -271px -264px; padding: 4px 0px 0px 24px; line-height: 25px; display: inline; } html body .savedSearchesContainer .ss-info-description { display: inherit; background-color: #FFFFFF; border: 1px solid #DCDCDC; padding: 10px 25px 10px 10px; margin: -63px auto 0 25%; position: fixed; max-width: 50%; z-index: 1; } html body .savedSearchesContainer .ss-info-description .bold-mid { font-weight: 600; } html body .savedSearchesContainer .ss-info-description .close_button, html body .savedSearchesContainer .ss-info-description .ss-cancel-details { position: relative; float: right; top: -3px; right: -17px; } html body .savedSearchesContainer #ss-tabs, html body .savedSearchesContainer #ss-breadcrumb { float: left; } html body .savedSearchesContainer #ss-breadcrumb { position: relative; margin: 9px 136px -28px 332px; word-break: break-all; } html body .savedSearchesContainer #ss-breadcrumb a { cursor: pointer; } html body .savedSearchesContainer .ss-back-button { float: right; cursor: pointer; } html body .savedSearchesContainer .ss-back-button .ss-back-results-icon { background: url("/webfiles/images/32px.png") no-repeat -265px -221px; padding: 9px 1px 8px 41px; line-height: 33px; display: inline; } #ss-container { clear: both; } #ss-tree { float: left; width: 296px; display: block; background-color: #FFFFFF; border-right: 1px solid #DCDCDC; overflow: hidden; min-height: 420px; margin-bottom: 40px; } #ss-tree .jstree { padding: 10px 9px; } #ss-content { border-top: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; background-color: #FFFFFF; margin-left: 296px; margin-bottom: 40px; min-height: 420px; } #ss-content h2.ss-folder-name { color: #323232; font-size: 1.575rem; padding: 10px 20px 10px 35px; font-weight: 400; line-height: 30px; word-break: break-all; } #ss-content .ss-folder-description { padding: 10px 35px; display: inline-block; } #ss-content #ss-search-controls { border-top: 1px solid #DCDCDC; display: inline-block; width: 100%; padding-top: 10px; } #ss-content #ss-search-controls ul { float: right; margin-right: 1.563rem; overflow: hidden; } #ss-content #ss-search-controls li { padding: 0 10px; display: inline-block; } #ss-content #ss-search-controls .ss-search-control-ul li:not([class=disabled]) a:focus { border-bottom: 4px solid #3773ad; } #ss-content #ss-search-controls .ss-search-control-ul i { background-image: url("/webfiles/images/ss-tools.png"); background-repeat: no-repeat; padding: 4px 0px 0px 24px; line-height: 25px; display: inline; } #ss-content #ss-search-controls .ss-search-control-ul .ss-edit-icon { background-position: 0px 0px; } #ss-content #ss-search-controls .ss-search-control-ul .ss-rerun-icon { background-position: 0px -31px; } #ss-content #ss-search-controls .ss-search-control-ul .ss-delete-icon { background-position: 0px -62px; } #ss-content #ss-search-controls .ss-search-control-ul .ss-view-icon { background-position: 0px -93px; } #ss-content #ss-search-controls .ss-search-control-ul .ss-email-icon { background-position: 0px -122px; } #ss-content #ss-search-controls .ss-search-control-ul .ss-rss-icon { background-position: 0px -155px; } .ss-tree-controls { border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; width: 100%; padding: 10px; } .ss-tree-controls #ss-new-folder { background-position: -271px -131px; } .ss-tree-controls #ss-new-folder:hover, .ss-tree-controls #ss-new-folder:active { font-weight: 600; } .ss-tree-controls #ss-edit-folder { background-position: -271px -162px; } .ss-tree-controls #ss-edit-folder:hover, .ss-tree-controls #ss-edit-folder:active { font-weight: 600; } .ss-tree-controls #ss-delete-folder { background-position: -271px -192px; } .ss-tree-controls #ss-delete-folder:hover, .ss-tree-controls #ss-delete-folder:active { font-weight: 600; } .ss-tree-controls .ss-tree-control { color: #055098; font-size: 0.875rem; text-decoration: none; padding: 4px 0px 0px 27px; margin-left: 15px; line-height: 19px; position: relative; background-image: url("/webfiles/images/32px.png"); background-repeat: no-repeat; display: inline-block; width: 35px; max-width: 35px; cursor: pointer; } .ss-search-list-header { padding: 13px 0px; background-color: #f5f5f5; border-bottom: 5px solid #3773ad; white-space: nowrap; } .ss-search-list-header > * { display: inline-block; vertical-align: top; margin-right: 10px; white-space: normal; width: 100%; } .sticky-header #ss-content #ss-folder-data, .sticky-header #ss-content #ss-search-controls, .sticky-header #ss-content .ss-search-list-header { position: fixed; top: 59px; left: 322px; right: 26px; width: auto; z-index: 1; } .sticky-header #ss-content #ss-folder-data { background: white; } .sticky-header #ss-content #ss-search-controls { top: 133px; background: white; } .sticky-header #ss-content .ss-search-list-header { top: 168px; } .ss-search-row { padding: 13px 0px; border-top: 1px solid #DCDCDC; margin-right: 20px; white-space: nowrap; } .ss-search-row:hover { background-color: #f5f5f5; } .ss-search-row span > * { display: inline-block; white-space: normal; vertical-align: top; margin-right: 12px; width: 100%; } .ss-search-checkAll-control, .ss-single-checkbox { cursor: pointer; max-width: 2%; margin-top: 0px; } .ss-search-checkAll-control:focus, .ss-single-checkbox:focus { outline: none; box-shadow: none; border-bottom: none !important; } .ss-search-header-num, .ss-search-row-num { max-width: 3%; padding-left: 40px; } .ss-search-header-header, .ss-search-row-query { max-width: 46%; white-space: normal; word-break: break-all; } .mlm-list .ss-search-header-header, .mlm-list .ss-search-row-query { max-width: calc(100% - 100px); } .mlm-list .ss-search-header-name, .mlm-list .ss-search-header-lastUpdate, .mlm-list .ss-search-header-crDate, .mlm-list .ss-search-header-results, .mlm-list .ss-search-row-title, .mlm-list .ss-search-row-update, .mlm-list .ss-search-creation-date, .mlm-list .ss-search-row-reults { display: none; } .ss-search-row-query { font-weight: 600; } .ss-search-header-name, .ss-search-row-title { max-width: 10%; word-break: break-all; } .ss-search-header-lastUpdate, .ss-search-row-update { max-width: 10%; } .ss-search-header-crDate, .ss-search-creation-date { max-width: 10%; } .ss-search-header-results, .ss-search-row-reults { max-width: 8%; } .ss-editArea { width: 70%; padding: 10px 0px; margin-left: auto; margin-right: auto; } .tested-query-cont { max-width: 55%; white-space: normal; word-break: break-all; } .ss-update-folder, .empty { margin: 20px 34px; } .ss-update-folder .ss-folder-options-section, .empty .ss-folder-options-section { float: left; width: 100%; margin-top: 30px; } .ss-update-folder .ss-folder-options-section li, .empty .ss-folder-options-section li { display: inline-block; width: 100%; margin-bottom: 20px; } .ss-update-folder label, .empty label { width: 10%; vertical-align: top; display: inline-block; margin: 0 10px 20px 0px; max-width: 160px; float: left; cursor: default; } .ss-update-folder #ss-folder-title, .empty #ss-folder-title { font-size: 25px; } .ss-update-folder #ss-folder-description, .empty #ss-folder-description { min-height: 120px; } .ss-update-folder input, .ss-update-folder textarea, #search_row_empty_savedSearch input, #search_row_empty_savedSearch textarea, #ss-save-search-to-folder input, #ss-save-search-to-folder textarea { width: 87%; } .ss-update-folder .alignRight, #search_row_empty_savedSearch .alignRight, #ss-save-search-to-folder .alignRight { float: right; margin-top: 20px; text-align: right; width: 100%; padding-right: 14px; } .ss-update-folder-caption, .ss-save-search-to-folder-caption { font-size: 14px; } .clearButton { color: #717C93; border: medium none; padding: 0px; outline: 0px none; margin-left: -18px; background-color: transparent !important; border: 0 !important; color: #505050 !important; cursor: pointer; vertical-align: top; } .clearButton:hover { color: black !important; } #ss-save-search-to-folder { margin: 20px 34px; } #ss-save-search-to-folder input:-moz-placeholder { font-style: italic; } #ss-save-search-to-folder label { width: 29%; margin-right: 10px; } #ss-save-search-to-folder .save-search-name .ss-search-name-input { min-width: 297px; width: 68%; } #ss-save-search-to-folder .ss-save-search-to-folder-title { font-size: 25px; display: block; margin: 30px 0px; } #ss-rss-feed-container .notes { margin: 45px -30px 0px; position: absolute; width: 660px; padding: 10px; } .ss-cancel-edit, .ss-test-edit, .ss-edit-edit, .ss-save-edit { margin-right: 15px; } .ss-detailsArea { background-color: rgba(5, 80, 152, 0.04); border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 10px; margin: 10px; } .ss-detailsArea .detailsAreaDis, .ss-detailsArea .detailsAreafieds, .ss-detailsArea .detailsAreaLimited, .ss-detailsArea .detailsAreaPeriod { margin-left: 120px; font-size: 12px; line-height: 18px; } .ss-detailsArea .detailsAreaSources { margin-left: 120px; margin-right: -100px; display: inline-block; top: -23px; position: relative; } .ss-detailsArea .detailsAreaDis { margin-top: -13px; display: block; white-space: normal; } .ss-detailsArea .detailsAreafieds, .ss-detailsArea .detailsAreaLimited { display: block; margin-top: -28px; line-height: 45px; } .ss-detailsArea .detailsAreaPeriod { margin-left: 72px; display: inline-block; } .ss-detailsArea .close_button, .ss-detailsArea .ss-cancel-details { position: static; float: right; } .ss-detailsArea li { display: block; margin-right: 10px; } .ss-detailsArea li:after { content: ","; } .ss-detailsArea li.detailsAreaSources:last-child::after { content: " "; } .search-name-hints { margin: 10px 182px; display: inline-block; color: #A9A9A9; font-style: italic; } #ss-search-control-ul li.single.disbled, #ss-search-control-ul li.multiple.disbled { position: relative; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)" !important; /* IE 5-7 */ filter: alpha(opacity=25) !important; /* Netscape */ -moz-opacity: 0.25 !important; /* Safari 1.x */ -khtml-opacity: 0.25 !important; /* Good browsers */ opacity: 0.25 !important; } #ss-tree-container { height: 500px; overflow-y: auto; overflow-x: hidden; } .emtree-node { margin-top: -6px; padding-top: 6px; padding-left: 15px; border-left: 1px solid #aaa; } .emtree-node.last { border-left: none; } .emtree-node.last > .emtree-term > .emtree-connector { border-left: 1px solid #aaa; } .emtree-root > .emtree-node { margin: 0; padding-left: 0; } .emtree-term { position: relative; line-height: 24px; } .emtree-term, .emtree-records { padding-left: 18px; } .emtree-toggle { color: #055098; text-decoration: none; cursor: pointer; } .emtree-toggle:hover { color: #055098; text-decoration: underline; } .emtree-toggle.selected { font-weight: bold; font-size: 14px; line-height: 1; } .emtree-search, .candidate-search { background: url("/webfiles/images/icon_records.gif") no-repeat 5px 0; padding-left: 22px; line-height: 13px; font-size: 0.85em; color: #055098; cursor: pointer; } .emtree-search:hover, .candidate-search:hover { color: #055098; text-decoration: none; } .emtree-branch { padding-left: 5px; } .emtree-connector { position: absolute; top: -6px; left: -15px; height: 18px; width: 15px; border-bottom: 1px solid #aaa; } .emtree-indicator { position: absolute; top: 7px; left: 0; height: 9px; width: 9px; border: 1px solid #888; border-radius: 50%; background: white; color: black; text-align: center; font: 11px/9px sans-serif; } .selected > .emtree-indicator { box-shadow: 0 0 0 5px rgba(100, 149, 237, 0.4); } .emtree-indicator.last { background: #7ba5ed; border-color: #526e9e; } .emtree-indicator.loading { background-image: url("/webfiles/images/emtree-spinner.gif"); background-position: center center; } #findTerm a { cursor: pointer; } #findTerm a.disabled { cursor: default; } #findTerm #findTermBtn { float: right; } #findTerm .findInput { position: relative; } #findTerm .findInput .findTermSuggestions { position: absolute; top: 100%; right: 150px; left: 0; z-index: 10; } .findTermResults li { margin-bottom: 10px; } .emtreeCandidateTerm { padding-left: 11px; } .emtreeCandidateTerm .embsCandidateTerm { margin-bottom: 7px; font-weight: 900; font-size: 14px; } .emtreeCandidateTerm .embsTermDescription { color: #828282; } .search-tips-table { width: 100%; } .search-tips-table .table-heading { font-size: larger; text-align: left; color: #505050; padding-top: 20px; padding-bottom: 4px; } .dataCell { border: 1px solid #c9cac8; padding: 8px; margin: 3px; } .dataCell a span:focus { border-bottom: 1px solid #E9711C; } .tryTip { cursor: pointer; text-decoration: none; font-size: 12px; color: #007398; } .tryTip:hover { color: #E9711C; } .tip-cell { border: 1px solid #c9cac8; padding: 8px; } .innerCell { padding: 3px; border-bottom: 1px solid #c9cac8; } .tipBold { font-weight: bold; } .egTip { font-weight: bold; } .itl { font-style: italic; } .more-tips { text-align: right; } .more-tips a { text-decoration: none; color: #007398; } .more-tips a:hover { color: #E9711C; } .more-tips a:focus { border-bottom: 1px solid #E9711C; } #search_tips { float: right; } .search-tips { margin-top: 3px; } #clipboardDialog.dialog2.exportPopup, #clipboardDialog.dialog2.emailPopup { background-color: rgba(235, 235, 235, 0.85); padding: 15px; } #clipboardDialog.dialog2.exportPopup #popupHeader, #clipboardDialog.dialog2.emailPopup #popupHeader { padding: 15px; background-color: #FFFFFF; border-top: 2px solid #E9711C; border-bottom: 1px solid rgba(221, 223, 224, 0.5); } #clipboardDialog.dialog2.exportPopup #popupHeader h2, #clipboardDialog.dialog2.emailPopup #popupHeader h2 { margin: 0; } #clipboardDialog.dialog2.exportPopup #modalContent, #clipboardDialog.dialog2.emailPopup #modalContent { padding: 15px; background-color: #FFFFFF; } #clipboardDialog.dialog2.exportPopup #modalControl, #clipboardDialog.dialog2.emailPopup #modalControl { background-color: #FFFFFF; float: none; height: 50px; border-top: 1px solid rgba(221, 223, 224, 0.5); } #clipboardDialog.dialog2.exportPopup #modalControl .confirm, #clipboardDialog.dialog2.emailPopup #modalControl .confirm { position: absolute; right: 15px; bottom: 25px; } #clipboardDialog.dialog2.exportPopup #modalControl .reject, #clipboardDialog.dialog2.emailPopup #modalControl .reject { right: 100px; position: absolute; bottom: 25px; } #clipboardDialog.dialog2.exportPopup #modalControl .save, #clipboardDialog.dialog2.emailPopup #modalControl .save { left: 30px; position: absolute; bottom: 25px; } #clipboardDialog.dialog2.exportPopup { width: 840px; } #clipboardDialog.dialog2.exportPopup .scrollBox { max-height: 50vh; } #clipboardDialog.dialog2.exportPopup .formatHolder { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; margin: 0; } #clipboardDialog.dialog2.exportPopup .formatHolder .exportFormatHolder { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; } #clipboardDialog.dialog2.exportPopup .formatHolder .exportFormatTypeHolder { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; } #clipboardDialog.dialog2.exportPopup .formatHolder .exportFormatTypeHolder label { width: auto; margin-right: 16px; } #clipboardDialog.dialog2.exportPopup .formatHolder .recordsInfoHolder { -ms-flex-positive: 1; flex-grow: 1; text-align: right; } #clipboardDialog.dialog2.exportPopup .sectionTitle { padding: 6px 0 6px; } #clipboardDialog.dialog2.exportPopup .sectionTitle .toggle-all { color: #0c7dbb; text-decoration: none; font-weight: normal; margin-left: 10px; } #clipboardDialog.dialog2.exportPopup .sectionTitle .toggle-all:hover { text-decoration: underline; } #clipboardDialog.dialog2.exportPopup .sectionTitle .toggle-all.selectAll .textDeselectAll { display: none; } #clipboardDialog.dialog2.exportPopup .sectionTitle .toggle-all.deselectAll .textSelectAll { display: none; } #clipboardDialog.dialog2.exportPopup .sectionList li { box-sizing: border-box; display: inline-block; width: 33%; } #clipboardDialog.dialog2.exportPopup .sectionList label { display: inline-block; width: auto; float: none; margin: 0 0 4px 21px; } #clipboardDialog.dialog2.exportPopup .sectionList.listStatic li { padding-left: 0.4em; } #clipboardDialog.dialog2.exportPopup .sectionList.listStatic li::before { content: "โ€ข"; color: #E9711C; font-weight: bold; display: inline-block; width: 1em; } #clipboardDialog.dialog2.emailPopup { width: 557px; } #clipboardDialog.dialog2.emailPopup #modalContent .form label { color: #505050; } #clipboardDialog.dialog2.emailPopup #modalContent .form span.hint-text { font-size: 12px; } #clipboardDialog.dialog2.emailPopup #modalContent .form .field input[type=text], #clipboardDialog.dialog2.emailPopup #modalContent .form .field textarea { box-sizing: border-box; width: 100%; border-color: #a9a9a9; } #clipboardDialog.dialog2.emailPopup #modalContent .form .field input[readonly] { border: none; } #clipboardDialog.dialog2.emailPopup #modalContent .form .field textarea { height: 66px; max-width: 522px; } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .daterangepickerContainer { /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ } .daterangepickerContainer html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .daterangepickerContainer body { margin: 0; } .daterangepickerContainer article, .daterangepickerContainer aside, .daterangepickerContainer details, .daterangepickerContainer figcaption, .daterangepickerContainer figure, .daterangepickerContainer footer, .daterangepickerContainer header, .daterangepickerContainer hgroup, .daterangepickerContainer main, .daterangepickerContainer menu, .daterangepickerContainer nav, .daterangepickerContainer section, .daterangepickerContainer summary { display: block; } .daterangepickerContainer audio, .daterangepickerContainer canvas, .daterangepickerContainer progress, .daterangepickerContainer video { display: inline-block; vertical-align: baseline; } .daterangepickerContainer audio:not([controls]) { display: none; height: 0; } .daterangepickerContainer [hidden], .daterangepickerContainer template { display: none; } .daterangepickerContainer a { background-color: transparent; } .daterangepickerContainer a:active, .daterangepickerContainer a:hover { outline: 0; } .daterangepickerContainer abbr[title] { border-bottom: 1px dotted; } .daterangepickerContainer b, .daterangepickerContainer strong { font-weight: bold; } .daterangepickerContainer dfn { font-style: italic; } .daterangepickerContainer h1 { font-size: 2em; margin: 0.67em 0; } .daterangepickerContainer mark { background: #ff0; color: #000; } .daterangepickerContainer small { font-size: 80%; } .daterangepickerContainer sub, .daterangepickerContainer sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .daterangepickerContainer sup { top: -0.5em; } .daterangepickerContainer sub { bottom: -0.25em; } .daterangepickerContainer img { border: 0; } .daterangepickerContainer svg:not(:root) { overflow: hidden; } .daterangepickerContainer figure { margin: 1em 40px; } .daterangepickerContainer hr { box-sizing: content-box; height: 0; } .daterangepickerContainer pre { overflow: auto; } .daterangepickerContainer code, .daterangepickerContainer kbd, .daterangepickerContainer pre, .daterangepickerContainer samp { font-family: monospace, monospace; font-size: 1em; } .daterangepickerContainer button, .daterangepickerContainer input, .daterangepickerContainer optgroup, .daterangepickerContainer select, .daterangepickerContainer textarea { color: inherit; font: inherit; margin: 0; } .daterangepickerContainer button { overflow: visible; } .daterangepickerContainer button, .daterangepickerContainer select { text-transform: none; } .daterangepickerContainer button, .daterangepickerContainer html input[type=button], .daterangepickerContainer input[type=reset], .daterangepickerContainer input[type=submit] { -webkit-appearance: button; cursor: pointer; } .daterangepickerContainer button[disabled], .daterangepickerContainer html input[disabled] { cursor: default; } .daterangepickerContainer button::-moz-focus-inner, .daterangepickerContainer input::-moz-focus-inner { border: 0; padding: 0; } .daterangepickerContainer input { line-height: normal; } .daterangepickerContainer input[type=checkbox], .daterangepickerContainer input[type=radio] { box-sizing: border-box; padding: 0; } .daterangepickerContainer input[type=number]::-webkit-inner-spin-button, .daterangepickerContainer input[type=number]::-webkit-outer-spin-button { height: auto; } .daterangepickerContainer input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } .daterangepickerContainer input[type=search]::-webkit-search-cancel-button, .daterangepickerContainer input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } .daterangepickerContainer fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .daterangepickerContainer legend { border: 0; padding: 0; } .daterangepickerContainer textarea { overflow: auto; } .daterangepickerContainer optgroup { font-weight: bold; } .daterangepickerContainer table { border-collapse: collapse; border-spacing: 0; } .daterangepickerContainer td, .daterangepickerContainer th { padding: 0; } @media print { .daterangepickerContainer *, .daterangepickerContainer *:before, .daterangepickerContainer *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } .daterangepickerContainer a, .daterangepickerContainer a:visited { text-decoration: underline; } .daterangepickerContainer a[href]:after { content: " (" attr(href) ")"; } .daterangepickerContainer abbr[title]:after { content: " (" attr(title) ")"; } .daterangepickerContainer a[href^="#"]:after, .daterangepickerContainer a[href^="javascript:"]:after { content: ""; } .daterangepickerContainer pre, .daterangepickerContainer blockquote { border: 1px solid #999; page-break-inside: avoid; } .daterangepickerContainer thead { display: table-header-group; } .daterangepickerContainer tr, .daterangepickerContainer img { page-break-inside: avoid; } .daterangepickerContainer img { max-width: 100% !important; } .daterangepickerContainer p, .daterangepickerContainer h2, .daterangepickerContainer h3 { orphans: 3; widows: 3; } .daterangepickerContainer h2, .daterangepickerContainer h3 { page-break-after: avoid; } .daterangepickerContainer .navbar { display: none; } .daterangepickerContainer .btn > .caret, .daterangepickerContainer .dropup > .btn > .caret { border-top-color: #000 !important; } .daterangepickerContainer .label { border: 1px solid #000; } .daterangepickerContainer .table { border-collapse: collapse !important; } .daterangepickerContainer .table td, .daterangepickerContainer .table th { background-color: #fff !important; } .daterangepickerContainer .table-bordered th, .daterangepickerContainer .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .daterangepickerContainer .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .daterangepickerContainer .glyphicon-asterisk:before { content: "*"; } .daterangepickerContainer .glyphicon-plus:before { content: "+"; } .daterangepickerContainer .glyphicon-euro:before, .daterangepickerContainer .glyphicon-eur:before { content: "โ‚ฌ"; } .daterangepickerContainer .glyphicon-minus:before { content: "โˆ’"; } .daterangepickerContainer .glyphicon-cloud:before { content: "โ˜"; } .daterangepickerContainer .glyphicon-envelope:before { content: "โœ‰"; } .daterangepickerContainer .glyphicon-pencil:before { content: "โœ"; } .daterangepickerContainer .glyphicon-glass:before { content: "\e001"; } .daterangepickerContainer .glyphicon-music:before { content: "\e002"; } .daterangepickerContainer .glyphicon-search:before { content: "\e003"; } .daterangepickerContainer .glyphicon-heart:before { content: "\e005"; } .daterangepickerContainer .glyphicon-star:before { content: "\e006"; } .daterangepickerContainer .glyphicon-star-empty:before { content: "\e007"; } .daterangepickerContainer .glyphicon-user:before { content: "\e008"; } .daterangepickerContainer .glyphicon-film:before { content: "\e009"; } .daterangepickerContainer .glyphicon-th-large:before { content: "\e010"; } .daterangepickerContainer .glyphicon-th:before { content: "\e011"; } .daterangepickerContainer .glyphicon-th-list:before { content: "\e012"; } .daterangepickerContainer .glyphicon-ok:before { content: "\e013"; } .daterangepickerContainer .glyphicon-remove:before { content: "\e014"; } .daterangepickerContainer .glyphicon-zoom-in:before { content: "\e015"; } .daterangepickerContainer .glyphicon-zoom-out:before { content: "\e016"; } .daterangepickerContainer .glyphicon-off:before { content: "\e017"; } .daterangepickerContainer .glyphicon-signal:before { content: "\e018"; } .daterangepickerContainer .glyphicon-cog:before { content: "\e019"; } .daterangepickerContainer .glyphicon-trash:before { content: "\e020"; } .daterangepickerContainer .glyphicon-home:before { content: "\e021"; } .daterangepickerContainer .glyphicon-file:before { content: "\e022"; } .daterangepickerContainer .glyphicon-time:before { content: "\e023"; } .daterangepickerContainer .glyphicon-road:before { content: "\e024"; } .daterangepickerContainer .glyphicon-download-alt:before { content: "\e025"; } .daterangepickerContainer .glyphicon-download:before { content: "\e026"; } .daterangepickerContainer .glyphicon-upload:before { content: "\e027"; } .daterangepickerContainer .glyphicon-inbox:before { content: "\e028"; } .daterangepickerContainer .glyphicon-play-circle:before { content: "\e029"; } .daterangepickerContainer .glyphicon-repeat:before { content: "\e030"; } .daterangepickerContainer .glyphicon-refresh:before { content: "\e031"; } .daterangepickerContainer .glyphicon-list-alt:before { content: "\e032"; } .daterangepickerContainer .glyphicon-lock:before { content: "\e033"; } .daterangepickerContainer .glyphicon-flag:before { content: "\e034"; } .daterangepickerContainer .glyphicon-headphones:before { content: "\e035"; } .daterangepickerContainer .glyphicon-volume-off:before { content: "\e036"; } .daterangepickerContainer .glyphicon-volume-down:before { content: "\e037"; } .daterangepickerContainer .glyphicon-volume-up:before { content: "\e038"; } .daterangepickerContainer .glyphicon-qrcode:before { content: "\e039"; } .daterangepickerContainer .glyphicon-barcode:before { content: "\e040"; } .daterangepickerContainer .glyphicon-tag:before { content: "\e041"; } .daterangepickerContainer .glyphicon-tags:before { content: "\e042"; } .daterangepickerContainer .glyphicon-book:before { content: "\e043"; } .daterangepickerContainer .glyphicon-bookmark:before { content: "\e044"; } .daterangepickerContainer .glyphicon-print:before { content: "\e045"; } .daterangepickerContainer .glyphicon-camera:before { content: "\e046"; } .daterangepickerContainer .glyphicon-font:before { content: "\e047"; } .daterangepickerContainer .glyphicon-bold:before { content: "\e048"; } .daterangepickerContainer .glyphicon-italic:before { content: "\e049"; } .daterangepickerContainer .glyphicon-text-height:before { content: "\e050"; } .daterangepickerContainer .glyphicon-text-width:before { content: "\e051"; } .daterangepickerContainer .glyphicon-align-left:before { content: "\e052"; } .daterangepickerContainer .glyphicon-align-center:before { content: "\e053"; } .daterangepickerContainer .glyphicon-align-right:before { content: "\e054"; } .daterangepickerContainer .glyphicon-align-justify:before { content: "\e055"; } .daterangepickerContainer .glyphicon-list:before { content: "\e056"; } .daterangepickerContainer .glyphicon-indent-left:before { content: "\e057"; } .daterangepickerContainer .glyphicon-indent-right:before { content: "\e058"; } .daterangepickerContainer .glyphicon-facetime-video:before { content: "\e059"; } .daterangepickerContainer .glyphicon-picture:before { content: "\e060"; } .daterangepickerContainer .glyphicon-map-marker:before { content: "\e062"; } .daterangepickerContainer .glyphicon-adjust:before { content: "\e063"; } .daterangepickerContainer .glyphicon-tint:before { content: "\e064"; } .daterangepickerContainer .glyphicon-edit:before { content: "\e065"; } .daterangepickerContainer .glyphicon-share:before { content: "\e066"; } .daterangepickerContainer .glyphicon-check:before { content: "\e067"; } .daterangepickerContainer .glyphicon-move:before { content: "\e068"; } .daterangepickerContainer .glyphicon-step-backward:before { content: "\e069"; } .daterangepickerContainer .glyphicon-fast-backward:before { content: "\e070"; } .daterangepickerContainer .glyphicon-backward:before { content: "\e071"; } .daterangepickerContainer .glyphicon-play:before { content: "\e072"; } .daterangepickerContainer .glyphicon-pause:before { content: "\e073"; } .daterangepickerContainer .glyphicon-stop:before { content: "\e074"; } .daterangepickerContainer .glyphicon-forward:before { content: "\e075"; } .daterangepickerContainer .glyphicon-fast-forward:before { content: "\e076"; } .daterangepickerContainer .glyphicon-step-forward:before { content: "\e077"; } .daterangepickerContainer .glyphicon-eject:before { content: "\e078"; } .daterangepickerContainer .glyphicon-chevron-left:before { content: "\e079"; } .daterangepickerContainer .glyphicon-chevron-right:before { content: "\e080"; } .daterangepickerContainer .glyphicon-plus-sign:before { content: "\e081"; } .daterangepickerContainer .glyphicon-minus-sign:before { content: "\e082"; } .daterangepickerContainer .glyphicon-remove-sign:before { content: "\e083"; } .daterangepickerContainer .glyphicon-ok-sign:before { content: "\e084"; } .daterangepickerContainer .glyphicon-question-sign:before { content: "\e085"; } .daterangepickerContainer .glyphicon-info-sign:before { content: "\e086"; } .daterangepickerContainer .glyphicon-screenshot:before { content: "\e087"; } .daterangepickerContainer .glyphicon-remove-circle:before { content: "\e088"; } .daterangepickerContainer .glyphicon-ok-circle:before { content: "\e089"; } .daterangepickerContainer .glyphicon-ban-circle:before { content: "\e090"; } .daterangepickerContainer .glyphicon-arrow-left:before { content: "\e091"; } .daterangepickerContainer .glyphicon-arrow-right:before { content: "\e092"; } .daterangepickerContainer .glyphicon-arrow-up:before { content: "\e093"; } .daterangepickerContainer .glyphicon-arrow-down:before { content: "\e094"; } .daterangepickerContainer .glyphicon-share-alt:before { content: "\e095"; } .daterangepickerContainer .glyphicon-resize-full:before { content: "\e096"; } .daterangepickerContainer .glyphicon-resize-small:before { content: "\e097"; } .daterangepickerContainer .glyphicon-exclamation-sign:before { content: "\e101"; } .daterangepickerContainer .glyphicon-gift:before { content: "\e102"; } .daterangepickerContainer .glyphicon-leaf:before { content: "\e103"; } .daterangepickerContainer .glyphicon-fire:before { content: "\e104"; } .daterangepickerContainer .glyphicon-eye-open:before { content: "\e105"; } .daterangepickerContainer .glyphicon-eye-close:before { content: "\e106"; } .daterangepickerContainer .glyphicon-warning-sign:before { content: "\e107"; } .daterangepickerContainer .glyphicon-plane:before { content: "\e108"; } .daterangepickerContainer .glyphicon-calendar:before { content: "\e109"; } .daterangepickerContainer .glyphicon-random:before { content: "\e110"; } .daterangepickerContainer .glyphicon-comment:before { content: "\e111"; } .daterangepickerContainer .glyphicon-magnet:before { content: "\e112"; } .daterangepickerContainer .glyphicon-chevron-up:before { content: "\e113"; } .daterangepickerContainer .glyphicon-chevron-down:before { content: "\e114"; } .daterangepickerContainer .glyphicon-retweet:before { content: "\e115"; } .daterangepickerContainer .glyphicon-shopping-cart:before { content: "\e116"; } .daterangepickerContainer .glyphicon-folder-close:before { content: "\e117"; } .daterangepickerContainer .glyphicon-folder-open:before { content: "\e118"; } .daterangepickerContainer .glyphicon-resize-vertical:before { content: "\e119"; } .daterangepickerContainer .glyphicon-resize-horizontal:before { content: "\e120"; } .daterangepickerContainer .glyphicon-hdd:before { content: "\e121"; } .daterangepickerContainer .glyphicon-bullhorn:before { content: "\e122"; } .daterangepickerContainer .glyphicon-bell:before { content: "\e123"; } .daterangepickerContainer .glyphicon-certificate:before { content: "\e124"; } .daterangepickerContainer .glyphicon-thumbs-up:before { content: "\e125"; } .daterangepickerContainer .glyphicon-thumbs-down:before { content: "\e126"; } .daterangepickerContainer .glyphicon-hand-right:before { content: "\e127"; } .daterangepickerContainer .glyphicon-hand-left:before { content: "\e128"; } .daterangepickerContainer .glyphicon-hand-up:before { content: "\e129"; } .daterangepickerContainer .glyphicon-hand-down:before { content: "\e130"; } .daterangepickerContainer .glyphicon-circle-arrow-right:before { content: "\e131"; } .daterangepickerContainer .glyphicon-circle-arrow-left:before { content: "\e132"; } .daterangepickerContainer .glyphicon-circle-arrow-up:before { content: "\e133"; } .daterangepickerContainer .glyphicon-circle-arrow-down:before { content: "\e134"; } .daterangepickerContainer .glyphicon-globe:before { content: "\e135"; } .daterangepickerContainer .glyphicon-wrench:before { content: "\e136"; } .daterangepickerContainer .glyphicon-tasks:before { content: "\e137"; } .daterangepickerContainer .glyphicon-filter:before { content: "\e138"; } .daterangepickerContainer .glyphicon-briefcase:before { content: "\e139"; } .daterangepickerContainer .glyphicon-fullscreen:before { content: "\e140"; } .daterangepickerContainer .glyphicon-dashboard:before { content: "\e141"; } .daterangepickerContainer .glyphicon-paperclip:before { content: "\e142"; } .daterangepickerContainer .glyphicon-heart-empty:before { content: "\e143"; } .daterangepickerContainer .glyphicon-link:before { content: "\e144"; } .daterangepickerContainer .glyphicon-phone:before { content: "\e145"; } .daterangepickerContainer .glyphicon-pushpin:before { content: "\e146"; } .daterangepickerContainer .glyphicon-usd:before { content: "\e148"; } .daterangepickerContainer .glyphicon-gbp:before { content: "\e149"; } .daterangepickerContainer .glyphicon-sort:before { content: "\e150"; } .daterangepickerContainer .glyphicon-sort-by-alphabet:before { content: "\e151"; } .daterangepickerContainer .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .daterangepickerContainer .glyphicon-sort-by-order:before { content: "\e153"; } .daterangepickerContainer .glyphicon-sort-by-order-alt:before { content: "\e154"; } .daterangepickerContainer .glyphicon-sort-by-attributes:before { content: "\e155"; } .daterangepickerContainer .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .daterangepickerContainer .glyphicon-unchecked:before { content: "\e157"; } .daterangepickerContainer .glyphicon-expand:before { content: "\e158"; } .daterangepickerContainer .glyphicon-collapse-down:before { content: "\e159"; } .daterangepickerContainer .glyphicon-collapse-up:before { content: "\e160"; } .daterangepickerContainer .glyphicon-log-in:before { content: "\e161"; } .daterangepickerContainer .glyphicon-flash:before { content: "\e162"; } .daterangepickerContainer .glyphicon-log-out:before { content: "\e163"; } .daterangepickerContainer .glyphicon-new-window:before { content: "\e164"; } .daterangepickerContainer .glyphicon-record:before { content: "\e165"; } .daterangepickerContainer .glyphicon-save:before { content: "\e166"; } .daterangepickerContainer .glyphicon-open:before { content: "\e167"; } .daterangepickerContainer .glyphicon-saved:before { content: "\e168"; } .daterangepickerContainer .glyphicon-import:before { content: "\e169"; } .daterangepickerContainer .glyphicon-export:before { content: "\e170"; } .daterangepickerContainer .glyphicon-send:before { content: "\e171"; } .daterangepickerContainer .glyphicon-floppy-disk:before { content: "\e172"; } .daterangepickerContainer .glyphicon-floppy-saved:before { content: "\e173"; } .daterangepickerContainer .glyphicon-floppy-remove:before { content: "\e174"; } .daterangepickerContainer .glyphicon-floppy-save:before { content: "\e175"; } .daterangepickerContainer .glyphicon-floppy-open:before { content: "\e176"; } .daterangepickerContainer .glyphicon-credit-card:before { content: "\e177"; } .daterangepickerContainer .glyphicon-transfer:before { content: "\e178"; } .daterangepickerContainer .glyphicon-cutlery:before { content: "\e179"; } .daterangepickerContainer .glyphicon-header:before { content: "\e180"; } .daterangepickerContainer .glyphicon-compressed:before { content: "\e181"; } .daterangepickerContainer .glyphicon-earphone:before { content: "\e182"; } .daterangepickerContainer .glyphicon-phone-alt:before { content: "\e183"; } .daterangepickerContainer .glyphicon-tower:before { content: "\e184"; } .daterangepickerContainer .glyphicon-stats:before { content: "\e185"; } .daterangepickerContainer .glyphicon-sd-video:before { content: "\e186"; } .daterangepickerContainer .glyphicon-hd-video:before { content: "\e187"; } .daterangepickerContainer .glyphicon-subtitles:before { content: "\e188"; } .daterangepickerContainer .glyphicon-sound-stereo:before { content: "\e189"; } .daterangepickerContainer .glyphicon-sound-dolby:before { content: "\e190"; } .daterangepickerContainer .glyphicon-sound-5-1:before { content: "\e191"; } .daterangepickerContainer .glyphicon-sound-6-1:before { content: "\e192"; } .daterangepickerContainer .glyphicon-sound-7-1:before { content: "\e193"; } .daterangepickerContainer .glyphicon-copyright-mark:before { content: "\e194"; } .daterangepickerContainer .glyphicon-registration-mark:before { content: "\e195"; } .daterangepickerContainer .glyphicon-cloud-download:before { content: "\e197"; } .daterangepickerContainer .glyphicon-cloud-upload:before { content: "\e198"; } .daterangepickerContainer .glyphicon-tree-conifer:before { content: "\e199"; } .daterangepickerContainer .glyphicon-tree-deciduous:before { content: "\e200"; } .daterangepickerContainer .glyphicon-cd:before { content: "\e201"; } .daterangepickerContainer .glyphicon-save-file:before { content: "\e202"; } .daterangepickerContainer .glyphicon-open-file:before { content: "\e203"; } .daterangepickerContainer .glyphicon-level-up:before { content: "\e204"; } .daterangepickerContainer .glyphicon-copy:before { content: "\e205"; } .daterangepickerContainer .glyphicon-paste:before { content: "\e206"; } .daterangepickerContainer .glyphicon-alert:before { content: "\e209"; } .daterangepickerContainer .glyphicon-equalizer:before { content: "\e210"; } .daterangepickerContainer .glyphicon-king:before { content: "\e211"; } .daterangepickerContainer .glyphicon-queen:before { content: "\e212"; } .daterangepickerContainer .glyphicon-pawn:before { content: "\e213"; } .daterangepickerContainer .glyphicon-bishop:before { content: "\e214"; } .daterangepickerContainer .glyphicon-knight:before { content: "\e215"; } .daterangepickerContainer .glyphicon-baby-formula:before { content: "\e216"; } .daterangepickerContainer .glyphicon-tent:before { content: "โ›บ"; } .daterangepickerContainer .glyphicon-blackboard:before { content: "\e218"; } .daterangepickerContainer .glyphicon-bed:before { content: "\e219"; } .daterangepickerContainer .glyphicon-apple:before { content: "\f8ff"; } .daterangepickerContainer .glyphicon-erase:before { content: "\e221"; } .daterangepickerContainer .glyphicon-hourglass:before { content: "โŒ›"; } .daterangepickerContainer .glyphicon-lamp:before { content: "\e223"; } .daterangepickerContainer .glyphicon-duplicate:before { content: "\e224"; } .daterangepickerContainer .glyphicon-piggy-bank:before { content: "\e225"; } .daterangepickerContainer .glyphicon-scissors:before { content: "\e226"; } .daterangepickerContainer .glyphicon-bitcoin:before { content: "\e227"; } .daterangepickerContainer .glyphicon-btc:before { content: "\e227"; } .daterangepickerContainer .glyphicon-xbt:before { content: "\e227"; } .daterangepickerContainer .glyphicon-yen:before { content: "ยฅ"; } .daterangepickerContainer .glyphicon-jpy:before { content: "ยฅ"; } .daterangepickerContainer .glyphicon-ruble:before { content: "โ‚ฝ"; } .daterangepickerContainer .glyphicon-rub:before { content: "โ‚ฝ"; } .daterangepickerContainer .glyphicon-scale:before { content: "\e230"; } .daterangepickerContainer .glyphicon-ice-lolly:before { content: "\e231"; } .daterangepickerContainer .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .daterangepickerContainer .glyphicon-education:before { content: "\e233"; } .daterangepickerContainer .glyphicon-option-horizontal:before { content: "\e234"; } .daterangepickerContainer .glyphicon-option-vertical:before { content: "\e235"; } .daterangepickerContainer .glyphicon-menu-hamburger:before { content: "\e236"; } .daterangepickerContainer .glyphicon-modal-window:before { content: "\e237"; } .daterangepickerContainer .glyphicon-oil:before { content: "\e238"; } .daterangepickerContainer .glyphicon-grain:before { content: "\e239"; } .daterangepickerContainer .glyphicon-sunglasses:before { content: "\e240"; } .daterangepickerContainer .glyphicon-text-size:before { content: "\e241"; } .daterangepickerContainer .glyphicon-text-color:before { content: "\e242"; } .daterangepickerContainer .glyphicon-text-background:before { content: "\e243"; } .daterangepickerContainer .glyphicon-object-align-top:before { content: "\e244"; } .daterangepickerContainer .glyphicon-object-align-bottom:before { content: "\e245"; } .daterangepickerContainer .glyphicon-object-align-horizontal:before { content: "\e246"; } .daterangepickerContainer .glyphicon-object-align-left:before { content: "\e247"; } .daterangepickerContainer .glyphicon-object-align-vertical:before { content: "\e248"; } .daterangepickerContainer .glyphicon-object-align-right:before { content: "\e249"; } .daterangepickerContainer .glyphicon-triangle-right:before { content: "\e250"; } .daterangepickerContainer .glyphicon-triangle-left:before { content: "\e251"; } .daterangepickerContainer .glyphicon-triangle-bottom:before { content: "\e252"; } .daterangepickerContainer .glyphicon-triangle-top:before { content: "\e253"; } .daterangepickerContainer .glyphicon-console:before { content: "\e254"; } .daterangepickerContainer .glyphicon-superscript:before { content: "\e255"; } .daterangepickerContainer .glyphicon-subscript:before { content: "\e256"; } .daterangepickerContainer .glyphicon-menu-left:before { content: "\e257"; } .daterangepickerContainer .glyphicon-menu-right:before { content: "\e258"; } .daterangepickerContainer .glyphicon-menu-down:before { content: "\e259"; } .daterangepickerContainer .glyphicon-menu-up:before { content: "\e260"; } .daterangepickerContainer * { box-sizing: border-box; } .daterangepickerContainer *:before, .daterangepickerContainer *:after { box-sizing: border-box; } .daterangepickerContainer html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .daterangepickerContainer body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #323232; background-color: white; } .daterangepickerContainer input, .daterangepickerContainer button, .daterangepickerContainer select, .daterangepickerContainer textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .daterangepickerContainer a { color: #055098; text-decoration: none; } .daterangepickerContainer a:hover, .daterangepickerContainer a:focus { color: #166ada; text-decoration: underline; } .daterangepickerContainer a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .daterangepickerContainer figure { margin: 0; } .daterangepickerContainer img { vertical-align: middle; } .daterangepickerContainer .img-responsive { display: block; max-width: 100%; height: auto; } .daterangepickerContainer .img-rounded { border-radius: 6px; } .daterangepickerContainer .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: white; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .daterangepickerContainer .img-circle { border-radius: 50%; } .daterangepickerContainer hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .daterangepickerContainer .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .daterangepickerContainer .sr-only-focusable:active, .daterangepickerContainer .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .daterangepickerContainer [role=button] { cursor: pointer; } .daterangepickerContainer h1, .daterangepickerContainer h2, .daterangepickerContainer h3, .daterangepickerContainer h4, .daterangepickerContainer h5, .daterangepickerContainer h6, .daterangepickerContainer .h1, .daterangepickerContainer .h2, .daterangepickerContainer .h3, .daterangepickerContainer .h4, .daterangepickerContainer .h5, .daterangepickerContainer .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .daterangepickerContainer h1 small, .daterangepickerContainer h1 .small, .daterangepickerContainer h2 small, .daterangepickerContainer h2 .small, .daterangepickerContainer h3 small, .daterangepickerContainer h3 .small, .daterangepickerContainer h4 small, .daterangepickerContainer h4 .small, .daterangepickerContainer h5 small, .daterangepickerContainer h5 .small, .daterangepickerContainer h6 small, .daterangepickerContainer h6 .small, .daterangepickerContainer .h1 small, .daterangepickerContainer .h1 .small, .daterangepickerContainer .h2 small, .daterangepickerContainer .h2 .small, .daterangepickerContainer .h3 small, .daterangepickerContainer .h3 .small, .daterangepickerContainer .h4 small, .daterangepickerContainer .h4 .small, .daterangepickerContainer .h5 small, .daterangepickerContainer .h5 .small, .daterangepickerContainer .h6 small, .daterangepickerContainer .h6 .small { font-weight: normal; line-height: 1; color: #777777; } .daterangepickerContainer h1, .daterangepickerContainer .h1, .daterangepickerContainer h2, .daterangepickerContainer .h2, .daterangepickerContainer h3, .daterangepickerContainer .h3 { margin-top: 20px; margin-bottom: 10px; } .daterangepickerContainer h1 small, .daterangepickerContainer h1 .small, .daterangepickerContainer .h1 small, .daterangepickerContainer .h1 .small, .daterangepickerContainer h2 small, .daterangepickerContainer h2 .small, .daterangepickerContainer .h2 small, .daterangepickerContainer .h2 .small, .daterangepickerContainer h3 small, .daterangepickerContainer h3 .small, .daterangepickerContainer .h3 small, .daterangepickerContainer .h3 .small { font-size: 65%; } .daterangepickerContainer h4, .daterangepickerContainer .h4, .daterangepickerContainer h5, .daterangepickerContainer .h5, .daterangepickerContainer h6, .daterangepickerContainer .h6 { margin-top: 10px; margin-bottom: 10px; } .daterangepickerContainer h4 small, .daterangepickerContainer h4 .small, .daterangepickerContainer .h4 small, .daterangepickerContainer .h4 .small, .daterangepickerContainer h5 small, .daterangepickerContainer h5 .small, .daterangepickerContainer .h5 small, .daterangepickerContainer .h5 .small, .daterangepickerContainer h6 small, .daterangepickerContainer h6 .small, .daterangepickerContainer .h6 small, .daterangepickerContainer .h6 .small { font-size: 75%; } .daterangepickerContainer h1, .daterangepickerContainer .h1 { font-size: 36px; } .daterangepickerContainer h2, .daterangepickerContainer .h2 { font-size: 30px; } .daterangepickerContainer h3, .daterangepickerContainer .h3 { font-size: 24px; } .daterangepickerContainer h4, .daterangepickerContainer .h4 { font-size: 18px; } .daterangepickerContainer h5, .daterangepickerContainer .h5 { font-size: 14px; } .daterangepickerContainer h6, .daterangepickerContainer .h6 { font-size: 12px; } .daterangepickerContainer p { margin: 0 0 10px; } .daterangepickerContainer .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .daterangepickerContainer .lead { font-size: 21px; } } .daterangepickerContainer small, .daterangepickerContainer .small { font-size: 85%; } .daterangepickerContainer mark, .daterangepickerContainer .mark { background-color: #fcf8e3; padding: 0.2em; } .daterangepickerContainer .text-left { text-align: left; } .daterangepickerContainer .text-right { text-align: right; } .daterangepickerContainer .text-center { text-align: center; } .daterangepickerContainer .text-justify { text-align: justify; } .daterangepickerContainer .text-nowrap { white-space: nowrap; } .daterangepickerContainer .text-lowercase { text-transform: lowercase; } .daterangepickerContainer .text-uppercase, .daterangepickerContainer .initialism { text-transform: uppercase; } .daterangepickerContainer .text-capitalize { text-transform: capitalize; } .daterangepickerContainer .text-muted { color: #777777; } .daterangepickerContainer .text-primary { color: #337ab7; } .daterangepickerContainer a.text-primary:hover, .daterangepickerContainer a.text-primary:focus { color: #286090; } .daterangepickerContainer .text-success { color: #3c763d; } .daterangepickerContainer a.text-success:hover, .daterangepickerContainer a.text-success:focus { color: #2b542c; } .daterangepickerContainer .text-info { color: #31708f; } .daterangepickerContainer a.text-info:hover, .daterangepickerContainer a.text-info:focus { color: #245269; } .daterangepickerContainer .text-warning { color: #8a6d3b; } .daterangepickerContainer a.text-warning:hover, .daterangepickerContainer a.text-warning:focus { color: #66512c; } .daterangepickerContainer .text-danger { color: #a94442; } .daterangepickerContainer a.text-danger:hover, .daterangepickerContainer a.text-danger:focus { color: #843534; } .daterangepickerContainer .bg-primary { color: #fff; } .daterangepickerContainer .bg-primary { background-color: #337ab7; } .daterangepickerContainer a.bg-primary:hover, .daterangepickerContainer a.bg-primary:focus { background-color: #286090; } .daterangepickerContainer .bg-success { background-color: #dff0d8; } .daterangepickerContainer a.bg-success:hover, .daterangepickerContainer a.bg-success:focus { background-color: #c1e2b3; } .daterangepickerContainer .bg-info { background-color: #d9edf7; } .daterangepickerContainer a.bg-info:hover, .daterangepickerContainer a.bg-info:focus { background-color: #afd9ee; } .daterangepickerContainer .bg-warning { background-color: #fcf8e3; } .daterangepickerContainer a.bg-warning:hover, .daterangepickerContainer a.bg-warning:focus { background-color: #f7ecb5; } .daterangepickerContainer .bg-danger { background-color: #f2dede; } .daterangepickerContainer a.bg-danger:hover, .daterangepickerContainer a.bg-danger:focus { background-color: #e4b9b9; } .daterangepickerContainer .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } .daterangepickerContainer ul, .daterangepickerContainer ol { margin-top: 0; margin-bottom: 10px; } .daterangepickerContainer ul ul, .daterangepickerContainer ul ol, .daterangepickerContainer ol ul, .daterangepickerContainer ol ol { margin-bottom: 0; } .daterangepickerContainer .list-unstyled { padding-left: 0; list-style: none; } .daterangepickerContainer .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .daterangepickerContainer .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .daterangepickerContainer dl { margin-top: 0; margin-bottom: 20px; } .daterangepickerContainer dt, .daterangepickerContainer dd { line-height: 1.428571429; } .daterangepickerContainer dt { font-weight: bold; } .daterangepickerContainer dd { margin-left: 0; } .daterangepickerContainer .dl-horizontal dd:before, .daterangepickerContainer .dl-horizontal dd:after { content: " "; display: table; } .daterangepickerContainer .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .daterangepickerContainer .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .daterangepickerContainer .dl-horizontal dd { margin-left: 180px; } } .daterangepickerContainer abbr[title], .daterangepickerContainer abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .daterangepickerContainer .initialism { font-size: 90%; } .daterangepickerContainer blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } .daterangepickerContainer blockquote p:last-child, .daterangepickerContainer blockquote ul:last-child, .daterangepickerContainer blockquote ol:last-child { margin-bottom: 0; } .daterangepickerContainer blockquote footer, .daterangepickerContainer blockquote small, .daterangepickerContainer blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } .daterangepickerContainer blockquote footer:before, .daterangepickerContainer blockquote small:before, .daterangepickerContainer blockquote .small:before { content: "โ€”ย "; } .daterangepickerContainer .blockquote-reverse, .daterangepickerContainer blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .daterangepickerContainer .blockquote-reverse footer:before, .daterangepickerContainer .blockquote-reverse small:before, .daterangepickerContainer .blockquote-reverse .small:before, .daterangepickerContainer blockquote.pull-right footer:before, .daterangepickerContainer blockquote.pull-right small:before, .daterangepickerContainer blockquote.pull-right .small:before { content: ""; } .daterangepickerContainer .blockquote-reverse footer:after, .daterangepickerContainer .blockquote-reverse small:after, .daterangepickerContainer .blockquote-reverse .small:after, .daterangepickerContainer blockquote.pull-right footer:after, .daterangepickerContainer blockquote.pull-right small:after, .daterangepickerContainer blockquote.pull-right .small:after { content: "ย โ€”"; } .daterangepickerContainer address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } .daterangepickerContainer code, .daterangepickerContainer kbd, .daterangepickerContainer pre, .daterangepickerContainer samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } .daterangepickerContainer code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } .daterangepickerContainer kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } .daterangepickerContainer kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } .daterangepickerContainer pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } .daterangepickerContainer pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .daterangepickerContainer .pre-scrollable { max-height: 340px; overflow-y: scroll; } .daterangepickerContainer .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .daterangepickerContainer .container:before, .daterangepickerContainer .container:after { content: " "; display: table; } .daterangepickerContainer .container:after { clear: both; } @media (min-width: 768px) { .daterangepickerContainer .container { width: 750px; } } @media (min-width: 992px) { .daterangepickerContainer .container { width: 970px; } } @media (min-width: 1200px) { .daterangepickerContainer .container { width: 1170px; } } .daterangepickerContainer .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .daterangepickerContainer .container-fluid:before, .daterangepickerContainer .container-fluid:after { content: " "; display: table; } .daterangepickerContainer .container-fluid:after { clear: both; } .daterangepickerContainer .row { margin-left: -15px; margin-right: -15px; } .daterangepickerContainer .row:before, .daterangepickerContainer .row:after { content: " "; display: table; } .daterangepickerContainer .row:after { clear: both; } .daterangepickerContainer .col-xs-1, .daterangepickerContainer .col-sm-1, .daterangepickerContainer .col-md-1, .daterangepickerContainer .col-lg-1, .daterangepickerContainer .col-xs-2, .daterangepickerContainer .col-sm-2, .daterangepickerContainer .col-md-2, .daterangepickerContainer .col-lg-2, .daterangepickerContainer .col-xs-3, .daterangepickerContainer .col-sm-3, .daterangepickerContainer .col-md-3, .daterangepickerContainer .col-lg-3, .daterangepickerContainer .col-xs-4, .daterangepickerContainer .col-sm-4, .daterangepickerContainer .col-md-4, .daterangepickerContainer .col-lg-4, .daterangepickerContainer .col-xs-5, .daterangepickerContainer .col-sm-5, .daterangepickerContainer .col-md-5, .daterangepickerContainer .col-lg-5, .daterangepickerContainer .col-xs-6, .daterangepickerContainer .col-sm-6, .daterangepickerContainer .col-md-6, .daterangepickerContainer .col-lg-6, .daterangepickerContainer .col-xs-7, .daterangepickerContainer .col-sm-7, .daterangepickerContainer .col-md-7, .daterangepickerContainer .col-lg-7, .daterangepickerContainer .col-xs-8, .daterangepickerContainer .col-sm-8, .daterangepickerContainer .col-md-8, .daterangepickerContainer .col-lg-8, .daterangepickerContainer .col-xs-9, .daterangepickerContainer .col-sm-9, .daterangepickerContainer .col-md-9, .daterangepickerContainer .col-lg-9, .daterangepickerContainer .col-xs-10, .daterangepickerContainer .col-sm-10, .daterangepickerContainer .col-md-10, .daterangepickerContainer .col-lg-10, .daterangepickerContainer .col-xs-11, .daterangepickerContainer .col-sm-11, .daterangepickerContainer .col-md-11, .daterangepickerContainer .col-lg-11, .daterangepickerContainer .col-xs-12, .daterangepickerContainer .col-sm-12, .daterangepickerContainer .col-md-12, .daterangepickerContainer .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .daterangepickerContainer .col-xs-1, .daterangepickerContainer .col-xs-2, .daterangepickerContainer .col-xs-3, .daterangepickerContainer .col-xs-4, .daterangepickerContainer .col-xs-5, .daterangepickerContainer .col-xs-6, .daterangepickerContainer .col-xs-7, .daterangepickerContainer .col-xs-8, .daterangepickerContainer .col-xs-9, .daterangepickerContainer .col-xs-10, .daterangepickerContainer .col-xs-11, .daterangepickerContainer .col-xs-12 { float: left; } .daterangepickerContainer .col-xs-1 { width: 8.3333333333%; } .daterangepickerContainer .col-xs-2 { width: 16.6666666667%; } .daterangepickerContainer .col-xs-3 { width: 25%; } .daterangepickerContainer .col-xs-4 { width: 33.3333333333%; } .daterangepickerContainer .col-xs-5 { width: 41.6666666667%; } .daterangepickerContainer .col-xs-6 { width: 50%; } .daterangepickerContainer .col-xs-7 { width: 58.3333333333%; } .daterangepickerContainer .col-xs-8 { width: 66.6666666667%; } .daterangepickerContainer .col-xs-9 { width: 75%; } .daterangepickerContainer .col-xs-10 { width: 83.3333333333%; } .daterangepickerContainer .col-xs-11 { width: 91.6666666667%; } .daterangepickerContainer .col-xs-12 { width: 100%; } .daterangepickerContainer .col-xs-pull-0 { right: auto; } .daterangepickerContainer .col-xs-pull-1 { right: 8.3333333333%; } .daterangepickerContainer .col-xs-pull-2 { right: 16.6666666667%; } .daterangepickerContainer .col-xs-pull-3 { right: 25%; } .daterangepickerContainer .col-xs-pull-4 { right: 33.3333333333%; } .daterangepickerContainer .col-xs-pull-5 { right: 41.6666666667%; } .daterangepickerContainer .col-xs-pull-6 { right: 50%; } .daterangepickerContainer .col-xs-pull-7 { right: 58.3333333333%; } .daterangepickerContainer .col-xs-pull-8 { right: 66.6666666667%; } .daterangepickerContainer .col-xs-pull-9 { right: 75%; } .daterangepickerContainer .col-xs-pull-10 { right: 83.3333333333%; } .daterangepickerContainer .col-xs-pull-11 { right: 91.6666666667%; } .daterangepickerContainer .col-xs-pull-12 { right: 100%; } .daterangepickerContainer .col-xs-push-0 { left: auto; } .daterangepickerContainer .col-xs-push-1 { left: 8.3333333333%; } .daterangepickerContainer .col-xs-push-2 { left: 16.6666666667%; } .daterangepickerContainer .col-xs-push-3 { left: 25%; } .daterangepickerContainer .col-xs-push-4 { left: 33.3333333333%; } .daterangepickerContainer .col-xs-push-5 { left: 41.6666666667%; } .daterangepickerContainer .col-xs-push-6 { left: 50%; } .daterangepickerContainer .col-xs-push-7 { left: 58.3333333333%; } .daterangepickerContainer .col-xs-push-8 { left: 66.6666666667%; } .daterangepickerContainer .col-xs-push-9 { left: 75%; } .daterangepickerContainer .col-xs-push-10 { left: 83.3333333333%; } .daterangepickerContainer .col-xs-push-11 { left: 91.6666666667%; } .daterangepickerContainer .col-xs-push-12 { left: 100%; } .daterangepickerContainer .col-xs-offset-0 { margin-left: 0%; } .daterangepickerContainer .col-xs-offset-1 { margin-left: 8.3333333333%; } .daterangepickerContainer .col-xs-offset-2 { margin-left: 16.6666666667%; } .daterangepickerContainer .col-xs-offset-3 { margin-left: 25%; } .daterangepickerContainer .col-xs-offset-4 { margin-left: 33.3333333333%; } .daterangepickerContainer .col-xs-offset-5 { margin-left: 41.6666666667%; } .daterangepickerContainer .col-xs-offset-6 { margin-left: 50%; } .daterangepickerContainer .col-xs-offset-7 { margin-left: 58.3333333333%; } .daterangepickerContainer .col-xs-offset-8 { margin-left: 66.6666666667%; } .daterangepickerContainer .col-xs-offset-9 { margin-left: 75%; } .daterangepickerContainer .col-xs-offset-10 { margin-left: 83.3333333333%; } .daterangepickerContainer .col-xs-offset-11 { margin-left: 91.6666666667%; } .daterangepickerContainer .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .daterangepickerContainer .col-sm-1, .daterangepickerContainer .col-sm-2, .daterangepickerContainer .col-sm-3, .daterangepickerContainer .col-sm-4, .daterangepickerContainer .col-sm-5, .daterangepickerContainer .col-sm-6, .daterangepickerContainer .col-sm-7, .daterangepickerContainer .col-sm-8, .daterangepickerContainer .col-sm-9, .daterangepickerContainer .col-sm-10, .daterangepickerContainer .col-sm-11, .daterangepickerContainer .col-sm-12 { float: left; } .daterangepickerContainer .col-sm-1 { width: 8.3333333333%; } .daterangepickerContainer .col-sm-2 { width: 16.6666666667%; } .daterangepickerContainer .col-sm-3 { width: 25%; } .daterangepickerContainer .col-sm-4 { width: 33.3333333333%; } .daterangepickerContainer .col-sm-5 { width: 41.6666666667%; } .daterangepickerContainer .col-sm-6 { width: 50%; } .daterangepickerContainer .col-sm-7 { width: 58.3333333333%; } .daterangepickerContainer .col-sm-8 { width: 66.6666666667%; } .daterangepickerContainer .col-sm-9 { width: 75%; } .daterangepickerContainer .col-sm-10 { width: 83.3333333333%; } .daterangepickerContainer .col-sm-11 { width: 91.6666666667%; } .daterangepickerContainer .col-sm-12 { width: 100%; } .daterangepickerContainer .col-sm-pull-0 { right: auto; } .daterangepickerContainer .col-sm-pull-1 { right: 8.3333333333%; } .daterangepickerContainer .col-sm-pull-2 { right: 16.6666666667%; } .daterangepickerContainer .col-sm-pull-3 { right: 25%; } .daterangepickerContainer .col-sm-pull-4 { right: 33.3333333333%; } .daterangepickerContainer .col-sm-pull-5 { right: 41.6666666667%; } .daterangepickerContainer .col-sm-pull-6 { right: 50%; } .daterangepickerContainer .col-sm-pull-7 { right: 58.3333333333%; } .daterangepickerContainer .col-sm-pull-8 { right: 66.6666666667%; } .daterangepickerContainer .col-sm-pull-9 { right: 75%; } .daterangepickerContainer .col-sm-pull-10 { right: 83.3333333333%; } .daterangepickerContainer .col-sm-pull-11 { right: 91.6666666667%; } .daterangepickerContainer .col-sm-pull-12 { right: 100%; } .daterangepickerContainer .col-sm-push-0 { left: auto; } .daterangepickerContainer .col-sm-push-1 { left: 8.3333333333%; } .daterangepickerContainer .col-sm-push-2 { left: 16.6666666667%; } .daterangepickerContainer .col-sm-push-3 { left: 25%; } .daterangepickerContainer .col-sm-push-4 { left: 33.3333333333%; } .daterangepickerContainer .col-sm-push-5 { left: 41.6666666667%; } .daterangepickerContainer .col-sm-push-6 { left: 50%; } .daterangepickerContainer .col-sm-push-7 { left: 58.3333333333%; } .daterangepickerContainer .col-sm-push-8 { left: 66.6666666667%; } .daterangepickerContainer .col-sm-push-9 { left: 75%; } .daterangepickerContainer .col-sm-push-10 { left: 83.3333333333%; } .daterangepickerContainer .col-sm-push-11 { left: 91.6666666667%; } .daterangepickerContainer .col-sm-push-12 { left: 100%; } .daterangepickerContainer .col-sm-offset-0 { margin-left: 0%; } .daterangepickerContainer .col-sm-offset-1 { margin-left: 8.3333333333%; } .daterangepickerContainer .col-sm-offset-2 { margin-left: 16.6666666667%; } .daterangepickerContainer .col-sm-offset-3 { margin-left: 25%; } .daterangepickerContainer .col-sm-offset-4 { margin-left: 33.3333333333%; } .daterangepickerContainer .col-sm-offset-5 { margin-left: 41.6666666667%; } .daterangepickerContainer .col-sm-offset-6 { margin-left: 50%; } .daterangepickerContainer .col-sm-offset-7 { margin-left: 58.3333333333%; } .daterangepickerContainer .col-sm-offset-8 { margin-left: 66.6666666667%; } .daterangepickerContainer .col-sm-offset-9 { margin-left: 75%; } .daterangepickerContainer .col-sm-offset-10 { margin-left: 83.3333333333%; } .daterangepickerContainer .col-sm-offset-11 { margin-left: 91.6666666667%; } .daterangepickerContainer .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .daterangepickerContainer .col-md-1, .daterangepickerContainer .col-md-2, .daterangepickerContainer .col-md-3, .daterangepickerContainer .col-md-4, .daterangepickerContainer .col-md-5, .daterangepickerContainer .col-md-6, .daterangepickerContainer .col-md-7, .daterangepickerContainer .col-md-8, .daterangepickerContainer .col-md-9, .daterangepickerContainer .col-md-10, .daterangepickerContainer .col-md-11, .daterangepickerContainer .col-md-12 { float: left; } .daterangepickerContainer .col-md-1 { width: 8.3333333333%; } .daterangepickerContainer .col-md-2 { width: 16.6666666667%; } .daterangepickerContainer .col-md-3 { width: 25%; } .daterangepickerContainer .col-md-4 { width: 33.3333333333%; } .daterangepickerContainer .col-md-5 { width: 41.6666666667%; } .daterangepickerContainer .col-md-6 { width: 50%; } .daterangepickerContainer .col-md-7 { width: 58.3333333333%; } .daterangepickerContainer .col-md-8 { width: 66.6666666667%; } .daterangepickerContainer .col-md-9 { width: 75%; } .daterangepickerContainer .col-md-10 { width: 83.3333333333%; } .daterangepickerContainer .col-md-11 { width: 91.6666666667%; } .daterangepickerContainer .col-md-12 { width: 100%; } .daterangepickerContainer .col-md-pull-0 { right: auto; } .daterangepickerContainer .col-md-pull-1 { right: 8.3333333333%; } .daterangepickerContainer .col-md-pull-2 { right: 16.6666666667%; } .daterangepickerContainer .col-md-pull-3 { right: 25%; } .daterangepickerContainer .col-md-pull-4 { right: 33.3333333333%; } .daterangepickerContainer .col-md-pull-5 { right: 41.6666666667%; } .daterangepickerContainer .col-md-pull-6 { right: 50%; } .daterangepickerContainer .col-md-pull-7 { right: 58.3333333333%; } .daterangepickerContainer .col-md-pull-8 { right: 66.6666666667%; } .daterangepickerContainer .col-md-pull-9 { right: 75%; } .daterangepickerContainer .col-md-pull-10 { right: 83.3333333333%; } .daterangepickerContainer .col-md-pull-11 { right: 91.6666666667%; } .daterangepickerContainer .col-md-pull-12 { right: 100%; } .daterangepickerContainer .col-md-push-0 { left: auto; } .daterangepickerContainer .col-md-push-1 { left: 8.3333333333%; } .daterangepickerContainer .col-md-push-2 { left: 16.6666666667%; } .daterangepickerContainer .col-md-push-3 { left: 25%; } .daterangepickerContainer .col-md-push-4 { left: 33.3333333333%; } .daterangepickerContainer .col-md-push-5 { left: 41.6666666667%; } .daterangepickerContainer .col-md-push-6 { left: 50%; } .daterangepickerContainer .col-md-push-7 { left: 58.3333333333%; } .daterangepickerContainer .col-md-push-8 { left: 66.6666666667%; } .daterangepickerContainer .col-md-push-9 { left: 75%; } .daterangepickerContainer .col-md-push-10 { left: 83.3333333333%; } .daterangepickerContainer .col-md-push-11 { left: 91.6666666667%; } .daterangepickerContainer .col-md-push-12 { left: 100%; } .daterangepickerContainer .col-md-offset-0 { margin-left: 0%; } .daterangepickerContainer .col-md-offset-1 { margin-left: 8.3333333333%; } .daterangepickerContainer .col-md-offset-2 { margin-left: 16.6666666667%; } .daterangepickerContainer .col-md-offset-3 { margin-left: 25%; } .daterangepickerContainer .col-md-offset-4 { margin-left: 33.3333333333%; } .daterangepickerContainer .col-md-offset-5 { margin-left: 41.6666666667%; } .daterangepickerContainer .col-md-offset-6 { margin-left: 50%; } .daterangepickerContainer .col-md-offset-7 { margin-left: 58.3333333333%; } .daterangepickerContainer .col-md-offset-8 { margin-left: 66.6666666667%; } .daterangepickerContainer .col-md-offset-9 { margin-left: 75%; } .daterangepickerContainer .col-md-offset-10 { margin-left: 83.3333333333%; } .daterangepickerContainer .col-md-offset-11 { margin-left: 91.6666666667%; } .daterangepickerContainer .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .daterangepickerContainer .col-lg-1, .daterangepickerContainer .col-lg-2, .daterangepickerContainer .col-lg-3, .daterangepickerContainer .col-lg-4, .daterangepickerContainer .col-lg-5, .daterangepickerContainer .col-lg-6, .daterangepickerContainer .col-lg-7, .daterangepickerContainer .col-lg-8, .daterangepickerContainer .col-lg-9, .daterangepickerContainer .col-lg-10, .daterangepickerContainer .col-lg-11, .daterangepickerContainer .col-lg-12 { float: left; } .daterangepickerContainer .col-lg-1 { width: 8.3333333333%; } .daterangepickerContainer .col-lg-2 { width: 16.6666666667%; } .daterangepickerContainer .col-lg-3 { width: 25%; } .daterangepickerContainer .col-lg-4 { width: 33.3333333333%; } .daterangepickerContainer .col-lg-5 { width: 41.6666666667%; } .daterangepickerContainer .col-lg-6 { width: 50%; } .daterangepickerContainer .col-lg-7 { width: 58.3333333333%; } .daterangepickerContainer .col-lg-8 { width: 66.6666666667%; } .daterangepickerContainer .col-lg-9 { width: 75%; } .daterangepickerContainer .col-lg-10 { width: 83.3333333333%; } .daterangepickerContainer .col-lg-11 { width: 91.6666666667%; } .daterangepickerContainer .col-lg-12 { width: 100%; } .daterangepickerContainer .col-lg-pull-0 { right: auto; } .daterangepickerContainer .col-lg-pull-1 { right: 8.3333333333%; } .daterangepickerContainer .col-lg-pull-2 { right: 16.6666666667%; } .daterangepickerContainer .col-lg-pull-3 { right: 25%; } .daterangepickerContainer .col-lg-pull-4 { right: 33.3333333333%; } .daterangepickerContainer .col-lg-pull-5 { right: 41.6666666667%; } .daterangepickerContainer .col-lg-pull-6 { right: 50%; } .daterangepickerContainer .col-lg-pull-7 { right: 58.3333333333%; } .daterangepickerContainer .col-lg-pull-8 { right: 66.6666666667%; } .daterangepickerContainer .col-lg-pull-9 { right: 75%; } .daterangepickerContainer .col-lg-pull-10 { right: 83.3333333333%; } .daterangepickerContainer .col-lg-pull-11 { right: 91.6666666667%; } .daterangepickerContainer .col-lg-pull-12 { right: 100%; } .daterangepickerContainer .col-lg-push-0 { left: auto; } .daterangepickerContainer .col-lg-push-1 { left: 8.3333333333%; } .daterangepickerContainer .col-lg-push-2 { left: 16.6666666667%; } .daterangepickerContainer .col-lg-push-3 { left: 25%; } .daterangepickerContainer .col-lg-push-4 { left: 33.3333333333%; } .daterangepickerContainer .col-lg-push-5 { left: 41.6666666667%; } .daterangepickerContainer .col-lg-push-6 { left: 50%; } .daterangepickerContainer .col-lg-push-7 { left: 58.3333333333%; } .daterangepickerContainer .col-lg-push-8 { left: 66.6666666667%; } .daterangepickerContainer .col-lg-push-9 { left: 75%; } .daterangepickerContainer .col-lg-push-10 { left: 83.3333333333%; } .daterangepickerContainer .col-lg-push-11 { left: 91.6666666667%; } .daterangepickerContainer .col-lg-push-12 { left: 100%; } .daterangepickerContainer .col-lg-offset-0 { margin-left: 0%; } .daterangepickerContainer .col-lg-offset-1 { margin-left: 8.3333333333%; } .daterangepickerContainer .col-lg-offset-2 { margin-left: 16.6666666667%; } .daterangepickerContainer .col-lg-offset-3 { margin-left: 25%; } .daterangepickerContainer .col-lg-offset-4 { margin-left: 33.3333333333%; } .daterangepickerContainer .col-lg-offset-5 { margin-left: 41.6666666667%; } .daterangepickerContainer .col-lg-offset-6 { margin-left: 50%; } .daterangepickerContainer .col-lg-offset-7 { margin-left: 58.3333333333%; } .daterangepickerContainer .col-lg-offset-8 { margin-left: 66.6666666667%; } .daterangepickerContainer .col-lg-offset-9 { margin-left: 75%; } .daterangepickerContainer .col-lg-offset-10 { margin-left: 83.3333333333%; } .daterangepickerContainer .col-lg-offset-11 { margin-left: 91.6666666667%; } .daterangepickerContainer .col-lg-offset-12 { margin-left: 100%; } } .daterangepickerContainer table { background-color: transparent; } .daterangepickerContainer caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } .daterangepickerContainer th { text-align: left; } .daterangepickerContainer .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .daterangepickerContainer .table > thead > tr > th, .daterangepickerContainer .table > thead > tr > td, .daterangepickerContainer .table > tbody > tr > th, .daterangepickerContainer .table > tbody > tr > td, .daterangepickerContainer .table > tfoot > tr > th, .daterangepickerContainer .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .daterangepickerContainer .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .daterangepickerContainer .table > caption + thead > tr:first-child > th, .daterangepickerContainer .table > caption + thead > tr:first-child > td, .daterangepickerContainer .table > colgroup + thead > tr:first-child > th, .daterangepickerContainer .table > colgroup + thead > tr:first-child > td, .daterangepickerContainer .table > thead:first-child > tr:first-child > th, .daterangepickerContainer .table > thead:first-child > tr:first-child > td { border-top: 0; } .daterangepickerContainer .table > tbody + tbody { border-top: 2px solid #ddd; } .daterangepickerContainer .table .table { background-color: white; } .daterangepickerContainer .table-condensed > thead > tr > th, .daterangepickerContainer .table-condensed > thead > tr > td, .daterangepickerContainer .table-condensed > tbody > tr > th, .daterangepickerContainer .table-condensed > tbody > tr > td, .daterangepickerContainer .table-condensed > tfoot > tr > th, .daterangepickerContainer .table-condensed > tfoot > tr > td { padding: 5px; } .daterangepickerContainer .table-bordered { border: 1px solid #ddd; } .daterangepickerContainer .table-bordered > thead > tr > th, .daterangepickerContainer .table-bordered > thead > tr > td, .daterangepickerContainer .table-bordered > tbody > tr > th, .daterangepickerContainer .table-bordered > tbody > tr > td, .daterangepickerContainer .table-bordered > tfoot > tr > th, .daterangepickerContainer .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .daterangepickerContainer .table-bordered > thead > tr > th, .daterangepickerContainer .table-bordered > thead > tr > td { border-bottom-width: 2px; } .daterangepickerContainer .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .daterangepickerContainer .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .daterangepickerContainer table col[class*=col-] { position: static; float: none; display: table-column; } .daterangepickerContainer table td[class*=col-], .daterangepickerContainer table th[class*=col-] { position: static; float: none; display: table-cell; } .daterangepickerContainer .table > thead > tr > td.active, .daterangepickerContainer .table > thead > tr > th.active, .daterangepickerContainer .table > thead > tr.active > td, .daterangepickerContainer .table > thead > tr.active > th, .daterangepickerContainer .table > tbody > tr > td.active, .daterangepickerContainer .table > tbody > tr > th.active, .daterangepickerContainer .table > tbody > tr.active > td, .daterangepickerContainer .table > tbody > tr.active > th, .daterangepickerContainer .table > tfoot > tr > td.active, .daterangepickerContainer .table > tfoot > tr > th.active, .daterangepickerContainer .table > tfoot > tr.active > td, .daterangepickerContainer .table > tfoot > tr.active > th { background-color: #f5f5f5; } .daterangepickerContainer .table-hover > tbody > tr > td.active:hover, .daterangepickerContainer .table-hover > tbody > tr > th.active:hover, .daterangepickerContainer .table-hover > tbody > tr.active:hover > td, .daterangepickerContainer .table-hover > tbody > tr:hover > .active, .daterangepickerContainer .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .daterangepickerContainer .table > thead > tr > td.success, .daterangepickerContainer .table > thead > tr > th.success, .daterangepickerContainer .table > thead > tr.success > td, .daterangepickerContainer .table > thead > tr.success > th, .daterangepickerContainer .table > tbody > tr > td.success, .daterangepickerContainer .table > tbody > tr > th.success, .daterangepickerContainer .table > tbody > tr.success > td, .daterangepickerContainer .table > tbody > tr.success > th, .daterangepickerContainer .table > tfoot > tr > td.success, .daterangepickerContainer .table > tfoot > tr > th.success, .daterangepickerContainer .table > tfoot > tr.success > td, .daterangepickerContainer .table > tfoot > tr.success > th { background-color: #dff0d8; } .daterangepickerContainer .table-hover > tbody > tr > td.success:hover, .daterangepickerContainer .table-hover > tbody > tr > th.success:hover, .daterangepickerContainer .table-hover > tbody > tr.success:hover > td, .daterangepickerContainer .table-hover > tbody > tr:hover > .success, .daterangepickerContainer .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .daterangepickerContainer .table > thead > tr > td.info, .daterangepickerContainer .table > thead > tr > th.info, .daterangepickerContainer .table > thead > tr.info > td, .daterangepickerContainer .table > thead > tr.info > th, .daterangepickerContainer .table > tbody > tr > td.info, .daterangepickerContainer .table > tbody > tr > th.info, .daterangepickerContainer .table > tbody > tr.info > td, .daterangepickerContainer .table > tbody > tr.info > th, .daterangepickerContainer .table > tfoot > tr > td.info, .daterangepickerContainer .table > tfoot > tr > th.info, .daterangepickerContainer .table > tfoot > tr.info > td, .daterangepickerContainer .table > tfoot > tr.info > th { background-color: #d9edf7; } .daterangepickerContainer .table-hover > tbody > tr > td.info:hover, .daterangepickerContainer .table-hover > tbody > tr > th.info:hover, .daterangepickerContainer .table-hover > tbody > tr.info:hover > td, .daterangepickerContainer .table-hover > tbody > tr:hover > .info, .daterangepickerContainer .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .daterangepickerContainer .table > thead > tr > td.warning, .daterangepickerContainer .table > thead > tr > th.warning, .daterangepickerContainer .table > thead > tr.warning > td, .daterangepickerContainer .table > thead > tr.warning > th, .daterangepickerContainer .table > tbody > tr > td.warning, .daterangepickerContainer .table > tbody > tr > th.warning, .daterangepickerContainer .table > tbody > tr.warning > td, .daterangepickerContainer .table > tbody > tr.warning > th, .daterangepickerContainer .table > tfoot > tr > td.warning, .daterangepickerContainer .table > tfoot > tr > th.warning, .daterangepickerContainer .table > tfoot > tr.warning > td, .daterangepickerContainer .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .daterangepickerContainer .table-hover > tbody > tr > td.warning:hover, .daterangepickerContainer .table-hover > tbody > tr > th.warning:hover, .daterangepickerContainer .table-hover > tbody > tr.warning:hover > td, .daterangepickerContainer .table-hover > tbody > tr:hover > .warning, .daterangepickerContainer .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .daterangepickerContainer .table > thead > tr > td.danger, .daterangepickerContainer .table > thead > tr > th.danger, .daterangepickerContainer .table > thead > tr.danger > td, .daterangepickerContainer .table > thead > tr.danger > th, .daterangepickerContainer .table > tbody > tr > td.danger, .daterangepickerContainer .table > tbody > tr > th.danger, .daterangepickerContainer .table > tbody > tr.danger > td, .daterangepickerContainer .table > tbody > tr.danger > th, .daterangepickerContainer .table > tfoot > tr > td.danger, .daterangepickerContainer .table > tfoot > tr > th.danger, .daterangepickerContainer .table > tfoot > tr.danger > td, .daterangepickerContainer .table > tfoot > tr.danger > th { background-color: #f2dede; } .daterangepickerContainer .table-hover > tbody > tr > td.danger:hover, .daterangepickerContainer .table-hover > tbody > tr > th.danger:hover, .daterangepickerContainer .table-hover > tbody > tr.danger:hover > td, .daterangepickerContainer .table-hover > tbody > tr:hover > .danger, .daterangepickerContainer .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .daterangepickerContainer .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .daterangepickerContainer .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .daterangepickerContainer .table-responsive > .table { margin-bottom: 0; } .daterangepickerContainer .table-responsive > .table > thead > tr > th, .daterangepickerContainer .table-responsive > .table > thead > tr > td, .daterangepickerContainer .table-responsive > .table > tbody > tr > th, .daterangepickerContainer .table-responsive > .table > tbody > tr > td, .daterangepickerContainer .table-responsive > .table > tfoot > tr > th, .daterangepickerContainer .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .daterangepickerContainer .table-responsive > .table-bordered { border: 0; } .daterangepickerContainer .table-responsive > .table-bordered > thead > tr > th:first-child, .daterangepickerContainer .table-responsive > .table-bordered > thead > tr > td:first-child, .daterangepickerContainer .table-responsive > .table-bordered > tbody > tr > th:first-child, .daterangepickerContainer .table-responsive > .table-bordered > tbody > tr > td:first-child, .daterangepickerContainer .table-responsive > .table-bordered > tfoot > tr > th:first-child, .daterangepickerContainer .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .daterangepickerContainer .table-responsive > .table-bordered > thead > tr > th:last-child, .daterangepickerContainer .table-responsive > .table-bordered > thead > tr > td:last-child, .daterangepickerContainer .table-responsive > .table-bordered > tbody > tr > th:last-child, .daterangepickerContainer .table-responsive > .table-bordered > tbody > tr > td:last-child, .daterangepickerContainer .table-responsive > .table-bordered > tfoot > tr > th:last-child, .daterangepickerContainer .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .daterangepickerContainer .table-responsive > .table-bordered > tbody > tr:last-child > th, .daterangepickerContainer .table-responsive > .table-bordered > tbody > tr:last-child > td, .daterangepickerContainer .table-responsive > .table-bordered > tfoot > tr:last-child > th, .daterangepickerContainer .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .daterangepickerContainer fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } .daterangepickerContainer legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } .daterangepickerContainer label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .daterangepickerContainer input[type=search] { box-sizing: border-box; } .daterangepickerContainer input[type=radio], .daterangepickerContainer input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } .daterangepickerContainer input[type=file] { display: block; } .daterangepickerContainer input[type=range] { display: block; width: 100%; } .daterangepickerContainer select[multiple], .daterangepickerContainer select[size] { height: auto; } .daterangepickerContainer input[type=file]:focus, .daterangepickerContainer input[type=radio]:focus, .daterangepickerContainer input[type=checkbox]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .daterangepickerContainer output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; } .daterangepickerContainer .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .daterangepickerContainer .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .daterangepickerContainer .form-control::-moz-placeholder { color: #999; opacity: 1; } .daterangepickerContainer .form-control:-ms-input-placeholder { color: #999; } .daterangepickerContainer .form-control::-webkit-input-placeholder { color: #999; } .daterangepickerContainer .form-control::-ms-expand { border: 0; background-color: transparent; } .daterangepickerContainer .form-control[disabled], .daterangepickerContainer .form-control[readonly], fieldset[disabled] .daterangepickerContainer .form-control { background-color: #eeeeee; opacity: 1; } .daterangepickerContainer .form-control[disabled], fieldset[disabled] .daterangepickerContainer .form-control { cursor: not-allowed; } .daterangepickerContainer textarea.form-control { height: auto; } .daterangepickerContainer input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .daterangepickerContainer input[type=date].form-control, .daterangepickerContainer input[type=time].form-control, .daterangepickerContainer input[type=datetime-local].form-control, .daterangepickerContainer input[type=month].form-control { line-height: 34px; } .daterangepickerContainer input[type=date].input-sm, .daterangepickerContainer .input-group-sm > input[type=date].form-control, .daterangepickerContainer .input-group-sm > input[type=date].input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm .daterangepickerContainer input[type=date], .daterangepickerContainer input[type=time].input-sm, .daterangepickerContainer .input-group-sm > input[type=time].form-control, .daterangepickerContainer .input-group-sm > input[type=time].input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm .daterangepickerContainer input[type=time], .daterangepickerContainer input[type=datetime-local].input-sm, .daterangepickerContainer .input-group-sm > input[type=datetime-local].form-control, .daterangepickerContainer .input-group-sm > input[type=datetime-local].input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm .daterangepickerContainer input[type=datetime-local], .daterangepickerContainer input[type=month].input-sm, .daterangepickerContainer .input-group-sm > input[type=month].form-control, .daterangepickerContainer .input-group-sm > input[type=month].input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm .daterangepickerContainer input[type=month] { line-height: 30px; } .daterangepickerContainer input[type=date].input-lg, .daterangepickerContainer .input-group-lg > input[type=date].form-control, .daterangepickerContainer .input-group-lg > input[type=date].input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg .daterangepickerContainer input[type=date], .daterangepickerContainer input[type=time].input-lg, .daterangepickerContainer .input-group-lg > input[type=time].form-control, .daterangepickerContainer .input-group-lg > input[type=time].input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg .daterangepickerContainer input[type=time], .daterangepickerContainer input[type=datetime-local].input-lg, .daterangepickerContainer .input-group-lg > input[type=datetime-local].form-control, .daterangepickerContainer .input-group-lg > input[type=datetime-local].input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg .daterangepickerContainer input[type=datetime-local], .daterangepickerContainer input[type=month].input-lg, .daterangepickerContainer .input-group-lg > input[type=month].form-control, .daterangepickerContainer .input-group-lg > input[type=month].input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg .daterangepickerContainer input[type=month] { line-height: 46px; } } .daterangepickerContainer .form-group { margin-bottom: 15px; } .daterangepickerContainer .radio, .daterangepickerContainer .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .daterangepickerContainer .radio label, .daterangepickerContainer .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .daterangepickerContainer .radio input[type=radio], .daterangepickerContainer .radio-inline input[type=radio], .daterangepickerContainer .checkbox input[type=checkbox], .daterangepickerContainer .checkbox-inline input[type=checkbox] { position: absolute; margin-left: -20px; margin-top: 4px \9 ; } .daterangepickerContainer .radio + .radio, .daterangepickerContainer .checkbox + .checkbox { margin-top: -5px; } .daterangepickerContainer .radio-inline, .daterangepickerContainer .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .daterangepickerContainer .radio-inline + .radio-inline, .daterangepickerContainer .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .daterangepickerContainer input[type=radio][disabled], .daterangepickerContainer input[type=radio].disabled, fieldset[disabled] .daterangepickerContainer input[type=radio], .daterangepickerContainer input[type=checkbox][disabled], .daterangepickerContainer input[type=checkbox].disabled, fieldset[disabled] .daterangepickerContainer input[type=checkbox] { cursor: not-allowed; } .daterangepickerContainer .radio-inline.disabled, fieldset[disabled] .daterangepickerContainer .radio-inline, .daterangepickerContainer .checkbox-inline.disabled, fieldset[disabled] .daterangepickerContainer .checkbox-inline { cursor: not-allowed; } .daterangepickerContainer .radio.disabled label, fieldset[disabled] .daterangepickerContainer .radio label, .daterangepickerContainer .checkbox.disabled label, fieldset[disabled] .daterangepickerContainer .checkbox label { cursor: not-allowed; } .daterangepickerContainer .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .daterangepickerContainer .form-control-static.input-lg, .daterangepickerContainer .input-group-lg > .form-control-static.form-control, .daterangepickerContainer .input-group-lg > .form-control-static.input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > .form-control-static.btn, .daterangepickerContainer .form-control-static.input-sm, .daterangepickerContainer .input-group-sm > .form-control-static.form-control, .daterangepickerContainer .input-group-sm > .form-control-static.input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .daterangepickerContainer .input-sm, .daterangepickerContainer .input-group-sm > .form-control, .daterangepickerContainer .input-group-sm > .input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .daterangepickerContainer select.input-sm, .daterangepickerContainer .input-group-sm > select.form-control, .daterangepickerContainer .input-group-sm > select.input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } .daterangepickerContainer textarea.input-sm, .daterangepickerContainer .input-group-sm > textarea.form-control, .daterangepickerContainer .input-group-sm > textarea.input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > textarea.btn, .daterangepickerContainer select[multiple].input-sm, .daterangepickerContainer .input-group-sm > select[multiple].form-control, .daterangepickerContainer .input-group-sm > select[multiple].input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .daterangepickerContainer .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .daterangepickerContainer .form-group-sm select.form-control { height: 30px; line-height: 30px; } .daterangepickerContainer .form-group-sm textarea.form-control, .daterangepickerContainer .form-group-sm select[multiple].form-control { height: auto; } .daterangepickerContainer .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .daterangepickerContainer .input-lg, .daterangepickerContainer .input-group-lg > .form-control, .daterangepickerContainer .input-group-lg > .input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .daterangepickerContainer select.input-lg, .daterangepickerContainer .input-group-lg > select.form-control, .daterangepickerContainer .input-group-lg > select.input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } .daterangepickerContainer textarea.input-lg, .daterangepickerContainer .input-group-lg > textarea.form-control, .daterangepickerContainer .input-group-lg > textarea.input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > textarea.btn, .daterangepickerContainer select[multiple].input-lg, .daterangepickerContainer .input-group-lg > select[multiple].form-control, .daterangepickerContainer .input-group-lg > select[multiple].input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .daterangepickerContainer .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .daterangepickerContainer .form-group-lg select.form-control { height: 46px; line-height: 46px; } .daterangepickerContainer .form-group-lg textarea.form-control, .daterangepickerContainer .form-group-lg select[multiple].form-control { height: auto; } .daterangepickerContainer .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .daterangepickerContainer .has-feedback { position: relative; } .daterangepickerContainer .has-feedback .form-control { padding-right: 42.5px; } .daterangepickerContainer .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .daterangepickerContainer .input-lg + .form-control-feedback, .daterangepickerContainer .input-group-lg > .form-control + .form-control-feedback, .daterangepickerContainer .input-group-lg > .input-group-addon + .form-control-feedback, .daterangepickerContainer .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .daterangepickerContainer .input-group-lg + .form-control-feedback, .daterangepickerContainer .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .daterangepickerContainer .input-sm + .form-control-feedback, .daterangepickerContainer .input-group-sm > .form-control + .form-control-feedback, .daterangepickerContainer .input-group-sm > .input-group-addon + .form-control-feedback, .daterangepickerContainer .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .daterangepickerContainer .input-group-sm + .form-control-feedback, .daterangepickerContainer .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .daterangepickerContainer .has-success .help-block, .daterangepickerContainer .has-success .control-label, .daterangepickerContainer .has-success .radio, .daterangepickerContainer .has-success .checkbox, .daterangepickerContainer .has-success .radio-inline, .daterangepickerContainer .has-success .checkbox-inline, .daterangepickerContainer .has-success.radio label, .daterangepickerContainer .has-success.checkbox label, .daterangepickerContainer .has-success.radio-inline label, .daterangepickerContainer .has-success.checkbox-inline label { color: #3c763d; } .daterangepickerContainer .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .daterangepickerContainer .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .daterangepickerContainer .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .daterangepickerContainer .has-success .form-control-feedback { color: #3c763d; } .daterangepickerContainer .has-warning .help-block, .daterangepickerContainer .has-warning .control-label, .daterangepickerContainer .has-warning .radio, .daterangepickerContainer .has-warning .checkbox, .daterangepickerContainer .has-warning .radio-inline, .daterangepickerContainer .has-warning .checkbox-inline, .daterangepickerContainer .has-warning.radio label, .daterangepickerContainer .has-warning.checkbox label, .daterangepickerContainer .has-warning.radio-inline label, .daterangepickerContainer .has-warning.checkbox-inline label { color: #8a6d3b; } .daterangepickerContainer .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .daterangepickerContainer .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .daterangepickerContainer .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .daterangepickerContainer .has-warning .form-control-feedback { color: #8a6d3b; } .daterangepickerContainer .has-error .help-block, .daterangepickerContainer .has-error .control-label, .daterangepickerContainer .has-error .radio, .daterangepickerContainer .has-error .checkbox, .daterangepickerContainer .has-error .radio-inline, .daterangepickerContainer .has-error .checkbox-inline, .daterangepickerContainer .has-error.radio label, .daterangepickerContainer .has-error.checkbox label, .daterangepickerContainer .has-error.radio-inline label, .daterangepickerContainer .has-error.checkbox-inline label { color: #a94442; } .daterangepickerContainer .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .daterangepickerContainer .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .daterangepickerContainer .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .daterangepickerContainer .has-error .form-control-feedback { color: #a94442; } .daterangepickerContainer .has-feedback label ~ .form-control-feedback { top: 25px; } .daterangepickerContainer .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .daterangepickerContainer .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #727272; } @media (min-width: 768px) { .daterangepickerContainer .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .daterangepickerContainer .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .daterangepickerContainer .form-inline .form-control-static { display: inline-block; } .daterangepickerContainer .form-inline .input-group { display: inline-table; vertical-align: middle; } .daterangepickerContainer .form-inline .input-group .input-group-addon, .daterangepickerContainer .form-inline .input-group .input-group-btn, .daterangepickerContainer .form-inline .input-group .form-control { width: auto; } .daterangepickerContainer .form-inline .input-group > .form-control { width: 100%; } .daterangepickerContainer .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .daterangepickerContainer .form-inline .radio, .daterangepickerContainer .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .daterangepickerContainer .form-inline .radio label, .daterangepickerContainer .form-inline .checkbox label { padding-left: 0; } .daterangepickerContainer .form-inline .radio input[type=radio], .daterangepickerContainer .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .daterangepickerContainer .form-inline .has-feedback .form-control-feedback { top: 0; } } .daterangepickerContainer .form-horizontal .radio, .daterangepickerContainer .form-horizontal .checkbox, .daterangepickerContainer .form-horizontal .radio-inline, .daterangepickerContainer .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .daterangepickerContainer .form-horizontal .radio, .daterangepickerContainer .form-horizontal .checkbox { min-height: 27px; } .daterangepickerContainer .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .daterangepickerContainer .form-horizontal .form-group:before, .daterangepickerContainer .form-horizontal .form-group:after { content: " "; display: table; } .daterangepickerContainer .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .daterangepickerContainer .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .daterangepickerContainer .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .daterangepickerContainer .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .daterangepickerContainer .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .daterangepickerContainer .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .daterangepickerContainer .btn:focus, .daterangepickerContainer .btn.focus, .daterangepickerContainer .btn:active:focus, .daterangepickerContainer .btn:active.focus, .daterangepickerContainer .btn.active:focus, .daterangepickerContainer .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .daterangepickerContainer .btn:hover, .daterangepickerContainer .btn:focus, .daterangepickerContainer .btn.focus { color: #333; text-decoration: none; } .daterangepickerContainer .btn:active, .daterangepickerContainer .btn.active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .daterangepickerContainer .btn.disabled, .daterangepickerContainer .btn[disabled], fieldset[disabled] .daterangepickerContainer .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } .daterangepickerContainer a.btn.disabled, fieldset[disabled] .daterangepickerContainer a.btn { pointer-events: none; } .daterangepickerContainer .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .daterangepickerContainer .btn-default:focus, .daterangepickerContainer .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .daterangepickerContainer .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .daterangepickerContainer .btn-default:active, .daterangepickerContainer .btn-default.active, .open > .daterangepickerContainer .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; } .daterangepickerContainer .btn-default:active:hover, .daterangepickerContainer .btn-default:active:focus, .daterangepickerContainer .btn-default:active.focus, .daterangepickerContainer .btn-default.active:hover, .daterangepickerContainer .btn-default.active:focus, .daterangepickerContainer .btn-default.active.focus, .open > .daterangepickerContainer .btn-default.dropdown-toggle:hover, .open > .daterangepickerContainer .btn-default.dropdown-toggle:focus, .open > .daterangepickerContainer .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .daterangepickerContainer .btn-default:active, .daterangepickerContainer .btn-default.active, .open > .daterangepickerContainer .btn-default.dropdown-toggle { background-image: none; } .daterangepickerContainer .btn-default.disabled:hover, .daterangepickerContainer .btn-default.disabled:focus, .daterangepickerContainer .btn-default.disabled.focus, .daterangepickerContainer .btn-default[disabled]:hover, .daterangepickerContainer .btn-default[disabled]:focus, .daterangepickerContainer .btn-default[disabled].focus, fieldset[disabled] .daterangepickerContainer .btn-default:hover, fieldset[disabled] .daterangepickerContainer .btn-default:focus, fieldset[disabled] .daterangepickerContainer .btn-default.focus { background-color: #fff; border-color: #ccc; } .daterangepickerContainer .btn-default .badge { color: #fff; background-color: #333; } .daterangepickerContainer .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .daterangepickerContainer .btn-primary:focus, .daterangepickerContainer .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .daterangepickerContainer .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .daterangepickerContainer .btn-primary:active, .daterangepickerContainer .btn-primary.active, .open > .daterangepickerContainer .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74; } .daterangepickerContainer .btn-primary:active:hover, .daterangepickerContainer .btn-primary:active:focus, .daterangepickerContainer .btn-primary:active.focus, .daterangepickerContainer .btn-primary.active:hover, .daterangepickerContainer .btn-primary.active:focus, .daterangepickerContainer .btn-primary.active.focus, .open > .daterangepickerContainer .btn-primary.dropdown-toggle:hover, .open > .daterangepickerContainer .btn-primary.dropdown-toggle:focus, .open > .daterangepickerContainer .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .daterangepickerContainer .btn-primary:active, .daterangepickerContainer .btn-primary.active, .open > .daterangepickerContainer .btn-primary.dropdown-toggle { background-image: none; } .daterangepickerContainer .btn-primary.disabled:hover, .daterangepickerContainer .btn-primary.disabled:focus, .daterangepickerContainer .btn-primary.disabled.focus, .daterangepickerContainer .btn-primary[disabled]:hover, .daterangepickerContainer .btn-primary[disabled]:focus, .daterangepickerContainer .btn-primary[disabled].focus, fieldset[disabled] .daterangepickerContainer .btn-primary:hover, fieldset[disabled] .daterangepickerContainer .btn-primary:focus, fieldset[disabled] .daterangepickerContainer .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .daterangepickerContainer .btn-primary .badge { color: #337ab7; background-color: #fff; } .daterangepickerContainer .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .daterangepickerContainer .btn-success:focus, .daterangepickerContainer .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .daterangepickerContainer .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .daterangepickerContainer .btn-success:active, .daterangepickerContainer .btn-success.active, .open > .daterangepickerContainer .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .daterangepickerContainer .btn-success:active:hover, .daterangepickerContainer .btn-success:active:focus, .daterangepickerContainer .btn-success:active.focus, .daterangepickerContainer .btn-success.active:hover, .daterangepickerContainer .btn-success.active:focus, .daterangepickerContainer .btn-success.active.focus, .open > .daterangepickerContainer .btn-success.dropdown-toggle:hover, .open > .daterangepickerContainer .btn-success.dropdown-toggle:focus, .open > .daterangepickerContainer .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .daterangepickerContainer .btn-success:active, .daterangepickerContainer .btn-success.active, .open > .daterangepickerContainer .btn-success.dropdown-toggle { background-image: none; } .daterangepickerContainer .btn-success.disabled:hover, .daterangepickerContainer .btn-success.disabled:focus, .daterangepickerContainer .btn-success.disabled.focus, .daterangepickerContainer .btn-success[disabled]:hover, .daterangepickerContainer .btn-success[disabled]:focus, .daterangepickerContainer .btn-success[disabled].focus, fieldset[disabled] .daterangepickerContainer .btn-success:hover, fieldset[disabled] .daterangepickerContainer .btn-success:focus, fieldset[disabled] .daterangepickerContainer .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .daterangepickerContainer .btn-success .badge { color: #5cb85c; background-color: #fff; } .daterangepickerContainer .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .daterangepickerContainer .btn-info:focus, .daterangepickerContainer .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .daterangepickerContainer .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .daterangepickerContainer .btn-info:active, .daterangepickerContainer .btn-info.active, .open > .daterangepickerContainer .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .daterangepickerContainer .btn-info:active:hover, .daterangepickerContainer .btn-info:active:focus, .daterangepickerContainer .btn-info:active.focus, .daterangepickerContainer .btn-info.active:hover, .daterangepickerContainer .btn-info.active:focus, .daterangepickerContainer .btn-info.active.focus, .open > .daterangepickerContainer .btn-info.dropdown-toggle:hover, .open > .daterangepickerContainer .btn-info.dropdown-toggle:focus, .open > .daterangepickerContainer .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .daterangepickerContainer .btn-info:active, .daterangepickerContainer .btn-info.active, .open > .daterangepickerContainer .btn-info.dropdown-toggle { background-image: none; } .daterangepickerContainer .btn-info.disabled:hover, .daterangepickerContainer .btn-info.disabled:focus, .daterangepickerContainer .btn-info.disabled.focus, .daterangepickerContainer .btn-info[disabled]:hover, .daterangepickerContainer .btn-info[disabled]:focus, .daterangepickerContainer .btn-info[disabled].focus, fieldset[disabled] .daterangepickerContainer .btn-info:hover, fieldset[disabled] .daterangepickerContainer .btn-info:focus, fieldset[disabled] .daterangepickerContainer .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .daterangepickerContainer .btn-info .badge { color: #5bc0de; background-color: #fff; } .daterangepickerContainer .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .daterangepickerContainer .btn-warning:focus, .daterangepickerContainer .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .daterangepickerContainer .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .daterangepickerContainer .btn-warning:active, .daterangepickerContainer .btn-warning.active, .open > .daterangepickerContainer .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .daterangepickerContainer .btn-warning:active:hover, .daterangepickerContainer .btn-warning:active:focus, .daterangepickerContainer .btn-warning:active.focus, .daterangepickerContainer .btn-warning.active:hover, .daterangepickerContainer .btn-warning.active:focus, .daterangepickerContainer .btn-warning.active.focus, .open > .daterangepickerContainer .btn-warning.dropdown-toggle:hover, .open > .daterangepickerContainer .btn-warning.dropdown-toggle:focus, .open > .daterangepickerContainer .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .daterangepickerContainer .btn-warning:active, .daterangepickerContainer .btn-warning.active, .open > .daterangepickerContainer .btn-warning.dropdown-toggle { background-image: none; } .daterangepickerContainer .btn-warning.disabled:hover, .daterangepickerContainer .btn-warning.disabled:focus, .daterangepickerContainer .btn-warning.disabled.focus, .daterangepickerContainer .btn-warning[disabled]:hover, .daterangepickerContainer .btn-warning[disabled]:focus, .daterangepickerContainer .btn-warning[disabled].focus, fieldset[disabled] .daterangepickerContainer .btn-warning:hover, fieldset[disabled] .daterangepickerContainer .btn-warning:focus, fieldset[disabled] .daterangepickerContainer .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .daterangepickerContainer .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .daterangepickerContainer .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .daterangepickerContainer .btn-danger:focus, .daterangepickerContainer .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .daterangepickerContainer .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .daterangepickerContainer .btn-danger:active, .daterangepickerContainer .btn-danger.active, .open > .daterangepickerContainer .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } .daterangepickerContainer .btn-danger:active:hover, .daterangepickerContainer .btn-danger:active:focus, .daterangepickerContainer .btn-danger:active.focus, .daterangepickerContainer .btn-danger.active:hover, .daterangepickerContainer .btn-danger.active:focus, .daterangepickerContainer .btn-danger.active.focus, .open > .daterangepickerContainer .btn-danger.dropdown-toggle:hover, .open > .daterangepickerContainer .btn-danger.dropdown-toggle:focus, .open > .daterangepickerContainer .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .daterangepickerContainer .btn-danger:active, .daterangepickerContainer .btn-danger.active, .open > .daterangepickerContainer .btn-danger.dropdown-toggle { background-image: none; } .daterangepickerContainer .btn-danger.disabled:hover, .daterangepickerContainer .btn-danger.disabled:focus, .daterangepickerContainer .btn-danger.disabled.focus, .daterangepickerContainer .btn-danger[disabled]:hover, .daterangepickerContainer .btn-danger[disabled]:focus, .daterangepickerContainer .btn-danger[disabled].focus, fieldset[disabled] .daterangepickerContainer .btn-danger:hover, fieldset[disabled] .daterangepickerContainer .btn-danger:focus, fieldset[disabled] .daterangepickerContainer .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .daterangepickerContainer .btn-danger .badge { color: #d9534f; background-color: #fff; } .daterangepickerContainer .btn-link { color: #055098; font-weight: normal; border-radius: 0; } .daterangepickerContainer .btn-link, .daterangepickerContainer .btn-link:active, .daterangepickerContainer .btn-link.active, .daterangepickerContainer .btn-link[disabled], fieldset[disabled] .daterangepickerContainer .btn-link { background-color: transparent; box-shadow: none; } .daterangepickerContainer .btn-link, .daterangepickerContainer .btn-link:hover, .daterangepickerContainer .btn-link:focus, .daterangepickerContainer .btn-link:active { border-color: transparent; } .daterangepickerContainer .btn-link:hover, .daterangepickerContainer .btn-link:focus { color: #166ada; text-decoration: underline; background-color: transparent; } .daterangepickerContainer .btn-link[disabled]:hover, .daterangepickerContainer .btn-link[disabled]:focus, fieldset[disabled] .daterangepickerContainer .btn-link:hover, fieldset[disabled] .daterangepickerContainer .btn-link:focus { color: #777777; text-decoration: none; } .daterangepickerContainer .btn-lg, .daterangepickerContainer .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .daterangepickerContainer .btn-sm, .daterangepickerContainer .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .daterangepickerContainer .btn-xs, .daterangepickerContainer .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .daterangepickerContainer .btn-block { display: block; width: 100%; } .daterangepickerContainer .btn-block + .btn-block { margin-top: 5px; } .daterangepickerContainer input[type=submit].btn-block, .daterangepickerContainer input[type=reset].btn-block, .daterangepickerContainer input[type=button].btn-block { width: 100%; } .daterangepickerContainer .fade { opacity: 0; transition: opacity 0.15s linear; } .daterangepickerContainer .fade.in { opacity: 1; } .daterangepickerContainer .collapse { display: none; } .daterangepickerContainer .collapse.in { display: block; } .daterangepickerContainer tr.collapse.in { display: table-row; } .daterangepickerContainer tbody.collapse.in { display: table-row-group; } .daterangepickerContainer .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } .daterangepickerContainer .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; } .daterangepickerContainer .dropup, .daterangepickerContainer .dropdown { position: relative; } .daterangepickerContainer .dropdown-toggle:focus { outline: 0; } .daterangepickerContainer .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; 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; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .daterangepickerContainer .dropdown-menu.pull-right { right: 0; left: auto; } .daterangepickerContainer .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .daterangepickerContainer .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .daterangepickerContainer .dropdown-menu > li > a:hover, .daterangepickerContainer .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .daterangepickerContainer .dropdown-menu > .active > a, .daterangepickerContainer .dropdown-menu > .active > a:hover, .daterangepickerContainer .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .daterangepickerContainer .dropdown-menu > .disabled > a, .daterangepickerContainer .dropdown-menu > .disabled > a:hover, .daterangepickerContainer .dropdown-menu > .disabled > a:focus { color: #777777; } .daterangepickerContainer .dropdown-menu > .disabled > a:hover, .daterangepickerContainer .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .daterangepickerContainer .open > .dropdown-menu { display: block; } .daterangepickerContainer .open > a { outline: 0; } .daterangepickerContainer .dropdown-menu-right { left: auto; right: 0; } .daterangepickerContainer .dropdown-menu-left { left: 0; right: auto; } .daterangepickerContainer .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777777; white-space: nowrap; } .daterangepickerContainer .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .daterangepickerContainer .pull-right > .dropdown-menu { right: 0; left: auto; } .daterangepickerContainer .dropup .caret, .daterangepickerContainer .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; content: ""; } .daterangepickerContainer .dropup .dropdown-menu, .daterangepickerContainer .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .daterangepickerContainer .navbar-right .dropdown-menu { right: 0; left: auto; } .daterangepickerContainer .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .daterangepickerContainer .btn-group, .daterangepickerContainer .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .daterangepickerContainer .btn-group > .btn, .daterangepickerContainer .btn-group-vertical > .btn { position: relative; float: left; } .daterangepickerContainer .btn-group > .btn:hover, .daterangepickerContainer .btn-group > .btn:focus, .daterangepickerContainer .btn-group > .btn:active, .daterangepickerContainer .btn-group > .btn.active, .daterangepickerContainer .btn-group-vertical > .btn:hover, .daterangepickerContainer .btn-group-vertical > .btn:focus, .daterangepickerContainer .btn-group-vertical > .btn:active, .daterangepickerContainer .btn-group-vertical > .btn.active { z-index: 2; } .daterangepickerContainer .btn-group .btn + .btn, .daterangepickerContainer .btn-group .btn + .btn-group, .daterangepickerContainer .btn-group .btn-group + .btn, .daterangepickerContainer .btn-group .btn-group + .btn-group { margin-left: -1px; } .daterangepickerContainer .btn-toolbar { margin-left: -5px; } .daterangepickerContainer .btn-toolbar:before, .daterangepickerContainer .btn-toolbar:after { content: " "; display: table; } .daterangepickerContainer .btn-toolbar:after { clear: both; } .daterangepickerContainer .btn-toolbar .btn, .daterangepickerContainer .btn-toolbar .btn-group, .daterangepickerContainer .btn-toolbar .input-group { float: left; } .daterangepickerContainer .btn-toolbar > .btn, .daterangepickerContainer .btn-toolbar > .btn-group, .daterangepickerContainer .btn-toolbar > .input-group { margin-left: 5px; } .daterangepickerContainer .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .daterangepickerContainer .btn-group > .btn:first-child { margin-left: 0; } .daterangepickerContainer .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .daterangepickerContainer .btn-group > .btn:last-child:not(:first-child), .daterangepickerContainer .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .daterangepickerContainer .btn-group > .btn-group { float: left; } .daterangepickerContainer .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .daterangepickerContainer .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .daterangepickerContainer .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .daterangepickerContainer .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .daterangepickerContainer .btn-group .dropdown-toggle:active, .daterangepickerContainer .btn-group.open .dropdown-toggle { outline: 0; } .daterangepickerContainer .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .daterangepickerContainer .btn-group > .btn-lg + .dropdown-toggle, .daterangepickerContainer .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .daterangepickerContainer .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .daterangepickerContainer .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .daterangepickerContainer .btn .caret { margin-left: 0; } .daterangepickerContainer .btn-lg .caret, .daterangepickerContainer .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .daterangepickerContainer .dropup .btn-lg .caret, .daterangepickerContainer .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .daterangepickerContainer .btn-group-vertical > .btn, .daterangepickerContainer .btn-group-vertical > .btn-group, .daterangepickerContainer .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .daterangepickerContainer .btn-group-vertical > .btn-group:before, .daterangepickerContainer .btn-group-vertical > .btn-group:after { content: " "; display: table; } .daterangepickerContainer .btn-group-vertical > .btn-group:after { clear: both; } .daterangepickerContainer .btn-group-vertical > .btn-group > .btn { float: none; } .daterangepickerContainer .btn-group-vertical > .btn + .btn, .daterangepickerContainer .btn-group-vertical > .btn + .btn-group, .daterangepickerContainer .btn-group-vertical > .btn-group + .btn, .daterangepickerContainer .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .daterangepickerContainer .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .daterangepickerContainer .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .daterangepickerContainer .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .daterangepickerContainer .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .daterangepickerContainer .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .daterangepickerContainer .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .daterangepickerContainer .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .daterangepickerContainer .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .daterangepickerContainer .btn-group-justified > .btn, .daterangepickerContainer .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .daterangepickerContainer .btn-group-justified > .btn-group .btn { width: 100%; } .daterangepickerContainer .btn-group-justified > .btn-group .dropdown-menu { left: auto; } .daterangepickerContainer [data-toggle=buttons] > .btn input[type=radio], .daterangepickerContainer [data-toggle=buttons] > .btn input[type=checkbox], .daterangepickerContainer [data-toggle=buttons] > .btn-group > .btn input[type=radio], .daterangepickerContainer [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .daterangepickerContainer .input-group { position: relative; display: table; border-collapse: separate; } .daterangepickerContainer .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .daterangepickerContainer .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .daterangepickerContainer .input-group .form-control:focus { z-index: 3; } .daterangepickerContainer .input-group-addon, .daterangepickerContainer .input-group-btn, .daterangepickerContainer .input-group .form-control { display: table-cell; } .daterangepickerContainer .input-group-addon:not(:first-child):not(:last-child), .daterangepickerContainer .input-group-btn:not(:first-child):not(:last-child), .daterangepickerContainer .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .daterangepickerContainer .input-group-addon, .daterangepickerContainer .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .daterangepickerContainer .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .daterangepickerContainer .input-group-addon.input-sm, .daterangepickerContainer .input-group-sm > .input-group-addon, .daterangepickerContainer .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .daterangepickerContainer .input-group-addon.input-lg, .daterangepickerContainer .input-group-lg > .input-group-addon, .daterangepickerContainer .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .daterangepickerContainer .input-group-addon input[type=radio], .daterangepickerContainer .input-group-addon input[type=checkbox] { margin-top: 0; } .daterangepickerContainer .input-group .form-control:first-child, .daterangepickerContainer .input-group-addon:first-child, .daterangepickerContainer .input-group-btn:first-child > .btn, .daterangepickerContainer .input-group-btn:first-child > .btn-group > .btn, .daterangepickerContainer .input-group-btn:first-child > .dropdown-toggle, .daterangepickerContainer .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .daterangepickerContainer .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .daterangepickerContainer .input-group-addon:first-child { border-right: 0; } .daterangepickerContainer .input-group .form-control:last-child, .daterangepickerContainer .input-group-addon:last-child, .daterangepickerContainer .input-group-btn:last-child > .btn, .daterangepickerContainer .input-group-btn:last-child > .btn-group > .btn, .daterangepickerContainer .input-group-btn:last-child > .dropdown-toggle, .daterangepickerContainer .input-group-btn:first-child > .btn:not(:first-child), .daterangepickerContainer .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .daterangepickerContainer .input-group-addon:last-child { border-left: 0; } .daterangepickerContainer .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .daterangepickerContainer .input-group-btn > .btn { position: relative; } .daterangepickerContainer .input-group-btn > .btn + .btn { margin-left: -1px; } .daterangepickerContainer .input-group-btn > .btn:hover, .daterangepickerContainer .input-group-btn > .btn:focus, .daterangepickerContainer .input-group-btn > .btn:active { z-index: 2; } .daterangepickerContainer .input-group-btn:first-child > .btn, .daterangepickerContainer .input-group-btn:first-child > .btn-group { margin-right: -1px; } .daterangepickerContainer .input-group-btn:last-child > .btn, .daterangepickerContainer .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .daterangepickerContainer .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .daterangepickerContainer .nav:before, .daterangepickerContainer .nav:after { content: " "; display: table; } .daterangepickerContainer .nav:after { clear: both; } .daterangepickerContainer .nav > li { position: relative; display: block; } .daterangepickerContainer .nav > li > a { position: relative; display: block; padding: 10px 15px; } .daterangepickerContainer .nav > li > a:hover, .daterangepickerContainer .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .daterangepickerContainer .nav > li.disabled > a { color: #777777; } .daterangepickerContainer .nav > li.disabled > a:hover, .daterangepickerContainer .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .daterangepickerContainer .nav .open > a, .daterangepickerContainer .nav .open > a:hover, .daterangepickerContainer .nav .open > a:focus { background-color: #eeeeee; border-color: #055098; } .daterangepickerContainer .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .daterangepickerContainer .nav > li > a > img { max-width: none; } .daterangepickerContainer .nav-tabs { border-bottom: 1px solid #ddd; } .daterangepickerContainer .nav-tabs > li { float: left; margin-bottom: -1px; } .daterangepickerContainer .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .daterangepickerContainer .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .daterangepickerContainer .nav-tabs > li.active > a, .daterangepickerContainer .nav-tabs > li.active > a:hover, .daterangepickerContainer .nav-tabs > li.active > a:focus { color: #555555; background-color: white; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .daterangepickerContainer .nav-pills > li { float: left; } .daterangepickerContainer .nav-pills > li > a { border-radius: 4px; } .daterangepickerContainer .nav-pills > li + li { margin-left: 2px; } .daterangepickerContainer .nav-pills > li.active > a, .daterangepickerContainer .nav-pills > li.active > a:hover, .daterangepickerContainer .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .daterangepickerContainer .nav-stacked > li { float: none; } .daterangepickerContainer .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .daterangepickerContainer .nav-justified, .daterangepickerContainer .nav-tabs.nav-justified { width: 100%; } .daterangepickerContainer .nav-justified > li, .daterangepickerContainer .nav-tabs.nav-justified > li { float: none; } .daterangepickerContainer .nav-justified > li > a, .daterangepickerContainer .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .daterangepickerContainer .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .daterangepickerContainer .nav-justified > li, .daterangepickerContainer .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .daterangepickerContainer .nav-justified > li > a, .daterangepickerContainer .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .daterangepickerContainer .nav-tabs-justified, .daterangepickerContainer .nav-tabs.nav-justified { border-bottom: 0; } .daterangepickerContainer .nav-tabs-justified > li > a, .daterangepickerContainer .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .daterangepickerContainer .nav-tabs-justified > .active > a, .daterangepickerContainer .nav-tabs.nav-justified > .active > a, .daterangepickerContainer .nav-tabs-justified > .active > a:hover, .daterangepickerContainer .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .daterangepickerContainer .nav-tabs-justified > li > a, .daterangepickerContainer .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .daterangepickerContainer .nav-tabs-justified > .active > a, .daterangepickerContainer .nav-tabs.nav-justified > .active > a, .daterangepickerContainer .nav-tabs-justified > .active > a:hover, .daterangepickerContainer .nav-tabs-justified > .active > a:focus { border-bottom-color: white; } } .daterangepickerContainer .tab-content > .tab-pane { display: none; } .daterangepickerContainer .tab-content > .active { display: block; } .daterangepickerContainer .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .daterangepickerContainer .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .daterangepickerContainer .navbar:before, .daterangepickerContainer .navbar:after { content: " "; display: table; } .daterangepickerContainer .navbar:after { clear: both; } @media (min-width: 768px) { .daterangepickerContainer .navbar { border-radius: 4px; } } .daterangepickerContainer .navbar-header:before, .daterangepickerContainer .navbar-header:after { content: " "; display: table; } .daterangepickerContainer .navbar-header:after { clear: both; } @media (min-width: 768px) { .daterangepickerContainer .navbar-header { float: left; } } .daterangepickerContainer .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, 0.1); -webkit-overflow-scrolling: touch; } .daterangepickerContainer .navbar-collapse:before, .daterangepickerContainer .navbar-collapse:after { content: " "; display: table; } .daterangepickerContainer .navbar-collapse:after { clear: both; } .daterangepickerContainer .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .daterangepickerContainer .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .daterangepickerContainer .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .daterangepickerContainer .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .daterangepickerContainer .navbar-collapse, .navbar-static-top .daterangepickerContainer .navbar-collapse, .navbar-fixed-bottom .daterangepickerContainer .navbar-collapse { padding-left: 0; padding-right: 0; } } .daterangepickerContainer .navbar-fixed-top .navbar-collapse, .daterangepickerContainer .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .daterangepickerContainer .navbar-fixed-top .navbar-collapse, .daterangepickerContainer .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .daterangepickerContainer .container > .navbar-header, .daterangepickerContainer .container > .navbar-collapse, .daterangepickerContainer .container-fluid > .navbar-header, .daterangepickerContainer .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .daterangepickerContainer .container > .navbar-header, .daterangepickerContainer .container > .navbar-collapse, .daterangepickerContainer .container-fluid > .navbar-header, .daterangepickerContainer .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .daterangepickerContainer .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .daterangepickerContainer .navbar-static-top { border-radius: 0; } } .daterangepickerContainer .navbar-fixed-top, .daterangepickerContainer .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .daterangepickerContainer .navbar-fixed-top, .daterangepickerContainer .navbar-fixed-bottom { border-radius: 0; } } .daterangepickerContainer .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .daterangepickerContainer .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .daterangepickerContainer .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .daterangepickerContainer .navbar-brand:hover, .daterangepickerContainer .navbar-brand:focus { text-decoration: none; } .daterangepickerContainer .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .daterangepickerContainer .navbar-brand, .navbar > .container-fluid .daterangepickerContainer .navbar-brand { margin-left: -15px; } } .daterangepickerContainer .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: calc((50px - 34px) / 2); margin-bottom: calc((50px - 34px) / 2); background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .daterangepickerContainer .navbar-toggle:focus { outline: 0; } .daterangepickerContainer .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .daterangepickerContainer .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .daterangepickerContainer .navbar-toggle { display: none; } } .daterangepickerContainer .navbar-nav { margin: 7.5px -15px; } .daterangepickerContainer .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .daterangepickerContainer .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .daterangepickerContainer .navbar-nav .open .dropdown-menu > li > a, .daterangepickerContainer .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .daterangepickerContainer .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .daterangepickerContainer .navbar-nav .open .dropdown-menu > li > a:hover, .daterangepickerContainer .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .daterangepickerContainer .navbar-nav { float: left; margin: 0; } .daterangepickerContainer .navbar-nav > li { float: left; } .daterangepickerContainer .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .daterangepickerContainer .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: calc((50px - 34px) / 2); margin-bottom: calc((50px - 34px) / 2); } @media (min-width: 768px) { .daterangepickerContainer .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .daterangepickerContainer .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .daterangepickerContainer .navbar-form .form-control-static { display: inline-block; } .daterangepickerContainer .navbar-form .input-group { display: inline-table; vertical-align: middle; } .daterangepickerContainer .navbar-form .input-group .input-group-addon, .daterangepickerContainer .navbar-form .input-group .input-group-btn, .daterangepickerContainer .navbar-form .input-group .form-control { width: auto; } .daterangepickerContainer .navbar-form .input-group > .form-control { width: 100%; } .daterangepickerContainer .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .daterangepickerContainer .navbar-form .radio, .daterangepickerContainer .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .daterangepickerContainer .navbar-form .radio label, .daterangepickerContainer .navbar-form .checkbox label { padding-left: 0; } .daterangepickerContainer .navbar-form .radio input[type=radio], .daterangepickerContainer .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .daterangepickerContainer .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .daterangepickerContainer .navbar-form .form-group { margin-bottom: 5px; } .daterangepickerContainer .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .daterangepickerContainer .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; box-shadow: none; } } .daterangepickerContainer .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .daterangepickerContainer .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .daterangepickerContainer .navbar-btn { margin-top: calc((50px - 34px) / 2); margin-bottom: calc((50px - 34px) / 2); } .daterangepickerContainer .navbar-btn.btn-sm, .daterangepickerContainer .btn-group-sm > .navbar-btn.btn { margin-top: calc((50px - 30px) / 2); margin-bottom: calc((50px - 30px) / 2); } .daterangepickerContainer .navbar-btn.btn-xs, .daterangepickerContainer .btn-group-xs > .navbar-btn.btn { margin-top: calc((50px - 22) / 2); margin-bottom: calc((50px - 22) / 2); } .daterangepickerContainer .navbar-text { margin-top: calc((50px - 20px) / 2); margin-bottom: calc((50px - 20px) / 2); } @media (min-width: 768px) { .daterangepickerContainer .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .daterangepickerContainer .navbar-left { float: left !important; } .daterangepickerContainer .navbar-right { float: right !important; margin-right: -15px; } .daterangepickerContainer .navbar-right ~ .navbar-right { margin-right: 0; } } .daterangepickerContainer .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .daterangepickerContainer .navbar-default .navbar-brand { color: #777; } .daterangepickerContainer .navbar-default .navbar-brand:hover, .daterangepickerContainer .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .daterangepickerContainer .navbar-default .navbar-text { color: #777; } .daterangepickerContainer .navbar-default .navbar-nav > li > a { color: #777; } .daterangepickerContainer .navbar-default .navbar-nav > li > a:hover, .daterangepickerContainer .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .daterangepickerContainer .navbar-default .navbar-nav > .active > a, .daterangepickerContainer .navbar-default .navbar-nav > .active > a:hover, .daterangepickerContainer .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .daterangepickerContainer .navbar-default .navbar-nav > .disabled > a, .daterangepickerContainer .navbar-default .navbar-nav > .disabled > a:hover, .daterangepickerContainer .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .daterangepickerContainer .navbar-default .navbar-toggle { border-color: #ddd; } .daterangepickerContainer .navbar-default .navbar-toggle:hover, .daterangepickerContainer .navbar-default .navbar-toggle:focus { background-color: #ddd; } .daterangepickerContainer .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .daterangepickerContainer .navbar-default .navbar-collapse, .daterangepickerContainer .navbar-default .navbar-form { border-color: #e7e7e7; } .daterangepickerContainer .navbar-default .navbar-nav > .open > a, .daterangepickerContainer .navbar-default .navbar-nav > .open > a:hover, .daterangepickerContainer .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .daterangepickerContainer .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .daterangepickerContainer .navbar-default .navbar-link { color: #777; } .daterangepickerContainer .navbar-default .navbar-link:hover { color: #333; } .daterangepickerContainer .navbar-default .btn-link { color: #777; } .daterangepickerContainer .navbar-default .btn-link:hover, .daterangepickerContainer .navbar-default .btn-link:focus { color: #333; } .daterangepickerContainer .navbar-default .btn-link[disabled]:hover, .daterangepickerContainer .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .daterangepickerContainer .navbar-default .btn-link:hover, fieldset[disabled] .daterangepickerContainer .navbar-default .btn-link:focus { color: #ccc; } .daterangepickerContainer .navbar-inverse { background-color: #222; border-color: #090909; } .daterangepickerContainer .navbar-inverse .navbar-brand { color: #9d9d9d; } .daterangepickerContainer .navbar-inverse .navbar-brand:hover, .daterangepickerContainer .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .daterangepickerContainer .navbar-inverse .navbar-text { color: #9d9d9d; } .daterangepickerContainer .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .daterangepickerContainer .navbar-inverse .navbar-nav > li > a:hover, .daterangepickerContainer .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .daterangepickerContainer .navbar-inverse .navbar-nav > .active > a, .daterangepickerContainer .navbar-inverse .navbar-nav > .active > a:hover, .daterangepickerContainer .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .daterangepickerContainer .navbar-inverse .navbar-nav > .disabled > a, .daterangepickerContainer .navbar-inverse .navbar-nav > .disabled > a:hover, .daterangepickerContainer .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .daterangepickerContainer .navbar-inverse .navbar-toggle { border-color: #333; } .daterangepickerContainer .navbar-inverse .navbar-toggle:hover, .daterangepickerContainer .navbar-inverse .navbar-toggle:focus { background-color: #333; } .daterangepickerContainer .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .daterangepickerContainer .navbar-inverse .navbar-collapse, .daterangepickerContainer .navbar-inverse .navbar-form { border-color: #101010; } .daterangepickerContainer .navbar-inverse .navbar-nav > .open > a, .daterangepickerContainer .navbar-inverse .navbar-nav > .open > a:hover, .daterangepickerContainer .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .daterangepickerContainer .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .daterangepickerContainer .navbar-inverse .navbar-link { color: #9d9d9d; } .daterangepickerContainer .navbar-inverse .navbar-link:hover { color: #fff; } .daterangepickerContainer .navbar-inverse .btn-link { color: #9d9d9d; } .daterangepickerContainer .navbar-inverse .btn-link:hover, .daterangepickerContainer .navbar-inverse .btn-link:focus { color: #fff; } .daterangepickerContainer .navbar-inverse .btn-link[disabled]:hover, .daterangepickerContainer .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .daterangepickerContainer .navbar-inverse .btn-link:hover, fieldset[disabled] .daterangepickerContainer .navbar-inverse .btn-link:focus { color: #444; } .daterangepickerContainer .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .daterangepickerContainer .breadcrumb > li { display: inline-block; } .daterangepickerContainer .breadcrumb > li + li:before { content: "/ย "; padding: 0 5px; color: #ccc; } .daterangepickerContainer .breadcrumb > .active { color: #777777; } .daterangepickerContainer .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .daterangepickerContainer .pagination > li { display: inline; } .daterangepickerContainer .pagination > li > a, .daterangepickerContainer .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.428571429; text-decoration: none; color: #055098; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .daterangepickerContainer .pagination > li:first-child > a, .daterangepickerContainer .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .daterangepickerContainer .pagination > li:last-child > a, .daterangepickerContainer .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .daterangepickerContainer .pagination > li > a:hover, .daterangepickerContainer .pagination > li > a:focus, .daterangepickerContainer .pagination > li > span:hover, .daterangepickerContainer .pagination > li > span:focus { z-index: 2; color: #166ada; background-color: #eeeeee; border-color: #ddd; } .daterangepickerContainer .pagination > .active > a, .daterangepickerContainer .pagination > .active > a:hover, .daterangepickerContainer .pagination > .active > a:focus, .daterangepickerContainer .pagination > .active > span, .daterangepickerContainer .pagination > .active > span:hover, .daterangepickerContainer .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .daterangepickerContainer .pagination > .disabled > span, .daterangepickerContainer .pagination > .disabled > span:hover, .daterangepickerContainer .pagination > .disabled > span:focus, .daterangepickerContainer .pagination > .disabled > a, .daterangepickerContainer .pagination > .disabled > a:hover, .daterangepickerContainer .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .daterangepickerContainer .pagination-lg > li > a, .daterangepickerContainer .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .daterangepickerContainer .pagination-lg > li:first-child > a, .daterangepickerContainer .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .daterangepickerContainer .pagination-lg > li:last-child > a, .daterangepickerContainer .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .daterangepickerContainer .pagination-sm > li > a, .daterangepickerContainer .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .daterangepickerContainer .pagination-sm > li:first-child > a, .daterangepickerContainer .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .daterangepickerContainer .pagination-sm > li:last-child > a, .daterangepickerContainer .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .daterangepickerContainer .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .daterangepickerContainer .pager:before, .daterangepickerContainer .pager:after { content: " "; display: table; } .daterangepickerContainer .pager:after { clear: both; } .daterangepickerContainer .pager li { display: inline; } .daterangepickerContainer .pager li > a, .daterangepickerContainer .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .daterangepickerContainer .pager li > a:hover, .daterangepickerContainer .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .daterangepickerContainer .pager .next > a, .daterangepickerContainer .pager .next > span { float: right; } .daterangepickerContainer .pager .previous > a, .daterangepickerContainer .pager .previous > span { float: left; } .daterangepickerContainer .pager .disabled > a, .daterangepickerContainer .pager .disabled > a:hover, .daterangepickerContainer .pager .disabled > a:focus, .daterangepickerContainer .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; } .daterangepickerContainer .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .daterangepickerContainer .label:empty { display: none; } .btn .daterangepickerContainer .label { position: relative; top: -1px; } .daterangepickerContainer a.label:hover, .daterangepickerContainer a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .daterangepickerContainer .label-default { background-color: #777777; } .daterangepickerContainer .label-default[href]:hover, .daterangepickerContainer .label-default[href]:focus { background-color: #5e5e5e; } .daterangepickerContainer .label-primary { background-color: #337ab7; } .daterangepickerContainer .label-primary[href]:hover, .daterangepickerContainer .label-primary[href]:focus { background-color: #286090; } .daterangepickerContainer .label-success { background-color: #5cb85c; } .daterangepickerContainer .label-success[href]:hover, .daterangepickerContainer .label-success[href]:focus { background-color: #449d44; } .daterangepickerContainer .label-info { background-color: #5bc0de; } .daterangepickerContainer .label-info[href]:hover, .daterangepickerContainer .label-info[href]:focus { background-color: #31b0d5; } .daterangepickerContainer .label-warning { background-color: #f0ad4e; } .daterangepickerContainer .label-warning[href]:hover, .daterangepickerContainer .label-warning[href]:focus { background-color: #ec971f; } .daterangepickerContainer .label-danger { background-color: #d9534f; } .daterangepickerContainer .label-danger[href]:hover, .daterangepickerContainer .label-danger[href]:focus { background-color: #c9302c; } .daterangepickerContainer .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .daterangepickerContainer .badge:empty { display: none; } .btn .daterangepickerContainer .badge { position: relative; top: -1px; } .btn-xs .daterangepickerContainer .badge, .btn-group-xs > .btn .daterangepickerContainer .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .daterangepickerContainer .badge, .nav-pills > .active > a > .daterangepickerContainer .badge { color: #055098; background-color: #fff; } .list-group-item > .daterangepickerContainer .badge { float: right; } .list-group-item > .daterangepickerContainer .badge + .daterangepickerContainer .badge { margin-right: 5px; } .nav-pills > li > a > .daterangepickerContainer .badge { margin-left: 3px; } .daterangepickerContainer a.badge:hover, .daterangepickerContainer a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .daterangepickerContainer .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .daterangepickerContainer .jumbotron h1, .daterangepickerContainer .jumbotron .h1 { color: inherit; } .daterangepickerContainer .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .daterangepickerContainer .jumbotron > hr { border-top-color: #d5d5d5; } .container .daterangepickerContainer .jumbotron, .container-fluid .daterangepickerContainer .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .daterangepickerContainer .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .daterangepickerContainer .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .daterangepickerContainer .jumbotron, .container-fluid .daterangepickerContainer .jumbotron { padding-left: 60px; padding-right: calc 60px; } .daterangepickerContainer .jumbotron h1, .daterangepickerContainer .jumbotron .h1 { font-size: 63px; } } .daterangepickerContainer .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: white; border: 1px solid #ddd; border-radius: 4px; transition: border 0.2s ease-in-out; } .daterangepickerContainer .thumbnail > img, .daterangepickerContainer .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .daterangepickerContainer .thumbnail .caption { padding: 9px; color: #323232; } .daterangepickerContainer a.thumbnail:hover, .daterangepickerContainer a.thumbnail:focus, .daterangepickerContainer a.thumbnail.active { border-color: #055098; } .daterangepickerContainer .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .daterangepickerContainer .alert h4 { margin-top: 0; color: inherit; } .daterangepickerContainer .alert .alert-link { font-weight: bold; } .daterangepickerContainer .alert > p, .daterangepickerContainer .alert > ul { margin-bottom: 0; } .daterangepickerContainer .alert > p + p { margin-top: 5px; } .daterangepickerContainer .alert-dismissable, .daterangepickerContainer .alert-dismissible { padding-right: 35px; } .daterangepickerContainer .alert-dismissable .close, .daterangepickerContainer .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .daterangepickerContainer .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .daterangepickerContainer .alert-success hr { border-top-color: #c9e2b3; } .daterangepickerContainer .alert-success .alert-link { color: #2b542c; } .daterangepickerContainer .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .daterangepickerContainer .alert-info hr { border-top-color: #a6e1ec; } .daterangepickerContainer .alert-info .alert-link { color: #245269; } .daterangepickerContainer .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .daterangepickerContainer .alert-warning hr { border-top-color: #f7e1b5; } .daterangepickerContainer .alert-warning .alert-link { color: #66512c; } .daterangepickerContainer .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .daterangepickerContainer .alert-danger hr { border-top-color: #e4b9c0; } .daterangepickerContainer .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .daterangepickerContainer .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .daterangepickerContainer .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; } .daterangepickerContainer .progress-striped .progress-bar, .daterangepickerContainer .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .daterangepickerContainer .progress.active .progress-bar, .daterangepickerContainer .progress-bar.active { animation: progress-bar-stripes 2s linear infinite; } .daterangepickerContainer .progress-bar-success { background-color: #5cb85c; } .progress-striped .daterangepickerContainer .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .daterangepickerContainer .progress-bar-info { background-color: #5bc0de; } .progress-striped .daterangepickerContainer .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .daterangepickerContainer .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .daterangepickerContainer .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .daterangepickerContainer .progress-bar-danger { background-color: #d9534f; } .progress-striped .daterangepickerContainer .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .daterangepickerContainer .media { margin-top: 15px; } .daterangepickerContainer .media:first-child { margin-top: 0; } .daterangepickerContainer .media, .daterangepickerContainer .media-body { zoom: 1; overflow: hidden; } .daterangepickerContainer .media-body { width: 10000px; } .daterangepickerContainer .media-object { display: block; } .daterangepickerContainer .media-object.img-thumbnail { max-width: none; } .daterangepickerContainer .media-right, .daterangepickerContainer .media > .pull-right { padding-left: 10px; } .daterangepickerContainer .media-left, .daterangepickerContainer .media > .pull-left { padding-right: 10px; } .daterangepickerContainer .media-left, .daterangepickerContainer .media-right, .daterangepickerContainer .media-body { display: table-cell; vertical-align: top; } .daterangepickerContainer .media-middle { vertical-align: middle; } .daterangepickerContainer .media-bottom { vertical-align: bottom; } .daterangepickerContainer .media-heading { margin-top: 0; margin-bottom: 5px; } .daterangepickerContainer .media-list { padding-left: 0; list-style: none; } .daterangepickerContainer .list-group { margin-bottom: 20px; padding-left: 0; } .daterangepickerContainer .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .daterangepickerContainer .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .daterangepickerContainer .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .daterangepickerContainer a.list-group-item, .daterangepickerContainer button.list-group-item { color: #555; } .daterangepickerContainer a.list-group-item .list-group-item-heading, .daterangepickerContainer button.list-group-item .list-group-item-heading { color: #333; } .daterangepickerContainer a.list-group-item:hover, .daterangepickerContainer a.list-group-item:focus, .daterangepickerContainer button.list-group-item:hover, .daterangepickerContainer button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } .daterangepickerContainer button.list-group-item { width: 100%; text-align: left; } .daterangepickerContainer .list-group-item.disabled, .daterangepickerContainer .list-group-item.disabled:hover, .daterangepickerContainer .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .daterangepickerContainer .list-group-item.disabled .list-group-item-heading, .daterangepickerContainer .list-group-item.disabled:hover .list-group-item-heading, .daterangepickerContainer .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .daterangepickerContainer .list-group-item.disabled .list-group-item-text, .daterangepickerContainer .list-group-item.disabled:hover .list-group-item-text, .daterangepickerContainer .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .daterangepickerContainer .list-group-item.active, .daterangepickerContainer .list-group-item.active:hover, .daterangepickerContainer .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .daterangepickerContainer .list-group-item.active .list-group-item-heading, .daterangepickerContainer .list-group-item.active .list-group-item-heading > small, .daterangepickerContainer .list-group-item.active .list-group-item-heading > .small, .daterangepickerContainer .list-group-item.active:hover .list-group-item-heading, .daterangepickerContainer .list-group-item.active:hover .list-group-item-heading > small, .daterangepickerContainer .list-group-item.active:hover .list-group-item-heading > .small, .daterangepickerContainer .list-group-item.active:focus .list-group-item-heading, .daterangepickerContainer .list-group-item.active:focus .list-group-item-heading > small, .daterangepickerContainer .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .daterangepickerContainer .list-group-item.active .list-group-item-text, .daterangepickerContainer .list-group-item.active:hover .list-group-item-text, .daterangepickerContainer .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .daterangepickerContainer .list-group-item-success { color: #3c763d; background-color: #dff0d8; } .daterangepickerContainer a.list-group-item-success, .daterangepickerContainer button.list-group-item-success { color: #3c763d; } .daterangepickerContainer a.list-group-item-success .list-group-item-heading, .daterangepickerContainer button.list-group-item-success .list-group-item-heading { color: inherit; } .daterangepickerContainer a.list-group-item-success:hover, .daterangepickerContainer a.list-group-item-success:focus, .daterangepickerContainer button.list-group-item-success:hover, .daterangepickerContainer button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } .daterangepickerContainer a.list-group-item-success.active, .daterangepickerContainer a.list-group-item-success.active:hover, .daterangepickerContainer a.list-group-item-success.active:focus, .daterangepickerContainer button.list-group-item-success.active, .daterangepickerContainer button.list-group-item-success.active:hover, .daterangepickerContainer button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .daterangepickerContainer .list-group-item-info { color: #31708f; background-color: #d9edf7; } .daterangepickerContainer a.list-group-item-info, .daterangepickerContainer button.list-group-item-info { color: #31708f; } .daterangepickerContainer a.list-group-item-info .list-group-item-heading, .daterangepickerContainer button.list-group-item-info .list-group-item-heading { color: inherit; } .daterangepickerContainer a.list-group-item-info:hover, .daterangepickerContainer a.list-group-item-info:focus, .daterangepickerContainer button.list-group-item-info:hover, .daterangepickerContainer button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } .daterangepickerContainer a.list-group-item-info.active, .daterangepickerContainer a.list-group-item-info.active:hover, .daterangepickerContainer a.list-group-item-info.active:focus, .daterangepickerContainer button.list-group-item-info.active, .daterangepickerContainer button.list-group-item-info.active:hover, .daterangepickerContainer button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .daterangepickerContainer .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } .daterangepickerContainer a.list-group-item-warning, .daterangepickerContainer button.list-group-item-warning { color: #8a6d3b; } .daterangepickerContainer a.list-group-item-warning .list-group-item-heading, .daterangepickerContainer button.list-group-item-warning .list-group-item-heading { color: inherit; } .daterangepickerContainer a.list-group-item-warning:hover, .daterangepickerContainer a.list-group-item-warning:focus, .daterangepickerContainer button.list-group-item-warning:hover, .daterangepickerContainer button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } .daterangepickerContainer a.list-group-item-warning.active, .daterangepickerContainer a.list-group-item-warning.active:hover, .daterangepickerContainer a.list-group-item-warning.active:focus, .daterangepickerContainer button.list-group-item-warning.active, .daterangepickerContainer button.list-group-item-warning.active:hover, .daterangepickerContainer button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .daterangepickerContainer .list-group-item-danger { color: #a94442; background-color: #f2dede; } .daterangepickerContainer a.list-group-item-danger, .daterangepickerContainer button.list-group-item-danger { color: #a94442; } .daterangepickerContainer a.list-group-item-danger .list-group-item-heading, .daterangepickerContainer button.list-group-item-danger .list-group-item-heading { color: inherit; } .daterangepickerContainer a.list-group-item-danger:hover, .daterangepickerContainer a.list-group-item-danger:focus, .daterangepickerContainer button.list-group-item-danger:hover, .daterangepickerContainer button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } .daterangepickerContainer a.list-group-item-danger.active, .daterangepickerContainer a.list-group-item-danger.active:hover, .daterangepickerContainer a.list-group-item-danger.active:focus, .daterangepickerContainer button.list-group-item-danger.active, .daterangepickerContainer button.list-group-item-danger.active:hover, .daterangepickerContainer button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .daterangepickerContainer .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .daterangepickerContainer .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .daterangepickerContainer .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .daterangepickerContainer .panel-body { padding: 15px; } .daterangepickerContainer .panel-body:before, .daterangepickerContainer .panel-body:after { content: " "; display: table; } .daterangepickerContainer .panel-body:after { clear: both; } .daterangepickerContainer .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .daterangepickerContainer .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .daterangepickerContainer .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .daterangepickerContainer .panel-title > a, .daterangepickerContainer .panel-title > small, .daterangepickerContainer .panel-title > .small, .daterangepickerContainer .panel-title > small > a, .daterangepickerContainer .panel-title > .small > a { color: inherit; } .daterangepickerContainer .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .daterangepickerContainer .panel > .list-group, .daterangepickerContainer .panel > .panel-collapse > .list-group { margin-bottom: 0; } .daterangepickerContainer .panel > .list-group .list-group-item, .daterangepickerContainer .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .daterangepickerContainer .panel > .list-group:first-child .list-group-item:first-child, .daterangepickerContainer .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .daterangepickerContainer .panel > .list-group:last-child .list-group-item:last-child, .daterangepickerContainer .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .daterangepickerContainer .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .daterangepickerContainer .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .daterangepickerContainer .list-group + .panel-footer { border-top-width: 0; } .daterangepickerContainer .panel > .table, .daterangepickerContainer .panel > .table-responsive > .table, .daterangepickerContainer .panel > .panel-collapse > .table { margin-bottom: 0; } .daterangepickerContainer .panel > .table caption, .daterangepickerContainer .panel > .table-responsive > .table caption, .daterangepickerContainer .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .daterangepickerContainer .panel > .table:first-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .daterangepickerContainer .panel > .table:first-child > thead:first-child > tr:first-child, .daterangepickerContainer .panel > .table:first-child > tbody:first-child > tr:first-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .daterangepickerContainer .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .daterangepickerContainer .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .daterangepickerContainer .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .daterangepickerContainer .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .daterangepickerContainer .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .daterangepickerContainer .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .daterangepickerContainer .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .daterangepickerContainer .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .daterangepickerContainer .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .daterangepickerContainer .panel > .table:last-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .daterangepickerContainer .panel > .table:last-child > tbody:last-child > tr:last-child, .daterangepickerContainer .panel > .table:last-child > tfoot:last-child > tr:last-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .daterangepickerContainer .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .daterangepickerContainer .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .daterangepickerContainer .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .daterangepickerContainer .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .daterangepickerContainer .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .daterangepickerContainer .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .daterangepickerContainer .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .daterangepickerContainer .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .daterangepickerContainer .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .daterangepickerContainer .panel > .panel-body + .table, .daterangepickerContainer .panel > .panel-body + .table-responsive, .daterangepickerContainer .panel > .table + .panel-body, .daterangepickerContainer .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .daterangepickerContainer .panel > .table > tbody:first-child > tr:first-child th, .daterangepickerContainer .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .daterangepickerContainer .panel > .table-bordered, .daterangepickerContainer .panel > .table-responsive > .table-bordered { border: 0; } .daterangepickerContainer .panel > .table-bordered > thead > tr > th:first-child, .daterangepickerContainer .panel > .table-bordered > thead > tr > td:first-child, .daterangepickerContainer .panel > .table-bordered > tbody > tr > th:first-child, .daterangepickerContainer .panel > .table-bordered > tbody > tr > td:first-child, .daterangepickerContainer .panel > .table-bordered > tfoot > tr > th:first-child, .daterangepickerContainer .panel > .table-bordered > tfoot > tr > td:first-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .daterangepickerContainer .panel > .table-bordered > thead > tr > th:last-child, .daterangepickerContainer .panel > .table-bordered > thead > tr > td:last-child, .daterangepickerContainer .panel > .table-bordered > tbody > tr > th:last-child, .daterangepickerContainer .panel > .table-bordered > tbody > tr > td:last-child, .daterangepickerContainer .panel > .table-bordered > tfoot > tr > th:last-child, .daterangepickerContainer .panel > .table-bordered > tfoot > tr > td:last-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .daterangepickerContainer .panel > .table-bordered > thead > tr:first-child > td, .daterangepickerContainer .panel > .table-bordered > thead > tr:first-child > th, .daterangepickerContainer .panel > .table-bordered > tbody > tr:first-child > td, .daterangepickerContainer .panel > .table-bordered > tbody > tr:first-child > th, .daterangepickerContainer .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .daterangepickerContainer .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .daterangepickerContainer .panel > .table-bordered > tbody > tr:last-child > td, .daterangepickerContainer .panel > .table-bordered > tbody > tr:last-child > th, .daterangepickerContainer .panel > .table-bordered > tfoot > tr:last-child > td, .daterangepickerContainer .panel > .table-bordered > tfoot > tr:last-child > th, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .daterangepickerContainer .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .daterangepickerContainer .panel > .table-responsive { border: 0; margin-bottom: 0; } .daterangepickerContainer .panel-group { margin-bottom: 20px; } .daterangepickerContainer .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .daterangepickerContainer .panel-group .panel + .panel { margin-top: 5px; } .daterangepickerContainer .panel-group .panel-heading { border-bottom: 0; } .daterangepickerContainer .panel-group .panel-heading + .panel-collapse > .panel-body, .daterangepickerContainer .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .daterangepickerContainer .panel-group .panel-footer { border-top: 0; } .daterangepickerContainer .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .daterangepickerContainer .panel-default { border-color: #ddd; } .daterangepickerContainer .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .daterangepickerContainer .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .daterangepickerContainer .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .daterangepickerContainer .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .daterangepickerContainer .panel-primary { border-color: #337ab7; } .daterangepickerContainer .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .daterangepickerContainer .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .daterangepickerContainer .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .daterangepickerContainer .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .daterangepickerContainer .panel-success { border-color: #d6e9c6; } .daterangepickerContainer .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .daterangepickerContainer .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .daterangepickerContainer .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .daterangepickerContainer .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .daterangepickerContainer .panel-info { border-color: #bce8f1; } .daterangepickerContainer .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .daterangepickerContainer .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .daterangepickerContainer .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .daterangepickerContainer .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .daterangepickerContainer .panel-warning { border-color: #faebcc; } .daterangepickerContainer .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .daterangepickerContainer .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .daterangepickerContainer .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .daterangepickerContainer .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .daterangepickerContainer .panel-danger { border-color: #ebccd1; } .daterangepickerContainer .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .daterangepickerContainer .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .daterangepickerContainer .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .daterangepickerContainer .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .daterangepickerContainer .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .daterangepickerContainer .embed-responsive .embed-responsive-item, .daterangepickerContainer .embed-responsive iframe, .daterangepickerContainer .embed-responsive embed, .daterangepickerContainer .embed-responsive object, .daterangepickerContainer .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .daterangepickerContainer .embed-responsive-16by9 { padding-bottom: 56.25%; } .daterangepickerContainer .embed-responsive-4by3 { padding-bottom: 75%; } .daterangepickerContainer .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .daterangepickerContainer .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .daterangepickerContainer .well-lg { padding: 24px; border-radius: 6px; } .daterangepickerContainer .well-sm { padding: 9px; border-radius: 3px; } .daterangepickerContainer .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .daterangepickerContainer .close:hover, .daterangepickerContainer .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .daterangepickerContainer button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .daterangepickerContainer .modal-open { overflow: hidden; } .daterangepickerContainer .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .daterangepickerContainer .modal.fade .modal-dialog { -ms-transform: translate(0, -25%); transform: translate(0, -25%); transition: transform 0.3s ease-out; } .daterangepickerContainer .modal.in .modal-dialog { -ms-transform: translate(0, 0); transform: translate(0, 0); } .daterangepickerContainer .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .daterangepickerContainer .modal-dialog { position: relative; width: auto; margin: 10px; } .daterangepickerContainer .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .daterangepickerContainer .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .daterangepickerContainer .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .daterangepickerContainer .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .daterangepickerContainer .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .daterangepickerContainer .modal-header:before, .daterangepickerContainer .modal-header:after { content: " "; display: table; } .daterangepickerContainer .modal-header:after { clear: both; } .daterangepickerContainer .modal-header .close { margin-top: -2px; } .daterangepickerContainer .modal-title { margin: 0; line-height: 1.428571429; } .daterangepickerContainer .modal-body { position: relative; padding: 15px; } .daterangepickerContainer .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .daterangepickerContainer .modal-footer:before, .daterangepickerContainer .modal-footer:after { content: " "; display: table; } .daterangepickerContainer .modal-footer:after { clear: both; } .daterangepickerContainer .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .daterangepickerContainer .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .daterangepickerContainer .modal-footer .btn-block + .btn-block { margin-left: 0; } .daterangepickerContainer .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .daterangepickerContainer .modal-dialog { width: 600px; margin: 30px auto; } .daterangepickerContainer .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .daterangepickerContainer .modal-sm { width: 300px; } } @media (min-width: 992px) { .daterangepickerContainer .modal-lg { width: 900px; } } .daterangepickerContainer .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .daterangepickerContainer .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .daterangepickerContainer .tooltip.top { margin-top: -3px; padding: 5px 0; } .daterangepickerContainer .tooltip.right { margin-left: 3px; padding: 0 5px; } .daterangepickerContainer .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .daterangepickerContainer .tooltip.left { margin-left: -3px; padding: 0 5px; } .daterangepickerContainer .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .daterangepickerContainer .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .daterangepickerContainer .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .daterangepickerContainer .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .daterangepickerContainer .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .daterangepickerContainer .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .daterangepickerContainer .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .daterangepickerContainer .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .daterangepickerContainer .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .daterangepickerContainer .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .daterangepickerContainer .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .daterangepickerContainer .popover.top { margin-top: -10px; } .daterangepickerContainer .popover.right { margin-left: 10px; } .daterangepickerContainer .popover.bottom { margin-top: 10px; } .daterangepickerContainer .popover.left { margin-left: -10px; } .daterangepickerContainer .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .daterangepickerContainer .popover-content { padding: 9px 14px; } .daterangepickerContainer .popover > .arrow, .daterangepickerContainer .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .daterangepickerContainer .popover > .arrow { border-width: 11px; } .daterangepickerContainer .popover > .arrow:after { border-width: 10px; content: ""; } .daterangepickerContainer .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .daterangepickerContainer .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .daterangepickerContainer .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .daterangepickerContainer .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .daterangepickerContainer .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .daterangepickerContainer .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .daterangepickerContainer .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .daterangepickerContainer .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .daterangepickerContainer .carousel { position: relative; } .daterangepickerContainer .carousel-inner { position: relative; overflow: hidden; width: 100%; } .daterangepickerContainer .carousel-inner > .item { display: none; position: relative; transition: 0.6s ease-in-out left; } .daterangepickerContainer .carousel-inner > .item > img, .daterangepickerContainer .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .daterangepickerContainer .carousel-inner > .item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } .daterangepickerContainer .carousel-inner > .item.next, .daterangepickerContainer .carousel-inner > .item.active.right { transform: translate3d(100%, 0, 0); left: 0; } .daterangepickerContainer .carousel-inner > .item.prev, .daterangepickerContainer .carousel-inner > .item.active.left { transform: translate3d(-100%, 0, 0); left: 0; } .daterangepickerContainer .carousel-inner > .item.next.left, .daterangepickerContainer .carousel-inner > .item.prev.right, .daterangepickerContainer .carousel-inner > .item.active { transform: translate3d(0, 0, 0); left: 0; } } .daterangepickerContainer .carousel-inner > .active, .daterangepickerContainer .carousel-inner > .next, .daterangepickerContainer .carousel-inner > .prev { display: block; } .daterangepickerContainer .carousel-inner > .active { left: 0; } .daterangepickerContainer .carousel-inner > .next, .daterangepickerContainer .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .daterangepickerContainer .carousel-inner > .next { left: 100%; } .daterangepickerContainer .carousel-inner > .prev { left: -100%; } .daterangepickerContainer .carousel-inner > .next.left, .daterangepickerContainer .carousel-inner > .prev.right { left: 0; } .daterangepickerContainer .carousel-inner > .active.left { left: -100%; } .daterangepickerContainer .carousel-inner > .active.right { left: 100%; } .daterangepickerContainer .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .daterangepickerContainer .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); } .daterangepickerContainer .carousel-control.right { left: auto; right: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); } .daterangepickerContainer .carousel-control:hover, .daterangepickerContainer .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .daterangepickerContainer .carousel-control .icon-prev, .daterangepickerContainer .carousel-control .icon-next, .daterangepickerContainer .carousel-control .glyphicon-chevron-left, .daterangepickerContainer .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .daterangepickerContainer .carousel-control .icon-prev, .daterangepickerContainer .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .daterangepickerContainer .carousel-control .icon-next, .daterangepickerContainer .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .daterangepickerContainer .carousel-control .icon-prev, .daterangepickerContainer .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .daterangepickerContainer .carousel-control .icon-prev:before { content: "โ€น"; } .daterangepickerContainer .carousel-control .icon-next:before { content: "โ€บ"; } .daterangepickerContainer .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; } .daterangepickerContainer .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); } .daterangepickerContainer .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .daterangepickerContainer .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .daterangepickerContainer .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .daterangepickerContainer .carousel-control .glyphicon-chevron-left, .daterangepickerContainer .carousel-control .glyphicon-chevron-right, .daterangepickerContainer .carousel-control .icon-prev, .daterangepickerContainer .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .daterangepickerContainer .carousel-control .glyphicon-chevron-left, .daterangepickerContainer .carousel-control .icon-prev { margin-left: -10px; } .daterangepickerContainer .carousel-control .glyphicon-chevron-right, .daterangepickerContainer .carousel-control .icon-next { margin-right: -10px; } .daterangepickerContainer .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .daterangepickerContainer .carousel-indicators { bottom: 20px; } } .daterangepickerContainer .clearfix:before, .daterangepickerContainer .clearfix:after { content: " "; display: table; } .daterangepickerContainer .clearfix:after { clear: both; } .daterangepickerContainer .center-block { display: block; margin-left: auto; margin-right: auto; } .daterangepickerContainer .pull-right { float: right !important; } .daterangepickerContainer .pull-left { float: left !important; } .daterangepickerContainer .hide { display: none !important; } .daterangepickerContainer .show { display: block !important; } .daterangepickerContainer .invisible { visibility: hidden; } .daterangepickerContainer .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .daterangepickerContainer .hidden { display: none !important; } .daterangepickerContainer .affix { position: fixed; } @-ms-viewport { width: device-width; } .daterangepickerContainer .visible-xs { display: none !important; } .daterangepickerContainer .visible-sm { display: none !important; } .daterangepickerContainer .visible-md { display: none !important; } .daterangepickerContainer .visible-lg { display: none !important; } .daterangepickerContainer .visible-xs-block, .daterangepickerContainer .visible-xs-inline, .daterangepickerContainer .visible-xs-inline-block, .daterangepickerContainer .visible-sm-block, .daterangepickerContainer .visible-sm-inline, .daterangepickerContainer .visible-sm-inline-block, .daterangepickerContainer .visible-md-block, .daterangepickerContainer .visible-md-inline, .daterangepickerContainer .visible-md-inline-block, .daterangepickerContainer .visible-lg-block, .daterangepickerContainer .visible-lg-inline, .daterangepickerContainer .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .daterangepickerContainer .visible-xs { display: block !important; } .daterangepickerContainer table.visible-xs { display: table !important; } .daterangepickerContainer tr.visible-xs { display: table-row !important; } .daterangepickerContainer th.visible-xs, .daterangepickerContainer td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .daterangepickerContainer .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .daterangepickerContainer .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .daterangepickerContainer .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .daterangepickerContainer .visible-sm { display: block !important; } .daterangepickerContainer table.visible-sm { display: table !important; } .daterangepickerContainer tr.visible-sm { display: table-row !important; } .daterangepickerContainer th.visible-sm, .daterangepickerContainer td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .daterangepickerContainer .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .daterangepickerContainer .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .daterangepickerContainer .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .daterangepickerContainer .visible-md { display: block !important; } .daterangepickerContainer table.visible-md { display: table !important; } .daterangepickerContainer tr.visible-md { display: table-row !important; } .daterangepickerContainer th.visible-md, .daterangepickerContainer td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .daterangepickerContainer .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .daterangepickerContainer .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .daterangepickerContainer .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .daterangepickerContainer .visible-lg { display: block !important; } .daterangepickerContainer table.visible-lg { display: table !important; } .daterangepickerContainer tr.visible-lg { display: table-row !important; } .daterangepickerContainer th.visible-lg, .daterangepickerContainer td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .daterangepickerContainer .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .daterangepickerContainer .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .daterangepickerContainer .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .daterangepickerContainer .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .daterangepickerContainer .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .daterangepickerContainer .hidden-md { display: none !important; } } @media (min-width: 1200px) { .daterangepickerContainer .hidden-lg { display: none !important; } } .daterangepickerContainer .visible-print { display: none !important; } @media print { .daterangepickerContainer .visible-print { display: block !important; } .daterangepickerContainer table.visible-print { display: table !important; } .daterangepickerContainer tr.visible-print { display: table-row !important; } .daterangepickerContainer th.visible-print, .daterangepickerContainer td.visible-print { display: table-cell !important; } } .daterangepickerContainer .visible-print-block { display: none !important; } @media print { .daterangepickerContainer .visible-print-block { display: block !important; } } .daterangepickerContainer .visible-print-inline { display: none !important; } @media print { .daterangepickerContainer .visible-print-inline { display: inline !important; } } .daterangepickerContainer .visible-print-inline-block { display: none !important; } @media print { .daterangepickerContainer .visible-print-inline-block { display: inline-block !important; } } @media print { .daterangepickerContainer .hidden-print { display: none !important; } } .daterangepickerContainer .daterangepicker { border: solid 16px rgba(220, 220, 220, 0.8); border-radius: 0; box-shadow: none; padding: 0; font-size: 14px !important; } .daterangepickerContainer .daterangepicker:after { top: -32px !important; left: -16px !important; width: 0 !important; height: 0 !important; border-style: solid; border-width: 16px 0 0 16px !important; border-color: transparent transparent transparent rgba(220, 220, 220, 0.8) !important; } .daterangepickerContainer .daterangepicker:before { top: -25px !important; left: -19px !important; width: 24px !important; height: 1.5px !important; border: none !important; background-color: #E9711C !important; -ms-transform: rotate(45deg); transform: rotate(45deg); } .daterangepickerContainer .daterangepicker.dropup:after { bottom: -32px !important; top: auto !important; left: -16px !important; width: 0 !important; height: 0 !important; border-style: solid; border-width: 16px 16px 0 0 !important; border-color: rgba(220, 220, 220, 0.8) transparent transparent transparent !important; } .daterangepickerContainer .daterangepicker.dropup:before { bottom: -25px !important; top: auto !important; left: -19px !important; width: 24px !important; height: 1.5px !important; border: none !important; background-color: #E9711C !important; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .daterangepickerContainer .daterangepicker.dropup .range_inputs:after { bottom: -18px; top: auto; } .daterangepickerContainer .range_inputs { text-align: right; clear: both; border-top: 2px solid #d6d6d6; margin: 0 16px; padding: 12px 0 15px 0; } .daterangepickerContainer .range_inputs:after { content: ""; position: absolute; left: 1px; top: -18px; height: 2px; width: calc(100% + 15px); background-color: #E9711C; } .daterangepickerContainer .range_inputs button { margin-left: 16px; width: 80px; } .daterangepickerContainer .range_inputs button.applyBtn { color: #FFFFFF; } .daterangepickerContainer .ranges { margin: 16px 0 8px 16px; } .daterangepickerContainer .ranges ul { width: 150px !important; } .daterangepickerContainer .ranges li { position: relative; margin: 0; padding: 9px 15px 9px 19px; border-radius: 0; color: #505050; background-color: #f5f5f5; border: none; font-size: 14px !important; } .daterangepickerContainer .ranges li:not(:first-child):before { content: ""; position: absolute; right: 0; top: 0; height: 2px; width: 140px; border-top: solid 1px #d5d5d5; } .daterangepickerContainer .ranges li:hover, .daterangepickerContainer .ranges li:active, .daterangepickerContainer .ranges li.active, .daterangepickerContainer .ranges li:focus, .daterangepickerContainer .ranges li.focus { color: #E9711C; background-color: #f5f5f5; border: none; } .daterangepickerContainer .ranges li:hover:not(:first-child):before, .daterangepickerContainer .ranges li:active:not(:first-child):before, .daterangepickerContainer .ranges li.active:not(:first-child):before, .daterangepickerContainer .ranges li:focus:not(:first-child):before, .daterangepickerContainer .ranges li.focus:not(:first-child):before { content: ""; position: absolute; right: 0; top: 0; height: 2px; width: 140px; border-top: solid 1px #d5d5d5; } .daterangepickerContainer .ranges li:hover span, .daterangepickerContainer .ranges li:active span, .daterangepickerContainer .ranges li.active span, .daterangepickerContainer .ranges li:focus span, .daterangepickerContainer .ranges li.focus span { color: #E9711C !important; } .daterangepickerContainer .ranges li:hover span.range-label, .daterangepickerContainer .ranges li:active span.range-label, .daterangepickerContainer .ranges li.active span.range-label, .daterangepickerContainer .ranges li:focus span.range-label, .daterangepickerContainer .ranges li.focus span.range-label { border-bottom: 2px solid; padding-bottom: 2px; } .daterangepickerContainer .ranges li.customRange { color: #FFFFFF; background-color: #007398; margin-top: 8px; box-shadow: none; } .daterangepickerContainer .ranges li.customRange.active { background-color: #E9711C; text-decoration: none; } .daterangepickerContainer .ranges li.customRange:before { all: unset !important; } .daterangepickerContainer .ranges li.customRange span { color: #FFFFFF !important; } .daterangepickerContainer .ranges li span.ss-navigateright { position: absolute; right: 15px; line-height: 22px; color: #007398; } .daterangepickerContainer .calendar { margin: 16px 0 !important; } .daterangepickerContainer .calendar .next, .daterangepickerContainer .calendar .prev { color: #007398; background-color: #FFFFFF !important; } .daterangepickerContainer .calendar .next:hover, .daterangepickerContainer .calendar .prev:hover { color: #E9711C; } .daterangepickerContainer .calendar .daterangepicker_input { margin-left: 10px; } .daterangepickerContainer .calendar .daterangepicker_input input { border-radius: 0 !important; max-width: 214px !important; max-height: 27px !important; } .daterangepickerContainer .calendar .calendar-table { padding-right: 8px !important; } .daterangepickerContainer .calendar .calendar-table table td { padding: 4px !important; } #header-holder { position: fixed; right: 0; left: 0; z-index: 70; background-color: #fff; } #page-bar-holder { margin-top: 80px; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 1200px) { #page-bar-holder { margin-top: 64px; } } @media screen and (max-width: 990px) { #sub-nav-holder { display: none; } } .els-header *, .els-header *:after, .els-header *:before { margin: 0; padding: 0; box-sizing: border-box; } .els-header a { cursor: pointer; } .els-header a:focus { border-bottom: none; } .els-header button { margin: 0; padding: 0; background: none; border: none; list-style-position: outside; cursor: pointer; } .els-header button:hover, .els-header button:active, .els-header button:focus { background: none; border: none; } .els-header button:focus { outline: #3B99FC auto 5px; } .els-header button .icon { display: inline-block; margin: 0; } .els-header .anchor { color: rgb(46, 46, 46); transition: color 0.3s ease, border-bottom-color 0.3s ease; text-decoration: none; cursor: pointer; } .els-header .anchor:active, .els-header .anchor:focus, .els-header .anchor:hover { cursor: pointer; color: rgb(46, 46, 46); } .els-header .anchor:active .anchor-text, .els-header .anchor:focus .anchor-text, .els-header .anchor:hover .anchor-text { border-bottom: 2px solid #e9711c; } .els-header .anchor svg.icon { fill: currentColor; vertical-align: middle; } .els-header .anchor svg.icon:first-child { margin-right: 0.5rem; } .els-header .anchor svg.icon:last-child { margin-left: 0.5rem; } .els-header .anchor svg.icon:only-child { margin: 0; } .els-header .anchor-text { border-bottom: 2px solid transparent; transition: border-bottom-color 0.3s; } .els-header .anchor-external-link::after { content: " โ†—"; opacity: 0.6; speak: none; } .els-header .anchor-has-inherit-color { color: inherit; } .els-header .anchor-has-background-color:active, .els-header .anchor-has-background-color:focus, .els-header .anchor-has-background-color:hover { cursor: pointer; color: inherit; } .els-header .anchor-has-background-color:active .anchor-text, .els-header .anchor-has-background-color:focus .anchor-text, .els-header .anchor-has-background-color:hover .anchor-text { border-bottom: 2px solid currentColor; } .els-header .anchor-has-colored-icon svg.icon { fill: #007398; } .els-header .anchor-has-colored-icon:active svg.icon, .els-header .anchor-has-colored-icon:focus svg.icon, .els-header .anchor-has-colored-icon:hover svg.icon { fill: #e9711c; } .els-header .anchor[aria-disabled=true] { cursor: default; color: #dcdcdc !important; } .els-header .anchor[aria-disabled=true] svg.icon { fill: #dcdcdc !important; } .els-header .anchor[aria-disabled=true] .anchor-text { transition: all 0s ease 0s; } .els-header .anchor[aria-disabled=true]:active .anchor-text, .els-header .anchor[aria-disabled=true]:focus .anchor-text, .els-header .anchor[aria-disabled=true]:hover .anchor-text { border-bottom: none; } .els-header .button { border: 2px solid; display: inline-block; font-family: inherit; height: 40px; line-height: 40px; margin: 0; overflow: hidden; padding: 0 16px; transition: background-color 0.3s, border-color 0.3s, color 0.3s; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .els-header .button svg.icon { fill: currentColor; vertical-align: middle; transition: fill 0.3s ease; } .els-header .button svg.icon.animate { transition: fill 0.3s ease, transform 0.3s; } .els-header .button svg.icon:first-child { margin-right: 8px; } .els-header .button svg.icon:last-child { margin-left: 8px; } .els-header .button svg.icon:only-child { margin: 0; } .els-header .button-text { font-size: 20px; border-bottom: 2px solid transparent; transition: border-bottom-color 0.3s ease, color 0.3s; vertical-align: middle; } .els-header .button-primary { background-color: #007398; border-color: #007398; color: #ffffff; } .els-header .button-secondary { background-color: #ffffff; border-color: #007398; color: #2e2e2e; } .els-header .button-secondary svg.icon { fill: #007398; } .els-header .button-tertiary { background-color: #ffffff; border-color: #b9b9b9; color: #2e2e2e; } .els-header .button-tertiary svg.icon { fill: #007398; } .els-header .button-anchor { border-color: transparent; background-color: transparent; color: #007398; } .els-header .button-anchor:disabled { color: #b9b9b9; } .els-header .button:hover, .els-header .button:focus { cursor: pointer; } .els-header .button-primary:hover:not(:disabled), .els-header .button-secondary:hover:not(:disabled), .els-header .button-tertiary:hover:not(:disabled), .els-header .button-warning:hover:not(:disabled), .els-header .button-primary:focus:not(:disabled), .els-header .button-secondary:focus:not(:disabled), .els-header .button-tertiary:focus:not(:disabled), .els-header .button-warning:focus:not(:disabled) { border: 2px solid #e9711c; background-color: #e9711c; } .els-header .button-primary:hover:not(:disabled) svg.icon, .els-header .button-secondary:hover:not(:disabled) svg.icon, .els-header .button-tertiary:hover:not(:disabled) svg.icon, .els-header .button-warning:hover:not(:disabled) svg.icon, .els-header .button-primary:focus:not(:disabled) svg.icon, .els-header .button-secondary:focus:not(:disabled) svg.icon, .els-header .button-tertiary:focus:not(:disabled) svg.icon, .els-header .button-warning:focus:not(:disabled) svg.icon { fill: #ffffff; } .els-header .button-anchor:hover:not(:disabled) svg.icon, .els-header .button-anchor:focus:not(:disabled) svg.icon { fill: #e9711c; } .els-header .button-primary:hover:not(:disabled) .els-header .button-text, .els-header .button-secondary:hover:not(:disabled) .els-header .button-text, .els-header .button-tertiary:hover:not(:disabled) .els-header .button-text, .els-header .button-warning:hover:not(:disabled) .els-header .button-text, .els-header .button-primary:focus:not(:disabled) .els-header .button-text, .els-header .button-secondary:focus:not(:disabled) .els-header .button-text, .els-header .button-tertiary:focus:not(:disabled) .els-header .button-text, .els-header .button-warning:focus:not(:disabled) .els-header .button-text { color: #ffffff; } .els-header .button-anchor:hover:not(:disabled) .els-header .button-text { color: #e9711c; border-bottom: 2px solid #e9711c; } .els-header .button-anchor:focus:not(:disabled) .els-header .button-text { color: #e9711c; border-bottom: 2px solid #e9711c; } .els-header .button:disabled { cursor: default; } .els-header .button-primary:disabled, .els-header .button-warning:disabled { background-color: #b9b9b9; border-color: #b9b9b9; } .els-header .button-secondary:disabled { background-color: #ffffff; border-color: #b9b9b9; color: #b9b9b9; } .els-header .button-secondary:disabled svg.icon { fill: #ffffff; } .els-header .button-secondary:disabled svg.icon, .els-header .button-tertiary:disabled svg.icon { fill: #b9b9b9; } .els-header .button-tertiary:disabled { background-color: #ffffff; border-color: #b9b9b9; color: #b9b9b9; } .els-header .button-link { background-color: transparent; border: none; transition: color 0.3s ease; font-family: inherit; } .els-header .button-link:active, .els-header .button-link:focus, .els-header .button-link:hover { color: rgb(46, 46, 46) !important; cursor: pointer; } .els-header .button-link:active .button-link-text, .els-header .button-link:focus .button-link-text, .els-header .button-link:hover .button-link-text { border-bottom: 2px solid #e9711c; } .els-header .button-link:active svg.icon, .els-header .button-link:focus svg.icon, .els-header .button-link:hover svg.icon { fill: currentColor; } .els-header .button-link:disabled { color: #b9b9b9; cursor: default; } .els-header .button-link:disabled .button-link-text { border-bottom: none; } .els-header .button-link:disabled svg.icon { fill: currentColor; } .els-header .button-link svg.icon { fill: #007398; vertical-align: middle; transition: fill 0.3s ease; } .els-header .button-link svg.icon.animate { transition: fill 0.3s ease, transform 0.3s; } .els-header .button-link svg.icon:first-child { margin-right: 8px; } .els-header .button-link svg.icon:last-child { margin-left: 8px; } .els-header .button-link svg.icon:only-child { margin: 0; } .els-header .button-link-text { border-bottom: 2px solid transparent; transition: border-bottom-color 0.3s ease; vertical-align: middle; } .els-header .button-link-primary { color: #2e2e2e; } .els-header .button-link-secondary { color: #007398; } .els-header .popover { position: relative; display: inline-block; } .els-header .popover-content { position: absolute; margin-top: 16px; z-index: 9999; padding: 16px; border-top: solid 2px #e9711c; background: rgba(235, 235, 235, 0.85); } .els-header .popover-content.popover-align-left { left: 0; } .els-header .popover-content.popover-align-left.popover-align-left:before { content: ""; position: absolute; left: 0; top: -16px; border-right: 16px solid transparent; border-bottom: 16px solid #e9711c; } .els-header .popover-content.popover-align-left.popover-align-left:after { content: ""; position: absolute; left: 0; top: -13px; border-right: 14px solid transparent; border-bottom: 14px solid #ebebeb; } .els-header .popover-content.popover-align-right { right: 0; } .els-header .popover-content.popover-align-right.popover-align-right:before { content: ""; position: absolute; right: 0; top: -16px; border-left: 16px solid transparent; border-bottom: 16px solid #e9711c; } .els-header .popover-content.popover-align-right.popover-align-right:after { content: ""; position: absolute; right: 0; top: -13px; border-left: 14px solid transparent; border-bottom: 14px solid #ebebeb; } .els-header .popover-content-inner { background: #ffffff; padding: 16px; } .els-header .popover-button-close { position: relative; right: 0; } .els-header .popover-button-close svg.icon { fill: #505050; } .els-header .popover-content { display: none; } .els-header .popover__active .popover-content { display: block; } .els-header .text-s { font-size: 16px; line-height: 1.5; } .els-header .u-text\+\+ { font-size: larger !important; } .els-header .u-text-- { font-size: smaller !important; } .els-header .u-clr-orange { color: #e9711c !important; } .els-header .u-clr-blue { color: #007398 !important; } .els-header .u-clr-black { color: #000000 !important; } .els-header .u-clr-grey1 { color: #f5f5f5 !important; } .els-header .u-clr-grey2 { color: #ebebeb !important; } .els-header .u-clr-grey3 { color: #dcdcdc !important; } .els-header .u-clr-grey4 { color: #b9b9b9 !important; } .els-header .u-clr-grey5 { color: #969696 !important; } .els-header .u-clr-grey6 { color: #737373 !important; } .els-header .u-clr-grey7 { color: #505050 !important; } .els-header .u-clr-grey8 { color: #2e2e2e !important; } .els-header .u-bg-orange { background-color: #e9711c !important; } .els-header .u-bg-blue { background-color: #007398 !important; } .els-header .u-bg-white { background-color: #ffffff !important; } .els-header .u-bg-black { background-color: #000000 !important; } .els-header .u-bg-grey1 { background-color: #f5f5f5 !important; } .els-header .u-bg-grey2 { background-color: #ebebeb !important; } .els-header .u-bg-grey3 { background-color: #dcdcdc !important; } .els-header .u-bg-grey4 { background-color: #b9b9b9 !important; } .els-header .u-bg-grey5 { background-color: #969696 !important; } .els-header .u-bg-grey6 { background-color: #737373 !important; } .els-header .u-bg-grey7 { background-color: #505050 !important; } .els-header .u-bg-grey8 { background-color: #2e2e2e !important; } .els-header .u-fill-orange { fill: #e9711c !important; } .els-header .u-fill-blue { fill: #007398 !important; } .els-header .u-fill-white { fill: #ffffff !important; } .els-header .u-fill-black { fill: #000000 !important; } .els-header .u-fill-grey1 { fill: #f5f5f5 !important; } .els-header .u-fill-grey2 { fill: #ebebeb !important; } .els-header .u-fill-grey3 { fill: #dcdcdc !important; } .els-header .u-fill-grey4 { fill: #b9b9b9 !important; } .els-header .u-fill-grey5 { fill: #969696 !important; } .els-header .u-fill-grey6 { fill: #737373 !important; } .els-header .u-fill-grey7 { fill: #505050 !important; } .els-header .u-fill-grey8 { fill: #2e2e2e !important; } .els-header .u-display-block { display: block; } .els-header .u-padding-0 { padding: 0px !important; } .els-header .u-margin-0 { margin: 0px !important; } .els-header .u-padding-0-ver { padding-top: 0px !important; padding-bottom: 0px !important; } .els-header .u-margin-0-ver { margin-top: 0px !important; margin-bottom: 0px !important; } .els-header .u-padding-0-hor { padding-right: 0px !important; padding-left: 0px !important; } .els-header .u-margin-0-hor { margin-right: 0px !important; margin-left: 0px !important; } .els-header .u-padding-0-top { padding-top: 0px !important; } .els-header .u-margin-0-top { margin-top: 0px !important; } .els-header .u-padding-0-right { padding-right: 0px !important; } .els-header .u-margin-0-right { margin-right: 0px !important; } .els-header .u-padding-0-bottom { padding-bottom: 0px !important; } .els-header .u-margin-0-bottom { margin-bottom: 0px !important; } .els-header .u-padding-0-left { padding-left: 0px !important; } .els-header .u-margin-0-left { margin-left: 0px !important; } .els-header .u-padding-xs { padding: 8px !important; } .els-header .u-margin-xs { margin: 8px !important; } .els-header .u-padding-xs-ver { padding-top: 8px !important; padding-bottom: 8px !important; } .els-header .u-margin-xs-ver { margin-top: 8px !important; margin-bottom: 8px !important; } .els-header .u-padding-xs-hor { padding-right: 8px !important; padding-left: 8px !important; } .els-header .u-margin-xs-hor { margin-right: 8px !important; margin-left: 8px !important; } .els-header .u-padding-xs-top { padding-top: 8px !important; } .els-header .u-margin-xs-top { margin-top: 8px !important; } .els-header .u-padding-xs-right { padding-right: 8px !important; } .els-header .u-margin-xs-right { margin-right: 8px !important; } .els-header .u-padding-xs-bottom { padding-bottom: 8px !important; } .els-header .u-margin-xs-bottom { margin-bottom: 8px !important; } .els-header .u-padding-xs-left { padding-left: 8px !important; } .els-header .u-margin-xs-left { margin-left: 8px !important; } .els-header .u-padding-s { padding: 16px !important; } .els-header .u-margin-s { margin: 16px !important; } .els-header .u-padding-s-ver { padding-top: 16px !important; padding-bottom: 16px !important; } .els-header .u-margin-s-ver { margin-top: 16px !important; margin-bottom: 16px !important; } .els-header .u-padding-s-hor { padding-right: 16px !important; padding-left: 16px !important; } .els-header .u-margin-s-hor { margin-right: 16px !important; margin-left: 16px !important; } .els-header .u-padding-s-top { padding-top: 16px !important; } .els-header .u-margin-s-top { margin-top: 16px !important; } .els-header .u-padding-s-right { padding-right: 16px !important; } .els-header .u-margin-s-right { margin-right: 16px !important; } .els-header .u-padding-s-bottom { padding-bottom: 16px !important; } .els-header .u-margin-s-bottom { margin-bottom: 16px !important; } .els-header .u-padding-s-left { padding-left: 16px !important; } .els-header .u-margin-s-left { margin-left: 16px !important; } .els-header .u-padding-m { padding: 24px !important; } .els-header .u-margin-m { margin: 24px !important; } .els-header .u-padding-m-ver { padding-top: 24px !important; padding-bottom: 24px !important; } .els-header .u-margin-m-ver { margin-top: 24px !important; margin-bottom: 24px !important; } .els-header .u-padding-m-hor { padding-right: 24px !important; padding-left: 24px !important; } .els-header .u-margin-m-hor { margin-right: 24px !important; margin-left: 24px !important; } .els-header .u-padding-m-top { padding-top: 24px !important; } .els-header .u-margin-m-top { margin-top: 24px !important; } .els-header .u-padding-m-right { padding-right: 24px !important; } .els-header .u-margin-m-right { margin-right: 24px !important; } .els-header .u-padding-m-bottom { padding-bottom: 24px !important; } .els-header .u-margin-m-bottom { margin-bottom: 24px !important; } .els-header .u-padding-m-left { padding-left: 24px !important; } .els-header .u-margin-m-left { margin-left: 24px !important; } .els-header .u-padding-l { padding: 32px !important; } .els-header .u-margin-l { margin: 32px !important; } .els-header .u-padding-l-ver { padding-top: 32px !important; padding-bottom: 32px !important; } .els-header .u-margin-l-ver { margin-top: 32px !important; margin-bottom: 32px !important; } .els-header .u-padding-l-hor { padding-right: 32px !important; padding-left: 32px !important; } .els-header .u-margin-l-hor { margin-right: 32px !important; margin-left: 32px !important; } .els-header .u-padding-l-top { padding-top: 32px !important; } .els-header .u-margin-l-top { margin-top: 32px !important; } .els-header .u-padding-l-right { padding-right: 32px !important; } .els-header .u-margin-l-right { margin-right: 32px !important; } .els-header .u-padding-l-bottom { padding-bottom: 32px !important; } .els-header .u-margin-l-bottom { margin-bottom: 32px !important; } .els-header .u-padding-l-left { padding-left: 32px !important; } .els-header .u-margin-l-left { margin-left: 32px !important; } .els-header .u-padding-xl { padding: 40px !important; } .els-header .u-margin-xl { margin: 40px !important; } .els-header .u-padding-xl-ver { padding-top: 40px !important; padding-bottom: 40px !important; } .els-header .u-margin-xl-ver { margin-top: 40px !important; margin-bottom: 40px !important; } .els-header .u-padding-xl-hor { padding-right: 40px !important; padding-left: 40px !important; } .els-header .u-margin-xl-hor { margin-right: 40px !important; margin-left: 40px !important; } .els-header .u-padding-xl-top { padding-top: 40px !important; } .els-header .u-margin-xl-top { margin-top: 40px !important; } .els-header .u-padding-xl-right { padding-right: 40px !important; } .els-header .u-margin-xl-right { margin-right: 40px !important; } .els-header .u-padding-xl-bottom { padding-bottom: 40px !important; } .els-header .u-margin-xl-bottom { margin-bottom: 40px !important; } .els-header .u-padding-xl-left { padding-left: 40px !important; } .els-header .u-margin-xl-left { margin-left: 40px !important; } .els-header .u-padding-xxl { padding: 48px !important; } .els-header .u-margin-xxl { margin: 48px !important; } .els-header .u-padding-xxl-ver { padding-top: 48px !important; padding-bottom: 48px !important; } .els-header .u-margin-xxl-ver { margin-top: 48px !important; margin-bottom: 48px !important; } .els-header .u-padding-xxl-hor { padding-right: 48px !important; padding-left: 48px !important; } .els-header .u-margin-xxl-hor { margin-right: 48px !important; margin-left: 48px !important; } .els-header .u-padding-xxl-top { padding-top: 48px !important; } .els-header .u-margin-xxl-top { margin-top: 48px !important; } .els-header .u-padding-xxl-right { padding-right: 48px !important; } .els-header .u-margin-xxl-right { margin-right: 48px !important; } .els-header .u-padding-xxl-bottom { padding-bottom: 48px !important; } .els-header .u-margin-xxl-bottom { margin-bottom: 48px !important; } .els-header .u-padding-xxl-left { padding-left: 48px !important; } .els-header .u-margin-xxl-left { margin-left: 48px !important; } .els-header { font: 20px/1.4 NexusSans, Arial, Helvetica, sans-serif; height: 80px; min-height: 80px; padding: 0 32px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1200px) { .els-header { height: 64px; min-height: 64px; padding: 0 12px; } } .els-header-brand-holder { -ms-flex-negative: 1; flex-shrink: 1; } .els-header-nav-holder { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; padding: 0 20px; } @media screen and (max-width: 1200px) { .els-header-nav-holder { font-size: 16px; } } .els-header-nav-utils-holder { -ms-flex-negative: 1; flex-shrink: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: end; justify-content: flex-end; } .els-header-profile-holder { -ms-flex-negative: 1; flex-shrink: 1; padding-left: 28px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .els-header-mobile-panel-holder { display: none; } @media screen and (max-width: 990px) { .els-header-mobile-panel-holder { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 990px) { .els-header-has-mobile-panel { display: none; } } @media screen and (max-width: 1200px) { .els-header-btn-reduce-s { height: 32px !important; line-height: 32px !important; font-size: 18px !important; } .els-header-btn-reduce-s .button-text { font-size: 18px !important; } } .els-header-anchor-active .anchor-text { border-bottom-color: #e9711c; } .els-header-white-space-nowrap { white-space: nowrap; } .els-header-flex-wrap-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .els-header-full-width { width: 100%; } .els-header-oh { overflow: hidden; } .els-header-fr { float: right; } .els-header .els-header-brand { cursor: pointer; text-decoration: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; } .els-header .els-header-brand-name { font-size: 24px; line-height: 1.4; font-family: NexusSans, Arial, Helvetica, sans-serif; color: #e9711c; margin-left: 12px; } @media screen and (max-width: 1200px) { .els-header .els-header-brand-name-reduce-fs { font-size: 18px; margin-left: 8px; } } .els-header .els-header-nav { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .els-header .els-header-nav-horizontal { -ms-flex-direction: row; flex-direction: row; } .els-header .els-header-nav-vertical { -ms-flex-direction: column; flex-direction: column; } .els-header .els-header-icon-holder { display: -ms-flexbox; display: flex; width: 40px; height: 40px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: transparent; border: none; transition: background 0.3s ease; } .els-header .els-header-icon-holder svg.els-header-icon { fill: #505050; transition: fill 0.2s ease; } .els-header-icon-holder-paren-hover:hover > .els-header .els-header-icon-holder.els-header-icon-holder-has-hover, .els-header .els-header-icon-holder.els-header-icon-holder-has-hover:hover { background: transparent; } .els-header-icon-holder-paren-hover:hover > .els-header .els-header-icon-holder.els-header-icon-holder-has-hover svg.els-header-icon, .els-header .els-header-icon-holder.els-header-icon-holder-has-hover:hover svg.els-header-icon { fill: #e9711c; } .els-header-icon-holder-paren-active > .els-header .els-header-icon-holder, .els-header .els-header-icon-holder.els-header-icon-holder-active { background: transparent; } .els-header-icon-holder-paren-active > .els-header .els-header-icon-holder svg.els-header-icon, .els-header .els-header-icon-holder.els-header-icon-holder-active svg.els-header-icon { fill: #e9711c; } .els-header .els-header-icon-holder-dark { background: #505050; } .els-header .els-header-icon-holder-dark svg.els-header-icon { fill: #ffffff; } .els-header-icon-holder-paren-hover:hover > .els-header .els-header-icon-holder-dark.els-header-icon-holder-has-hover, .els-header .els-header-icon-holder-dark.els-header-icon-holder-has-hover:hover { background: #e9711c; } .els-header-icon-holder-paren-hover:hover > .els-header .els-header-icon-holder-dark.els-header-icon-holder-has-hover svg.els-header-icon, .els-header .els-header-icon-holder-dark.els-header-icon-holder-has-hover:hover svg.els-header-icon { fill: #ffffff; } .els-header-icon-holder-paren-active > .els-header .els-header-icon-holder-dark, .els-header .els-header-icon-holder-dark.els-header-icon-holder-active { background: #e9711c; } .els-header-icon-holder-paren-active > .els-header .els-header-icon-holder-dark svg.els-header-icon, .els-header .els-header-icon-holder-dark.els-header-icon-holder-active svg.els-header-icon { fill: #ffffff; } .els-header .els-header-icon-holder-round { border-radius: 50%; } .els-header .els-header-icon-holder-big { width: 48px; height: 48px; } @media screen and (max-width: 1200px) { .els-header .els-header-icon-holder-reduce-s { width: 32px; height: 32px; } .els-header .els-header-icon-holder-reduce-s svg.els-header-icon { height: 20px; } } .els-header .els-header-institution-info { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .els-header .els-header-institution-info-text { font-size: 20px; line-height: 1.2; color: #505050; margin-right: 10px; border-bottom: 2px solid transparent; transition: border-bottom-color 0.3s ease, color 0.3s ease; vertical-align: middle; } .els-header .els-header-institution-info.els-header-institution-info-link { text-decoration: none; } .els-header .els-header-institution-info.els-header-institution-info-link .els-header-institution-info-text { color: #007398; } .els-header .els-header-institution-info.els-header-institution-info-link:hover .els-header-institution-info-text { border-bottom-color: #e9711c; } .els-header .els-header-logo { display: inline-block; width: 48px; height: 48px; } .els-header .els-header-logo svg { width: 48px; height: 48px; } @media screen and (max-width: 1200px) { .els-header .els-header-logo-reduce-s { width: 32px; height: 32px; } } @media screen and (max-width: 1200px) { .els-header .els-header-logo-reduce-s svg { width: 32px; height: 32px; } } .els-header .els-header-profile-button { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; cursor: pointer; border: none; background: transparent; } .els-header .els-header-profile-button-text { font: 20px/22px NexusSans, Arial, Helvetica, sans-serif; color: rgb(46, 46, 46); margin-right: 10px; border-bottom: 2px solid transparent; transition: border-bottom-color 0.3s ease, color 0.3s ease; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; } @media screen and (max-width: 1200px) { .els-header .els-header-profile-button-text-reduce-fs { font-size: 14px; } } .els-header .els-header-profile-button-active .els-header-profile-button-text, .els-header .els-header-profile-button:active .els-header-profile-button-text { border-bottom-color: #e9711c; } .els-header .els-header-profile-button:hover .els-header-profile-button-text { border-bottom-color: #e9711c; } .els-header .els-header-profile-info { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .els-header .els-header-profile-info-icon-holder { padding-right: 10px; } .els-header .els-header-profile-info-holder { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .els-header .els-header-profile-info-name, .els-header .els-header-profile-info-email { color: rgb(46, 46, 46); font-size: 20px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .els-header .els-header-profile-info-email { font-size: 16px; } .els-header .els-mobile-panel__open-btn { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: transparent; border: none; padding: 0; cursor: pointer; } .els-header .els-mobile-panel__close-btn { border: none; padding: 0; background: transparent; cursor: pointer; position: absolute; top: 24px; right: 10px; z-index: 100; } .els-header .els-mobile-panel__overlay, .els-header .els-mobile-panel__content { position: fixed; top: 0; right: 0; opacity: 0; } .els-header .els-mobile-panel__overlay { z-index: 1000; background-color: #dcdcdc; opacity: 0; height: 0; width: 0; transition: opacity 0.2s ease-out; } .els-header .els-mobile-panel__content { z-index: 1100; width: 90%; max-width: 400px; height: 100%; background-color: #ffffff; overflow-y: auto; -ms-transform-origin: 0 0; transform-origin: 0 0; -ms-transform: translate(100%, 0); transform: translate(100%, 0); transition: transform 0.4s cubic-bezier(0.77, 0.2, 0.05, 1); } .els-header .els-mobile-panel--active .els-mobile-panel__overlay { height: 100%; width: 100%; opacity: 0.8; } .els-header .els-mobile-panel--active .els-mobile-panel__content { -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } #page-bar { background-color: #007398; padding: 10px 32px; } #page-title { margin: 0; color: #fff; font-size: 20px; line-height: 28px; font-weight: 400; font-family: NexusSans, Arial, sans-serif; } #else-sub-nav { margin: 16px 30px 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 2px solid #eee; } #else-sub-nav .else-sub-nav__item:not(:last-child) { margin-right: 24px; } #else-sub-nav .else-sub-nav__item > a { color: rgb(46, 46, 46); display: inline-block; text-decoration: none; white-space: nowrap; font: 16px/30px NexusSans, Arial, Helvetica, sans-serif; } #else-sub-nav .else-sub-nav__item > a:hover, #else-sub-nav .else-sub-nav__item > a.else-sub-nav__item--active { color: #e9711c; border-bottom: 2px solid #e9711c; margin-bottom: -2px; } #else-sub-nav .else-sub-nav__item > a:focus { border-bottom: none; } #pageFooter { background-color: whitesmoke; padding-top: 22px; position: relative; } #footer-nav { overflow: hidden; padding: 0 30px 20px; border-bottom: 2px solid #E9711C; color: #333333; font-family: "Open Sans", Arial, sans-serif; } #footer-nav .basebutton .ss-navigateright { vertical-align: middle; margin-left: 5px; } #footer-nav .feedback { margin-top: 3px; } #footer-nav .column { float: left; width: 25%; } #footer-nav .column-title { color: #333333; font-weight: 400; padding-bottom: 12px; text-transform: uppercase; } #footer-nav .column-list { list-style-type: none; margin: 0; padding: 0; } #footer-nav .column-list li { padding-bottom: 2px; } #footer-nav a { color: #333333; font-family: "Open Sans", Arial, sans-serif; text-decoration: none; } #footer-nav a:hover { color: #1d4f91; } #footer-nav p { margin-bottom: 5px; } #footer-disclaimer { line-height: 1.6em; letter-spacing: 0.01em; padding: 28px 12px 20px 274px; overflow: hidden; position: relative; } #footer-disclaimer .footer-els-logo { position: absolute; top: 32px; left: 30px; width: 144px; height: 22px; display: block; background: url("/webfiles/images/elsevier-logo.png") no-repeat scroll center center transparent; text-indent: -9999px; } #footer-disclaimer .footer-relx-logo { position: absolute; right: 20px; bottom: 20px; width: 100px; height: 16px; display: block; background: url("/webfiles/images/relxgroup.png") no-repeat scroll center center transparent; background-size: 70px; text-indent: -9999px; } #footer-disclaimer .footer-disclaimer-content { max-width: 84%; } #picoSearchView { position: absolute; top: 167px; bottom: 0; left: 0; right: 0; background: #fff; z-index: 60; overflow: auto; -webkit-user-select: none; user-select: none; -ms-user-select: none; } #picoSearchView h2 { line-height: 24px; font-size: 24px; font-weight: lighter; color: black; cursor: default; } .hasHeaderBanner #picoSearchView { top: 207px; } #picoSearchView #strategySelectView { position: absolute; top: 20px; right: 60px; } #picoSearchView #strategySelectView label { margin: 0 0 10px 10px; } #picoTokenInputViews { position: absolute; top: 0; right: 0; left: 400px; padding: 20px 60px 75px 20px; min-height: 100%; box-sizing: border-box; } #picoTokenInputViews .tokenInputView .trashButton { background: transparent; border-color: transparent; color: #055098; font-size: 20px; position: absolute; top: 44px; right: -57px; } #picoTokenInputViews .tokenInputView .trashButton:hover { color: #e9711c !important; } #picoHint { margin: 10px 0 40px; color: #888; cursor: default; } #showResults [class^=ss-], #showResults [class*=" ss-"], #resetQuery [class^=ss-], #resetQuery [class*=" ss-"] { display: inline-block; width: 24px; height: 24px; line-height: 30px; font-size: 24px; vertical-align: top; } #resetQuery { margin-right: 10px; line-height: 24px; color: black; text-decoration: none; cursor: pointer; } #resetQuery span { margin-right: 5px; color: #055098; } #resetQuery:hover { color: #e9711c; } #resetQuery:hover span { color: #e9711c; } .picoControls { background-color: #FFFFFF; border-top: 1px solid #DCDCDC; position: fixed; bottom: 0; right: 16px; left: 400px; height: 46px; z-index: 1; } .picoControls #showResults { position: absolute; padding: 4px 0 4px 8px; bottom: 5px; right: 45px; line-height: 24px; } .picoControls #picoActions { position: absolute; bottom: 11px; left: 20px; } .picoMobileView #main > .formatInner { min-height: 0; } .picoMobileView #main > .formatInner > div { padding-bottom: 30px; } .picoMobileView #main > #headerBlock + .formatInner { margin-bottom: 0; } @media screen and (max-width: 860px) { .picoMobileView#wrapper { min-width: initial; } .picoMobileView #main { min-width: initial; /*& > .formatInner > div { padding-top: 75px; } */ } .picoMobileView #main header.pageHeader .productLogo { margin-bottom: 0; padding: 12px 5px 4px 0px; } .picoMobileView #main header.pageHeader .productLogo .new-logo { margin-left: 5px; } .picoMobileView #main #picoSearchView, .picoMobileView #main #picoTokenInputViews, .picoMobileView #main #emtreeSidebar .scrollPanel, .picoMobileView #main #strategySelect { position: static; } .picoMobileView #main #emtreeSidebar { position: relative; top: 0; } .picoMobileView #main #emtreeSidebar #emtreeTermInformation { bottom: 22px; } .picoMobileView #main #synonymsSidebar { position: fixed; width: 100%; overflow-y: scroll; z-index: 1000; top: 0; } .picoMobileView #main #strategySelectView { position: relative; left: calc(100% - 113px); top: 0; display: inline-block; } .picoMobileView #main #picoTokenInputViews { padding-bottom: 20px; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout { position: fixed; top: 4px; left: 10px; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout .flyoutInnerTip, .picoMobileView #main #picoTokenInputViews .tokenView .flyout .flyoutOuterTip { display: none; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout { width: initial; padding-top: 89px; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader { padding-left: 40px; height: 68px; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator { width: 30px; height: 30px; line-height: 30px; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator .tokenFlyoutMJ, .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator .tokenFlyoutTI { width: 10px; height: 10px; margin: 10px; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator .tokenFlyoutDE, .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator .tokenFlyoutAB { width: 15px; height: 15px; margin: 7.5px; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator .tokenFlyoutEXP, .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator .tokenFlyoutTIAB { width: 20px; height: 20px; margin: 5px; } .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator .tokenFlyoutBR, .picoMobileView #main #picoTokenInputViews .tokenView .flyout .tokenFlyout .tokenFlyoutHeader .tokenFlyoutIndicator .tokenFlyoutALL { width: 25px; height: 25px; margin: 2.5px; } .picoMobileView #main #picoHint, .picoMobileView #main #strategySelect { margin-bottom: 20px; } .picoMobileView #main #picoResize { display: none; } .picoMobileView #main .picoControls { left: 0; right: 0; } .picoMobileView #main .picoControls #picoActions { left: 5px; } .picoMobileView #main .picoControls #showResults { right: 5px; } .picoMobileView #main #emtreeSidebar { width: 100%; } } @media screen and (max-width: 1490px) { #fragmentedSearchView .searchTips { width: 194px; top: 16px; right: calc((100% - 80%)/4 - 194px/4); } } @media screen and (min-width: 1491px) { #fragmentedSearchView .searchTips { width: 196px; top: 16px; right: calc((100% - 80%)/4 - 196px/4); } } .fragmentInputView .fragmentView:first-child .fragmentBox.searchFragmentBox { width: calc(100% - 431px); } .fragmentInputView .fragmentView:first-child .fragmentFields { margin-left: 117px; } .fragmentInputView .fragmentView:nth-child(n+2) { width: calc(100% - 349px); } @media screen and (max-width: 1433px) { .fragmentInputView .fragmentView:nth-child(n+2) .fragmentSuggestions { right: calc(100% - 471px); } } .fragmentedMenu { font-size: 14px !important; max-height: 400px; border-radius: 0 !important; } .fragmentedMenu.ui-menu .ui-menu-item-wrapper { padding-top: 1px; padding-bottom: 1px; color: #000000; } .fragmentedMenu.ui-menu .ui-menu-item-wrapper.ui-state-active { color: #FFFFFF; } #fragmentedSearchView { padding: 20px 30px 30px; font-size: 14px; position: relative; } #fragmentedSearchView h2 { margin: 0 auto; padding-left: 140px; color: #000000; } #fragmentedSearchView .selectBox select { height: 27px; font-size: 14px; line-height: 18px; } #fragmentedSearchView .textInput input { border-bottom: 2px solid transparent; font-size: 14px; line-height: 18px; } #fragmentedSearchView .textInput input:focus { border-bottom: 2px solid #888; } #fragmentedSearchView .searchTips { position: absolute; color: #000000; font-size: 11px; padding-right: 10px; padding-left: 10px; } #fragmentedSearchView .searchTips p, #fragmentedSearchView .searchTips .searchTipsHeader { margin-bottom: 20px; } #fragmentedSearchView .searchTips h2 { font-weight: 900; padding-left: 0; } #fragmentedSearchView .searchTips #searchTipsLink { display: none; } #fragmentedSearchView .searchTips #searchTipsLink ~ label .tipsTitleLink { display: none; } #fragmentedSearchView .searchTips #searchTipsLink:checked + label, #fragmentedSearchView .searchTips #searchTipsLink:checked ~ .searchTipsContent, #fragmentedSearchView .searchTips #searchTipsLink:checked ~ .tipsTitle { display: none; } #fragmentedSearchView .searchTips #searchTipsLink:checked ~ label .tipsTitleLink { display: inline; color: #166ada; position: absolute; top: -17px; } @media screen and (max-width: 800px) { #fragmentedSearchView .searchTips #searchTipsLink:checked ~ label .tipsTitleLink { position: static; } } #fragmentedSearchView .searchTips #searchTipsLink:checked ~ label .tipsTitleLink:hover { border-bottom: 1px solid #E9711C; color: #E9711C; } #fragmentedSearchView .searchTips .circle { position: absolute; top: 3px; right: 3px; display: block; width: 10px; height: 10px; border-radius: 50%; border: #000000 1px solid; background-image: url("/webfiles/images/icon_close.png"); background-size: 10px 10px; } .formButtons { padding-left: 102px; } .formButtons #addFragment, .formButtons #resetForm { /* position: absolute; bottom: 0; left: 115px;*/ border: none; background-color: transparent; line-height: 36px; color: black; text-decoration: none; cursor: pointer; } .formButtons #addFragment span, .formButtons #resetForm span { display: inline-block; margin-right: 5px; width: 24px; height: 24px; line-height: 19px; font-size: 24px; color: #055098; text-align: center; vertical-align: middle; cursor: pointer; } .formButtons #addFragment .embs-replay, .formButtons #addFragment .embs-plus, .formButtons #resetForm .embs-replay, .formButtons #resetForm .embs-plus { background-repeat: no-repeat; } .formButtons #addFragment .embs-replay, .formButtons #resetForm .embs-replay { height: 20px; width: 20px; } .formButtons #addFragment .embs-plus, .formButtons #resetForm .embs-plus { height: 18px; width: 17px; } .formButtons #addFragment:hover, .formButtons #addFragment:focus, .formButtons #resetForm:hover, .formButtons #resetForm:focus { color: #e9711c !important; } .formButtons #addFragment:hover span, .formButtons #addFragment:focus span, .formButtons #resetForm:hover span, .formButtons #resetForm:focus span { color: #e9711c; } .formButtons #addFragment:hover span.embs-replay, .formButtons #addFragment:focus span.embs-replay, .formButtons #resetForm:hover span.embs-replay, .formButtons #resetForm:focus span.embs-replay { background-image: url("/webfiles/images/replay-hover.svg"); } .formButtons #resetForm { margin-left: 15px; } .formButtons #resetForm.hidden { display: none; } .formButtons #showResults { position: absolute; right: 20px; top: 78px; bottom: auto; line-height: 24px; padding: 4px 0 4px 8px; } .formButtons #showResults .embs-navigateDown { display: inline-block; width: 21px; margin-left: 14px; height: 24px; line-height: 30px; font-size: 24px; vertical-align: top; background-repeat: no-repeat; background-image: url("/webfiles/images/navigatedown-disabled.svg") !important; } .formButtons #showResults:focus { background: #E9711C; border: 2px solid #E9711C; color: #fff !important; } #fragmentedSearchWrapper { margin: 0; padding: 20px; max-width: 80%; background: #f5f5f5; border: #c9cac8 solid 1px; position: relative; } #fragmentedSearchInput { position: relative; margin: 0 auto; } #fragmentedSearchDates { margin: 40px 0 0 0; padding: 20px 20px 20px 135px; max-width: calc(80% - (135px - 20px)); font-size: 1em; background: #f5f5f5; border: #c9cac8 solid 1px; } #fragmentedSearchDates .selectBox { width: 80px; } #fragmentedSearchDates .limitHeader { display: block; margin-bottom: 20px; font-size: 1.2em; } #fragmentedSearchDates > div { position: relative; display: inline-block; z-index: 5; vertical-align: top; } #fragmentedSearchDates > div:nth-child(n+3) { margin-left: 20px; padding-left: 20px; border-left: 2px solid #ccc; margin-bottom: 20px; } @media screen and (max-width: 1457px) { #fragmentedSearchDates > div:last-of-type { border-left: none; margin-left: 0; padding-left: 0; margin-right: 45px; } } #fragmentedSearchDates > div .tabsheet { padding: 0; min-height: initial; margin-top: 0; } #fragmentedSearchDates > div .tabsheet .select_column { width: initial; } #fragmentedSearchDates .label { margin-bottom: 10px; color: #055098; width: 199px; } #fragmentedSearchDates .label .checkboxLabel { white-space: normal; } #fragmentedSearchDates .textInput { display: inline-block; } #fragmentedSearchDates input { padding-right: 5px; width: 197px; padding-right: 23px; } #fragmentedSearchDates .inactive { color: #999; } #fragmentedSearchDates .inactive .ui-selectmenu-text { color: #999; } #fragmentedSearchDates .inactive option { color: #505050; } #fragmentedSearchDates .ss-notebook { pointer-events: all; cursor: default; -ms-transform: rotate(90deg); transform: rotate(90deg); } #publicationYearFrom, #publicationYearTo { width: 80px; } #pvWizardView { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: 60; overflow: auto; -webkit-user-select: none; user-select: none; -ms-user-select: none; } #pvWizardView button { padding: 4px 0 4px 8px; line-height: 24px; } #pvWizardView button [class^=ss-], #pvWizardView button [class*=" ss-"] { display: inline-block; width: 24px; height: 24px; line-height: 30px; font-size: 24px; vertical-align: top; } #pvWizardView .updateQuery { padding: 0; padding-left: 8px; margin-left: 10px; } #pvWizardView .updateQuery[disabled] { display: none; } #pvWizardView span.toggleSearchDetails { cursor: pointer; font-size: 24px; position: absolute; top: 0; right: 2px; } #pvWizardView button.toggleSearchDetails { background-color: transparent; color: #000000; border: none; margin-left: -5px; padding: 0; } #pvWizardView button.toggleSearchDetails .ss-file { margin-right: 5px; font-size: 20px; color: #007398; vertical-align: middle; } #pvWizardView button.toggleSearchDetails:hover { color: #E9711C !important; } #pvWizardView button.toggleSearchDetails:hover .ss-file { color: #E9711C; } #pvWizardView .searchDetails { display: none; position: relative; margin: 1.5em 0 1em; background: #f5f5f5; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; } #pvWizardView .searchDetails .queryResult { padding: 1em; min-height: 20px; } #pvWizardView .pvColumn { display: inline-block; width: 50%; vertical-align: text-top; } #pvWizardView .pvColumn.leftColumn { width: calc(100% - 340px); } #pvWizardView .pvColumn.rightColumn { width: 340px; } #pvWizardView .mlmLink { float: right; text-decoration: none; font-size: 16px; border: none; } #pvWizardView .mlmLink:hover { color: #E9711C; } #pvWizardView h2 { line-height: 24px; font-size: 24px; font-weight: lighter; color: black; cursor: default; } #pvWizardView .clearLink:hover { color: #000000; } .hasHeaderBanner #pvWizardView { top: 207px; } #pvWizardView .mainParenthesis { color: #E9711C; } #pvWizardView .mainParenthesisSe { color: #8ab4ec; } #pvWizardView .pvControls { background-color: #FFFFFF; border-top: 1px solid #DCDCDC; position: fixed; bottom: 0; right: 16px; left: 400px; height: 46px; z-index: 5; vertical-align: middle; line-height: 46px; text-align: center; } #pvWizardView .pvControls .leftBlock, #pvWizardView .pvControls .rightBlock { height: 46px; vertical-align: middle; line-height: 46px; } #pvWizardView .pvControls .leftBlock { float: left; padding-left: 20px; } #pvWizardView .pvControls .leftBlock button { padding-right: 10px !important; } #pvWizardView .pvControls .rightBlock { float: right; padding-right: 4px; } #pvWizardView .drugNote { border: 10px solid #eeeeee; padding: 10px; display: inline-block; float: right; margin-top: 5px; width: 340px; box-sizing: border-box; } #pvWizardView .drugNote .drugNoteBlock { display: block; } #pvWizardView .drugNote .drugNoteBlock:not(:last-of-type) { border-bottom: 3px solid #eeeeee; padding-bottom: 10px; } #pvWizardView .drugNote .drugNoteBlock:not(:first-child) { margin-top: 10px; } #pvWizardView #PVwizardPages { position: absolute; top: 0; right: 0; left: 400px; padding: 20px 20px 46px 20px; min-height: 100%; box-sizing: border-box; } #pvWizardView #PVwizardPages textarea { background-color: transparent !important; } #pvWizardView #PVwizardPages .editQuery { padding-left: 0; } #pvWizardView #PVwizardPages .addSynonymInput { padding-left: 0; } #pvWizardView #PVwizardPages .addSynonymInput, #pvWizardView #PVwizardPages .resetForm, #pvWizardView #PVwizardPages .editQuery { border: none; background-color: transparent; color: black; text-decoration: none; cursor: pointer; text-align: left; } #pvWizardView #PVwizardPages .addSynonymInput span, #pvWizardView #PVwizardPages .resetForm span, #pvWizardView #PVwizardPages .editQuery span { display: inline-block; margin-right: 5px; width: 24px; height: 24px; line-height: 19px; font-size: 24px; color: #055098; text-align: center; vertical-align: middle; cursor: pointer; } #pvWizardView #PVwizardPages .addSynonymInput .embs-replay, #pvWizardView #PVwizardPages .resetForm .embs-replay, #pvWizardView #PVwizardPages .editQuery .embs-replay { height: 20px; width: 20px; background-size: 19px; background-position-y: 3px; } #pvWizardView #PVwizardPages .addSynonymInput .embs-plus, #pvWizardView #PVwizardPages .resetForm .embs-plus, #pvWizardView #PVwizardPages .editQuery .embs-plus { height: 18px; width: 17px; } #pvWizardView #PVwizardPages .addSynonymInput .embs-edit, #pvWizardView #PVwizardPages .resetForm .embs-edit, #pvWizardView #PVwizardPages .editQuery .embs-edit { height: 24px; width: 20px; background-size: 25px; } #pvWizardView #PVwizardPages .addSynonymInput:focus, #pvWizardView #PVwizardPages .resetForm:focus, #pvWizardView #PVwizardPages .editQuery:focus { outline: none; } #pvWizardView #PVwizardPages .addSynonymInput:hover, #pvWizardView #PVwizardPages .resetForm:hover, #pvWizardView #PVwizardPages .editQuery:hover { color: #e9711c !important; } #pvWizardView #PVwizardPages .addSynonymInput:hover span, #pvWizardView #PVwizardPages .resetForm:hover span, #pvWizardView #PVwizardPages .editQuery:hover span { color: #e9711c; } #pvWizardView #PVwizardPages .addSynonymInput:hover span.embs-replay, #pvWizardView #PVwizardPages .resetForm:hover span.embs-replay, #pvWizardView #PVwizardPages .editQuery:hover span.embs-replay { background-image: url("/webfiles/images/replay-hover.svg"); } #pvWizardView #PVwizardPages .addSynonymInput:hover span.embs-edit, #pvWizardView #PVwizardPages .resetForm:hover span.embs-edit, #pvWizardView #PVwizardPages .editQuery:hover span.embs-edit { background-image: url("/webfiles/images/editPen-hover.svg"); } #pvWizardView #PVwizardPages .trashButton { padding: 0; margin: 0; background-color: transparent; border: none; vertical-align: middle; color: #000000; } #pvWizardView #PVwizardPages .trashButton:focus, #pvWizardView #PVwizardPages .trashButton:hover { color: #e9711c !important; } #pvWizardView #PVwizardPages .trashButton:focus .embs-trash, #pvWizardView #PVwizardPages .trashButton:hover .embs-trash { background-image: url("/webfiles/images/trash2-hover.svg") !important; } #pvWizardView #PVwizardPages .trashButton .embs-trash { width: 18px; height: 24px; line-height: 23px; text-align: center; vertical-align: middle; cursor: pointer; display: inline-block; background-repeat: no-repeat; box-sizing: border-box; background-position-y: 3px; margin-right: 5px; background-size: 15px; } #pvWizardView #roadMap { margin-bottom: 20px; } #pvWizardView #synonymsSidebar { transition: none; } .pvWizardMobileView { /*@media screen and (max-width: 1220px) { .drugNote { width: 100%; } }*/ } .pvWizardMobileView #main > .formatInner { min-height: 0; } .pvWizardMobileView #main > .formatInner > div { padding-bottom: 30px; } .pvWizardMobileView #main > #headerBlock + .formatInner { margin-bottom: 0; } @media screen and (max-width: 788px) { .pvWizardMobileView #humanLimit #humanDates .sectionBlock:last-of-type { margin-left: 20px; padding-left: 20px; border-left: 2px solid #cccccc; margin-bottom: 20px; margin-right: 0; margin-top: 0; } } @media screen and (max-width: 788px) and (max-width: 524px) { .pvWizardMobileView #humanLimit #humanDates .sectionBlock:last-of-type { border-left: none; margin-left: 0; padding-left: 0; margin-right: 50px; margin-top: 20px; } } @media screen and (max-width: 788px) and (max-width: 443px) { .pvWizardMobileView #humanLimit #humanDates .sectionBlock:last-of-type { margin-right: 0; } } @media screen and (max-width: 788px) { .pvWizardMobileView #pvWizardView .pvColumn { width: 100%; } .pvWizardMobileView #pvWizardView .drugNote { width: 90%; } } @media screen and (max-width: 1150px) { .pvWizardMobileView#wrapper { min-width: initial; } .pvWizardMobileView #humanDates { width: 85%; } .pvWizardMobileView #main { min-width: initial; /*& > .formatInner > div { padding-top: 65px; }*/ /*#strategySelectView { position: relative; left: calc(100% - 113px); top: 0; display: inline-block; }*/ } .pvWizardMobileView #main #resultsTwoCol { display: none; } .pvWizardMobileView #main .large { display: none; } .pvWizardMobileView #main header.pageHeader .productLogo { margin-bottom: 0; padding: 12px 5px 4px 0px; } .pvWizardMobileView #main header.pageHeader .productLogo .new-logo { margin-left: 5px; } .pvWizardMobileView #main #pvWizardView, .pvWizardMobileView #main #PVwizardPages, .pvWizardMobileView #main #emtreeSidebar .scrollPanel { position: static; } .pvWizardMobileView #main #emtreeSidebar { position: relative; top: 0; } .pvWizardMobileView #main #emtreeSidebar #emtreeTermInformation { bottom: 22px; } .pvWizardMobileView #main #synonymsSidebar { position: relative; width: 100%; z-index: 0; } .pvWizardMobileView #main #roadMapView { margin-top: 70px; } .pvWizardMobileView #main #roadMapView .roadMap .checkPoint .pointLabel { font-size: 12px; left: -26px; width: 72px; top: -57px; } .pvWizardMobileView #main #roadMapView .roadMap .checkPoint:last-child .pointLabel { width: 37px; right: 0; left: initial; } .pvWizardMobileView #main #roadMapView .roadMap .checkPoint:first-child .pointLabel { width: 31px; left: 0; } .pvWizardMobileView #main #drugNameView { padding-top: 0; } .pvWizardMobileView #main #drugNameView .drugNameField { width: 100%; } .pvWizardMobileView #main #alternativeDrugNamesView .addSynonymInput, .pvWizardMobileView #main #alternativeDrugNamesView .resetForm { margin: 0; } .pvWizardMobileView #main #alternativeDrugNamesView .synonymsNote { margin: 20px; } .pvWizardMobileView #main #alternativeDrugNamesView .pvColumn { width: 100%; } .pvWizardMobileView #main #PVwizardPages { padding-bottom: 20px; padding-top: 0; padding-right: 20px; } .pvWizardMobileView #main #picoHint, .pvWizardMobileView #main #strategySelect { margin-bottom: 20px; } .pvWizardMobileView #main #resizePanelView { display: none; } .pvWizardMobileView #main .pvControls { left: 0; right: 0; } .pvWizardMobileView #main .pvControls #pvActions { left: 5px; } .pvWizardMobileView #main .pvControls #showResults { right: 5px; } .pvWizardMobileView #main #emtreeSidebar { width: 100% !important; } .pvWizardMobileView #main .humanLimitQuery { width: 100% !important; } } @media screen and (max-width: 800px) { .pvWizardMobileView #humanDates { width: 100%; } } #drugNameView { padding-top: 70px; } #drugNameView .inputLabel { color: #055098; font-size: 14px; } #drugNameView .clearLink { float: right; color: #888; cursor: pointer; } #drugNameView .drugNameField { position: relative; width: 600px; font-size: 14px; margin-bottom: 70px; margin-top: 20px; } #drugNameView .drugNameField .drugNameSuggestions { position: absolute; top: 19px; right: 0; left: 0; z-index: 10; } #drugNameView .drugNameField #drugNameInput { border: none; border-bottom: 2px solid #888; width: 100%; outline: none !important; } #drugNameView .tabsheet { margin-top: 0; padding-top: 0; } #drugNameView .tabsheet .separationLineBottom { border: none; margin: 0; } #drugNameView .tabsheet .tabSheetLabel { font-weight: 900; } #drugNameView .tabsheet .select_column { width: 180px; } #drugNameView .tabsheet .select_column:last-child { width: 235px; } #alternativeDrugNamesView .synonymsNote { display: inline-block; padding: 20px 90px 20px 0; margin-bottom: 16px; } #alternativeDrugNamesView .synonymsNote .activeSynonymsCount { border: 1px #E9711C solid; border-radius: 20px; display: inline-block; padding: 10px; background-color: #E9711C; color: white; margin-right: 15px; } #alternativeDrugNamesView .synonymsNote .term { color: #888; margin-top: 10px; font-weight: 600; } #alternativeDrugNamesView .synonymsNote .termSeparator { height: 2px; background: #b5b5b5; border-top: none; margin-bottom: 0; margin-top: 10px; } #alternativeDrugNamesView .drugNote { margin-top: 28px; } #alternativeDrugNamesView .altDrugModifiers { display: inline-block; float: right; position: relative; padding-left: 10px; } #alternativeDrugNamesView .altDrugModifiers .modifiersOuterTip, #alternativeDrugNamesView .altDrugModifiers .modifiersInnerTip { position: absolute; top: 0; left: -2px; width: 0; height: 0; border-bottom: 10px solid transparent; border-right: 10px solid #E9711C; } #alternativeDrugNamesView .altDrugModifiers .modifiersInnerTip { left: 2px; border-right-color: #eeeeee; } #alternativeDrugNamesView .altDrugModifiers .modifiersContainer { border: 10px solid #eeeeee; padding-bottom: 5px; width: 340px; box-sizing: border-box; } @media screen and (max-width: 430px) { #alternativeDrugNamesView .altDrugModifiers .modifiersContainer { width: 100%; } } #alternativeDrugNamesView .altDrugModifiers:before { display: block; position: absolute; left: 8px; top: 0; content: ""; height: 100%; width: 0; border-left: 3px solid #E9711C; } #alternativeDrugNamesView .altDrugModifiers .modifiersHeader { padding: 9px 10px 5px 10px; } #alternativeDrugNamesView .altDrugModifiers .modifiersHeader .modifiersHeaderText { font-size: 15px; } #alternativeDrugNamesView .altDrugModifiers .modifiersHeader hr { border-color: #eeeeee; } #alternativeDrugNamesView .formControls { margin-top: 20px; margin-bottom: 20px; } #alternativeDrugNamesView .synonymInputView { margin-top: 20px; margin-right: 15px; } #adverseDrugReactionsView { /* css hack for chrome*/ /*@-moz-document url-prefix() { .queryBolded { bottom: 0; } }*/ } #adverseDrugReactionsView .queryBolded { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #FFFFFF; border: 1px solid #b5b5b5; padding: 5px; box-sizing: border-box; text-align: justify; overflow-y: auto; } #adverseDrugReactionsView body:nth-of-type(1) .queryBolded { bottom: 5px; } #adverseDrugReactionsView .adverseQuery { height: 170px; width: 100%; max-width: 100%; text-align: justify; padding: 5px; box-sizing: border-box; border: 1px solid #b5b5b5; visibility: hidden; } #adverseDrugReactionsView .queryField { position: relative; } #adverseDrugReactionsView .queryField .adverseSuggestions { position: absolute; top: 100%; right: 0; left: 0; z-index: 10; font-size: 14px; } #adverseDrugReactionsView .drugNote { margin-top: 20px; } #specialSituationsView { /* css hack for chrome*/ /*@-moz-document url-prefix() { .queryBolded { bottom: 0; } }*/ } #specialSituationsView .queryBolded { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #FFFFFF; border: 1px solid #b5b5b5; padding: 5px; box-sizing: border-box; text-align: justify; overflow-y: auto; } #specialSituationsView body:nth-of-type(1) .queryBolded { bottom: 5px; } #specialSituationsView .specialSituationsQuery { height: 230px; width: 100%; max-width: 100%; text-align: justify; padding: 5px; box-sizing: border-box; border: 1px solid #b5b5b5; visibility: hidden; } #specialSituationsView .queryField { position: relative; } #specialSituationsView .queryField .specialSituationsSuggestions { position: absolute; top: 100%; right: 0; left: 0; z-index: 10; font-size: 14px; } #specialSituationsView .drugNote { margin-top: 20px; } #humanLimitView { /* css hack for chrome*/ /*@-moz-document url-prefix() { .queryBolded { bottom: 0; } }*/ } #humanLimitView .checkboxLabel, #humanLimitView .ui-selectmenu-text { font-size: 12px; } #humanLimitView .queryBolded { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #FFFFFF; border: 1px solid #b5b5b5; padding: 5px; box-sizing: border-box; text-align: justify; overflow-y: auto; } #humanLimitView body:nth-of-type(1) .queryBolded { bottom: 5px; } #humanLimitView .humanLimitQuery { padding: 5px; box-sizing: border-box; min-width: 50%; max-width: 100%; max-height: 279px; border: 1px solid #b5b5b5; visibility: hidden; } #humanLimitView .queryField { position: relative; } #humanLimitView .queryField .humanLimitSuggestions { position: absolute; top: 100%; right: 0; left: 0; z-index: 10; font-size: 14px; } #humanLimitView .drugNote { margin-top: 20px; } #humanLimitView .sectionBlock { display: inline-block; } #humanLimitView #humanDates { margin: 40px 0 0 0; padding: 20px; font-size: 1em; background: #f5f5f5; border: #c9cac8 solid 1px; box-sizing: border-box; } #humanLimitView #humanDates .emb-checkbox { margin-right: 0; } #humanLimitView #humanDates .selectBox { width: 62px; } #humanLimitView #humanDates .limitHeader { display: block; margin-bottom: 20px; font-size: 1.2em; } #humanLimitView #humanDates > div { position: relative; display: inline-block; z-index: 5; vertical-align: top; } #humanLimitView #humanDates > div:nth-child(n+3) { margin-left: 20px; padding-left: 20px; border-left: 2px solid #cccccc; margin-bottom: 20px; } @media screen and (max-width: 1451px) { #humanLimitView #humanDates > div:last-of-type { border-left: none; margin-left: 0; padding-left: 0; margin-right: 100px; margin-top: 20px; } } @media screen and (max-width: 1343px) { #humanLimitView #humanDates > div:last-of-type { margin-right: 60px; } } #humanLimitView #humanDates > div .tabsheet { padding: 0; min-height: initial; margin-top: 0; } #humanLimitView #humanDates > div .tabsheet .select_column { width: initial; } #humanLimitView #humanDates .label { margin-bottom: 10px; color: #055098; width: 179px; } #humanLimitView #humanDates .label .checkboxLabel { white-space: normal; } #humanLimitView #humanDates .textInput { display: inline-block; } #humanLimitView #humanDates input { padding-right: 22px; font-size: 12px; width: 173px; } #humanLimitView #humanDates .inactive { color: #999; } #humanLimitView #humanDates .inactive .ui-selectmenu-text { color: #999; } #humanLimitView #humanDates .inactive option { color: #505050; } #humanLimitView #humanDates .ss-notebook { pointer-events: all; cursor: default; -ms-transform: rotate(90deg); transform: rotate(90deg); bottom: 4px; } .humanDatesMenu { font-size: 12px !important; max-height: 400px; border-radius: 0 !important; } .humanDatesMenu.ui-menu .ui-menu-item-wrapper { padding-top: 1px; padding-bottom: 1px; color: #000000; } .humanDatesMenu.ui-menu .ui-menu-item-wrapper.ui-state-active { color: #FFFFFF; } .humanDatesMenu #ui-id-1 { width: initial !important; border: none; padding-left: 0.4em; border-radius: 0; } .humanDatesMenu #ui-id-1.ui-state-active { color: #FFFFFF; border: 1px solid #003eff; background-color: #007fff; font-weight: normal; } .emtreeRootView { position: relative; padding: 20px; } .emtreeView { position: relative; margin-top: -6px; padding-top: 6px; padding-left: 15px; border-left: 1px solid #aaaaaa; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .emtreeView.emtreeLast { padding-left: 16px; border-left: none; } .emtreeTerm { position: relative; padding-left: 18px; line-height: 24px; cursor: default; } .emtreeSelected > .emtreeTerm { color: #e9711c; } .emtreeSelected > .emtreeTerm .emtreeActions { color: black; } .emtreeTerm:hover .emtreeTermInner { padding-right: 80px; padding-bottom: 0; border-bottom: 1px solid #e9711c; } .emtreeTerm:hover .emtreeActions { display: block; } .emtreeTermInner { padding-bottom: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .emtreeActions { display: none; position: absolute; top: 0; right: 0; cursor: pointer; } .emtreeActions span { display: inline-block; width: 24px; height: 24px; line-height: 30px; font-size: 24px; color: #055098; text-align: center; vertical-align: top; } .emtreeActions span:hover { color: #e9711c; } .emtreeActions .ss-plus { margin-right: 5px; } .emtreeBranch { padding-left: 6px; } .emtreeConnector { position: absolute; top: 0; left: 0; height: 18px; width: 15px; border-bottom: 1px solid #aaaaaa; } .emtreeLast > .emtreeConnector { border-left: 1px solid #aaaaaa; border-bottom-left-radius: 5px; } .emtreeIndicator { position: absolute; top: 12px; left: 15px; padding: 2px; height: 5px; width: 5px; border: 2px solid #666; border-radius: 50%; pointer-events: none; } .emtreeIndicator div { width: 5px; height: 5px; background: #666; border-radius: 50%; } .emtreeIndicator.emtreeChildless { padding: 3px; border: 0; } .emtreeIndicator.emtreeChildless div { width: 7px; height: 7px; } .emtreeLast > .emtreeIndicator { left: 16px; } .emtreeRootView > .emtreeIndicator { top: 26px; left: 20px; } .emtreeSelected > .emtreeIndicator { border-color: #e9711c; } .emtreeSelected > .emtreeIndicator div { background: #e9711c !important; } .tokenInputView { position: relative; text-align: right; min-height: 102px; } .tokenInputLabel { margin-bottom: 10px; text-align: left; color: #055098; cursor: default; } .tokenInputField { min-height: 29px; border-bottom: 2px solid #bbb; text-align: left; cursor: text; } .tokenInputField:hover { border-color: #222; } .tokenInputSuggestions { position: absolute; left: 0; right: 0; z-index: 10; } .tokenInputClear { display: inline-block; margin: 5px 0 20px; color: #999; text-decoration: none; cursor: pointer; } .tokenInputClear:hover { color: black; } .tokenView { position: relative; display: inline-block; padding-right: 10px; vertical-align: middle; } .tokenView .flyout { display: none; top: 100%; right: 12px; margin-top: 2px; color: black; cursor: default; } .tokenFlyoutToggle { position: absolute; top: 0; bottom: 0; right: 0; width: 24px; font-size: 10px; text-align: center; } .emtreeToken, .freeToken, .synonymsToken { position: relative; display: inline-block; margin-bottom: 5px; padding: 0 30px 0 10px; line-height: 24px; border-radius: 15px; color: white; vertical-align: middle; cursor: pointer; } .emtreeToken .tokenFlyoutToggle:hover, .freeToken .tokenFlyoutToggle:hover, .synonymsToken .tokenFlyoutToggle:hover { background: #e9711c; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .emtreeToken.withSynonyms, .freeToken.withSynonyms { margin-right: -8px; } .emtreeToken.withSynonyms, .emtreeToken.withSynonyms .tokenFlyoutToggle:hover, .freeToken.withSynonyms, .freeToken.withSynonyms .tokenFlyoutToggle:hover { border-top-right-radius: 0; border-bottom-right-radius: 0; } .addSynonymsToken { display: inline-block; margin: 0 0 5px 10px; padding: 0 10px; line-height: 24px; background: #ddd; border-top-right-radius: 15px; border-bottom-right-radius: 15px; vertical-align: middle; cursor: pointer; } .addSynonymsToken:hover { background: #006ad0; color: white; } .emtreeToken { background: #f78637; } .emtreeToken:hover { background: #ff8b39; } .emtreeToken.selected { background: #e9711c; } .emtreeToken.selected .tokenFlyoutToggle:hover { background: #ff8b39; } .freeToken, .synonymsToken { background: #0c6ac4; } .freeToken:hover, .synonymsToken:hover { background: #006ad0; } .freeToken.selected, .synonymsToken.selected { background: #055098; } .freeToken.selected .tokenFlyoutToggle:hover, .synonymsToken.selected .tokenFlyoutToggle:hover { background: #006ad0; } .freeToken .tokenFlyoutToggle:hover, .synonymsToken .tokenFlyoutToggle:hover { background: #055098; } .synonymsToken.withRelated { border-top-left-radius: 0; border-bottom-left-radius: 0; } .operatorToken { position: relative; display: inline-block; margin-bottom: 5px; padding: 0 15px 0 0; line-height: 24px; vertical-align: middle; cursor: pointer; } .operatorToken .tokenFlyoutToggle { color: #055098; left: 0; width: auto; text-align: right; } .operatorToken .flyout { right: 5px; } .inputToken { margin-bottom: 5px; min-width: 1px; height: 22px; line-height: 22px; -webkit-user-select: text; -ms-user-select: text; user-select: text; } .inputToken:focus { outline: 0; } .pico-placeholder { color: #888; bottom: 50px; position: absolute; } .positionInput { position: absolute; top: 0; bottom: 5px; right: 0; width: 10px; cursor: text; } .positionInput.start { left: -9px; right: auto; } .tokenFlyout { position: relative; padding-top: 86px; width: 405px; } .operatorTokenFlyout { width: 280px; } .operatorTokenFlyout .tokenFlyoutHeader { padding-top: 20px; height: 50px; } .tokenFlyoutIndicator { position: absolute; top: 10px; left: 0; width: 60px; height: 60px; line-height: 60px; background: #eee; border-radius: 50%; text-align: center; } .tokenFlyoutIndicator div { border-radius: 50%; } .tokenFlyoutIndicator .tokenFlyoutMJ, .tokenFlyoutIndicator .tokenFlyoutTI { background: #f78637; width: 20px; height: 20px; margin: 20px; } .tokenFlyoutIndicator .tokenFlyoutDE, .tokenFlyoutIndicator .tokenFlyoutAB { background: #ff9143; width: 30px; height: 30px; margin: 15px; } .tokenFlyoutIndicator .tokenFlyoutEXP, .tokenFlyoutIndicator .tokenFlyoutTIAB { background: #ffa362; width: 40px; height: 40px; margin: 10px; } .tokenFlyoutIndicator .tokenFlyoutBR, .tokenFlyoutIndicator .tokenFlyoutALL { background: #ffb580; width: 50px; height: 50px; margin: 5px; } .tokenFlyoutIndicator .tokenFlyoutTI { background: #0c6ac4; } .tokenFlyoutIndicator .tokenFlyoutAB { background: #1984ea; } .tokenFlyoutIndicator .tokenFlyoutTIAB { background: #4c9dea; } .tokenFlyoutIndicator .tokenFlyoutALL { background: #7eb6eb; } .tokenFlyoutHint { color: #888; } .tokenFlyoutRadio { padding: 5px 10px; line-height: 18px; cursor: pointer; } .tokenFlyoutRadio:hover { background: #eee; } .tokenFlyoutRadio:hover .tokenFlyoutHeader { z-index: 10; } .tokenFlyoutRadio.selected { color: #e9711c; } .tokenFlyoutRadio.selected .tokenFlyoutRadioIndicator div { display: block; } .tokenFlyoutRadio.selected .tokenFlyoutHeader { z-index: 5; } .tokenFlyoutHeader { position: absolute; top: 0; left: 10px; right: 10px; margin-bottom: 5px; padding: 10px 0 10px 80px; height: 60px; line-height: 20px; border-bottom: 1px solid #eee; background: white; color: black; pointer-events: none; } .tokenFlyoutRadioIndicator { float: left; margin-right: 12px; padding: 4px; width: 6px; height: 6px; border: 2px solid #aaa; border-radius: 50%; } .tokenFlyoutRadioIndicator div { display: none; width: 6px; height: 6px; background: #e9711c; border-radius: 50%; } .tokenFlyoutRadioModifier { float: left; width: 50px; } .tokenFlyoutRadioProximity { float: left; width: 100px; } .tokenFlyoutRadioProximity .proximity { display: inline-block; width: 20px; text-align: center; } .tokenFlyoutRadioProximity .decrease, .tokenFlyoutRadioProximity .increase { display: inline-block; height: 18px; line-height: 18px; font-size: 20px; color: #888; vertical-align: top; } .tokenFlyoutRadioProximity .decrease:hover, .tokenFlyoutRadioProximity .increase:hover { color: #e9711c; } .tokenFlyoutRadioProximity .decrease { margin-right: 5px; } .tokenFlyoutRadioProximity .increase { margin-left: 5px; } .tokenFlyoutRadioLabel { float: left; } .tokenFlyoutRadioHits { float: right; text-align: right; } .tokenFlyoutFooter { margin-top: 5px; padding: 10px; border-top: 1px solid #eee; } .tokenFlyoutAddSynonyms, .tokenFlyoutRemoveSynonyms, .tokenFlyoutRemove, .tokenFlyoutEdit { float: left; margin-right: 20px; line-height: 24px; cursor: pointer; } .tokenFlyoutAddSynonyms span, .tokenFlyoutRemoveSynonyms span, .tokenFlyoutRemove span, .tokenFlyoutEdit span { display: inline-block; margin-right: 5px; height: 24px; line-height: 22px; font-size: 32px; color: #055098; vertical-align: top; } .tokenFlyoutAddSynonyms:hover, .tokenFlyoutRemoveSynonyms:hover, .tokenFlyoutRemove:hover, .tokenFlyoutEdit:hover { color: #e9711c; } .tokenFlyoutAddSynonyms:hover span, .tokenFlyoutRemoveSynonyms:hover span, .tokenFlyoutRemove:hover span, .tokenFlyoutEdit:hover span { color: #e9711c; } .tokenFlyoutRemoveSynonyms span { color: #cc3300; } .tokenFlyoutEdit span { font-size: 24px; } .tokenFlyoutRemove { float: right; margin-right: 0; } .tokenFlyoutRemove span { margin: 0 0 0 5px; color: #cc3300; } .fragmentView { margin-bottom: 20px; text-align: left; white-space: nowrap; } .fragmentView .selectBox { vertical-align: bottom; } .fragmentView .textInput { display: inline-block; width: 100%; } .multipleFragments .fragmentView .textInput { width: 100%; } .multipleFragments .fragmentView .ss-trash { display: inline-block; } .fragmentView .trashButton { padding: 0; margin: 0; background-color: transparent; border: none; vertical-align: middle; width: 34px; } .fragmentView .trashButton:focus .ss-trash, .fragmentView .trashButton:hover .ss-trash { color: #e9711c; } .fragmentView .trashButton:focus .embs-trash, .fragmentView .trashButton:hover .embs-trash { background-image: url("/webfiles/images/trash2-hover.svg") !important; } .fragmentView .trashButton .embs-trash { margin-left: 10px; width: 18px; height: 24px; line-height: 23px; text-align: center; vertical-align: middle; cursor: pointer; display: inline-block; background-repeat: no-repeat; box-sizing: border-box; background-position-y: 0px; } .fragmentView .trashButton .ss-trash { margin-left: 10px; width: 24px; height: 24px; line-height: 30px; font-size: 24px; color: #055098; text-align: center; vertical-align: bottom; cursor: pointer; } .fragmentView .trashButton .ss-trash:hover { color: #e9711c; } .fragmentBox { display: inline-block; padding: 5px 10px; background: #fff; vertical-align: middle; border: #c9cac8 solid 1px; } .fragmentBox.searchFragmentBox { width: calc(99% - 465px); } .fragmentBox .ui-selectmenu-text { color: #000000; } .fragmentOperator { margin-right: 20px; width: 75px; } .fragmentOperator select { width: 75px; } .fragmentFields { margin-right: 20px; width: 250px; } .fragmentFields select { width: 250px; } .fragmentSuggestions { position: absolute; top: 100%; right: 0; left: 0; z-index: 10; } .emtreeSuggestionsView { background: #eee; text-align: left; } .emtreeSuggestionsView .term, .emtreeSuggestionsView .synonym, .emtreeSuggestionsView .prefTerm, .emtreeSuggestionsView .synonymTerm { display: inline-block; overflow: hidden; text-overflow: ellipsis; } .emtreeSuggestionsView .term, .emtreeSuggestionsView .synonymTerm { width: 80%; } .emtreeSuggestionsView .synonym { color: #c3c3c3; } .emtreeSuggestionsView .synonym { vertical-align: middle; margin-right: 5px; } .emtreeSuggestionsView .hitCount { width: 20%; text-align: right; position: absolute; right: 10px; } .emtreeSuggestionView { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .candidateTerm { margin-left: 10px; color: #888; } .emtreeSuggestionView, .emtreeSuggestionsFreeTerm { position: relative; padding: 10px 10px 10px 33px; border-bottom: 1px solid #ccc; } .emtreeSuggestionView.selected, .emtreeSuggestionsFreeTerm.selected { background: #e9711c; color: white; } .emtreeSuggestionIcon { position: absolute; top: 50%; left: 10px; margin-top: -6px; padding: 2px; height: 5px; width: 5px; border: 2px solid #e9711c; border-radius: 50%; pointer-events: none; } .emtreeSuggestionIcon div { width: 5px; height: 5px; background: #e9711c; border-radius: 50%; } .selected .emtreeSuggestionIcon div { background: white; } .selected .emtreeSuggestionIcon { border-color: white; } .emtreeSuggestionsFreeTerm.selected { background: #055098; } .noFreeTerm .emtreeSuggestionsFreeTerm { display: none; } .emtreeSuggestionsFreeTerm div { position: absolute; top: 50%; left: 8px; margin-top: -12px; height: 24px; line-height: 22px; font-size: 32px; color: #055098; } .emtreeSuggestionsFreeTerm.selected div { color: white; } .flyout { position: absolute; padding-top: 10px; overflow: hidden; z-index: 100; } .flyoutOuterTip { position: absolute; top: 0; right: -10px; width: 0; height: 0; border: 10px solid transparent; border-top: 0; border-bottom-color: #e9711c; } .flyoutInnerTip { position: absolute; top: 3px; right: -9px; width: 0; height: 0; border: 9px solid transparent; border-top: 0; border-bottom-color: #eee; } .flyoutInner { padding: 10px; border-top: 2px solid #e9711c; background: #eee; } .flyoutContent { background: white; } .modalOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(191, 191, 191, 0.5); z-index: 100; } .modal { position: absolute; top: 110px; bottom: 50px; left: 50px; right: 50px; padding: 10px; border-top: 2px solid #e9711c; background: #eee; } .modal h3 { padding: 20px; line-height: 24px; font-size: 24px; font-weight: lighter; color: black; } .modalHeader { background: white; } .modalInner { position: absolute; top: 74px; left: 10px; right: 10px; bottom: 84px; padding: 0 20px; background: white; } .modalNoFooter .modalInner { bottom: 10px; } .modalFooter { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 20px; background: white; } .modalFooter button { float: right; margin-left: 10px; } .modalClose { position: absolute; top: 30px; right: 30px; width: 24px; height: 24px; line-height: 24px; background: #055098; font-size: 24px; color: white; text-align: center; cursor: pointer; } .modalClose:hover { background: #006ad0; } button, input[type=submit], .submitButton, #standardCARSTemplatePage input[type=submit] { padding: 6px 6px 6px 8px; line-height: 20px; background: #007398; border: 2px solid #007398; color: white; cursor: pointer; border-radius: 0; outline: 0; font: inherit; margin: 0; } button:hover, input[type=submit]:hover, .submitButton:hover, #standardCARSTemplatePage input[type=submit]:hover { background: #E9711C; border: 2px solid #E9711C; color: #fff !important; } button.primary, input[type=submit].primary, .submitButton.primary, #standardCARSTemplatePage input[type=submit].primary { font-size: 1.1em; height: auto; padding: 6px 6px 6px 8px; border: 2px solid #007398; background: #007398; color: #fff; cursor: pointer; } button.primary .emb-button-text, input[type=submit].primary .emb-button-text, .submitButton.primary .emb-button-text, #standardCARSTemplatePage input[type=submit].primary .emb-button-text { font-size: 1em; } button.primary .emb-button-text::after, input[type=submit].primary .emb-button-text::after, .submitButton.primary .emb-button-text::after, #standardCARSTemplatePage input[type=submit].primary .emb-button-text::after { content: ">"; font-size: 1.1em; font-weight: lighter; display: block; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleY(2); transform: scaleY(2); float: right; padding-right: 2px; padding-left: 8px; } button.primary .emb-button-text::after, input[type=submit].primary .emb-button-text::after, .submitButton.primary .emb-button-text::after, #standardCARSTemplatePage input[type=submit].primary .emb-button-text::after { content: ">"; font-size: 1.1em; font-weight: lighter; display: block; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleY(2); transform: scaleY(2); float: right; padding-right: 2px; padding-left: 8px; } button.primary:hover, input[type=submit].primary:hover, .submitButton.primary:hover, #standardCARSTemplatePage input[type=submit].primary:hover { background: #E9711C; border: 2px solid #E9711C; color: #fff !important; } button.danger, input[type=submit].danger, .submitButton.danger, #standardCARSTemplatePage input[type=submit].danger { background: #cc3300; border: 2px solid #cc3300; } button.danger:hover, input[type=submit].danger:hover, .submitButton.danger:hover, #standardCARSTemplatePage input[type=submit].danger:hover { background: #f2460d; border: 2px solid #f2460d; } button:focus, input[type=submit]:focus, .submitButton:focus, #standardCARSTemplatePage input[type=submit]:focus { outline: 0; } button[disabled], input[type=submit][disabled], .submitButton[disabled], #standardCARSTemplatePage input[type=submit][disabled] { cursor: not-allowed !important; background: #DCDCDC !important; border: 2px solid #DCDCDC !important; color: white !important; } button .icon, input[type=submit] .icon, .submitButton .icon, #standardCARSTemplatePage input[type=submit] .icon { display: inline-block; margin-right: 10px; font-size: 20px; vertical-align: top; } button .icon.right, input[type=submit] .icon.right, .submitButton .icon.right, #standardCARSTemplatePage input[type=submit] .icon.right { margin: 0 0 0 10px; } .disabledSpinnerSubmit { cursor: not-allowed !important; background: #DCDCDC !important; border: 2px solid #DCDCDC !important; color: white !important; opacity: 1 !important; } .emb-btn-primary, .emb-btn-small, .emb-btn-secondary, .emb-btn-result-nav, .emb-btn-result-ft-nav, .ss-back-btn { line-height: 20px; font-size: 1.1em; height: auto; padding: 6px 6px 6px 8px; border: 2px solid #007398; background: #007398; color: #fff; text-decoration: none; cursor: pointer; margin-right: 10px; border-radius: 0 !important; white-space: nowrap; } .emb-btn-primary .emb-button-text, .emb-btn-primary .emb-btn-prv, .emb-btn-primary .emb-btn-nxt, .emb-btn-primary .btn-result-ft-nxt, .emb-btn-primary .btn-result-ft-prv, .emb-btn-primary .ss-back-to-results-icon, .emb-btn-small .emb-button-text, .emb-btn-small .emb-btn-prv, .emb-btn-small .emb-btn-nxt, .emb-btn-small .btn-result-ft-nxt, .emb-btn-small .btn-result-ft-prv, .emb-btn-small .ss-back-to-results-icon, .emb-btn-secondary .emb-button-text, .emb-btn-secondary .emb-btn-prv, .emb-btn-secondary .emb-btn-nxt, .emb-btn-secondary .btn-result-ft-nxt, .emb-btn-secondary .btn-result-ft-prv, .emb-btn-secondary .ss-back-to-results-icon, .emb-btn-result-nav .emb-button-text, .emb-btn-result-nav .emb-btn-prv, .emb-btn-result-nav .emb-btn-nxt, .emb-btn-result-nav .btn-result-ft-nxt, .emb-btn-result-nav .btn-result-ft-prv, .emb-btn-result-nav .ss-back-to-results-icon, .emb-btn-result-ft-nav .emb-button-text, .emb-btn-result-ft-nav .emb-btn-prv, .emb-btn-result-ft-nav .emb-btn-nxt, .emb-btn-result-ft-nav .btn-result-ft-nxt, .emb-btn-result-ft-nav .btn-result-ft-prv, .emb-btn-result-ft-nav .ss-back-to-results-icon, .ss-back-btn .emb-button-text, .ss-back-btn .emb-btn-prv, .ss-back-btn .emb-btn-nxt, .ss-back-btn .btn-result-ft-nxt, .ss-back-btn .btn-result-ft-prv, .ss-back-btn .ss-back-to-results-icon { font-size: 1em; } .emb-btn-primary .emb-button-text::after, .emb-btn-primary .emb-btn-prv::after, .emb-btn-primary .emb-btn-nxt::after, .emb-btn-primary .btn-result-ft-nxt::after, .emb-btn-primary .btn-result-ft-prv::after, .emb-btn-primary .ss-back-to-results-icon::after, .emb-btn-small .emb-button-text::after, .emb-btn-small .emb-btn-prv::after, .emb-btn-small .emb-btn-nxt::after, .emb-btn-small .btn-result-ft-nxt::after, .emb-btn-small .btn-result-ft-prv::after, .emb-btn-small .ss-back-to-results-icon::after, .emb-btn-secondary .emb-button-text::after, .emb-btn-secondary .emb-btn-prv::after, .emb-btn-secondary .emb-btn-nxt::after, .emb-btn-secondary .btn-result-ft-nxt::after, .emb-btn-secondary .btn-result-ft-prv::after, .emb-btn-secondary .ss-back-to-results-icon::after, .emb-btn-result-nav .emb-button-text::after, .emb-btn-result-nav .emb-btn-prv::after, .emb-btn-result-nav .emb-btn-nxt::after, .emb-btn-result-nav .btn-result-ft-nxt::after, .emb-btn-result-nav .btn-result-ft-prv::after, .emb-btn-result-nav .ss-back-to-results-icon::after, .emb-btn-result-ft-nav .emb-button-text::after, .emb-btn-result-ft-nav .emb-btn-prv::after, .emb-btn-result-ft-nav .emb-btn-nxt::after, .emb-btn-result-ft-nav .btn-result-ft-nxt::after, .emb-btn-result-ft-nav .btn-result-ft-prv::after, .emb-btn-result-ft-nav .ss-back-to-results-icon::after, .ss-back-btn .emb-button-text::after, .ss-back-btn .emb-btn-prv::after, .ss-back-btn .emb-btn-nxt::after, .ss-back-btn .btn-result-ft-nxt::after, .ss-back-btn .btn-result-ft-prv::after, .ss-back-btn .ss-back-to-results-icon::after { content: ">"; font-size: 1em; font-weight: lighter; display: inline-block; font-family: "Open Sans", Arial, sans-serif; -ms-transform: scaleY(2); transform: scaleY(2); padding-right: 2px; padding-left: 8px; } .emb-btn-primary .ss-back-to-results, .emb-btn-small .ss-back-to-results, .emb-btn-secondary .ss-back-to-results, .emb-btn-result-nav .ss-back-to-results, .emb-btn-result-ft-nav .ss-back-to-results, .ss-back-btn .ss-back-to-results { color: #166ada; background: #fff; float: right; } .emb-btn-primary:hover, .emb-btn-small:hover, .emb-btn-secondary:hover, .emb-btn-result-nav:hover, .emb-btn-result-ft-nav:hover, .ss-back-btn:hover { background: #E9711C; border: 2px solid #E9711C; color: #fff !important; } .emb-btn-primary:hover .ss-back-to-results, .emb-btn-small:hover .ss-back-to-results, .emb-btn-secondary:hover .ss-back-to-results, .emb-btn-result-nav:hover .ss-back-to-results, .emb-btn-result-ft-nav:hover .ss-back-to-results, .ss-back-btn:hover .ss-back-to-results { color: #E9711C !important; } .emb-btn-primary.emb-btn-disabled, .emb-btn-small.emb-btn-disabled, .emb-btn-secondary.emb-btn-disabled, .emb-btn-result-nav.emb-btn-disabled, .emb-btn-result-ft-nav.emb-btn-disabled, .ss-back-btn.emb-btn-disabled { cursor: not-allowed !important; background: #DCDCDC !important; border-color: #DCDCDC !important; color: white !important; } .emb-btn-small { padding: 3px 6px 3px 8px; } .emb-btn-secondary { color: #323232; background: #fff; } .emb-btn-secondary .ss-navigateright { color: #007398; } .emb-btn-secondary:hover .ss-navigateright { color: #fff; } .emb-btn-result-nav { padding: 3px 2px; float: inherit; margin-top: -5px; margin-right: 0; } .emb-btn-result-nav .emb-btn-prv { float: right; } .emb-btn-result-nav .emb-btn-prv::after { content: "<"; padding: 0 4px; } .emb-btn-result-nav .emb-btn-nxt { float: right; } .emb-btn-result-nav .emb-btn-nxt::after { content: ">"; padding: 0 4px; } .emb-btn-result-ft-nav { padding: 3px 2px; } .emb-btn-result-ft-nav .btn-result-ft-nxt { float: none; } .emb-btn-result-ft-nav .btn-result-ft-nxt::after { content: ">"; padding: 0 4px; } .emb-btn-result-ft-nav .btn-result-ft-prv { float: none; } .emb-btn-result-ft-nav .btn-result-ft-prv::after { content: "<"; padding: 0 4px; } .ss-back-btn { font-size: 1em; } .ss-back-btn .ss-back-to-results-icon::after { font-size: 1.3em; padding-left: 4px; padding-right: 4px; } button.emb-link-button { background-color: transparent; border-style: none; padding: 0; text-decoration: none; transition: color 0.3s, border-bottom 0.3s; white-space: nowrap; color: #007398; border-bottom: 1px solid #007398; line-height: 1.25em; } button.emb-link-button:hover { color: #53565A !important; border-bottom: 2px solid #FF6C00; } .toggleView { position: relative; margin: 0 20px; padding: 10px 50px 10px 0; border-top: 1px solid #ddd; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; } .toggleView:hover { background: #eee; } .toggleIndicator { position: absolute; top: 50%; right: 0; margin-top: -10px; width: 30px; height: 16px; border: 1px solid #888; border-radius: 10px; } .toggleIndicator div { position: absolute; left: 5px; top: 5px; width: 6px; height: 6px; border-radius: 50%; background: #888; transition: all 0.5s; } .toggleIndicator div.active { top: 3px; right: 3px; left: auto; width: 10px; height: 10px; background: #e9711c; } #synonymsSidebar { position: fixed; top: 167px; bottom: 0; left: 0; width: 400px; background: #f5f5f5; overflow: auto; z-index: 10; transition: width 0.5s; } .hasHeaderBanner #synonymsSidebar { top: 207px; } #synonymsSidebar.hidden { width: 0 !important; } #synonymsSidebar .leftBlock { float: left; } #synonymsSidebar .rightBlock { float: right; } #synonymsSidebar .generalSwitch { border-top: none; margin-top: 60px; } #synonymsSidebar .generalSwitch:hover { background: transparent; } #synonymsSidebar .toggleListView .toggleView:first-child { border-top: 3px solid #b5b5b5; } .activeSynonyms { margin: 20px 20px 10px; line-height: 24px; font-size: 24px; font-weight: lighter; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .usedTerm { margin: 10px 20px 30px; color: #888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #synonymsSidebarClose { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; line-height: 24px; background: #055098; font-size: 24px; color: white; text-align: center; cursor: pointer; } #synonymsSidebarClose:hover { background: #006ad0; } .textInput { position: relative; } .textInput label { display: block; position: relative; top: 0; padding: 2px 0 5px; line-height: 20px; color: #055098; font-size: 12px; cursor: default; transition: all 0.25s; } .textInput input { padding: 2px 24px 5px 5px; width: 100%; background: transparent; border: 0; border-bottom: 2px solid #888; font: 16px/20px "Open Sans", Arial, sans-serif; box-sizing: border-box; } .textInput input:focus { box-shadow: none; border-bottom: 2px solid #888; } .textInput input::-ms-clear { display: none; } .textInput input:hover { border-color: #222; } .textInput input[disabled] { border-color: #ccc; } .textInput input[disabled] + .icon { color: #ccc; } .textInput .icon { position: absolute; bottom: 2px; right: 0; width: 24px; height: 27px; line-height: 30px; font-size: 24px; pointer-events: none; } .textInput.hasContent:not(.isDate) .icon { pointer-events: all; cursor: pointer; } .textInput.hasContent:not(.isDate) .icon::before { content: "โก"; } .textInput.hasContent:not(.isDate) .icon:hover { color: #222; } .prominentLabel label { top: 27px; padding-left: 5px; font-size: 16px; cursor: text; } .searchInput input { padding-right: 25px; } .textArea { position: relative; text-align: right; } .textArea label { display: block; position: relative; top: 0; padding-bottom: 7px; line-height: 20px; color: #055098; font-size: 12px; text-align: left; cursor: default; transition: all 0.25s; } .textArea textarea { display: block; padding: 0 0 5px; width: 100%; height: 27px; background: none; border: 0; border-bottom: 2px solid #888; font: 16px/20px "Open Sans", Arial, sans-serif; box-sizing: border-box; resize: none; } .textArea textarea:focus { box-shadow: none; border-bottom: 2px solid #888; } .textArea textarea:hover { border-color: #222; } .textArea .textAreaClear { display: inline-block; margin: 5px 0 20px; color: #999; text-decoration: none; cursor: pointer; } .textArea .textAreaClear:hover { color: #222; } .prominentLabel label { top: 27px; font-size: 16px; cursor: text; } #emtreeSidebar { position: fixed; top: 186px; bottom: 0; left: 0; padding-top: 20px; width: 400px; background: #f5f5f5; } .hasHeaderBanner #emtreeSidebar { top: 207px; } #emtreeSidebar .scrollPanel { position: absolute; top: 77px; left: 0; right: 0; bottom: 0; overflow: auto; } #emtreeSidebar .textInput { margin: 0 20px; } #emtreeSidebar .textInput input { padding-right: 48px; } #emtreeSidebar .textInput .icon { right: 24px; } #emtreeSidebarSuggestions { padding: 0 20px 20px; -webkit-user-select: text; -ms-user-select: text; user-select: text; } #emtreeSidebarSuggestions li { position: relative; padding: 20px 10px 20px 34px; border-bottom: 1px solid #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } #emtreeSidebarSuggestions li:hover { background: #e9711c; color: white; } #emtreeSidebarSuggestions li:hover .prefTerm { color: white; } #emtreeSidebarSuggestions li:hover div { color: #ddd; } #emtreeSidebarSuggestions li:hover .emtreeIcon { border-color: white; } #emtreeSidebarSuggestions li:hover .emtreeIcon span { background: white; } #emtreeSidebarSuggestions li div { margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888; } #emtreeSidebarSuggestions li .prefTerm { color: #505050; } #findByTerm { position: absolute; top: 45px; right: 20px; width: 24px; height: 24px; line-height: 30px; font-size: 24px; color: #055098; cursor: pointer; } #findByTerm:hover { color: #e9711c; } #findByTerm.disabled { color: black; cursor: not-allowed; } #exportEmtreeSuggestions { position: absolute; top: 47px; right: 20px; width: 24px; height: 27px; line-height: 30px; font-size: 24px; color: #055098; cursor: pointer; } #exportEmtreeSuggestions:hover { color: #e9711c; } #exportEmtreeSuggestions.disabled { color: black; cursor: not-allowed; } #emtreeTermInformation { position: absolute; top: 0; bottom: 0; left: -100%; padding: 0 20px; width: 100%; background: #f5f5f5; overflow: auto; transition: left 0.5s; box-sizing: border-box; -webkit-user-select: text; -ms-user-select: text; user-select: text; } #emtreeTermInformation.open { left: 0; } #emtreeTermInformation h2 { margin: 20px 34px 0 0; line-height: 30px; } #emtreeTermInformation h3 { margin: 20px 0 10px; font-size: 16px; font-weight: normal; color: black; } #emtreeTermInformation p { margin: 10px 0; } #emtreeTermInformation .hits span { font-size: 16px; } #closeEmtreeTermInformation { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; line-height: 24px; background: #055098; font-size: 24px; color: white; text-align: center; cursor: pointer; } #closeEmtreeTermInformation:hover { background: #006ad0; } .emtreeIcon { position: absolute; top: 20px; left: 10px; width: 6px; height: 6px; padding: 2px; border: 2px solid #e9711c; border-radius: 50%; } .emtreeIcon span { display: block; width: 6px; height: 6px; background: #e9711c; border-radius: 50%; } #picoIntroduction .modalInner { padding: 0 17px; } #showIntroduction { line-height: 24px; display: inline; color: #222; text-decoration: none; cursor: pointer; } #showIntroduction span { display: inline-block; margin-right: 5px; width: 24px; height: 24px; line-height: 30px; font-size: 24px; color: #055098; vertical-align: top; } #showIntroduction:hover { color: #e9711c; } #showIntroduction:hover span { color: #e9711c; } .selectBox { position: relative; display: inline-block; vertical-align: middle; width: 100%; /* select { margin: 0 -24px 0 0; padding: 0 5px 5px; height: 29px; border: 0; background: #fff; font: 16px/20px 'Open Sans', Arial, sans-serif; -moz-appearance: none; &:focus { //box-shadow: inset 0 0 10px #888; border-bottom: 2px solid #888; } } option { padding: 0 5px; background: #fff; } span { position: absolute; top: 0; right: 0; bottom: 5px; width: 20px; line-height: 25px; text-align: center; font-size: 20px; background: #fff; border: 2px solid #fff; color: $blue; pointer-events: none; } select:hover + span { color: $orange; } select:hover ~ span.embs-navigateDown { background-image: url("/webfiles/images/navigatedown-hover.svg")!important; } select[disabled] + span { color: #ccc; } select[disabled] ~ span.embs-navigateDown { background-image: url("/webfiles/images/navigatedown-disabled.svg")!important; } */ } .selectBox .ui-selectmenu-button.ui-button { width: 100%; box-sizing: border-box; background-color: #FFF; border: 0; font: 14px/18px "Open Sans", Arial, sans-serif; -moz-appearance: none; border-radius: 0; border-bottom: 2px solid #FFF; padding: 4px 4px 3px 4px; } .selectBox .ui-selectmenu-button.ui-button:focus { border-color: #888; background-color: #FFF; outline: none; } .selectBox .ui-selectmenu-button.ui-button:hover .ui-selectmenu-icon, .selectBox .ui-selectmenu-button.ui-button:focus .ui-selectmenu-icon { background-image: url("/webfiles/images/navigatedown-hover.svg") !important; } .selectBox .ui-selectmenu-button.ui-button .ui-selectmenu-icon { background-image: url("/webfiles/images/navigatedown.svg") !important; background-repeat: no-repeat; background-position: 50% 50%; } .selectBox .ui-selectmenu-button.ui-button .ui-selectmenu-icon:hover { background-image: url("/webfiles/images/navigatedown-hover.svg") !important; } input[type=checkbox] { display: none; } .emb-checkbox, .emb-checkbox-login-remember, .emb-checkbox-s-s, .emb-checkbox-s-c, .emb-checkbox-exp-s-f, .emb-checkbox-validate-fieldOfInterest, .emb-checkbox-disabled, .reg-market { cursor: pointer; display: inline-block; font-size: 1.1em; margin-right: 15px; position: relative; } .emb-checkbox::before, .emb-checkbox-login-remember::before, .emb-checkbox-s-s::before, .emb-checkbox-s-c::before, .emb-checkbox-exp-s-f::before, .emb-checkbox-validate-fieldOfInterest::before, .emb-checkbox-disabled::before, .reg-market::before { background-color: #fff; border: 2px solid #b9b9b9; content: ""; display: inline-block; height: 14px; left: 0; margin-right: 10px; position: absolute; top: 0; transition: border-color 0.3s ease; width: 14px; } .emb-checkbox::after, .emb-checkbox-login-remember::after, .emb-checkbox-s-s::after, .emb-checkbox-s-c::after, .emb-checkbox-exp-s-f::after, .emb-checkbox-validate-fieldOfInterest::after, .emb-checkbox-disabled::after, .reg-market::after { background-color: transparent; content: ""; display: inline-block; height: 8px; left: 5px; margin-right: 10px; position: absolute; top: 5px; transition: background-color 0.3s ease; width: 8px; } .emb-checkbox:hover::before, .emb-checkbox-login-remember:hover::before, .emb-checkbox-s-s:hover::before, .emb-checkbox-s-c:hover::before, .emb-checkbox-exp-s-f:hover::before, .emb-checkbox-validate-fieldOfInterest:hover::before, .emb-checkbox-disabled:hover::before, .reg-market:hover::before { border: 2px solid #505050; } .disabled .emb-checkbox, .disabled .emb-checkbox-login-remember, .disabled .emb-checkbox-s-s, .disabled .emb-checkbox-s-c, .disabled .emb-checkbox-exp-s-f, .disabled .emb-checkbox-validate-fieldOfInterest, .disabled .emb-checkbox-disabled, .disabled .reg-market { cursor: default; } .disabled .emb-checkbox::before, .disabled .emb-checkbox-login-remember::before, .disabled .emb-checkbox-s-s::before, .disabled .emb-checkbox-s-c::before, .disabled .emb-checkbox-exp-s-f::before, .disabled .emb-checkbox-validate-fieldOfInterest::before, .disabled .emb-checkbox-disabled::before, .disabled .reg-market::before { border: 2px solid #b9b9b9; } .emb-checkbox-login-remember { padding-bottom: 4px; margin-left: 8px; } .emb-checkbox-login-remember::before { position: relative; margin-bottom: -3px; margin-right: 6px; } .emb-checkbox-s-s::before { margin-left: 6px; } .emb-checkbox-s-s::after { margin-left: 6px; } .emb-checkbox-s-c::before { margin-top: -11px; } .emb-checkbox-s-c::after { margin-top: -11px; } .emb-checkbox-exp-s-f::before { margin-left: -20px; } .emb-checkbox-exp-s-f::after { margin-left: -20px; } .emb-checkbox-validate-fieldOfInterest { font-size: 1em; } .emb-checkbox-validate-fieldOfInterest::before { margin: 2px 10px 0 6px; } .emb-checkbox-validate-fieldOfInterest::after { margin: 2px 10px 0 6px; } .emb-checkbox-disabled { cursor: default; } .emb-checkbox-disabled:hover::before { border: 2px solid #b9b9b9; } .emb-checkbox-result { float: left; } .emb-checkbox-ss { float: left; } input[type=checkbox]:checked + label.emb-checkbox:after { background-color: #E9711C; } input[type=checkbox]:indeterminate + label.emb-checkbox:after { background-color: #E9711C; height: 2px; top: 8px; } .reg-market { padding-left: 24px; } input[type=radio] { display: none; } .emb-radio-button, .emb-radio-button-history, .emb-radio-button-exp-his, .email-export-radio-button, .choose-org-radio-button, .emb-radio-button-disabled { cursor: pointer; display: inline-block; font-size: 1.1em; margin-right: 15px; position: relative; transition: 0.2s opacity ease; } .emb-radio-button::before, .emb-radio-button-history::before, .emb-radio-button-exp-his::before, .email-export-radio-button::before, .choose-org-radio-button::before, .emb-radio-button-disabled::before { border: 2px solid #b9b9b9; border-radius: 50%; content: ""; display: inline-block; height: 14px; left: 0; background-color: #fff; margin-right: 10px; position: absolute; top: 0; transition: border-color 0.3s ease; width: 14px; } .emb-radio-button::after, .emb-radio-button-history::after, .emb-radio-button-exp-his::after, .email-export-radio-button::after, .choose-org-radio-button::after, .emb-radio-button-disabled::after { background-color: transparent; border-radius: 50%; content: ""; display: inline-block; height: 8px; left: 5px; margin-right: 10px; position: absolute; top: 5px; transition: background-color 0.3s ease; width: 8px; } .emb-radio-button:hover::before, .emb-radio-button-history:hover::before, .emb-radio-button-exp-his:hover::before, .email-export-radio-button:hover::before, .choose-org-radio-button:hover::before, .emb-radio-button-disabled:hover::before { border: 2px solid #505050; } .emb-radio-button-history::before { margin-top: 7px; } .emb-radio-button-history::after { margin-top: 7px; } .emb-radio-button-disabled { cursor: default; } .emb-radio-button-disabled:hover::before { border: 2px solid #b9b9b9; } .choose-org-radio-button::before { margin-top: 5px; } .choose-org-radio-button::after { margin-top: 5px; } .emb-radio-button-exp-his { margin-right: 0; } .email-export-radio-button { display: initial; } input[type=radio]:checked + label.emb-radio-button:after { background-color: #E9711C; } input[type=radio]:disabled + label.emb-radio-button { cursor: default; } input[type=radio]:disabled + label.emb-radio-button:hover::before { border: 2px solid #b9b9b9; } #strategySelectView label { display: block; color: #055098; cursor: default; } .strategySelectOption { position: relative; display: inline-block; margin-left: 10px; text-align: center; cursor: pointer; } .strategySelectOption.selected { color: #e9711c; } .strategySelectOption.selected .mj div, .strategySelectOption:hover .mj div { background: #f67b23; } .strategySelectOption.selected .de div, .strategySelectOption:hover .de div { background: #f78637; } .strategySelectOption.selected .exp_mj div, .strategySelectOption:hover .exp_mj div { background: #ff9143; } .strategySelectOption.selected .exp div, .strategySelectOption:hover .exp div { background: #ffa362; } .strategySelectOption.selected .br div, .strategySelectOption:hover .br div { background: #ffb580; } @media screen and (min-width: 480px) { .strategySelectOption:hover .flyout { display: block !important; } } .strategySelectOption .mj, .strategySelectOption .de, .strategySelectOption .exp, .strategySelectOption .exp_mj, .strategySelectOption .br { background: #eee; border-radius: 50%; margin: auto; } .strategySelectOption .mj div, .strategySelectOption .de div, .strategySelectOption .exp div, .strategySelectOption .exp_mj div, .strategySelectOption .br div { width: 100%; height: 100%; background: #ccc; border-radius: 50%; } .strategySelectOption .mj { padding: 11px; width: 8px; height: 8px; } .strategySelectOption .de { padding: 9px; width: 12px; height: 12px; } .strategySelectOption .exp_mj { padding: 7px; width: 16px; height: 16px; } .strategySelectOption .exp { padding: 5px; width: 20px; height: 20px; } .strategySelectOption .br { padding: 2px; width: 26px; height: 26px; } .strategySelectOption .flyout { display: none; top: 48px; right: 15px; width: 300px; color: #888; text-align: left; } .strategySelectOption .flyoutContent { padding: 10px; } #resizePanelView { position: absolute; top: 0; bottom: 0; left: 400px; margin-left: -5px; width: 10px; z-index: 20; cursor: ew-resize; } #resizePanelView div { position: absolute; top: 50%; left: 3px; margin-top: -10px; } #resizePanelView span { display: block; margin: 3px 0; width: 3px; height: 3px; background: #bbb; border-radius: 50%; } #roadMapView { margin-top: 50px; } .roadMap { white-space: nowrap; } .roadMap .checkPoint, .roadMap .roadBetweenPoints { display: inline-block; margin: 0; } .roadMap .checkPoint { position: relative; width: 22px; height: 22px; border-radius: 11px; border: 1px solid #b5b5b5; background-color: #b5b5b5; box-sizing: border-box; cursor: pointer; } .roadMap .checkPoint .pointLabel { position: absolute; top: -40px; color: #b5b5b5; left: -41px; width: 105px; white-space: normal; text-align: center; font-size: 16px; } .roadMap .checkPoint.activeCheckPoint { border-color: #e9711c; background-color: #e9711c; } .roadMap .checkPoint.activeCheckPoint .pointLabel { color: #e9711c; font-weight: 600; } .roadMap .checkPoint:first-child .pointLabel { left: -2px; width: 56px; text-align: left; } .roadMap .checkPoint:last-child .pointLabel { right: -1px; left: initial; width: 69px; text-align: right; } .roadMap .roadBetweenPoints { width: calc((100% - (5 * 22px)) / (5 - 1)); height: 0; border: 1px solid #b5b5b5; margin-bottom: 11px; box-sizing: border-box; } .synonymInputView input { border: none; border-bottom: 2px solid #888; width: 100%; outline: none !important; } .synonymInputView .clearLink { float: right; color: #888; cursor: pointer; } .embs-pagination_prev, .embs-pagination_next { color: #007398; cursor: pointer; font-weight: 900; } .embs-pagination_prev:after { content: "<"; } .embs-pagination_next:after { content: ">"; } .embs-pagination { list-style: none; display: inline-block; padding-left: 5px; } .embs-pagination li { display: inline-block; } .embs-pagination .embs-pagination_page { border-bottom: 2px solid transparent; margin-right: 10px; cursor: pointer; } .embs-pagination .embs-pagination_page__active { border-bottom-color: #E9711C; font-weight: 900; } .termSelectorPopup { padding: 0; border: 20px solid #eeeeee; } .termSelectorPopup.dialog2 { width: 792px; top: 15%; } @media screen and (max-height: 715px) { .termSelectorPopup.dialog2 { top: 5%; } } .termSelectorPopup #modalContent { padding: 0; } .termSelectorPopup .termSelector_header { border-bottom: 2px solid #eeeeee; border-top: 2px solid #E9711C; line-height: 60px; height: 60px; padding-left: 15px; padding-right: 35px; } .termSelectorPopup .termSelector_header .leftBlock { float: left; } .termSelectorPopup .termSelector_header .termSelector_title { font-size: 20px; margin-right: 3px; } .termSelectorPopup .termSelector_header .selectedCount { display: inline-block; border: 1px solid #009ece; border-radius: 20px; min-width: 16px; min-height: 16px; text-align: center; background: #009ece; line-height: 16px; color: #fff; font-size: 11px; position: absolute; top: 34px; } .termSelectorPopup .termSelector_header .termSelector_controls { float: right; } .termSelectorPopup .termSelector_header .termSelector_controls .emb-radio-button { line-height: 18px; padding-left: 24px; margin-right: 0; color: #505050; } .termSelectorPopup .termSelector_header .termSelector_controls .trmSelectorControl { margin-left: 10px; color: #007398; border-bottom: 1px solid transparent; cursor: pointer; } .termSelectorPopup .termSelector_header .termSelector_controls .trmSelectorControl:hover { color: #E9711C; border-bottom-color: #E9711C; } .termSelectorPopup .termSelector_header .termSelector_controls .trmSelectorControl.trmSelectorSortingType:hover { color: #007398; border-bottom-color: transparent; } .termSelectorPopup .termSelector_header .termSelector_controls .trmSelectorControl__active { color: #E9711C; border-bottom-color: #E9711C; } .termSelectorPopup .termSelector_header .termSelector_controls .trmSelectorSortingDirection .trmSelectorControl { font-size: 16px; margin: 0; border: none; } .termSelectorPopup .termSelector_header .termSelector_controls .closeTermSelector { position: absolute; font-size: 25px; margin-top: 3px; right: 20px; border-bottom: none; } .termSelectorPopup .termSelector_header .termSelector_controls .trmSelectorSorting:nth-child(5) { margin-right: 10px; } .termSelectorPopup .termSelector_header .termSelector_controls #sortingTypeDiv { display: inline-block; } .termSelectorPopup .termSelector_header .termSelector_controls #sortingTypeDiv > div { display: inline-block; } .termSelectorPopup .termSelector_header .termSelector_controls #sortingTypeDiv > div.sortingTypeLabel { font-size: 14px; } .termSelectorPopup .termSelector_header .termSelector_controls #sortingTypeDiv > div.embsDropdown { width: 123px; line-height: 1; } .termSelectorPopup .termSelector_header .termSelector_controls #sortingTypeDiv > div.embsDropdown .embsDropdownSelected { border-bottom: 2px solid #E9711C; } .termSelectorPopup .termSelector_content { height: 20px; border-bottom: 2px solid #eeeeee; min-height: 446px; } .termSelectorPopup .termSelector_content .termSelector_data, .termSelectorPopup .termSelector_content .termSelector_data__selected { display: inline-block; } .termSelectorPopup .termSelector_content .termSelector_data { width: 74%; } .termSelectorPopup .termSelector_content .termSelector_data .checkboxGroupContainer { width: 44%; border-right: 1px solid #ebebeb; padding: 10px 10px 0 20px; } .termSelectorPopup .termSelector_content .termSelector_data .checkboxGroupContainer li { padding-bottom: 5px; } .termSelectorPopup .termSelector_content .termSelector_data__selected { width: 26%; vertical-align: top; } .termSelectorPopup .termSelector_content .termSelector_data__selected .checkboxLabel { display: block; width: auto; background-color: #eeeeee; border-radius: 20px; padding: 0 21px 0 10px; margin: 5px 0; max-width: 190px; } .termSelectorPopup .termSelector_content .termSelector_data__selected .checkboxLabel::before { display: none; } .termSelectorPopup .termSelector_content .termSelector_data__selected .checkboxLabel::after { content: "+"; -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; vertical-align: sub; background-color: transparent; zoom: 1.5; left: calc(100% - 8px); top: 1px; color: #007398; } .termSelectorPopup .termSelector_content .termSelector_data__selected .checkboxLabel:hover::after { color: #E9711C; } .termSelectorPopup .termSelector_content .termSelector_data__selected .selectedDataTitle { text-align: center; font-weight: 900; } .termSelectorPopup .termSelector_content .termSelector_data__selected .selectedData { height: 435px; overflow-y: auto; padding: 5px 0; } .termSelectorPopup .termSelector_content .checkboxGroupContainer { padding-top: 0; } .termSelectorPopup .termSelector_content .checkboxLabel { width: calc(100% - 120px); margin-right: 0; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; line-height: 24px; float: left; font-size: 14px; } .termSelectorPopup .termSelector_content .checkboxLabel:before { top: 3px; } .termSelectorPopup .termSelector_content .checkboxLabel:after { top: 8px; } .termSelectorPopup .termSelector_content .emb-checkbox__parameter { float: right; margin-right: 7px; margin-top: 3px; } .termSelectorPopup .termSelector_footer { padding: 15px; } .termSelectorPopup .termSelector_footer .embs-pagination_container { float: left; font-size: 18px; margin-top: 8px; } .termSelectorPopup .termSelector_footer .embs-pagination_container .embs-pagination .embs-pagination_page { padding-bottom: 2px; font-size: 14px; } .termSelectorPopup .termSelector_footer .embs-pagination_container .embs-pagination_next::after { font-family: "Gizmo", sans-serif; content: "โ–ป"; vertical-align: sub; } .termSelectorPopup .termSelector_footer .embs-pagination_container .embs-pagination_prev::after { font-family: "Gizmo", sans-serif; content: "โ—…"; vertical-align: sub; } .termSelectorPopup .termSelector_footer .termSelector_controls { float: right; } .termSelectorPopup .termSelector_footer .termSelector_controls .trmSelectorLogicOperators { margin-top: 7px; display: inline-block; } .termSelectorPopup .termSelector_footer .termSelector_controls .trmSelectorLogicOperators label { padding-left: 24px; font-size: 14px; } .termSelectorPopup .termSelector_footer .termSelector_controls .clearSelected { margin-right: 35px; font-size: 14px; border-bottom: 1px solid transparent; cursor: pointer; } .termSelectorPopup .termSelector_footer .termSelector_controls .clearSelected::after { font-size: 22px; line-height: 14px; vertical-align: text-bottom; color: #007398; } .termSelectorPopup .termSelector_footer .termSelector_controls .clearSelected:hover { color: #E9711C; border-bottom-color: #E9711C; } .termSelectorPopup .termSelector_footer .termSelector_controls .clearSelected:hover::after { color: #E9711C; } .termSelectorPopup .termSelector_footer .termSelector_controls .confirm { display: inline-block; margin-right: 0; } .termSelectorPopup .termSelector_footer .termSelector_controls .confirm.disabled { cursor: not-allowed !important; background: #DCDCDC; border-color: #DCDCDC; } .termSelectorPopup .termSelector_footer .termSelector_controls .confirm.disabled:hover { background: #DCDCDC; border-color: #DCDCDC; } .termSelectorPopup .termSelector_footer .termSelector_controls .cancelBtn { display: inline-block; } .termSelectorPopup .termSelector_footer .termSelector_controls .confirm, .termSelectorPopup .termSelector_footer .termSelector_controls .cancelBtn { font-size: 14px; } .termSelectorPopup .termSelectorOverlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(/webfiles/images/bg_fade.png) 0 0 repeat; display: none; z-index: 80; } @media screen and (max-width: 1020px) { header.pageHeader .mainNav ul.notificationCenter { display: none; } .standard { display: none; } header.pageHeader .mainNav ul.standard li { display: block; float: none; padding: 0 0 0 10px; font-weight: bold; } header.pageHeader .mainNav ul.standard li > a { color: #505050; padding-bottom: 0px; } header.pageHeader .mainNav ul.standard li > a.hasChildren { background: none; } header.pageHeader .mainNav ul.standard li ul { background: none; box-shadow: none; display: block; float: none; position: relative; top: 0; } header.pageHeader .mainNav ul.standard li ul li { background: none; font-weight: normal; padding: 0 0 0 30px; } header.pageHeader .mainNav ul.standard li ul li a { color: #505050; padding: 3px 0; } #wrapper + #footerWrapper { border-top: 2px solid #E9711C; bottom: 0px; } #wrapper + #footerWrapper .top-Line { border-top: none; } footer nav#footerNav { display: none; } footer .disclaimer { line-height: 1.5em; display: inline-block; margin-right: 150px; } .companyLogo { height: 19px; position: absolute; right: -11px; top: 16px; } .companyLogo .relxGroupLogo { position: absolute; bottom: -6px; right: 15px; } } @media (min-width: 220px) and (max-width: 979px) { .formWrapperCentered { width: 100% !important; } .quickSearchElement { width: 100% !important; } .pageHeader .mainNav .devices { display: block !important; z-index: 9999; } .pageHeader .standard { background: #FFFFFF; display: none; float: none; max-height: 0px; overflow: hidden; position: absolute; margin-top: 41px; width: 100%; transition: 0.5s; } .pageHeader .devices .menuItem { display: inline-block; margin: 0px 19px -3px 0px; max-height: 15px; width: 18px; overflow: hidden; padding: 12px 15px; } .pageHeader .mainNav .standard.open { max-height: 500px; display: block; transition: 0.5s; margin-top: 41px; } .pageHeader .mainNav .standard li { display: block; float: none; padding: 0 0 0 10px; font-weight: bold; } .pageHeader .mainNav .standard li > a { color: #505050; padding-bottom: 0px; } .pageHeader .mainNav .standard li > a:hover { color: #E9711C; } .pageHeader .mainNav .standard li > a.hasChildren { background: none; } .pageHeader .mainNav .standard li ul { background: none; box-shadow: none !important; display: block; color: #505050; top: 0px !important; float: none !important; position: relative !important; } .pageHeader .mainNav .standard li ul li { background: none; font-weight: normal; padding: 0 0 0 30px; } .pageHeader .mainNav .standard li ul li a { color: #505050; padding: 3px 0; } .pageHeader .mainNav .standard li ul li a:hover { color: #E9711C; border-bottom: none; margin-bottom: 0; } } @media (max-width: 600px) { #aePlaceholder { display: none; } } @media screen and (max-width: 1024px) { #messageBanner, #messageBannerContent { height: 70px !important; } } @media screen and (max-width: 550px) { #messageBanner, #messageBannerContent { height: 100px !important; } } @media screen and (max-width: 800px) { #horizontalNav { display: none; } } @media screen and (max-width: 380px) { #messageBanner, #messageBannerContent { height: 130px !important; } } @media screen and (max-width: 340px) { #messageBanner, #messageBannerContent { height: 160px !important; } } @media screen and (max-width: 1260px) { #resultsTwoCol #resultsRight #resultsLeftRow2 { padding-right: 10px; padding-right: 10px; } #resultsRightRow2 { display: none; } #ppInterop .inner { display: none; } } @media only screen and (min-width: 1315px) { .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options { border: #f3f7fa solid 1px; border-width: 1px 0 0 0; padding: 10px 0 10px 0; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options h4 { display: none; } .emailAlertsDetailsInfo .emailAlertsDetailsInfo-options ul li { display: inline; margin-right: 10px; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .tree { margin-right: 35px; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .dialog2 .tree { margin-right: 10px; } } /* ZenCodeing elements ---------------------------- */ .bd-n { border: none; } .c-brand { color: #055098; } .cl-l { clear: left; } .cl-b { clear: both; } .cf { *zoom: 1; } .cf:before { content: ""; display: table; } .cf:after { content: ""; display: table; clear: both; } /* For IE 6/7 (triggers hasLayout) */ .cur-a { cursor: auto; } .cur-c { cursor: crosshair; } .cur-d { cursor: default; } .cur-ha { cursor: hand; } .cur-he { cursor: help; } .cur-m { cursor: move; } .cur-na { cursor: not-allowed; } .cur-p, .button { cursor: pointer; } .cur-t { cursor: text; } .cur-w { cursor: wait; } .cur-se-resize { cursor: se-resize; } .d-b { display: block; } .d-n, .expertMode { display: none; } /*Sergios added ", .floatL" Bug-fix for CAR Embase - Registration ID association */ .fl-l, .floatL, .letterMenu ul { float: left; } .fl-r { float: right; } .pos-r, .container { position: relative; } .pos-a { position: absolute; } .l-50 { left: 50%; } .r-50 { right: 50%; } .p-xs { padding: 5px; } .p-s { padding: 10px; } .p-m { padding: 15px; } .p-l { padding: 20px; } .p-xl { padding: 25px; } .pt-xxs { padding-top: 3px; } .pr-xxs { padding-right: 3px; } .pb-xxs { padding-bottom: 3px; } .pl-xxs { padding-left: 3px; } .pt-xs { padding-top: 5px; } .pr-xs { padding-right: 5px; } .pb-xs { padding-bottom: 5px; } .pl-xs { padding-left: 5px; } .pt-s { padding-top: 10px; } .pr-s { padding-right: 10px; } .pb-s { padding-bottom: 10px; } .pl-s { padding-left: 10px; } .pt-m { padding-top: 15px; } .pr-m { padding-right: 15px; } .pb-m { padding-bottom: 15px; } .pl-m { padding-left: 15px; } .pt-l { padding-top: 20px; } .pr-l { padding-right: 20px; } .pb-l { padding-bottom: 20px; } .pl-l { padding-left: 20px; } .pt-xl { padding-top: 25px; } .pr-xl { padding-right: 25px; } .pb-xl { padding-bottom: 25px; } .pl-xl { padding-left: 25px; } .pt-0 { padding-top: 0; } .pr-0 { padding-right: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .m-a { margin: auto; } .m-xs { margin: 5px; } .m-s { margin: 10px; } .m-m { margin: 15px; } .m-l { margin: 20px; } .m-xl { margin: 25px; } .mt-xxs { margin-top: 3px; } .mr-xxs { margin-right: 3px; } .mb-xxs { margin-bottom: 3px; } .ml-xxs { margin-left: 3px; } .mt-xs { margin-top: 5px; } .mr-xs { margin-right: 5px; } .mb-xs { margin-bottom: 5px; } .ml-xs { margin-left: 5px; } .mt-s { margin-top: 10px; } .mr-s { margin-right: 10px; } .mb-s { margin-bottom: 10px; } .ml-s { margin-left: 10px; } .mt-m { margin-top: 15px; } .mr-m, .whitespaceRight { margin-right: 15px; } .mb-m { margin-bottom: 15px; } .ml-m { margin-left: 15px; } .mt-l, #loginPageForm .institutiontext { margin-top: 20px; } .mr-l { margin-right: 20px; } .mb-l { margin-bottom: 20px; } .ml-l { margin-left: 20px; } .mt-xl { margin-top: 25px; } .mr-xl { margin-right: 25px; } .mb-xl { margin-bottom: 25px; } .ml-xl { margin-left: 25px; } .mt-xxl { margin-top: 30px; } .mr-xxl { margin-right: 30px; } .mb-xxl { margin-bottom: 30px; } .ml-xxl { margin-left: 30px; } .mt-xxxl { margin-top: 40px; } .mr-xxxl { margin-right: 40px; } .mb-xxxl { margin-bottom: 40px; } .ml-xxxl { margin-left: 40px; } .mt-0 { margin-top: 0; } .mr-0 { margin-right: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } .required, .red { color: #cc3300; } .maw-70 { max-width: 70%; } .td-n, a:active, #logoutBox a, #filters .filterActions ul li a, #filters #filterCategories .filterCategory .operators .links a, .textButton:hover, .title a:hover, .resultInfo a:hover, .tabsNavEmtree li a, #filters #filterCategories .filterCategory .filterHeader a.filterTitle, #ppInterop a.goToLink:hover, .basebutton, .tableView .row.result-active a, a:hover, a:focus, .icon, .emtreefind a, .elss, .cfa a:hover, .filterCategory a { text-decoration: none; } #logoutBox a { color: #055098; } .w-15 { width: 15%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-28 { width: 28%; } .w-29 { width: 29%; } .w-30 { width: 30%; } .w-32 { width: 32%; } .w-33 { width: 33.33%; } .w-35 { width: 35%; } .w-36 { width: 36%; } .w-40 { width: 40%; } .w-42 { width: 42%; } .w-45 { width: 45%; } .w-48 { width: 48%; } .w-49 { width: 49%; } .w-50 { width: 50%; } .w-55 { width: 55%; } .w-60 { width: 60%; } .w-70 { width: 70%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .w-100 { width: 100%; } .h-50 { height: 50%; } .h-100 { height: 100%; } img.w-100 { height: auto; width: 100%; } .va-m { vertical-align: middle; } .va-sub { vertical-align: sub; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .printContent .content { margin-top: 60px; } .letterMenu a { text-decoration: none !important; color: #202020 !important; } input:focus, textarea:focus { outline: none; border-bottom: 1px solid gray; } a:focus { border-bottom: 1px solid #E9711C; text-decoration: none !important; } #a2bxw { z-index: 1200; } #clipboardDialog #informationMessage { visibility: visible; position: absolute; top: 30px; max-width: 680px; width: 628px; margin-left: 0; background: #ebf7fd; border: 1px solid #46c7f4; border-radius: 0; } #clipboardDialog #informationMessage.hidden { display: none; } #clipboardDialog #informationMessage.visible + .export { margin-top: 30px; } #clipboardDialog #informationMessage li { padding: 12px; } #termSelectorDialog.dialog2 { width: 930px; } #termSelectorDialog.dialog2.termSelectorPopup { background-color: rgba(235, 235, 235, 0.85); padding: 15px; border: none; } #termSelectorDialog.dialog2.termSelectorPopup #popupHeader { background-color: #FFFFFF; border-top: 2px solid #E9711C; border-bottom: 1px solid rgba(221, 223, 224, 0.5); } #termSelectorDialog.dialog2.termSelectorPopup #popupHeader h2 { margin: 0; padding: 15px; } #termSelectorDialog.dialog2.termSelectorPopup #modalContent { background-color: #FFFFFF; } #termSelectorDialog.dialog2.termSelectorPopup #modalContent #informationMessage { color: #505050; max-width: 250px; top: 85px; right: 10px; border: none; background: none; } #termSelectorDialog.dialog2.termSelectorPopup #modalControl { background-color: #FFFFFF; float: none; height: 50px; } .embsDropdown { display: inline-block; padding: 13px 16px 0 16px; color: #007398; position: relative; width: 312px; font-family: "Open Sans", Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; } .embsDropdown .embsDropdownLabel { border-bottom: solid 2px #DCDCDC; padding-bottom: 4px; cursor: pointer; } .embsDropdown .embsDropdownLabel::after { float: right; font-size: 20px; margin-top: 2px; } .embsDropdown .embsDropdownLabel:focus { outline: none; } .embsDropdown .embsDropdownOptions { display: none; position: absolute; left: 0; top: 100%; padding-left: 16px; padding-right: 16px; padding-bottom: 16px; width: 100%; box-sizing: border-box; background-color: rgba(235, 235, 235, 0.85); z-index: 1; } .embsDropdown .embsDropdownOptions ul { padding-left: 9px; padding-right: 13px; margin: 0; padding-top: 13px; background-color: white; } .embsDropdown .embsDropdownOptions ul li { list-style-type: none; line-height: 24px; font-size: 14px; color: #505050; } .embsDropdown .embsDropdownOptions ul li span { padding-bottom: 2px; } .embsDropdown .embsDropdownOptions ul li span:hover { cursor: pointer; color: #E9711C; border-bottom: 2px solid #E9711C; } .embsDropdown .embsDropdownOptions ul li.embsDropdownSelected { color: #000000; } .embsDropdown .embsDropdownOptions ul li.embsDropdownSelected span { border-bottom: 2px solid #E9711C; } .embsDropdown.opened { background-color: rgba(235, 235, 235, 0.85); color: black; z-index: 100; } .embsDropdown.opened .embsDropdownLabel { border-color: #E9711C; } .embsDropdown.opened .embsDropdownLabel::after { color: #E9711C; } .embsDropdown.opened .embsDropdownOptions { display: inline-block; } #mailForm .embsDropdown { margin-left: 86px; width: 275px; } @media screen and (max-height: 730px) { #mailForm .embsDropdown.opened { padding-top: 0; } #mailForm .embsDropdown.opened .embsDropdownOptions { margin-top: -186px; padding-bottom: 0; padding-top: 16px; } #mailForm .embsDropdown.opened .embsDropdownOptions ul { padding-top: 6px; padding-bottom: 7px; } #mailForm .embsDropdown.opened .embsDropdownLabel { border-top: 2px solid #E9711C; padding: 11px 0 4px 0; border-bottom-color: transparent; } } #mailForm .dropdownFieldLabel { color: #303030; display: inline-block; } /* NEW, CLEAN CSS */ .textButton { border-bottom: 0px solid #202020; cursor: pointer; margin-left: 5px; margin-right: 5px; color: #202020; text-decoration: none; } .rightAlign .disabled { background-color: #055098 !important; border-color: #e0e0e0; color: white !important; cursor: default; } .rightAlign .disabled:hover { background-color: #055098 !important; border-color: #e0e0e0; color: white !important; cursor: default; } .folderOptions .disabled { border-bottom: 0px solid #202020 !important; color: gray !important; cursor: default !important; } .headerLabelHistory, .headerLabel { width: 90px; } .section-headings { font-size: 1.2em; font-weight: bold; padding-left: 4px; } .textButton:hover { border-bottom: 1px solid #E9711C; color: #E9711C; } .normalSize { font-size: 12px; } .normal-size-history { padding-top: 6px; } .ui-datepicker-trigger { position: absolute; right: 0px; top: 0px; } .searchHintText { font-size: 0.8em; left: 1em; position: absolute; top: 2em; } .formHintText { font-size: 0.8em; margin-left: 132px; } .subText { font-size: 0.8em; color: #1d4f91; } .searchDate { position: relative; padding-left: 0px; padding-right: 20px; } .searchDate .ss-notebook { position: absolute; top: -2px; line-height: 17px; font-size: 24px; pointer-events: all; cursor: default; -ms-transform: rotate(90deg); transform: rotate(90deg); } /*Sergios added to DRY zen */ /*.container { */ /*position: relative; */ /*} */ .letterMenu { padding-left: 0px !important; background-color: #e0e0e0; } .letterMenu li { float: left; padding-left: 2px; padding-right: 2px; } .letterMenu a { padding-left: 5px; padding-right: 5px; font-size: 14px; line-height: 30px; } .letterMenu a:hover { border-bottom: 1px solid #202020; } .letterMenu .selectedLetter { font-size: 25px; font-weight: bold; margin-right: 10px; float: left; background-color: #007398; color: white; width: 35px; text-align: center; display: inline-block; } /*Sergios added to DRY zen */ /*.letterMenu ul { */ /*float: left; */ /*} */ /*Sergios added DRY zen */ /*.button { */ /*cursor: pointer; */ /*} */ .tabsheet p { line-height: 18px; padding-bottom: 5px; } .columnCentered { margin-left: auto !important; margin-right: auto !important; } /*--Sergios added these #chooseOrg, #regForm, #idRedem, #loginPage, .alertbox to the formWrapperCentered class for the form secion -- */ .formWrapperCentered, #chooseOrg, #regForm, #idRedem, #loginPage, #changePwd, .alertbox, #mySettings, .edgedContainer { width: 964px; margin-left: auto !important; margin-right: auto !important; position: relative; } .formWrapperCentered { margin-top: 30px; } .formWrapper600Centered { width: 600px !important; margin-left: auto !important; margin-right: auto !important; position: relative; } .feedbackBar { position: fixed; top: 60px; width: 100%; padding-left: auto; padding-right: auto; z-index: 150; /*Has to be above nav bar */ border-radius: 4px; } #abxw { position: fixed; top: 50px; z-index: 100; width: 100%; } .searchFieldSettings { width: 100%; font-family: "Open Sans", Arial, sans-serif; font-size: 12px; resize: none !important; height: 30px; margin: 0px !important; } .emtreeSearchField { width: 100%; font-family: "Open Sans", Arial, sans-serif; font-size: 12px; resize: none !important; height: 120px !important; } .line { padding: 2px 10px 4px 10px; color: #505050; } .separationLineBottom { border-bottom: 1px solid #c9cac8; margin-bottom: 3px; } .noFloat { float: none !important; } .contextSpecificTab { border-top: 3px solid #007398 !important; } .select_column { display: inline-block; width: 280px; float: left; } /*sergios edited 14-09-2014 */ .articleSearchColumn { display: table-cell; width: 477px; } .articleSearchLabel { line-height: 20px; font-size: 0.9em; padding-right: 5px; display: inline-block; } .quickSearchColumn { display: inline-block; width: 350px; float: left; } .select_tinycolumn { display: inline-block; width: 140px; float: left; } .smallInput { width: 80px !important; } .checkboxList { padding: 0; margin: 0; position: relative; top: 2px; margin-right: 10px; } .quickSearchElement { display: inline-block; width: 450px; float: left; } .switchContainer { border-top: 1px dashed #505050; } .title a, .resultInfo a { line-height: 23px; color: #505050; text-decoration: none !important; font-size: 1.3em; } .title a:hover, .resultInfo a:hover { color: #E9711C !important; text-decoration: none !important; } .ui-tab a { line-height: 14px !important; font-size: 100%; } .floatRight, #modalControl { float: right; } .floatLeft { float: left; } .line-left { border-left: 1px solid #c9cac8; } .rightAlign { text-align: right; } .relativePosition { position: relative; } /* BUTTONS BAR */ .buttonBar { margin-top: 5px; margin-bottom: 4px; line-height: 30px; height: 30px; position: relative; overflow: hidden; } .searchButtonRightMargin { margin-right: 10px !important; } span.buttonBarEndBlock { border: 0px; padding: 0px; margin: 0px; display: inline-block; z-index: 0; height: 100%; display: inline-block; font-size: 10.5px; line-height: 22px; height: 26px; width: 100%; padding-top: 1px; } .emailAlertBriefLA { margin-left: 0px !important; } .tabsheet { padding: 5px; padding-left: 0px; padding-right: 0px; min-height: 150px; margin-top: 5px; } .tabSheetLabel { font-size: 1.2em; position: absolute; left: 0px; top: 0px; display: inline-block; margin-right: 30px; color: #505050; } .tabSheetActions { position: absolute; right: 10px; top: 0px; height: 30px; line-height: 30px; } .tabSheetButtonBar { height: 30px; } .tabSheetHeaderHeight { line-height: 25px; } .checkboxLabel { line-height: 20px; font-size: 0.9em; padding-left: 24px; white-space: nowrap; } .searchFormTitle, .formTitle, #standardCARSTemplatePage .header1, #regForm h2, #mySettings h3 { color: #505050; font-size: 1.9em; font-weight: 400; letter-spacing: 0; font-weight: normal; line-height: 1.1em; margin: 15px 0 23px 0; position: relative !important; } #standardCARSTemplatePage .header1 { margin-bottom: 3px; } #standardCARSTemplatePage .header1 b { font-weight: normal; } .popupHeader, #popupHeader h2 { color: #505050; font-size: 1.4em; font-weight: 400; letter-spacing: 0; line-height: 1.1em; margin: 0px 0 23px 0; } .searchFormTitleResults { position: absolute !important; margin-top: 12px; margin-left: 0px; z-index: 10; } .formWrapperNextToTitle { border: none !important; padding-bottom: 4px !important; } .dateLimiterDropdown { display: block; float: left; position: relative; z-index: 0; } .noWrap { white-space: nowrap; } .checkbox { width: 15px !important; } .checkboxGroupContainer { float: left; margin: 0; padding-top: 5px; padding-bottom: 5px; } .checkboxGroupContainer.mr-l { margin-right: 20px; } /*.icon, .elss { * text-decoration: none; *} */ .elss { font-family: "elss"; /*text-decoration: none; */ } .icon.warning { color: black; font-size: 12px; } /* General *---------------------------------------------- */ .clearfix { clear: both; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .nowrap { white-space: nowrap; } #toLeft { font-size: 100%; text-align: left; color: #505050; } #toRight { text-align: right; color: #505050; font-size: 100%; } html body .disabled { opacity: 0.25; cursor: default !important; /*text-decoration: none; */ } html body .disabled:hover { opacity: 0.25; /*text-decoration: none; */ } html body .disabled .textButton:hover, html body .disabled .textButton:focus { border-bottom: 0; color: #202020; cursor: default; } html body .disabled .filterActions ul li { cursor: default !important; } html body .disabled .filterActions ul li a { color: #505050 !important; font-size: 1.1em; /*text-decoration: none; */ } html body .disabled .filterActions ul li a:hover { color: #505050 !important; cursor: default; } html body .disabled .filterActions ul li a:focus { border-bottom: 1px solid white !important; } html body .disabled .filterActions ul li a:hover .collapse-minus { color: #007398 !important; cursor: default; } html body .disabled .filterActions ul li a:hover .collapse-plus { color: #007398 !important; cursor: default; } .highlight, .hitsHighlighted .hit { background: #ffff66; } .highlightExploded { background: #aaefaa; } .term-major-focus { font-weight: 700; color: #505050; } /*Sergios DRY c-brand */ .dotted { background: url("/webfiles/images/bg-link-dotted-line.gif") 0 100% repeat-x; color: #055098; cursor: help; } .dotted .hitsHighlighted .hit { background: #ffff66 url("/webfiles/images/bg-link-dotted-line.gif") 0 100% repeat-x; } a.external { background-size: 14px 14px; padding-right: 5px; } a.external .vft-icon { display: block; font-size: 11px; font-weight: normal; font-family: Arial Unicode MS, Lucida Sans Unicode, Helvetica, Arial, sans-serif; -ms-transform: scaleY(2); transform: scaleY(2); padding-right: 4px; padding-bottom: 3px; padding-left: 10px; float: left; } a.external .vft-icon::before { content: ">"; } * + span.commaSeparated:before { content: ", "; display: inline; background: none; color: black; } .tlc { background-position: 0 0; background-repeat: no-repeat; left: -1px; position: relative; top: -1px; z-index: 0; } .trc { background-position: 100% 0; background-repeat: no-repeat; right: -2px; position: relative; z-index: 0; } .blc { background-position: 0 100%; background-repeat: no-repeat; bottom: -2px; position: relative; left: -2px; z-index: 0; } /* Access navigation *---------------------------------------------- */ .accessNav { display: none; } /* ELSS grid * ---------------------------------------------- */ .columns { position: relative; width: 100%; } .columns .col { box-sizing: border-box; } /* Results page column fixes * ---------------------------------------------- */ #resultsTwoCol { height: 100%; overflow: hidden; } #resultsTwoCol #filterBlock { float: left; width: 260px; position: relative; z-index: 2; } #resultsTwoCol #resultsRight { margin-left: 280px; overflow: hidden; } #resultsTwoCol #resultsRight .colRightRow2 { height: 100%; position: relative; width: 100%; } #resultsTwoCol #resultsRight #resultsLeftRow2 { padding: 0; width: 100%; } #resultsTwoCol #resultsRight #resultsRightRow2 { height: 100%; padding: 0; float: right; right: 0; top: 0; } /* ELSS - Default - Forms Elements * ---------------------------------------------- */ /*Sergios Fix. Needs to be cleaned up remove Form elements and contentBorders */ .formWrapper, .contentBorders, #loginPageForm, #changePwdform, .dialog, .edgedContainer { background-color: #f5f5f5; border: #c9cac8 solid 1px; padding: 10px 15px; } .formWrapper input[type=text], .contentBorders input[type=text], [type=password], .dialog input[type=text], #standardCARSTemplatePage input.textbox, #changePwdform input[type=password] { background-color: white; border: #bababa solid 1px; box-sizing: border-box; /*margin: 0; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font: 200 1.1em "Open Sans", Arial, sans-serif; margin-bottom: 5px; padding: 4px 8px; width: 100% !important; } #search_range { width: 170px !important; max-width: 170px !important; } /* Sergios els IE8 (Win XP) fix */ [type=password], #changePwdform input[type=password] { font: 200 1.1em Arial, sans-serif !important; } .formWrapper select { background-color: white; border: #bababa solid 1px; font-family: "Open Sans", Arial, sans-serif; } .formWrapper textarea { background-color: white; border: #bababa solid 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-weight: 200; font-family: "Open Sans", Arial, sans-serif; overflow: visible; padding: 4px 8px; resize: vertical; } .dateLimiter { clear: both; display: block; margin: 0; padding: 0px 10px 5px 0; width: 100%; } .dateLimiter span { float: left; margin: 0 5px; line-height: 23px; } .dateLimiter label { line-height: 23px; } /* Quick search * ---------------------------------------------- */ #quickSearch form .dateLimiter #advancedSearch a.pushButton { float: left; } /* Content * ---------------------------------------------- */ .content a.frmBtn { color: #323232; } .content-wrap { padding: 0 40px 10px; position: relative; } /* Edged Container * ---------------------------------------------- */ /* Tab navigation ("Emtree") * ---------------------------------------------- */ .tabsNavEmtree { background-color: #c5c9c9; float: left; padding: 0; height: 30px; line-height: 30px; width: 100%; overflow: hidden; } .tabsNavEmtree li { border-top: #c5c9c9 solid 3px !important; background-color: #c5c9c9; float: left; } .tabsNavEmtree li a { height: 30px; padding-left: 10px; padding-right: 10px; color: black; display: block; float: left; line-height: 30px; text-decoration: none !important; position: relative; } .tabsNavEmtree li a:hover { background-color: #e0e0e0; } .tabsNavEmtree li a:focus { text-decoration: underline; background-color: #e0e0e0; } .tabsNavEmtree li.selected a { background-color: whitesmoke !important; } .tab { float: left; width: 100%; } .tab .container { float: left; width: 100%; padding: 15px 0; } .findTerm .hint-text { float: none; clear: left; width: 60%; display: block; } .extend { background-color: #fafafa; border: #aaaaaa solid 1px; margin: 10px 0; width: 100%; } .extendInner { padding: 10px; } .extendInner fieldset { padding-top: 5px; } .extendInner .checkbox { margin: 2px 0 0 15px; } .emtreefind { border-top: #0b3160 solid 1px; padding-top: 10px; margin: 10px 0; width: 100%; } .emtreefind a { text-decoration: none; color: #055098 !important; } .emtreefind a:hover, .emtreefind a:focus span, .emtreefind a span { text-decoration: underline; } .emtreefind li { text-indent: -20px; padding-left: 20px; } .forest { padding: 0 1px 20px 1px; } .forest ul { margin-left: 5px; margin: 0; padding: 0; } .forest li, .forest a { margin: 0; padding: 0; } .forest li { background: url("/webfiles/images/tree-open.gif") 0 0 no-repeat; line-height: 18px; padding: 2px 0 2px 0; margin-left: 18px; text-indent: 0; } .forest li.lastLevel { background-image: url("/webfiles/images/tree-lastLevel.gif"); } .forest li.last { background-image: url("/webfiles/images/tree-last.gif"); } .forest li a { background: url("/webfiles/images/tree-openLeaf.gif") 0 6px no-repeat; padding: 0 0 2px 34px; } .forest li a.records { background: url("/webfiles/images/icon_records.gif") 0 0 no-repeat; display: inline; padding-left: 17px; } .forest li a.records span { background-image: none; padding-left: 0; } .forest li span { padding: 0 0 2px 34px; } .forest li span a { background-image: none; padding-left: 0; } .forest li .small { font-size: 0.85em; } .forest .openTerm { background-image: url("/webfiles/images/tree-openLeaf.gif"); } .forest .closedJoint { background-image: url("/webfiles/images/tree-closedLeaf.gif"); } .forest .term { background-image: url("/webfiles/images/tree-leaf.gif"); font-weight: 400; } .emtree_content .additional { padding-top: 10px; width: 100%; } .emtree_content .additional h3 { padding: 8px 0 4px 0; } .emtree_content .additional p { padding-bottom: 8px; } #loginFormUsername, #loginFormPassword { max-width: 75% !important; } .authorsList { padding-left: 0px; padding-right: 15px; } .authorsList div { float: left; margin-bottom: 20px; min-height: 170px; width: 100%; } .authorsList ul { float: left; width: 33%; } .authorsList ul li { padding: 2px 0 1px 0; } .authorsList input.checkbox { height: 12px; margin: 1px 3px 0 0; padding: 0; vertical-align: top; width: 12px; } .savedSearches .tableView .subRowWrapper .innerSubRowWrapper .subrow div.contentData { margin: 0 200px 0 32px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow div.contentData.emptyCall { margin: 0; text-align: center; } .tableView .subRowWrapper .innerSubRowWrapper .subrow div.metaData { float: right; padding: 1px 16px 0 4px; text-align: right; width: 78px; } /* ? Remove Old savedSearches*/ .savedSearches .tableView .subRowWrapper .innerSubRowWrapper .subrow div.metaData { width: 180px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow div.metaData img { margin-top: 2px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow div.metaData span.date { float: left; width: 95px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow span.search-number { color: #055098; float: left; font-weight: 700; padding-right: 15px; } .tableView .subRowWrapper .innerSubRowWrapper .subrow div.query { display: block; margin-left: 39px; word-wrap: break-word; } .tableView .subRowWrapper .innerSubRowWrapper .subrow:first-child { font-size: 1.25em; line-height: 1.5em; } .tableView .subRowWrapper .innerSubRowWrapper .subrow:first-child div.data { font-weight: 700; } .tableView .subRowWrapper .innerSubRowWrapper .subrow:first-child .cfa { font-size: 0.784em; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.noRelation { color: #777777; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.noRelation .metaData a, .tableView .subRowWrapper .innerSubRowWrapper .subrow.noRelation .metaData .dotted { color: #777777; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.noRelation span.search-number { color: #777777; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.readonly { color: #555555; } .tableView .subRowWrapper .innerSubRowWrapper .subrow.readonly span.search-number { color: #0b3160; } .tableView .message { margin: 7px 0 15px 0; display: block; clear: both; } .tableView .row.hover, .tableView .subrow.hover { background-color: #f4e8a6 !important; border: #f4e8a6 solid 1px !important; z-index: 1; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); } .emailAlerts form .tableView .row.hover { background-color: #f4e8a6; border: #f4e8a6 solid 1px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); z-index: 1; } .tableView .row.hover div.metaData, .tableView .subrow.hover div.metaData { background: #f4e8a6 url("/webfiles/images/arrow_down2.gif") 100% 4px no-repeat; } .tableView .row.hover div.metaData a, .tableView .subrow.hover div.metaData a { color: black; } /* ? Remove Old savedSearches*/ .editArea { padding-top: 2px; display: block; clear: both; } .editArea .emb-btn-small { color: #fff; } .editArea .rightAlign .emb-btn-secondary { color: #323232; } .editArea .rightAlign a:hover { text-decoration: none; } .editArea .rightAlign a:focus { border-bottom: 0; } /*sergios DRY */ /*.editArea:after { * display: block; * content: "."; * clear: both; * font-size: 0; * line-height: 0; * height: 0; * overflow: hidden; *} */ .editField { background-color: white !important; font-size: 12px; font-family: "Open Sans", Arial, sans-serif; border: #0055a4 solid 1px; display: block; margin-bottom: 6px; padding: 5px; } .editField.textarea { height: 50px; overflow: auto; width: 100%; } .ready { background-color: transparent; padding: 4px 6px 8px 6px; } /* tableView dropdown * ---------------------------------------------- */ .dropdown { display: none; font-size: 1em; line-height: 1.3em; margin: 0; padding: 1px 0 0 0; position: absolute; right: -1px; z-index: 75; } .dropdown div { background-color: #f4e8a6; float: left; padding: 0 8px; } .dropdown div ul { margin: 5px 0 3px 0; } .dropdown div ul li { list-style-type: none; float: left; } .dropdown div ul li a { color: #666666; padding: 0 13px 6px 19px; border: 0; display: block; line-height: 1.5em; white-space: nowrap; text-decoration: none; } .dropdown div ul li a:hover { color: #666666; text-decoration: underline; } .dropdown div ul li a.rerun { background: url("/webfiles/images/icon-rerun.gif") 0 0 no-repeat; } .dropdown div ul li a.update { background: url("/webfiles/images/icon-update.png") 0 0 no-repeat; } .dropdown div ul li a.details { background: url("/webfiles/images/icon_details.gif") 0 0 no-repeat; } .dropdown div ul li a.view { background: url("/webfiles/images/icon_view.gif") 0 0 no-repeat; } .dropdown div ul li a.delete { background: url("/webfiles/images/icon_cross.gif") 0 1px no-repeat; } .dropdown div ul li a.advanceedit { background: url("/webfiles/images/icon_advance_edit.gif") 0 1px no-repeat; } .dropdown div ul li a.edit { background: url("/webfiles/images/icon_edit.gif") 0 1px no-repeat; } .dropdown div ul li a.email { background: url("/webfiles/images/icon_email.gif") 0 3px no-repeat; } .dropdown div ul li a.rss { background: url("/webfiles/images/icon-rss.png") 0 2px no-repeat; } .dropdown div ul li a.turnon { background: url("/webfiles/images/icon_bulb-on.gif") 0 0 no-repeat; } .dropdown div ul li a.turnoff { background: url("/webfiles/images/icon_bulb-off.gif") 0 0 no-repeat; } .tableView .empty { min-height: 90px; padding: 4px 8px 4px 0; position: relative; text-align: center; } .tableView .empty div { margin: 10px auto; text-align: left; width: 415px; } .tableView .empty div p { background: url("/webfiles/images/icon_warning.gif") 0 3px no-repeat; padding: 3px 25px; font-weight: 700; } .tableView .empty.loading div p { background: url("/webfiles/images/icon_activity_white.gif") 0 3px no-repeat; font-weight: 400; } tr.empty td { height: 90px; text-align: center; width: 99%; } tr.empty td * { white-space: normal; } tr.empty div { margin: 10px auto; text-align: left; width: 415px; } tr.empty div p { background: url("/webfiles/images/icon_warning.gif") 0 3px no-repeat; padding: 3px 25px; font-weight: 700; } tr.empty ul li { width: 100%; } tr.empty ul.listLong li { list-style: inside disc; } /* Page index * ---------------------------------------------- */ .pageIndex { margin: 1.5em 0; overflow: auto; text-align: right; width: 100%; } .pageIndex #go { padding: 2px 6px; margin-right: 5px; } #search-results-pagesize-selector { float: left; margin-top: 0px; text-align: left; width: 170px; } #hans { float: right; } #pageAmount { padding-right: 5px; } /* Analytics * ---------------------------------------------- */ .analytics { left: -900em; position: absolute; line-height: 0em; height: 0px; top: 0px; } .ui-helper-clearfix { display: inline-block; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* required comment for clearfix to work in Opera \ */ * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } /* end clearfix */ /* Interaction Cues * ---------------------------------- */ .ui-state-disabled { cursor: default !important; opacity: 0.35; background-image: none; } /* Corner radius */ .ui-corner-all { border-radius: 4px; } /* Datepicker * ---------------------------------- */ .ui-datepicker { background-color: white; border: #aaaaaa solid 1px; color: #222222; display: none; font-size: 0.9em; padding: 0.2em 0.2em 0; width: 17em; } .ui-datepicker a { color: #222222; } .ui-datepicker select, .ui-datepicker button { font-size: 0.9em; } .ui-datepicker .ui-datepicker-header { background: #f1d894 url("/webfiles/images/dt-bg_header.png") 50% 100% repeat-x; border: #aaaaaa solid 1px; color: #222222; font-weight: 700; height: auto; padding: 0.2em 0; position: relative; } .ui-datepicker .ui-datepicker-header a { color: #222222; } .ui-datepicker .ui-datepicker-header .ui-icon { background: url("/webfiles/images/dt-icons.png") 0 0 no-repeat; display: block; height: 16px; overflow: hidden; text-indent: -999em; width: 16px; } .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w { background-position: -16px 0; } .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e { background-position: 0 0; } .ui-datepicker .ui-datepicker-prev { height: 1.8em; left: 2px; position: absolute; top: 2px; width: 1.8em; } .ui-datepicker .ui-datepicker-next { height: 1.8em; right: 2px; position: absolute; top: 2px; width: 1.8em; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; } .ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin: 0 2.3em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float: left; font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table { border-collapse: collapse; font-size: 0.9em; margin: 0 0 0.4em; width: 100%; } .ui-datepicker th { border: 0; font-weight: 700; padding: 0.7em 0.3em; text-align: center; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { border: #aaaaaa solid 1px; border-bottom: 0; border-left: 0; border-right: 0; color: #222222; margin: 0.7em 0 0 0; padding: 0 0.2em; } .ui-datepicker .ui-datepicker-buttonpane button { cursor: pointer; float: right; margin: 0.5em 0.2em 0.4em; overflow: visible; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default { background: #e6e6e6 url("/webfiles/images/dt-bg_normal.png") 50% 50% repeat-x; border: lightgrey solid 1px; font-weight: 400; color: #555555; outline: none; } .ui-datepicker .ui-state-highlight { background: #f7f7f7; border: #b7b7b7 solid 1px; color: black; } .ui-datepicker .ui-priority-primary, .ui-datepicker .ui-widget-content .ui-priority-primary { background: #f1d894 url("/webfiles/images/dt-bg_header.png") 50% 100% repeat-x; border: #989898 solid 1px; color: black; } .ui-datepicker .ui-priority-secondary, .ui-datepicker .ui-widget-content .ui-priority-secondary { color: black; font-weight: 400; opacity: 1; } #processSearchDialog { position: fixed; top: 40%; z-index: 2000; left: 50%; display: none; } #processSearchDialog.pleaseLogin { border: 15px solid rgba(220, 220, 220, 0.85); background-clip: padding-box; width: 600px; margin-left: -300px; padding: 0 0 32px 0; } #processSearchDialog.pleaseLogin .closeButton { position: absolute; right: 13px; font-size: 22px; top: 28px; cursor: pointer; color: #007398; } #processSearchDialog.pleaseLogin .closeButton:hover { color: #E9711C; } #processSearchDialog.pleaseLogin h2 { color: #505050 !important; font-size: 22px; line-height: 30px; padding: 28px 30px 0 72px; border-top: 2px solid #E9711C; } #processSearchDialog.pleaseLogin h2::before { content: "i"; position: absolute; left: 20px; top: 24px; background: #3679e0; color: #FFFFFF; padding: 5px 17px; } #processSearchDialog.pleaseLogin p { line-height: 26px; margin: 0 45px 25px 72px; } #processSearchDialog.pleaseLogin p.login { padding: 0; text-align: left; } #processSearchDialog.pleaseLogin p.login span { background: none; padding: 0; } #processSearchDialog.pleaseLogin p, #processSearchDialog.pleaseLogin .emb-button-text { font-size: 18px; } #processSearchDialog.pleaseLogin p::after, #processSearchDialog.pleaseLogin p::before, #processSearchDialog.pleaseLogin .emb-button-text::after, #processSearchDialog.pleaseLogin .emb-button-text::before { display: none; } #processSearchDialog.pleaseLogin .cancel { color: #505050; background: transparent !important; border: none; box-shadow: none; margin-right: 32px; } #processSearchDialog.pleaseLogin .cancel:hover { color: #E9711C !important; } #processSearchDialog.pleaseLogin .emb-btn-primary { padding: 7px 15px; margin-right: 16px; } .Bold { font-weight: 600; } .clear { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div.hr2 { display: none; } .resultList-PharmapendiumOpen { padding-right: 280px; } @media screen and (max-width: 1445px) { .resultList-PharmapendiumOpen { padding-right: 30px; } } .resultList-PharmapendiumClosed { padding-right: 30px; } .clipboard-table-header, .email-alerts-header { margin-top: -13px; padding-right: 14px; } .query-builder-checkbox { padding-left: 22px; } .query-builder-search { padding-right: 5px; } .subheading-radio-button { padding-top: 4px; } #ui-datepicker-div { z-index: 80 !important; } .embs-icon { width: 16px !important; right: 2px !important; background: 0 6px no-repeat !important; } .embs-navigateDown { background-image: url("/webfiles/images/navigatedown.svg") !important; } .embs-navigateDown:hover { background-image: url("/webfiles/images/navigatedown-hover.svg") !important; } .embs-navigateDownWhite { background-image: url("/webfiles/images/navigatedown-white.svg") !important; } .embs-navigateDownWhite:hover { background-image: url("/webfiles/images/navigatedown-hover.svg") !important; } .embs-navigateDown-right { -ms-transform: rotate(270deg); transform: rotate(270deg); } .embs-plus_hover, .embs-plus:hover, .formButtons #addFragment:hover span.embs-plus, .formButtons #addFragment:focus span.embs-plus, .formButtons #resetForm:hover span.embs-plus, .formButtons #resetForm:focus span.embs-plus, #pvWizardView #PVwizardPages .addSynonymInput:hover span.embs-plus, #pvWizardView #PVwizardPages .resetForm:hover span.embs-plus, #pvWizardView #PVwizardPages .editQuery:hover span.embs-plus { background-image: url("/webfiles/images/plus-hover.svg"); } .embs-plus { background-image: url("/webfiles/images/plus.svg"); background-repeat: no-repeat; } .embs-down_hover, .embs-down:hover { background-image: url("/webfiles/images/downElsevierOrange.svg"); } .embs-down { background-image: url("/webfiles/images/downElsevierBlue.svg"); background-repeat: no-repeat; width: 12px; height: 12px; display: inline-block; } .embs-up_hover, .embs-up:hover { background-image: url("/webfiles/images/upElsevierOrange.svg"); } .embs-up { background-image: url("/webfiles/images/upElsevierBlue.svg"); background-repeat: no-repeat; width: 12px; height: 12px; display: inline-block; } .embs-replay { background-image: url("/webfiles/images/replay.svg"); background-repeat: no-repeat; } .embs-replay:hover { background-image: url("/webfiles/images/replay-hover.svg"); } .embs-edit { background-image: url("/webfiles/images/editPen.svg"); background-repeat: no-repeat; } .embs-edit:hover { background-image: url("/webfiles/images/editPen-hover.svg"); } .embs-trash { background-image: url("/webfiles/images/trash2.svg"); background-repeat: no-repeat; } .embs-trash:hover { background-image: url("/webfiles/images/trash2-hover.svg"); } /* settings for ie11 instead of initial */ .daterangepicker.dropup::after, .daterangepicker.dropup::before { top: auto !important; border-bottom-color: rgb(80, 80, 80) !important; border-bottom-style: none !important; border-bottom-width: 0px !important; } .embs-beta-tag { display: inline-block; color: #000; background-color: #ebebeb; border-radius: 1.6em; font-size: clamp(9px, 0.375em, 12px); font-style: italic; margin-left: min(0.75em, 4px); padding: 0 0.8em; -ms-transform: translateY(-0.75em); transform: translateY(-0.75em); height: 2em; line-height: 2em; vertical-align: middle; white-space: nowrap; } /*# sourceMappingURL=embase.css.map */