Practical Connection Assignment

Skip to content

• Home
• search iconSearch
• navigation arrowExpand Nav
  • Your O'Reilly
    • Profile
    • History
    • Playlists
    • Highlights
  • Featured
    • Navigating Change
    • Recommended
  • queue iconExplore
    • All Topics
    • Early Releases
    • Shared Playlists
    • Most Popular Titles
    • Resource Centers
  • Attend
    • Live Trainings
    • Strata
    • Open Source
    • Infra & Ops
    • Software Arch
  • Interact
    • Scenarios
    • Sandboxes
    • Jupyter Notebooks
  • Certifications
  • settings iconSettings
  • Support
  • Newsletters
  • Sign Out

Table of Contents for Legal Issues in Information Security

• Search in book...
• Toggle Font Controls
• • Twitter
  • Facebook
  • Google Plus
  • Email

Next Next Chapter Preface

Copyright

World Headquarters Jones & Bartlett Learning 40 Tall Pine Drive Sudbury, MA 01776 978-443-5000 [email protected] www.jblearning.com

Jones & Bartlett Learning Canada 6339 Ormindale Way Mississauga, Ontario L5V 1J2 Canada

Jones & Bartlett Learning International Barb House, Barb Mews London W6 7PA United Kingdom

Jones & Bartlett Learning books and products are available through most bookstores and online booksellers. To contact Jones & Bartlett Learning directly, call 800-832-0034, fax 978-443-8000, or visit our website, www.jblearning.com.

Substantial discounts on bulk quantities of Jones & Bartlett Learning publications are available to corporations, professional associations, and other qualified organizations. For details and specific discount information, contact the special sales department at Jones & Bartlett Learning via the above contact information or send an email to [email protected].

Copyright © 2011 by Jones & Bartlett Learning, LLC

All rights reserved. No part of the material protected by this copyright may be reproduced or utilized in any form, electronic or mechanical, including photocopying, recording, or by any information storage and retrieval system, without written permission from the copyright owner.

This publication is designed to provide accurate and authoritative information in regard to the subject matter covered. It is sold with the understanding that the publisher is not engaged in rendering legal, accounting, or other professional service. If legal advice or other expert assistance is required, the service of a competent professional person should be sought.

Production Credits Chief Executive Officer: Ty Field President: James Homer SVP, Chief Operating Officer: Don Jones, Jr. SVP, Chief Technology Officer: Dean Fossella SVP, Chief Marketing Officer: Alison M. Pendergast SVP, Chief Financial Officer: Ruth Siporin SVP, Business Development: Christopher Will VP, Design and Production: Anne Spencer VP, Manufacturing and Inventory Control: Therese Connell Editorial Management: High Stakes Writing, LLC, Editor and Publisher: Lawrence J. Goodrich Reprints and Special Projects Manager: Susan Schultz Associate Production Editor: Tina Chen Director of Marketing: Alisha Weisman Associate Marketing Manager: Meagan Norlund Cover Design: Anne Spencer Composition: Sara Arrand Cover Image: © Julien Tromeur/ShutterStock, Inc. Chapter Opener Image: © Rodolfo Clix/Dreamstime.com Printing and Binding: Malloy, Inc. Cover Printing: Malloy, Inc.

ISBN: 978-0-7637-9185-8

Library of Congress Cataloging-in-Publication Data Unavailable at time of printing

6048 Printed in the United States of America 14  13  12  11  10    10  9  8  7  6  5  4  3  2  1

Highlight

?
• Delete Note
• Save Note
• Cancel

Highlight

Close Are you sure you want to permanently delete this note? No, I changed my mind Yes, delete it
• Copy
• Add Highlight
• Add Note
Next Next Chapter Preface

Find answers on the fly, or master something new. Subscribe today. See pricing options.

Back to top
• Support
• Sign Out
© 2020 O'Reilly Media, Inc. Terms of Service / Privacy Policy
• Day Mode
• Cloud Mode
• Night Mode
Reset

@charset "utf-8";

@charset "utf-8";

@charset "utf-8";

@charset "utf-8";

@charset "utf-8"; .annotator-adder, .annotator-outer, .annotator-notice { z-index: 100019; } .annotator-filter { z-index: 100009; }

@charset "utf-8"; .noOutline { outline: none !important; } .wcagOutline:focus { outline: rgb(89, 89, 89) dashed 1px !important; outline-offset: 2px !important; transition: none 0s ease 0s !important; }

@charset "utf-8"; @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 200; src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdh18Smxg.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 200; src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdo18Smxg.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 200; src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdg18Smxg.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 200; src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdv18Smxg.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 200; src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdj18Smxg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 200; src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdi18Smxg.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 200; src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSds18Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 300; src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidh18Smxg.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 300; src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkido18Smxg.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 300; src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidg18Smxg.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 300; src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidv18Smxg.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 300; src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidj18Smxg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 300; src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidi18Smxg.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 300; src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkids18Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7qsDJT9g.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7jsDJT9g.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7rsDJT9g.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7ksDJT9g.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7osDJT9g.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 600; src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdh18Smxg.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 600; src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdo18Smxg.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 600; src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdg18Smxg.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 600; src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdv18Smxg.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 600; src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdj18Smxg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 600; src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdi18Smxg.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 600; src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdh18Smxg.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdo18Smxg.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdg18Smxg.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdv18Smxg.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdj18Smxg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdi18Smxg.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 900; src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydh18Smxg.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 900; src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydo18Smxg.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 900; src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydg18Smxg.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 900; src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydv18Smxg.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 900; src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydj18Smxg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 900; src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklydi18Smxg.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 900; src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackItalic"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklyds18Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmhduz8A.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wkxduz8A.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmxduz8A.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlBduz8A.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmBduz8A.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmRduz8A.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdu.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmhduz8A.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwkxduz8A.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmxduz8A.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlBduz8A.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmBduz8A.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmRduz8A.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@charset "utf-8"; .card-annotation .popup, .popup.fadeout { } .gen-nav::after, .sales-form.user-anon article form label, .topnav::after { clear: both; } #sbo-rt-content .annotator-wrapper .annotator-editor-modal ul li, #sbo-rt-content .annotator-wrapper .annotator-touch-controls ul li, #sbo-rt-content .annotator-wrapper .annotator-viewer.viewer ul li, .sbo-inpage-toc .annotator-wrapper .annotator-editor-modal ul li, .sbo-inpage-toc .annotator-wrapper .annotator-touch-controls ul li, .sbo-inpage-toc .annotator-wrapper .annotator-viewer.viewer ul li { list-style-image: none; } @font-face { font-family: Guardian; src: url("/static/fonts/GuardianText/GuardianTextSans-Regular-Web.aa0e2288d40e.eot") format("embedded-opentype"), url("/static/fonts/GuardianText/GuardianTextSans-Regular-Web.f454bd4cb981.woff") format("woff"), url("/static/fonts/GuardianText/GuardianTextSans-Regular-Web.0c46263adc8b.ttf") format("truetype"), url("/static/fonts/GuardianText/GuardianTextSans-Regular-Web.4c8954bb024a.svg") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: Guardian; src: url("/static/fonts/GuardianText/GuardianTextSans-Regular-Web.aa0e2288d40e.eot") format("embedded-opentype"), url("/static/fonts/GuardianText/GuardianTextSans-Regular-Web.f454bd4cb981.woff") format("woff"), url("/static/fonts/GuardianText/GuardianTextSans-Regular-Web.0c46263adc8b.ttf") format("truetype"), url("/static/fonts/GuardianText/GuardianTextSans-Regular-Web.4c8954bb024a.svg") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: Guardian; src: url("/static/fonts/GuardianText/GuardianTextSans-RegularIt-Web.87f331e56c53.eot") format("embedded-opentype"), url("/static/fonts/GuardianText/GuardianTextSans-RegularIt-Web.6eecb16fa0be.woff") format("woff"), url("/static/fonts/GuardianText/GuardianTextSans-RegularIt-Web.9cfd5a34ad34.ttf") format("truetype"), url("/static/fonts/GuardianText/GuardianTextSans-RegularIt-Web.ba53ebf332fd.svg") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: Guardian; src: url("/static/fonts/GuardianText/GuardianTextSans-Bold-Web.fc98acada77b.eot") format("embedded-opentype"), url("/static/fonts/GuardianText/GuardianTextSans-Bold-Web.ce5a1d881131.woff") format("woff"), url("/static/fonts/GuardianText/GuardianTextSans-Bold-Web.96df376368e7.ttf") format("truetype"), url("/static/fonts/GuardianText/GuardianTextSans-Bold-Web.1d41aed049df.svg") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: Guardian; src: url("/static/fonts/GuardianText/GuardianTextSans-BoldIt-Web.db764b42d7a6.eot") format("embedded-opentype"), url("/static/fonts/GuardianText/GuardianTextSans-BoldIt-Web.6c4f9140f362.woff") format("woff"), url("/static/fonts/GuardianText/GuardianTextSans-BoldIt-Web.722a4d67b151.ttf") format("truetype"), url("/static/fonts/GuardianText/GuardianTextSans-BoldIt-Web.99547eebd627.svg") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: "ORM Icons"; src: url("/static/fonts/Icons/Icons.8bea23636e1c.eot") format("embedded-opentype"), url("/static/fonts/Icons/Icons.c5bc9359cd12.woff") format("woff"), url("/static/fonts/Icons/Icons.7df800dc450a.ttf") format("truetype"), url("/static/fonts/Icons/Icons.d46de5ab44b1.svg") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: oreilly-urw-typewriter-narro; src: url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.2f64425db877.eot") format("embedded-opentype"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.77950543af05.woff") format("woff"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.3d7988291f78.ttf") format("truetype"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.d27ff11fea4e.svg") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: oreilly-urw-typewriter-narro; src: url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.2f64425db877.eot") format("embedded-opentype"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.77950543af05.woff") format("woff"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.3d7988291f78.ttf") format("truetype"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.d27ff11fea4e.svg") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: oreilly-urw-typewriter-narro; src: url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.2f64425db877.eot") format("embedded-opentype"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.77950543af05.woff") format("woff"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.3d7988291f78.ttf") format("truetype"), url("/static/fonts/URWTypewriter/urwtypewritertotthinnar-webfont.d27ff11fea4e.svg") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: SSFlow; src: url("/static/fonts/ss-flow/ss-flow.d62aa8170d30.eot") format("embedded-opentype"), url("/static/fonts/ss-flow/ss-flow.e9ad0e53aa21.woff") format("woff"), url("/static/fonts/ss-flow/ss-flow.5317631647ae.ttf") format("truetype"), url("/static/fonts/ss-flow/ss-flow.817001c9a630.svg") format("svg"); font-weight: 400; font-style: normal; } html:hover [class^="ss-"] { } [class*="ss-"] span { display: none; } .ss-icon, .ss-icon.ss-flow, [class*=" ss-"].right::after, [class*=" ss-"].ss-flow.right::after, [class*=" ss-"].ss-flow::before, [class*=" ss-"]::before, [class^="ss-"].right::after, [class^="ss-"].ss-flow.right::after, [class^="ss-"].ss-flow::before, [class^="ss-"]::before { font-family: SSFlow; font-style: normal; font-weight: 400; text-decoration: none; white-space: nowrap; -webkit-font-smoothing: antialiased; } .progress, .topic-display li, a.skip:active, a.skip:focus, a.skip:hover { -webkit-font-smoothing: subpixel-antialiased; } [class*=" ss-"].right::before, [class^="ss-"].right::before { display: none; content: ""; } .ss-flow.right::after, .ss-flow::before { content: "���"; } .ss-hexfill.right::after, .ss-hexfill::before { content: "���"; } .ss-hexbase.right::after, .ss-hexbase::before { content: "���"; } .ss-hextri.right::after, .ss-hextri::before { content: "���"; } .ss-hexlined.right::after, .ss-hexlined::before { content: "���"; } .ss-queue.right::after, .ss-queue::before { content: "���"; } .ss-book.right::after, .ss-book::before { content: "����"; } .ss-search.right::after, .ss-search::before { content: "����"; } .ss-link.right::after, .ss-link::before { content: "����"; } .ss-write.right::after, .ss-write::before { content: "���"; } .ss-compose.right::after, .ss-compose::before { content: "����"; } .ss-lock.right::after, .ss-lock::before { content: "����"; } .ss-unlock.right::after, .ss-unlock::before { content: "����"; } .ss-ban.right::after, .ss-ban::before { content: "����"; } .ss-tag.right::after, .ss-tag::before { content: "���"; } .ss-star.right::after, .ss-star::before { content: "���"; } .ss-picks.right::after, .ss-picks::before { content: "���"; } .ss-user.right::after, .ss-user::before { content: "����"; } .ss-femaleuser.right::after, .ss-femaleuser::before { content: "����"; } .ss-users.right::after, .ss-users::before { content: "����"; } .ss-volume.right::after, .ss-volume::before { content: "����"; } .ss-highvolume.right::after, .ss-highvolume::before { content: "����"; } .ss-video.right::after, .ss-video::before { content: "����"; } .ss-play.right::after, .ss-play::before { content: "���"; } .ss-pause.right::after, .ss-pause::before { content: "���"; } .ss-rewind.right::after, .ss-rewind::before { content: "���"; } .ss-fastforward.right::after, .ss-fastforward::before { content: "���"; } .ss-skipback.right::after, .ss-skipback::before { content: "���"; } .ss-skipforward.right::after, .ss-skipforward::before { content: "���"; } .ss-replay.right::after, .ss-replay::before { content: "���"; } .ss-refresh.right::after, .ss-refresh::before { content: "���"; } .ss-sync.right::after, .ss-sync::before { content: "���"; } .ss-list.right::after, .ss-list::before { content: "���"; } .ss-fontsize.right::after, .ss-fontsize::before { content: "���"; } .ss-highlights.right::after, .ss-highlights::before { content: "���"; } .ss-check.right::after, .ss-check::before { content: "���"; } .ss-delete.right::after, .ss-delete::before { content: "���"; } .ss-recent.right::after, .ss-recent::before { content: "���"; } .ss-settings.right::after, .ss-settings::before { content: "���"; } .ss-up.right::after, .ss-up::before { content: "���"; } .ss-right.right::after, .ss-right::before { content: "���"; } .ss-down.right::after, .ss-down::before { content: "���"; } .ss-left.right::after, .ss-left::before { content: "���"; } .ss-navigateup.right::after, .ss-navigateup::before { content: "���"; } .ss-navigateright.right::after, .ss-navigateright::before { content: "���"; } .ss-navigatedown.right::after, .ss-navigatedown::before { content: "���"; } .ss-navigateleft.right::after, .ss-navigateleft::before { content: "���"; } .popup { border: 1px solid rgb(213, 214, 210); background-color: rgb(255, 255, 255); position: fixed; top: 100px; left: 50%; margin-left: -300px; width: 600px; z-index: 9999; border-radius: 5px; box-shadow: rgb(230, 230, 230) 0px 3px 0px; } .popup.fadeout { transition: opacity 0.15s ease-in-out 0s; } .popup.fadeout.closed { opacity: 0; } .popup .headline { border-bottom: 1px solid rgb(204, 204, 204); padding: 0.375rem 0px; } .popup .headline h2 { color: rgb(119, 119, 119); margin: 0px; padding: 0.625rem; } .popup .popup-content { color: rgb(119, 119, 119); padding: 0.625rem 0.9375rem; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0px; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } label { display: block; font-size: 0.875rem; text-transform: none; color: rgb(64, 64, 64); margin: 1rem 0px 0.5rem; } label .note { text-transform: capitalize; letter-spacing: 0px; font-size: smaller; } strong { font-weight: 700; } .add-members-fake-field, input[type="text"], input[type="email"], input[type="password"], textarea { background-color: rgba(244, 243, 240, 0.5); border: 1px solid rgba(118, 118, 118, 0.35); font-size: 18px; font-family: "source sans pro", sans-serif; margin-bottom: 0.625rem; padding: 0.5em; min-width: 12em; width: 100%; max-width: 15em; color: rgb(7, 7, 7); } .error .add-members-fake-field, .error input[type="text"], .error input[type="email"], .error input[type="password"], .error textarea { border: 1px solid rgb(234, 109, 96); } .ie8 .add-members-fake-field, .ie8 input[type="text"], .ie8 input[type="email"], .ie8 input[type="password"], .ie8 textarea { font-family: sans-serif; } .feedback .text, .tooltip, a.l0, a.l1, a.l2, a.skip:active, a.skip:focus, a.skip:hover { font-family: "source sans pro", sans-serif; } input:read-only { border-color: rgb(230, 230, 230); } #registration-form input[type="submit"]:disabled { color: rgb(170, 170, 170); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px; } .half-field { max-width: 100%; width: 100%; } @media screen and (min-width: 32.5625em) { .half-field { max-width: 48%; } .half-field.right { float: right; } .half-field.left { float: left; } } .sales-form.user-anon article form .left, label[for="id_card_number"] { float: left; } ul.credit-cards { position: relative; z-index: 1; font-weight: 400; } ul.credit-cards .tooltip .tooltip-inner { max-width: 250px; width: 250px; white-space: normal; } @media screen and (max-width: 53.75em) { ul.credit-cards .tooltip .tooltip-inner { max-width: 200px; width: 200px; } } ul.credit-cards li { display: inline-block; text-indent: -99999px; width: 40px; height: 25px; margin-right: 10px; opacity: 0.7; } ul.credit-cards li.mastercard { background: url("/static/images/mastercard.aabfdb51fb69.png") no-repeat; } ul.credit-cards li.discover { background: url("/static/images/discover.8f80db8aa5dd.png") no-repeat; } ul.credit-cards li.visa { background: url("/static/images/visa.29cc60580576.png") no-repeat; } ul.credit-cards li.amex { background: url("/static/images/amex.c32c7347ef6e.png") no-repeat; } ul.credit-cards li:focus, ul.credit-cards li:hover { opacity: 0.9; } textarea { width: 100%; min-height: 7em; max-width: 30em; font-size: 16px; } .agreement-inc label, .pod { font-size: 14px; } input + small, select + small { display: block; margin: 0.5em 0px !important; } .agreement-inc input[type="checkbox"] + small { display: inline; } input.error { border: 1px solid rgb(234, 109, 96); background-color: rgb(251, 225, 222); } input.ok { border: 1px solid rgb(0, 133, 66); background-color: rgb(255, 255, 255); } small.ok { color: rgb(246, 93, 34); } .form-row.error .errorlist, small.error { color: rgb(234, 109, 96); } #id_username { text-transform: lowercase; } #id_username::-webkit-input-placeholder { text-transform: none; } .articlelist > li .controls .format-title, .articlelist > li .position-link, .button-orm, .pod h3, h3 { text-transform: uppercase; } .form-row.error .errorlist li { margin: 0.5em 0px; } .sales-form.user-authenticated .page-head { display: none; } .sales-form.user-anon { background-color: rgb(246, 246, 246); } .sales-form.user-anon header[role="banner"] { border-bottom: 1px solid rgb(221, 221, 221); } .sales-form.user-anon article, .sales-form.user-anon footer { background: no-repeat; } .link-to-markdown, .pod, .sf-cvv .cvv-help { background-clip: padding-box; } .sales-form.user-anon article header { border-bottom: 1px solid rgb(221, 221, 221); text-align: center; padding-bottom: 0.625rem; } .sales-form.user-anon article .intro { text-align: center; } .sales-form.user-anon article form { padding: 0px 8.125rem 1.25rem; } .sales-form.user-anon article form .left, .sales-form.user-anon article form .right { display: inline-block; width: 48%; margin-bottom: 0.625rem; } .sales-form.user-anon article form .right { float: right; } .sales-form.user-anon article form input { padding: 0.5em; } .sales-form.user-anon article form input[type="submit"] { padding: 1rem 1.5625rem; margin: 1.875rem 0px 1.5625rem; } .sales-form.user-anon .pod { margin: 36px auto; max-width: 51.25rem; } @media screen and (max-width: 51.1875em) { .sales-form.user-anon .pod { margin-right: 10px; margin-left: 10px; } .sales-form.user-anon article form { padding: 0px 5rem 1.25rem; } .sales-form.user-anon article form textarea { max-width: 100%; } } @media screen and (max-width: 45em) and (max-width: 51.1875em) { .sales-form.user-anon article form { padding: 0px 1.25rem 1.25rem; } .sales-form.user-anon article form .left, .sales-form.user-anon article form .right { width: 100%; } } .sf-cvv { position: relative; min-width: 95px; width: 100%; max-width: 100px; } .sf-cvv .tooltip-inner { max-width: 300px; width: 300px; white-space: normal; } .sf-cvv .cvv-help { position: absolute; right: 6px; bottom: 21px; padding-top: 1px; background-color: rgb(119, 119, 119); color: rgb(255, 255, 255); border-radius: 2px; width: 20px; height: 20px; font-weight: 700; text-align: center; } .sf-ccnum, .sf-country, .sf-cvv, .sf-zip { display: inline-block; vertical-align: top; } .sf-ccnum, .sf-zip { max-width: 18em; width: 100%; } .sf-additional-info textarea, textarea.add-members { max-width: 100%; } .agreement-inc label input { float: left; display: inline-block; margin: 10px 10px 0px 0px; } .membership-agreement .terms-agreement-field { margin: 0px 0px 0.5rem; } .membership-agreement .js-email-opt-in p { margin: 0.5rem 0px; } .membership-agreement .js-email-opt-in input { margin-left: 15px; } .membership-agreement .js-email-opt-in input:first-child { margin-left: 0px; } .membership-agreement .js-email-opt-in span { margin-left: 5px; } .membership-agreement .js-email-opt-in h4 { margin: 0.4rem 0px 0.2rem; } @media screen and (min-width: 20em) { .sf-ccnum, .sf-zip { margin-right: 1em; } } @media screen and (min-width: 32.5625em) { .form-row::after, .form-row::before { content: " "; display: table; } .form-row::after { clear: both; } .sf-ccnum, .sf-cvv { display: inline-block; vertical-align: top; } .sf-ccnum { margin-right: 1em; } } a:link, a:visited { color: rgb(246, 93, 34); text-decoration: none; } a:link.gray-link:focus, a:link.gray-link:hover, a:link:focus, a:link:hover, a:visited.gray-link:focus, a:visited.gray-link:hover, a:visited:focus, a:visited:hover { color: rgb(246, 93, 34); text-decoration: underline; } a:link.gray-link, a:visited.gray-link { text-decoration: underline; color: rgba(64, 64, 64, 0.75); } a { transition: color 0.2s ease-out 0s; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a span, .interface-controls a .icon, .interface-controls button .icon, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a span, .social-sharing a span, .visuallyhidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a span.focusable:active, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a span.focusable:focus, .interface-controls a .focusable.icon:active, .interface-controls a .focusable.icon:focus, .interface-controls button .focusable.icon:active, .interface-controls button .focusable.icon:focus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a span.focusable:active, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a span.focusable:focus, .social-sharing a span.focusable:active, .social-sharing a span.focusable:focus, .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0px; overflow: visible; position: static; width: auto; } .hidden { display: none; } form input.error, form textarea.error { border: 1px solid rgb(234, 109, 96); background-color: rgb(250, 224, 222); } .pod { margin: 0px 0px 1.25rem; padding: 1rem; background-color: rgb(255, 255, 255); font-size: 0.875rem; line-height: 1.1875rem; border-radius: 2px; } .pod header h1 { margin-top: 0px; } .pod header h1.trial { color: rgb(234, 109, 96); } .pod h3, h3, h4 { color: rgb(119, 119, 119); } .pod h2 { font-size: 18px; } h1, h2 { font-weight: 400; color: rgb(64, 64, 64); } .display-markdown ol, .display-markdown ul { margin: 0px 0px 0px 30px; } .display-markdown ol li, .display-markdown ul li { list-style-type: disc; margin: 5px 0px !important; } .display-markdown ol li { list-style-type: lower-alpha; } .display-markdown blockquote { border-left: 1px solid rgb(233, 131, 0); padding-left: 10px; margin: 10px; } p, ul { padding: 0px; } h1 { font-size: 1.875rem; line-height: 2.375rem; margin: 1.25rem 0px; } @media screen and (max-width: 30em) { .section-header { margin-left: 15px; } } h3, p { font-size: 18px; margin: 1.125rem 0px; } h2 { font-size: 1.5rem; margin: 1.25rem 0px; } h3 { font-weight: 400; letter-spacing: 1px; font-size: 1.125rem; } h4 { font-weight: 400; margin: 1.3125rem 0px; } p { line-height: 1.4em; font-size: 1.125rem; } small { font-size: 0.875rem; } .link-to-markdown { padding: 1px 8px; border-radius: 30px; border: 1px solid rgb(187, 187, 187); float: right; } .bigbutton, .button, .button-primary, a.bigbutton, a.button, a.button-primary, button, button.button-primary, input[type="reset"], input[type="submit"] { display: inline-block; padding: 10px 15px; font-weight: 600; font-size: 14px; line-height: 1.2em; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; text-decoration: none; transition: all 0.15s cubic-bezier(0.86, 0, 0.07, 1) 0s; } .autocomplete-suggestions b, .button-orm, .gen-nav, .gen-nav a, .mknav li a, .tooltip { font-weight: 700; } .bigbutton.disabled, .bigbutton:disabled, .bigbutton:disabled:focus, .bigbutton:disabled:hover, .button-primary.disabled, .button-primary:disabled, .button-primary:disabled:focus, .button-primary:disabled:hover, .button.disabled, .button:disabled, .button:disabled:focus, .button:disabled:hover, a.bigbutton.disabled, a.bigbutton:disabled, a.bigbutton:disabled:focus, a.bigbutton:disabled:hover, a.button-primary.disabled, a.button-primary:disabled, a.button-primary:disabled:focus, a.button-primary:disabled:hover, a.button.disabled, a.button:disabled, a.button:disabled:focus, a.button:disabled:hover, button.button-primary.disabled, button.button-primary:disabled, button.button-primary:disabled:focus, button.button-primary:disabled:hover, button.disabled, button:disabled, button:disabled:focus, button:disabled:hover, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="reset"]:disabled:focus, input[type="reset"]:disabled:hover, input[type="submit"].disabled, input[type="submit"]:disabled, input[type="submit"]:disabled:focus, input[type="submit"]:disabled:hover { cursor: default; color: rgb(204, 204, 204) !important; background-color: rgb(245, 245, 245) !important; border-color: rgb(204, 204, 204) !important; } .button, a.button, button { color: rgb(64, 64, 64); background: rgb(255, 255, 255); border: 1px solid rgb(119, 119, 119); } .button.active, .button:focus, .button:hover, a.button.active, a.button:focus, a.button:hover, button.active, button:focus, button:hover { color: rgb(246, 93, 34); background: rgb(255, 255, 255); border-color: rgb(246, 93, 34); text-decoration: none; } .button-primary, a.button-primary, button.button-primary, input[type="reset"], input[type="submit"] { color: rgb(64, 64, 64); background-color: rgb(245, 197, 23); border: 1px solid rgb(245, 197, 23); } .button-primary:focus, .button-primary:hover, a.button-primary:focus, a.button-primary:hover, button.button-primary:focus, button.button-primary:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover { color: rgb(64, 64, 64); background-color: rgb(232, 186, 22); border-color: rgb(232, 186, 22); text-decoration: none; } .button-orm { padding: 6px 15px; letter-spacing: 1.4px; font-size: 12px; text-align: center; border: 1px solid rgb(199, 193, 180); background: rgb(255, 255, 255); color: rgb(185, 0, 45) !important; } html.no-touch .button-orm:hover { text-decoration: none; background: rgb(185, 0, 45); border-color: rgb(185, 0, 45); color: rgb(255, 255, 255) !important; } input[type="reset"] { min-width: 0px; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing li, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing li, .social-sharing li { display: inline-block; margin: 0px; list-style-type: none; text-align: center; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a, .social-sharing a { display: inline-block; padding: 0px; transition: all 0.2s ease-in-out 0s; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a.twitter, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a.twitter, .social-sharing a.twitter { background: url("/static/images/tweet_gray.c3649492e6d1.png") center center no-repeat; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a.facebook, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a.facebook, .social-sharing a.facebook { background: url("/static/images/fb_gray.3f725069eb2b.png") center center no-repeat; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a.googleplus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a.googleplus, .social-sharing a.googleplus { background: url("/static/images/googleplus_gray.1379fcec2ce7.png") center center no-repeat; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a.email, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a.email, .social-sharing a.email { background: url("/static/images/email_gray.05464fdf00d2.png") center center no-repeat; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotation-card.social-sharing li, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .button-group.social-sharing li, .annotation-card.social-sharing li, .button-group.social-sharing li, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotation-card.social-sharing li, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .button-group.social-sharing li { margin: 10px 10px 0px; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .button-group.social-sharing a.share-button, .button-group.social-sharing a.share-button, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .button-group.social-sharing a.share-button { box-shadow: rgb(230, 230, 230) 0px 0px 0px 1px; border-radius: 2px; background-clip: padding-box; background-color: rgb(255, 255, 255); max-width: 100%; height: 47px; width: 47px; border-top: 1px solid rgba(255, 255, 255, 0.5) !important; border-bottom: 3px solid rgba(0, 0, 0, 0.05) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .button-group.social-sharing a.share-button:focus, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .button-group.social-sharing a.share-button:hover, .button-group.social-sharing a.share-button:focus, .button-group.social-sharing a.share-button:hover { background-color: rgb(245, 245, 245); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing, .dropdown-menu.social-sharing, .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing, .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing, .interface-controls .social-sharing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing { display: block; background-color: rgb(51, 51, 51); position: absolute; top: 0px; right: 48px; width: 196px; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out 0s; border-radius: 2px 0px 0px 2px; background-clip: padding-box; border-right: 1px solid rgb(119, 119, 119); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing li, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing li, .dropdown-menu.social-sharing li, .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing li, .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing li, .interface-controls .social-sharing li, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing li, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing li { display: block; float: left; background: 0px 0px; border-left: 1px solid rgb(119, 119, 119); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing li:first-child, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing li:first-child, .dropdown-menu.social-sharing li:first-child, .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing li:first-child, .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing li:first-child, .interface-controls .social-sharing li:first-child, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing li:first-child, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing li:first-child { border-left: none; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing a.twitter, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing a.twitter, .dropdown-menu.social-sharing a.twitter, .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a.twitter, .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a.twitter, .interface-controls .social-sharing a.twitter, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing a.twitter, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing a.twitter { background-image: url("/static/images/tweet.a62814fba328.png"); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing a.facebook, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing a.facebook, .dropdown-menu.social-sharing a.facebook, .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a.facebook, .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a.facebook, .interface-controls .social-sharing a.facebook, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing a.facebook, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing a.facebook { background-image: url("/static/images/fb.249a5073b401.png"); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing a.googleplus, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing a.googleplus, .dropdown-menu.social-sharing a.googleplus, .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a.googleplus, .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a.googleplus, .interface-controls .social-sharing a.googleplus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing a.googleplus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing a.googleplus { background-image: url("/static/images/googleplus.84ff91fb93fb.png"); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing a.email, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing a.email, .dropdown-menu.social-sharing a.email, .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing a.email, .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing a.email, .interface-controls .social-sharing a.email, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing a.email, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing a.email { background-image: url("/static/images/email.60ea89b93003.png"); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .active .dropdown-menu.social-sharing, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .active .interface-controls .social-sharing, .active #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing, .active .dropdown-menu.social-sharing, .active .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing, .active .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing, .active .interface-controls .social-sharing, .active .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .active .dropdown-menu.social-sharing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .active .interface-controls .social-sharing { opacity: 1; visibility: visible; } @media screen and (max-width: 26.25em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing, .dropdown-menu.social-sharing, .interface-controls #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing, .interface-controls .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing, .interface-controls .social-sharing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .dropdown-menu.social-sharing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .interface-controls .social-sharing { left: 48px; right: 0px; border-radius: 0px 2px 2px 0px; background-clip: padding-box; border-right: none; border-left: 1px solid rgb(119, 119, 119); } } .addone { float: right; } @media screen and (max-width: 32.5em) { .addone { float: left; margin-top: 0.25rem; } } @media screen and (min-height: 33.6875em) and (min-width: 32.5625em) { body { padding-top: 26px; } body.sidenav { padding-left: 55px; } } .topbar { background-color: rgb(230, 230, 230); } a.skip { display: block; position: absolute; top: -1000px; left: -1000px; width: 1px; height: 1px; overflow: hidden; transition: all 0.2s ease-in-out 0s; } a.skip:active, a.skip:focus, a.skip:hover { padding: 0.625rem; position: fixed; z-index: 5000; left: 0px; top: 0px; width: 100%; height: auto; overflow: visible; background-color: rgb(246, 93, 34); color: rgb(255, 255, 255); text-align: center; text-decoration: none; font-size: 12px; } .touch .shortcuts { display: none; } @media screen and (min-width: 32.5em), screen and (max-height: 33.75em) { .topnav .l0 { overflow: hidden; max-width: 190px; } .nav-collapsed .topnav .l0 { max-width: 55px; } } .topnav { position: relative; } .topnav::after, .topnav::before { content: " "; display: table; } .topnav > li { float: left; } .dropdown.usermenu, .searchbox { float: right; } .topnav > li a { transition: all 0.15s ease-in-out 0s; } .topnav .flyout-parent .flyout .l2, .topnav > li a { transition: all 0.15s ease-in-out 0s; } .topnav > li a:focus, .topnav > li a:hover { color: rgb(64, 64, 64); background-color: rgb(216, 216, 216); text-decoration: none; } .topnav .flyout-parent .flyout .l2 { display: block; opacity: 0; transition: all 0.15s ease-in-out 0s; height: 0px; width: 0px; padding: 0px; position: relative; left: -999999px; } .topnav .flyout-parent:hover .flyout .l2 { height: 50px; width: 190px; padding: 18px 18px 19px; opacity: 1; left: 0px; } .topnav .flyout-parent:hover a.l1 { background-color: rgb(245, 245, 245); } .topnav .flyout { display: block; position: absolute; left: 190px; margin-top: -50px; } .topnav .flyout li a { display: inline-block; width: 190px; background-color: rgb(230, 230, 230); padding: 18px 18px 19px; } .topnav .flyout li a:hover { background-color: rgb(216, 216, 216); } @media screen and (max-width: 32.5em), screen and (max-height: 33.75em) { .topnav .flyout-parent .flyout .l2 { opacity: 1; height: 50px; width: 190px; padding: 18px 18px 19px; left: 43px; } .topnav .flyout-parent:hover .flyout .l2 { left: 43px; } .topnav .flyout-parent:hover a.l1 { background-color: transparent !important; } .topnav .flyout { position: relative; left: 0px; margin-top: 0px; } .topnav .flyout li a { background-color: transparent; padding: 18px 18px 19px 56px; width: 100%; } .topnav .flyout li a:hover { background-color: rgb(153, 153, 153); } } @media screen and (min-width: 32.5625em) { .topnav .l2 { display: none; } } @media screen and (max-height: 33.75em) { .topnav .l2 { display: block; } } .l2 { padding: 0px 10px; display: inline-block; } a.l0, a.l1, a.l2 { display: block; color: rgb(64, 64, 64); font-size: 0.8125rem; line-height: 1em; } .l0.active, .l1.active { background: rgb(245, 245, 245); } .nav-dropdown { position: absolute; right: 0px; top: 0px; } .drop-content { max-height: 0px; overflow: hidden; transition: max-height 0.3s ease-in-out 0s; } .dropdown.active .l0, .dropdown.active .l0:hover { color: rgb(255, 255, 255); background-color: rgb(153, 153, 153); } .dropdown .l0 svg { transform: rotate(180deg); transition: all 0.15s cubic-bezier(0.86, 0, 0.07, 1) 0s; } .dropdown.active .l0 svg { fill: rgb(255, 255, 255); transform: rotate(0deg); } .reading .dropdown.searchbox, .reading li.search { display: none; } .dropdown.usermenu .drop-content { position: absolute; background-color: rgb(153, 153, 153); z-index: 30; right: 0px; top: 61px; width: 200px; } .tooltip.bottom-right .tooltip-arrow, .tooltip.top-right .tooltip-arrow { right: 5px; } @media screen and (max-width: 32.5em), screen and (max-height: 33.75em) { .l0 { height: 62px; line-height: 1.75em !important; } .wrap-search-form.active .drop-content { overflow: initial; } .dropdown.active .drop-content { max-height: 900px; padding-bottom: 5px; } .dropdown.active .drop-content a { color: rgb(255, 255, 255); } .dropdown.active .drop-content a:focus, .dropdown.active .drop-content a:hover { background-color: rgb(136, 136, 136) !important; } .dropdown.active .drop-content a.active { background-color: rgb(119, 119, 119); color: rgb(68, 68, 68); } .dropdown.active .drop-content #js-shortcuts-info { display: none; } .dropdown.active .drop-content ul.profile { border-top: 1px solid rgb(153, 153, 153); padding: 0px 0px 0px 0.375rem; display: none; } .dropdown.active .drop-content ul.profile li { margin: 0.625rem 0px; } .dropdown.active .drop-content ul.profile li a:focus, .dropdown.active .drop-content ul.profile li a:hover { background-color: transparent; } .dropdown.active .drop-content ul.profile li .active { background-color: transparent; color: rgb(255, 255, 255); } .dropdown.active .drop-content ul.profile li #nav-nag { color: rgb(179, 179, 179); } .dropdown.active .drop-content ul.profile li #nav-nag a { text-decoration: none; color: rgb(179, 179, 179); } .dropdown.active .drop-content ul.profile li #nav-nag a:focus, .dropdown.active .drop-content ul.profile li #nav-nag a:hover { color: rgb(255, 255, 255); } } .autocomplete-suggestions { text-align: left; background-color: rgb(255, 255, 255); box-shadow: rgb(213, 213, 213) 1px 2px 3px; border: 1px solid rgb(213, 213, 213); color: rgb(102, 102, 102); position: absolute; width: 100%; z-index: 9999; display: block; } .autocomplete-suggestions:empty { border: none; box-shadow: transparent 0px 0px 0px; } .autocomplete-suggestions .autocomplete-suggestion { padding: 0.5rem 0px 0.5rem 1.25rem; line-height: 1.25em; } .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected, .autocomplete-suggestions .autocomplete-suggestion:focus, .autocomplete-suggestions .autocomplete-suggestion:hover { background-color: rgba(199, 194, 186, 0.15); color: rgb(246, 93, 34); cursor: pointer; } .searchbox, .wrap-search-form { margin: 0.75rem 1.25rem 0px; position: relative; z-index: 8; } .searchbox .search-form, .wrap-search-form .search-form { border-radius: 2px; background-clip: padding-box; z-index: 8; position: relative; display: inline-block; border: 1px solid rgb(213, 213, 213); background-color: rgb(255, 255, 255); margin: 0px; } .searchbox .search-form.active, .searchbox .search-form:active, .searchbox .search-form:focus, .searchbox .search-form:hover, .wrap-search-form .search-form.active, .wrap-search-form .search-form:active, .wrap-search-form .search-form:focus, .wrap-search-form .search-form:hover { border: 1px solid rgb(246, 93, 34); } .searchbox .nav-search-in, .wrap-search-form .nav-search-in { border-radius: 2px 0px 0px 2px; background-clip: padding-box; display: inline-block; background-color: rgb(255, 255, 255); } .searchbox .search-query, .wrap-search-form .search-query { width: 250px; height: 28px; padding: 3px 0px 3px 3px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; outline: 0px; border: none; } .searchbox .search-query:focus::-webkit-input-placeholder, .wrap-search-form .search-query:focus::-webkit-input-placeholder { transition: opacity 0.35s ease 0.35s; opacity: 0; } .searchbox .search-button, .wrap-search-form .search-button { width: 28px; height: 28px; padding: 0px; color: rgb(199, 194, 186); vertical-align: middle; border: none; } .searchbox .search-button span, .wrap-search-form .search-button span { display: none; } .searchbox .search-button svg, .wrap-search-form .search-button svg { display: block; height: 17px; width: 28px; fill: rgb(199, 194, 186); } .no-touch .searchbox .search-button:focus svg, .no-touch .searchbox .search-button:hover svg, .no-touch .wrap-search-form .search-button:focus svg, .no-touch .wrap-search-form .search-button:hover svg, .searchbox .search-button:active svg, .searchbox .search-button:focus svg, .searchbox .search-button:hover svg, .wrap-search-form .search-button:active svg, .wrap-search-form .search-button:focus svg, .wrap-search-form .search-button:hover svg { fill: rgb(64, 64, 64); } @media screen and (max-width: 32.5em), screen and (max-height: 33.75em) { .searchbox, .wrap-search-form { width: 100%; background-color: rgb(153, 153, 153); margin: -5px 0px 0px !important; } .searchbox .search-form, .wrap-search-form .search-form { margin: 12px 15px 5px; width: calc(100% - 30px); } .searchbox .search-query, .wrap-search-form .search-query { width: calc(100% - 153px); } } .nav-collapse { display: none; } @media screen and (min-height: 33.6875em) and (min-width: 32.5625em) { .searchbox .drop-content, .wrap-search-form .drop-content { max-height: 999px; overflow: visible; } body.nav-collapsed .topbar { width: 55px; box-shadow: none; } .topbar { width: 190px; position: fixed; left: 0px; top: 26px; height: 100%; z-index: 31; transition: width 0.1s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px; } .topbar a::before { top: 4px; font-size: 21px; } .topbar [class*="ss-"].l0 span { display: inline; } .topbar .l0 { width: 100%; } .topbar ul > li { width: auto; display: block; } .topbar ul > li.search { display: none; } .reading .topbar { top: 0px; } .topnav .dropdown .drop-content { display: block; position: static; background-color: transparent; max-height: 999px; width: 100%; transition: none 0s ease 0s; } .page-head, .page-head::after { width: 100%; display: inline-block; } .last-item { margin-bottom: 10px; } .l2 { padding-top: 5px; padding-bottom: 5px; } .l2:focus, .l2:hover { background-color: transparent; color: rgb(246, 93, 34); } .page-head { padding: 0px; background-color: rgb(255, 255, 255); z-index: 999; text-align: justify; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px -4px; height: 55px; } .page-head::after { content: ""; } .nav-collapse, .page-head h1 { display: block; text-align: left; } .page-head h1 { font-size: 18px; line-height: 1.4em; margin: 0px 20px; padding: 10px 150px 0px 0px; vertical-align: top; position: relative; top: 3px; color: rgb(119, 119, 119); } .nav-collapse { background-color: transparent; position: absolute; bottom: 0px; left: 0px; padding: 20px 0px 15px; width: 100%; transition: all 0.2s ease-in-out 0s; box-shadow: none; border-radius: 0px; background-clip: padding-box; border: none; line-height: 1; color: rgb(155, 155, 155); text-decoration: none; text-indent: 20px; cursor: pointer; } .nav-collapse::before { font-size: 15px; } .nav-collapse:focus, .nav-collapse:hover { background-color: rgb(218, 218, 218) !important; } .nav-collapse:active { top: auto; } } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0px; border-top-color: rgb(119, 119, 119); border-width: 5px 5px 0px; } .gen-nav { background-color: rgb(7, 7, 7); width: 100%; min-width: 230px; } .mknav, .tooltip.active .tooltip-inner { background-color: rgb(246, 93, 34); } .gen-nav::after, .gen-nav::before { content: " "; display: table; } .gen-nav a { color: rgb(255, 255, 255); padding: 0px 16px; display: block; text-decoration: none; } .gen-nav .login, .gen-nav h1 { font-size: 16px; line-height: 50px; } .gen-nav h1 { display: inline; margin: 0px; float: left; } .gen-nav .login { float: right; color: rgb(246, 93, 34); } .mknav { color: rgb(7, 7, 7); font-size: 16px; padding: 16px; } .mknav li { display: inline; padding-right: 0.4em; } .mknav li::before { padding-right: 0.4em; content: "/"; } .mknav li:first-child::before { padding-right: 0px; content: ""; } .mknav li a { color: rgb(255, 255, 255); text-decoration: none; } .mknav li a:focus, .mknav li a:hover { text-decoration: underline; } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 14px; line-height: 1.4; opacity: 0; visibility: visible; white-space: nowrap; } .tooltip.in { opacity: 0.9; } .tooltip.top { padding: 5px 0px; margin-top: -3px; } .tooltip.top .tooltip-arrow { left: 50%; margin-left: -5px; } .tooltip.top-left .tooltip-arrow { left: 5px; } .tooltip.right { padding: 0px 5px; margin-left: 3px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-right-color: rgb(119, 119, 119); border-width: 5px 5px 5px 0px; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { top: 0px; border-bottom-color: rgb(119, 119, 119); border-width: 0px 5px 5px; } .tooltip.active.right .tooltip-arrow { border-right-color: rgb(246, 93, 34); } .tooltip.bottom { padding: 5px 0px; margin-top: 3px; } .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px; } .tooltip.bottom-left .tooltip-arrow { left: 5px; } .tooltip.left { padding: 0px 5px; margin-left: -3px; } .tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-left-color: rgb(119, 119, 119); border-width: 5px 0px 5px 5px; } .tooltip-inner { max-width: 300px; padding: 5px 12px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(119, 119, 119); border-radius: 2px; background-clip: padding-box; } .tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .fade { opacity: 0; transition: opacity 0.25s linear 0s; } .fade.in { opacity: 1; } .l1.no-icon { padding: 16px 15px 16px 55px; white-space: nowrap; } a.nav-icn { padding: 15px 17px; white-space: nowrap; } a.nav-icn svg { width: 20px; height: 20px; margin: 0px; } a.nav-icn.l0 svg { margin: 7px 0px 0px 2px; } a.nav-icn.l0 span { display: none; } a.nav-icn.l1 svg { margin: 0px 18px 0px 2px; vertical-align: middle; } a.nav-icn.l1 span { display: inline-block; vertical-align: middle; } .usermenu { float: right; } .usermenu .trigger { padding: 16px 15px 19px 17px; } .usermenu .trigger:hover { color: rgb(64, 64, 64); background-color: rgb(216, 216, 216); text-decoration: none; } .usermenu .trigger.active { color: rgb(255, 255, 255); background-color: rgb(153, 153, 153); } .topnav a svg * { fill: rgb(74, 59, 48); } .topnav .usermenu a.l1 svg { fill: rgb(255, 255, 255); } @media screen and (min-height: 33.6875em) and (min-width: 32.5625em) { .dropdown.usermenu, .topnav > li { float: none; } a.nav-icn.l0 { width: auto; } a.nav-icn.l0 svg, a.nav-icn.l1 svg { margin: 0px 18px 0px 2px; vertical-align: middle; } a.nav-icn.l0.safari-home svg { margin: 0px 16px 0px 4px; } a.nav-icn.l0 span, a.nav-icn.l1 span { display: inline-block; vertical-align: middle; } a.nav-icn.safari-home { padding: 22px 15px; } a.nav-icn.safari-home span { padding-top: 4px; } .dropdown .trigger { display: none; } .topnav .usermenu a.l1 svg * { fill: rgb(74, 59, 48); } } .articlelist { max-width: 1600px; margin: 0px auto 15px; } .selected-card { outline-style: solid; outline-color: rgba(0, 134, 202, 0.25); box-shadow: rgba(0, 134, 202, 0.35) 0px 0px 0px 3px; } .articlelist > li { width: 100%; height: 100%; min-height: 200px; background-color: rgb(255, 255, 255); display: inline-block; position: relative; margin-bottom: 20px; vertical-align: top; border: 1px solid rgb(213, 213, 213); border-radius: 2px; background-clip: padding-box; transition: width 0.15s ease-in-out 0s; } .articlelist > li .position-link { text-decoration: none; float: right; font-size: 0.75rem; letter-spacing: 1px; position: relative; z-index: 1; } .articlelist > li .topic-display { clear: left; } .articlelist > li.js-last-viewed span.expired { display: none; } .articlelist > li.js-related .feedback.text { font-size: 24px; } .articlelist > li.js-related .feedback::before { top: 35px; } @media screen and (max-width: 767px) { .articlelist > li { width: 100%; } } @media screen and (max-width: 1279px) and (min-width: 768px) { .articlelist > li { width: 48.7207%; margin-right: 1.95313%; } .articlelist > li:nth-child(2n+2) { color: rgb(255, 255, 255); margin-right: 0px; } } @media only screen and (max-width: 1600px) and (min-width: 1280px) { .articlelist > li { width: 31.5234%; margin-right: 2.34375%; } .articlelist > li:nth-child(3n+3) { margin-right: 0px; } } @media only screen and (min-width: 1601px) { .articlelist > li { width: 23.375%; margin-right: 1.875%; } .articlelist > li:nth-child(4n+4) { margin-right: 0px; } } .articlelist > li.more-container { display: block; width: 100%; margin: 0px auto; border: none; background-color: transparent; text-align: center; } .news-block .articlelist > li { background: rgb(255, 255, 255); } .news-block .articlelist > li p { font-size: 14px; } .feedback { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); text-align: center; z-index: 99; } .feedback .text { font-size: 1.75rem; position: relative; top: 50%; line-height: 1.1em; color: rgba(64, 64, 64, 0.75); font-weight: 300; font-style: normal; display: inline-block; width: 95%; } .feedback .canceled, .feedback .expired { display: block; color: rgba(64, 64, 64, 0.75); font-size: 18px; margin-top: 8px; line-height: 1.25em; } .feedback::before { font-size: 36px; left: 50%; margin-left: -21px; top: 50%; margin-top: -50px; position: absolute; } .feedback.added::before { color: rgb(246, 93, 34); } .feedback.canceled::before, .feedback.error::before, .feedback.expired::before, .feedback.removed::before { color: rgb(178, 180, 179); } .detail-book .feedback .text, .detail-video .feedback .text { font-size: 2rem; margin-top: 20px; } @media screen and (max-width: 32.5em) { .detail-book .feedback .text, .detail-video .feedback .text { font-size: 1.625rem; } } .articlelist > li .info { text-align: left; } .articlelist > li .info h2 { margin: 0px; padding: 15px 10px 10px; display: inline-block; color: rgb(0, 183, 152); } .articlelist > li .info .main { padding: 0px 0.9375rem 0.9375rem; color: rgba(64, 64, 64, 0.75); } .articlelist > li .info .main::after, .articlelist > li .info .main::before { content: " "; display: table; } .articlelist > li .info .main::after { clear: both; } @media screen and (min-width: 650px) { .articlelist > li .info { width: 100%; right: 0px; bottom: 0px; } } @media screen and (min-width: 1250px) { .articlelist > li .info .main { padding: 0px 0.625rem 0.625rem; } } .title-block { display: block; text-decoration: none; font-size: 1.125rem; margin-bottom: 0.1875rem; line-height: 1.25rem; } .book-title { margin-bottom: 0.3125rem; line-height: 1.125rem; font-size: 0.8125rem; } .book-title .issued { display: block; font-style: italic; } .last-access { font-size: 12px; color: rgb(119, 119, 119); margin-bottom: 10px; } .articlelist > li .controls { min-height: 45px; user-select: none; border-bottom: 1px solid rgb(213, 213, 213); font-size: 0.1px; line-height: 0.1px; text-align: right; margin-bottom: 10px; position: relative; } .articlelist > li .controls .format-title { font-size: 10px; display: block; color: rgba(64, 64, 64, 0.75); position: absolute; left: 15px; top: 50%; } .articlelist > li .controls .format-title::before { font-family: SSFlow; font-size: 11px; padding-right: 3px; color: rgb(199, 194, 186); position: relative; top: 2px; } @media screen and (min-width: 1250px) { .articlelist > li .controls .format-title { left: 10px; } } .format-book .format-title::before { content: "����"; } .format-video .format-title::before { content: "����"; } .articlelist .rec-delete, .articlelist .rec-fav { padding: 10px 12px; margin: 3px; } .rec-delete, .rec-fav { text-shadow: none; transition: all 0.15s ease-in-out 0s; text-transform: lowercase; cursor: pointer; display: inline-block; text-align: center; border-radius: 0px; background-clip: padding-box; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .uppercase, .card-annotation .note, .progress, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .uppercase { text-transform: uppercase; } .rec-delete.invalid, .rec-delete:disabled, .rec-fav.invalid, .rec-fav:disabled { background-color: transparent; color: rgba(64, 64, 64, 0.75); } .rec-delete::before, .rec-fav::before { vertical-align: middle; font-size: 0.875rem; } .rec-fav.active, .rec-fav.active::before { color: rgb(246, 93, 34); } .no-touch button.rec-fav:focus { color: rgb(153, 153, 153); } .no-touch button.rec-delete:focus, .no-touch button.rec-delete:hover { color: rgb(234, 109, 96); } @media screen and (max-width: 1250px) { .no-touch .articlelist button.rec-delete:hover, .no-touch .articlelist button.rec-fav:hover { background-color: rgb(238, 238, 238); } } .progress .gridtc { display: table-cell; white-space: nowrap; } .progress { font-size: 0.75rem; display: block; margin: 0px; color: rgba(64, 64, 64, 0.65); letter-spacing: 1px; } .progress .bar, .progress .prog-text { vertical-align: middle; display: table-cell; } .progress .bar { width: 100%; } .progress .prog-text { white-space: nowrap; padding-left: 10px; } .progress .per, .progress .per .time { background-clip: padding-box; display: block; height: 8px; } .progress .per { border-radius: 2px; background-color: rgb(213, 213, 213); padding: 0px; } .progress .per .time { margin: 0px; border-radius: 2px; background-color: rgb(153, 144, 130); } .sort-box { font-size: 20px; line-height: 1.3em; margin-bottom: 1em; text-align: right; color: rgb(119, 119, 119); font-weight: 300; } .recommended-reason .book-title, .recommended-reason .book-title .topic-display li { font-size: 14px; } @media screen and (min-width: 40.625em) { .sort-box { max-width: 650px; } } @media screen and (min-width: 96.125em) { .sort-box { max-width: 1315px; } } @media screen and (min-width: 137.5625em) { .sort-box { max-width: 1975px; } } @media screen and (min-width: 179em) { .sort-box { max-width: 2635px; } } @media screen and (min-width: 220.4375em) { .sort-box { max-width: 100%; } } .recommended-reason { padding: 5px 15px; background-color: rgb(247, 247, 247); border-top: 1px solid rgb(213, 213, 213); color: rgb(153, 153, 153); } .recommended-reason .book-title a { color: rgba(64, 64, 64, 0.75); text-decoration: underline; } .chat-wrapper a, .chat-wrapper a:hover, .chat-wrapper input.sales-chat-btn:focus, .chat-wrapper input.sales-chat-btn:hover { text-decoration: none; } .recommended-reason .book-title a:focus, .recommended-reason .book-title a:hover { color: rgb(246, 93, 34); } .topic-display li { display: inline-block; font-size: 0.75rem; color: rgb(119, 119, 119); } .topic-display li .topic { color: rgb(246, 93, 34); } .topic-display li::after { color: rgb(204, 204, 204); content: " / "; } .topic-display li:last-child::after, [class*="hex-"] .topic-display li::after { content: ""; } .trial-banner { background-color: rgb(255, 255, 255); margin: 0px 20px 20px; border-radius: 2px; background-clip: padding-box; text-align: center; padding: 15px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: rgb(204, 204, 204) 0px 0px 10px; } .trial-banner h1 { font-size: 2.375rem; font-weight: 400; margin-bottom: 0px; line-height: 1.15em; } @media screen and (max-width: 53.125em) { .trial-banner h1 { font-size: 2.1875rem; } } .trial-banner p { font-size: 1.5rem; font-weight: 300; color: rgb(153, 153, 153); margin-bottom: 1em; line-height: 1.1em; } .trial-banner.trial-expired { padding: 15px 0px; } .trial-banner.trial-expired h1 { font-size: 1.625rem; } @media screen and (max-width: 32.5625em) { .trial-banner.trial-expired h1 { font-size: 1.3125rem; } } .trial-banner .red-banner { background-color: rgb(234, 109, 96); color: rgb(255, 255, 255); padding: 15px 10% 25px; font-weight: 300; margin-bottom: 20px; } .js-disable-shortcuts label { display: inline-block; margin: 0px 0px 0px 10px; } .keyboard-shortcuts-pane { overflow: hidden; clear: both; font-family: "source sans pro", Helvetica, Arial, sans-serif !important; } .keyboard-shortcuts-pane .inner .headline { border-bottom: 1px solid rgb(204, 204, 204); padding: 0.375rem 0px; border-radius: 2px 2px 0px 0px; background-clip: padding-box; height: 50px; } .keyboard-shortcuts-pane .inner .headline h2 { margin: 0px; color: rgb(119, 119, 119); font-size: 1.3125rem; padding: 0.625rem; line-height: 1em; float: left !important; } .keyboard-shortcuts-pane .inner .headline .js-close { width: 20px; height: 20px; display: block; float: right; font-size: 1.3125rem; margin: 0.6875rem 0.9375rem 0px; color: rgb(153, 153, 153); text-decoration: none; line-height: 1em; } .keyboard-shortcuts-pane .inner .headline .js-close:focus, .keyboard-shortcuts-pane .inner .headline .js-close:hover { color: rgb(102, 102, 102); } .keyboard-shortcuts-pane .inner .headline .js-close span { display: block; text-indent: -99999px; } .keyboard-shortcuts-pane .inner h4 { margin: 0px; font-size: 1.125rem; color: rgb(119, 119, 119); } .keyboard-shortcuts-pane .inner .disable-shortcuts { clear: both; padding: 0px 0px 0.625rem 1.25rem; font-size: smaller; } .keyboard-shortcuts-pane .inner.popup { color: rgb(119, 119, 119); top: 100px; min-height: 250px; transition: height 0.15s ease-in-out 0s; border: 1px solid rgb(179, 179, 179) !important; } @media screen and (max-width: 620px) { .keyboard-shortcuts-pane .inner { display: none; } } .keyboard-shortcuts-pane .inner .tooltip-inner { width: 100%; max-width: 100% !important; } .keyboard-shortcuts-pane .inner .column { width: 50%; } .keyboard-shortcuts-pane .inner .column.right { float: right; padding: 0.625rem 2.5rem 1.25rem 0px; } .keyboard-shortcuts-pane .inner .column.left { padding: 0.625rem 0px 1.25rem 2.5rem; float: left; } .keyboard-shortcuts-pane .inner .key { padding: 0.3125rem 0.375rem; color: rgb(119, 119, 119); font-family: Monaco, "Liberation Mono", Courier, monospace; line-height: 1; display: inline-block; font-size: 0.75rem; border-radius: 2px; background: linear-gradient(rgb(216, 216, 216) 0px, rgb(242, 242, 242) 100%); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgb(204, 204, 204) 0px 1px 0px; border: 1px solid rgb(204, 204, 204); } .keyboard-shortcuts-pane .inner td, .keyboard-shortcuts-pane .inner th { display: table-cell; } .keyboard-shortcuts-pane .inner tr { display: table-row; vertical-align: inherit; border-color: inherit; } .keyboard-shortcuts-pane .inner th { text-align: left; color: rgb(0, 183, 138); font-weight: 700; padding: 0.625rem 0px; } .keyboard-shortcuts-pane .inner td { padding: 0.1875rem 0px; vertical-align: top; line-height: 1.25rem; font-size: 1rem; } .keyboard-shortcuts-pane .inner td.keys { text-align: right; padding-right: 10px; white-space: nowrap; } .chat-wrapper { position: fixed; z-index: 1000; color: rgb(255, 255, 255); font-size: 1rem; } .chat-wrapper input.sales-chat-btn { border-radius: 2px 0px 0px 2px; background-clip: padding-box; cursor: pointer; white-space: normal; display: block !important; } .chat-wrapper input:focus { box-shadow: none; border: none; } .subscribe-nag .chat-wrapper { visibility: hidden; } @media screen and (min-width: 450px) { .chat-wrapper { right: 0px; margin-bottom: -107px; display: block; bottom: 50% !important; } .chat-wrapper.slideUp { visibility: visible !important; } .chat-wrapper input.sales-chat-btn { background: url("/static/images/sales-chat.b34d45f2713c.svg") 25px 158px / 40px no-repeat rgb(246, 93, 34); width: 90px; height: 215px; padding: 12px 9px 81px; font: 400 1.05em / 1.38 "Source Sans Pro"; } .expanded .live-agent { width: 188px; margin: 0px auto; display: block; position: relative; } .expanded .live-agent::before { content: url("/static/images/sales-chat.b34d45f2713c.svg"); position: absolute; left: 8px; top: 13px; z-index: 10; } .expanded .live-agent input { white-space: normal; background: 0% 0% / 36px no-repeat rgb(246, 93, 34); padding-left: 60px; text-align: left; line-height: 1em; } .expanded .live-agent input:focus, .expanded .live-agent input:hover { background: linear-gradient(rgb(245, 197, 23) 0px, rgb(246, 93, 34) 100%) 0% 0% / 100% rgb(246, 93, 34); text-decoration: none !important; } } @media screen and (max-width: 449px) { .chat-wrapper { bottom: 0px; left: 50%; padding: 0px; margin-left: -25.5%; width: 50%; position: fixed; } .chat-wrapper input.sales-chat-btn { background: url("/static/images/sales-chat.b34d45f2713c.svg") 9px 15px / 25px no-repeat padding-box rgb(246, 93, 34); border-radius: 2px 2px 0px 0px; margin-left: 5px; font: 400 0.95em / 1.1 "Source Sans Pro"; text-align: left; padding: 0.0125rem 0.65rem 0px 2.75rem; height: 60px; } .chat-wrapper.slideUp { bottom: -70px !important; visibility: visible !important; } .register .chat-wrapper { display: none; } .subscribe-nag .expanded .live-agent { width: 172px; margin: 0px auto; display: block; } .subscribe-nag .expanded .live-agent input { white-space: normal; background: url("/static/images/sales-chat.b34d45f2713c.svg") 9px 12px / 36px no-repeat rgb(246, 93, 34); padding: 10px 9px 10px 55px; text-align: left; line-height: 1em; margin: 0.25rem 0px 0.625rem !important; } .subscribe-nag .chat-wrapper { bottom: -300%; position: absolute; left: 0px; margin: 0px; } } .legal-agreement-details { color: rgb(0, 0, 0); margin: 15px 0px; } .cover { display: inline-block; } .cover a, .cover img, .cover span { display: block; } .cover a { position: relative; max-width: 100%; } .cover img { max-width: 100%; height: auto; box-shadow: rgba(0, 0, 0, 0.2) 2px 0px 6px 0px; } .detail-video .cover a::before, .format-case-study .cover a::before, .format-learning-path .cover a::before, .format-video .cover a::before { content: ""; background: url("/static/images/icon__cover-image__media-type--video.a76cad93c7f6.svg") center center no-repeat; position: absolute; height: 40px; width: 40px; line-height: 50px; margin-top: -20px; margin-left: -20px; top: 50%; left: 50%; text-align: center; text-indent: 3px; text-decoration: none; z-index: 1; } .detail-video .cover a::before { height: 50px; width: 50px; margin: -25px 0px 0px -25px; background-size: 100%; } .format-case-study .cover a::before { height: 17px; width: 17px; margin: 15px 0px 0px 15px; background-size: 100%; } .results-list .cover { float: left; margin-left: -75px; } .results-list .cover img { max-width: 60px; } @media (min-width: 450px) { .results-list .cover { margin-left: -90px; } .results-list .cover img { max-width: 73px; width: 73px; } } .articlelist > li.format-video .cover { max-width: 7.625rem; height: 70px; overflow: hidden; } .display-modal-view, .modal-view { display: none; overflow: scroll; position: absolute; z-index: 99; } .articlelist > li.format-video .cover a { max-height: 70px; } .articlelist > li .cover { float: left; width: 100%; max-width: 4.0625rem; margin: 0.125rem 0.9375rem 0.3125rem 0px; } .articlelist > li .cover a { border: 1px solid transparent; } .articlelist > li .cover a:focus { border: 1px solid rgb(246, 93, 34); } @font-face { font-family: "Stag Sans"; src: url("/static/fonts/StagSans-Light-Web.dc285b98d7a4.woff") format("opentype"); font-weight: 100; font-style: normal; } @font-face { font-family: "Stag Sans"; src: url("/static/fonts/StagSans-Book-Web.31c8d367698b.woff") format("opentype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Stag Sans"; src: url("/static/fonts/StagSans-Bold-Web.8db395cead3c.woff") format("opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Stag Web"; src: url("/static/fonts/Stag-Light-Web.fbb273737603.woff") format("opentype"); font-weight: 100; font-style: normal; } @font-face { font-family: "Stag Web"; src: url("/static/fonts/Stag-Book-Web.53c49737b233.woff") format("opentype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Stag Web"; src: url("/static/fonts/Stag-Bold-Web.5522801745aa.woff") format("opentype"); font-weight: 700; font-style: normal; } .display-modal-view { text-align: center; background: padding-box rgb(255, 255, 255); border: 1px solid rgb(213, 214, 210); border-radius: 2px; width: 650px; top: 10%; left: 50%; margin-left: -325px; font-family: "source sans pro", sans-serif; } @media screen and (max-width: 620px) { .display-modal-view { width: 95%; margin: 0px 2.5% !important; left: 0px !important; } } .display-modal-view button.close-display-modal { position: absolute; top: 0px; right: 0px; padding: 10px; border: none; } .display-modal-view button.close-display-modal::before { font-family: SSFlow; font-size: 14px; content: "���"; color: rgb(119, 119, 119); } .display-modal-view button.close-display-modal:hover { text-decoration: none; } .display-modal-view h2.modal__title { font-size: 2.25rem; padding: 1rem; font-weight: 300; line-height: 1.3; margin: 0px; color: rgb(64, 64, 64); } .display-modal-view p.modal__body, .display-modal-view p.modal__document, .modal-view h2.modal__title { padding: 1rem; font-weight: 300; line-height: 1.3; color: rgb(119, 119, 119); } .display-modal-view p.modal__body { font-size: 1.5rem; margin: 0px; } .display-modal-view p.modal__document { font-size: 1rem; margin: 0px; } .display-modal-view p.modal__document cite { font-style: italic; } .display-modal-view div.modal__controls { margin-bottom: 1rem; } .modal-view { text-align: left; background: padding-box rgb(255, 255, 255); border: 1px solid rgb(213, 214, 210); border-radius: 2px; width: 650px; top: 30%; left: 50%; margin-left: -325px; } #sbo-rt-content .annotator-wrapper .annotator-hide, .annotator-notice, .sbo-inpage-toc .annotator-wrapper .annotator-hide { display: none !important; } @media screen and (max-width: 620px) { .modal-view { width: 95%; margin: 0px 2.5% !important; left: 0px !important; } } .modal-view h2.modal__title { font-size: 1.5rem; border-bottom: 1px solid rgb(213, 213, 213); margin: 0px; } .modal-view .modal__content form fieldset { padding: 0px 1rem 1rem; } .modal-view .modal__content form fieldset label { font-size: 1rem; } .modal-view .modal__content form fieldset input { width: 100%; max-width: 100%; } .modal-view .modal__controls { float: right; } .menu-dropdown-region li.is-fetching a, .pdf #sbo-rt-content .annotator-wrapper .annotator-hl { opacity: 0.65; } #sbo-rt-content, .sbo-inpage-toc { transform: none; position: static !important; } #sbo-rt-content .annotator-wrapper, .sbo-inpage-toc .annotator-wrapper { margin: 0px; } #sbo-rt-content .annotator-wrapper .annotator-hl, .sbo-inpage-toc .annotator-wrapper .annotator-hl { background-color: rgb(255, 227, 79); } #sbo-rt-content .annotator-wrapper .annotator-hl-has-note, .sbo-inpage-toc .annotator-wrapper .annotator-hl-has-note { position: relative; } #sbo-rt-content .annotator-wrapper .annotator-hl-has-note::before, .sbo-inpage-toc .annotator-wrapper .annotator-hl-has-note::before { content: "���"; font-size: 40px; position: absolute; left: -8px; top: 0px; line-height: 0; color: rgb(246, 93, 34); box-shadow: rgba(0, 0, 0, 0.8) 1px 3px 6px 1px; } #sbo-rt-content .annotator-wrapper .annotator-item, .sbo-inpage-toc .annotator-wrapper .annotator-item { list-style-type: none; margin-left: 0px; clear: both; } #sbo-rt-content .annotator-wrapper .annotator-item input.disabled, #sbo-rt-content .annotator-wrapper .annotator-item label.disabled, .sbo-inpage-toc .annotator-wrapper .annotator-item input.disabled, .sbo-inpage-toc .annotator-wrapper .annotator-item label.disabled { opacity: 0.25; } #sbo-rt-content .annotator-wrapper .animateIn, .sbo-inpage-toc .annotator-wrapper .animateIn { animation-name: animateIn; animation-duration: 0.15s; animation-timing-function: ease-in-out; visibility: visible; } #sbo-rt-content .annotator-wrapper .stretchRight, .sbo-inpage-toc .annotator-wrapper .stretchRight { animation-name: stretchRight; animation-duration: 0.3s; animation-timing-function: ease-out; transform-origin: 0px 0px; } #sbo-rt-content .annotator-wrapper .expandUp, .sbo-inpage-toc .annotator-wrapper .expandUp { animation-name: expandUp; animation-duration: 0.2s; animation-timing-function: ease; visibility: visible !important; } #sbo-rt-content .annotator-wrapper .annotator-touch-controls, #sbo-rt-content .annotator-wrapper .annotator-viewer.viewer, .sbo-inpage-toc .annotator-wrapper .annotator-touch-controls, .sbo-inpage-toc .annotator-wrapper .annotator-viewer.viewer { position: absolute; margin: 0px; padding: 0px; background-color: transparent; } .js-playlist-icon, .js-playlist-icon:disabled, .js-playlist-icon:disabled:focus, .js-playlist-icon:disabled:hover { background-color: transparent !important; } #sbo-rt-content .annotator-wrapper .annotator-touch-controls div, #sbo-rt-content .annotator-wrapper .annotator-viewer.viewer div, .sbo-inpage-toc .annotator-wrapper .annotator-touch-controls div, .sbo-inpage-toc .annotator-wrapper .annotator-viewer.viewer div { display: none; } #sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-widget, #sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-widget, .sbo-inpage-toc .annotator-wrapper .annotator-touch-controls .annotator-widget, .sbo-inpage-toc .annotator-wrapper .annotator-viewer.viewer .annotator-widget { margin-top: 0px !important; } #sbo-rt-content .annotator-wrapper .toggle_public ul, .sbo-inpage-toc .annotator-wrapper .toggle_public ul { margin: 0px; padding: 0px; } #sbo-rt-content .annotator-wrapper .toggle_public ul li, .sbo-inpage-toc .annotator-wrapper .toggle_public ul li { font-family: "Source Sans Pro", arial, sans-serif; list-style-type: none; float: left; color: rgb(64, 64, 64); font-size: 0.9em !important; margin: 0px 10px 0px 0px !important; } #sbo-rt-content .annotator-wrapper .toggle_public ul li input + span, .sbo-inpage-toc .annotator-wrapper .toggle_public ul li input + span { opacity: 0.75; font-size: 15px; margin-left: 5px; } #sbo-rt-content .annotator-wrapper .toggle_public ul li input:checked + span, .sbo-inpage-toc .annotator-wrapper .toggle_public ul li input:checked + span { opacity: 1; } #sbo-rt-content .annotator-wrapper .toggle_public ul li label.disabled, .sbo-inpage-toc .annotator-wrapper .toggle_public ul li label.disabled { opacity: 0.25; } #sbo-rt-content .annotator-wrapper .editor_section, .sbo-inpage-toc .annotator-wrapper .editor_section { font-family: "Source Sans Pro", arial, sans-serif; padding-top: 10px; border-top: 1px solid rgb(204, 204, 204); font-size: 0.9em !important; margin-top: 40px !important; } #sbo-rt-content .annotator-wrapper .editor_section label, .sbo-inpage-toc .annotator-wrapper .editor_section label { display: inline-block; margin-left: 10px; } #sbo-rt-content .annotator-wrapper small.error, .sbo-inpage-toc .annotator-wrapper small.error { color: red !important; } #sbo-rt-content .annotator-wrapper .annotator-view-click, .sbo-inpage-toc .annotator-wrapper .annotator-view-click { margin: 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-listing, .sbo-inpage-toc .annotator-wrapper .annotator-listing { padding-left: 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-adder, #sbo-rt-content .annotator-wrapper .annotator-view-clicker, .sbo-inpage-toc .annotator-wrapper .annotator-adder, .sbo-inpage-toc .annotator-wrapper .annotator-view-clicker { height: auto; width: 100%; padding: 0px; margin: 0px; position: absolute !important; background-color: transparent !important; } #sbo-rt-content .annotator-wrapper .annotator-adder ul, #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul, .sbo-inpage-toc .annotator-wrapper .annotator-adder ul, .sbo-inpage-toc .annotator-wrapper .annotator-view-clicker ul { background-color: rgb(255, 255, 255); border-radius: 2px; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 2px; border: 1px solid rgb(204, 204, 204); float: left; margin: 0px !important; padding: 3px 5px !important; } #sbo-rt-content .annotator-wrapper .annotator-adder ul li, #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul li, .sbo-inpage-toc .annotator-wrapper .annotator-adder ul li, .sbo-inpage-toc .annotator-wrapper .annotator-view-clicker ul li { list-style-type: none; list-style-image: none; float: left; margin: 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-adder ul li:last-child a, #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul li:last-child a, .sbo-inpage-toc .annotator-wrapper .annotator-adder ul li:last-child a, .sbo-inpage-toc .annotator-wrapper .annotator-view-clicker ul li:last-child a { border-right: none; } #sbo-rt-content .annotator-wrapper .annotator-adder ul li a, #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul li a, .sbo-inpage-toc .annotator-wrapper .annotator-adder ul li a, .sbo-inpage-toc .annotator-wrapper .annotator-view-clicker ul li a { border: none; padding: 5px 10px; color: rgb(37, 101, 149); font-family: "Source Sans Pro", arial, sans-serif; font-size: 15px; font-weight: 600; } #sbo-rt-content .annotator-wrapper .annotator-adder ul li a:hover, #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul li a:hover, .sbo-inpage-toc .annotator-wrapper .annotator-adder ul li a:hover, .sbo-inpage-toc .annotator-wrapper .annotator-view-clicker ul li a:hover { color: rgb(0, 39, 118) !important; text-decoration: underline !important; } #sbo-rt-content .annotator-wrapper .annotator-viewer, .sbo-inpage-toc .annotator-wrapper .annotator-viewer { width: 100%; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper { position: absolute; z-index: 29; width: 100%; max-width: 650px; transition: height 0.15s ease-in-out 0s; background-image: url("/static/images/loading.6b1710a5f2bc.gif"); background-position: center center; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; display: none; top: 130px; box-shadow: rgb(230, 230, 230) 0px 3px 0px; border-radius: 2px; background-clip: padding-box; background-color: rgb(255, 255, 255) !important; margin-left: -322px !important; left: 50% !important; color: rgb(64, 64, 64) !important; right: auto !important; height: auto !important; border: 1px solid rgb(179, 179, 179) !important; font-size: 100% !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper code, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper li, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper p, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper code, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper li, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper p { color: rgb(64, 64, 64) !important; background-color: rgb(255, 255, 255) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper div, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper div { margin: 0px !important; background-color: rgb(255, 255, 255) !important; } @media screen and (max-width: 53.125em) and (min-width: 45.0625em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper { max-width: 80% !important; margin-left: 0px !important; left: 10% !important; } } @media screen and (max-width: 45em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper { padding-bottom: 10px; position: absolute !important; max-width: 100% !important; left: 0px !important; margin-left: 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .editor, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .editor { float: left; height: 100%; position: static !important; top: 0px !important; } } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .left, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .right, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .left, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .right { margin: 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget { background-color: rgb(255, 255, 255) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-media .left, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-media .left { line-height: 1.3em; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-media .left a, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-media .left a { margin-top: 10px; display: block; font-size: 0.8em; line-height: 1.3em; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-outer > .title, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-outer > .title { font: 500 1.5em / 1.38 "Source Sans Pro"; padding: 0px 15px 10px !important; margin: 10px 0px 0px !important; border-bottom: 1px solid rgb(221, 221, 221) !important; color: rgb(119, 119, 119) !important; background-color: rgb(255, 255, 255) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .row, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .row { padding: 8px 0px; display: block; float: left; width: 100%; border-top: 1px solid rgb(221, 221, 221) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .row.delete-highlight, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .row.delete-highlight { padding: 18px 0px 8px; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .indent, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .indent { padding: 0px 20px; margin-bottom: 15px; } @media screen and (max-width: 32.5625em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .indent, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .indent { padding: 0px; } } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper h4, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper small, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper h4, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper small { font: 500 0.8em / 1.2 "Source Sans Pro"; color: rgb(119, 119, 119) !important; margin-top: 5px !important; background-color: rgb(255, 255, 255) !important; } @media screen and (min-width: 45.0625em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .left, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .left { float: left; width: 50%; } } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .right, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .right { float: right; } @media screen and (min-width: 45.0625em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .right, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .right { width: 50%; } } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .sans, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .sans { font: 500 0.9em / 1.2 "Source Sans Pro"; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper a, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper a { white-space: initial; color: rgb(246, 93, 34); border-bottom: none !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper a:focus, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper a:hover, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper a:focus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper a:hover { text-shadow: transparent 0px 0px 0px; text-decoration: underline; background: no-repeat; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper a.edit-highlight, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper a.edit-highlight { color: rgb(64, 64, 64); top: 0px; right: 20px; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper a.button, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper a.button { padding: 10px 25px; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-delete, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-delete { width: auto; color: rgb(255, 255, 255); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-delete:hover, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-delete:hover { background: linear-gradient(rgb(245, 197, 23) 0px, rgb(246, 93, 34) 100%) rgb(246, 93, 34); text-decoration: none; color: rgb(255, 255, 255) !important; text-shadow: transparent 0px 0px 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .grey-btn, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .grey-btn { width: auto; position: relative; top: 10px; background: no-repeat rgb(199, 194, 186) !important; color: rgb(255, 255, 255) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .grey-btn:hover, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .grey-btn:hover { text-decoration: none; color: rgb(7, 7, 7) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .close, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .close { width: 20px; height: 20px; background: url("/static/images/close.862fc3a7237a.png") no-repeat; display: block; text-indent: -99999px; position: absolute; right: 20px; top: 16px; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .close:focus, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .close:hover, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .close:focus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .close:hover { opacity: 0.8; background: url("/static/images/close.862fc3a7237a.png") no-repeat; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing { float: right; text-align: right; margin: 15px 0px 0px !important; padding: 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing li, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing li { margin: 0px 0px 0px 10px !important; } @media screen and (max-width: 32.5625em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .social-sharing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .social-sharing { float: none; text-align: center; padding: 0px !important; } } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget { width: 100%; left: auto; bottom: auto; position: relative; float: left; margin: 0px; padding: 10px 25px; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .delete-confirm, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .delete-confirm { text-align: center; padding: 15px 35px 25px; color: rgb(119, 119, 119); font: 400 0.9em / 1.3 "Source Sans Pro", arial, sans-serif !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls .link-to-markdown, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls .link-to-markdown { margin-top: -14px; line-height: 22px; padding: 0px 8px; position: absolute; right: 25px; color: rgb(246, 93, 34); font-size: 14px; border: 1px solid rgb(187, 187, 187) !important; } @media screen and (max-width: 32.5625em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget { padding: 10px 15px; } } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .comment, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .selected, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .comment, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .selected { padding: 0px; color: rgb(119, 119, 119); overflow: hidden; font: 400 0.9em / 1.3 "Source Sans Pro", arial, sans-serif !important; background-color: rgb(255, 255, 255) !important; } @media screen and (max-width: 32.5625em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .comment, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .selected, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .comment, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .selected { padding: 0px 0px 12px !important; } } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .comment, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .comment { padding: 8px 0px; font: 200 1em / 1.3 "Source Sans Pro", arial, sans-serif !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-listing, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-listing { padding: 0px !important; margin: 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-listing .annotator-item, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-listing .annotator-item { list-style-type: none; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget textarea, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget textarea { clear: both; max-width: 100%; color: rgb(153, 153, 153); padding: 10px; font: 400 0.875em / 1.3 "Source Sans Pro", arial, sans-serif; } @media screen and (max-width: 32.5625em) { #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget textarea, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget textarea { background-color: rgb(238, 238, 238); } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget textarea:focus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget textarea:focus { background-color: rgb(246, 246, 246); } } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls { text-align: center; padding: 0px; margin: 0px !important; background-color: rgb(255, 255, 255) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul { width: 100%; display: block; margin: 10px 0px 0px; float: left; padding: 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li { display: inline-block; text-decoration: none; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li.delete, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li.delete { float: left; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li.delete a, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li.delete a { margin-left: 0px; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li.cancel, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li.save, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li.cancel, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls ul li.save { float: right; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls p, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls p { background-color: rgb(255, 255, 255) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a { display: inline-block; padding: 5px 25px; color: rgb(255, 255, 255); transition: all 0.2s ease-in-out 0s; appearance: none !important; font-family: "Source Sans Pro" !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.annotator-cancel, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.annotator-cancel { background: no-repeat rgb(199, 194, 186) !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.positive, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.positive { appearance: none; color: rgb(255, 255, 255); margin-left: 12px; border: none; background: rgb(246, 93, 34); text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.positive:focus, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.positive:hover, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.positive:focus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.positive:hover { background: linear-gradient(rgb(245, 197, 23) 0px, rgb(246, 93, 34) 100%) rgb(246, 93, 34); color: rgb(255, 255, 255) !important; text-shadow: transparent 0px 0px 0px !important; } #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a:focus, #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a:hover, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a:focus, .sbo-inpage-toc .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a:hover { background-color: rgb(199, 194, 186) !important; text-decoration: none !important; color: rgb(64, 64, 64) !important; } @media screen and (min-width: 45em) { .touch .annotator-modal-wrapper { position: absolute !important; margin-top: 200px !important; } } .annotator-touch-controls { width: 100%; text-align: center; min-width: auto; z-index: 9999; } .annotator-touch-controls .animateIn { animation-name: animateIn; animation-duration: 0.35s; animation-timing-function: ease-in-out; visibility: visible; } .annotator-touch-controls .annotator-edit { background-color: rgb(245, 245, 245); position: absolute; right: -25px; border-radius: 2px 0px 0px 2px; background-clip: padding-box; } .annotator-touch-controls.annotator-touch-hide { right: -9999em; opacity: 0; } .annotator-touch-controls .annotator-add { padding: 0.5rem; border-radius: 2px; background-clip: padding-box; background-color: rgb(119, 119, 119); color: rgb(255, 255, 255); position: absolute; margin-left: -20px; left: 50%; width: 48px; height: 45px; cursor: pointer; border-bottom: none; box-shadow: rgb(205, 205, 205) 0px 0px 1px; display: block; text-align: center; } .annotator-touch-controls .annotator-add::after, .annotator-touch-controls .annotator-add::before { width: 0px; height: 0px; border-width: 0.65em; border-style: solid; border-image: initial; border-color: rgb(119, 119, 119) rgb(119, 119, 119) transparent transparent; transform: rotate(-45deg); content: ""; left: 14px; top: -10px; position: absolute; } .annotator-touch-controls .annotator-add::before { top: -11px; border-color: rgb(205, 205, 205) rgb(205, 205, 205) transparent transparent; } .annotator-touch-controls .annotator-add span { display: block; } .annotator-touch-controls .annotator-add span::before { font-family: SSFlow; content: "���"; height: 48px; width: 49px; font-size: 1.625rem; top: 5px; position: relative; color: rgb(255, 255, 255); } .card-annotation { color: rgba(64, 64, 64, 0.65); } .card-annotation .wrap-pod { max-width: 800px; margin: 0px auto; } .card-annotation .pod { float: left; padding: 1.25rem 1.25rem 1.875rem; } @media screen and (max-width: 32.5625em) { .card-annotation .pod { margin: 0px 0px 1.25rem; } } .card-annotation .pod h2 { margin: 5px 0px 20px; font-size: 21px; color: rgba(74, 60, 49, 0.75); } .card-annotation form textarea { display: block; max-width: 100%; width: 100%; } .card-annotation form [type="submit"] { margin-left: 0.9375rem; } .card-annotation form ul.delete-option { margin-top: 20px; } .card-annotation form ul.delete-option input { margin: 0px; font-size: 14px; } .card-annotation form ul.buttons { margin-top: 15px; } .card-annotation form ul#id_privacy_option li { margin-left: 0.625rem; } .card-annotation form ul.privacy-options li label { font-size: 1rem; } .card-annotation form ul li { display: inline-block; } .card-annotation form ul li input { margin: 0px 5px; } .card-annotation .popup { overflow: hidden; color: rgb(119, 119, 119); background-color: rgb(255, 255, 255); border-radius: 2px; background-clip: padding-box; clear: both; width: 600px; position: fixed; z-index: 9999; transition: opacity 0.15s ease-in-out 0s; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(230, 230, 230) 0px 3px 0px; top: 200px; left: 50%; margin-left: -300px; font-family: "source sans pro", Helvetica, Arial, sans-serif !important; } .card-annotation .popup h1 { margin: 0px; color: rgb(119, 119, 119); font-size: 1.625rem; padding: 0.9375rem; line-height: 1em; font-weight: 500; float: left !important; } .card-annotation .popup .headline { width: 100%; float: left; border-bottom: 1px solid rgb(204, 204, 204); } @media screen and (max-width: 40.625em) { .card-annotation .popup { max-width: 95%; margin: 0px 2.5%; left: 0px; } } .card-annotation .popup .inner { padding: 0px 20px 20px; float: left; width: 100%; } .card-annotation .popup ul { float: right; } .card-annotation .popup ul li { display: inline-block; margin-left: 15px; } .card-annotation .media-thumbnail { float: left; margin: 0px 0.9375rem 0.625rem 0px; } .card-annotation .annotation-note { margin: 0px 0px 0.65em; word-break: break-all; } .card-annotation .clear { clear: both; } .card-annotation .left { float: left; margin: 0px; } @media screen and (min-width: 32.5625em) { .card-annotation .left { width: 50%; } } .card-annotation .right { float: right; margin: 0px; } @media screen and (max-width: 32.5625em) { .card-annotation .right { float: none; text-align: center; } } .card-annotation .row { border-top: 1px solid rgb(221, 221, 221); display: block; padding-top: 0.625rem; margin: 0px 0px 0.625rem; float: left; width: 100%; } .card-annotation .note.quote, .card-annotation .row.border { margin-bottom: 0px; } .card-annotation div.quote { padding-bottom: 0.9375rem; } .card-annotation .note { color: rgb(136, 136, 136); padding-bottom: 0.5rem; display: inline-block; } .card-annotation .social-sharing { text-align: center; margin-top: 0.9375rem; } .card-annotation .social-sharing li { margin: 0.625rem 0.625rem 0px; } .card-annotation .sign-up { text-align: center; padding: 0px 7.5rem; } .card-annotation .sign-up h1 { padding-bottom: 0px; margin-bottom: 0px; } .card-annotation .sign-up > p { margin-top: 10px; } @media screen and (max-width: 51.3125em) { .card-annotation .sign-up { padding: 0px; } } .card-annotation .annotation-quote { color: rgba(64, 64, 64, 0.75); font-family: Georgia, serif; margin: 0px; } .card-annotation .annotation-quote::before { content: "���"; float: left; font-size: 50px; } .card-annotation .annotation-quote::after { content: "���"; float: right; font-size: 50px; } .ios-app-teaser { position: relative; height: 40px; margin: 0px 1.25rem -5px; } @media only screen and (max-width: 520px) { .ios-app-teaser { margin: 0px 1.25rem -5px; } } .ios-app-teaser ul { background: rgb(64, 64, 64); } .ios-app-teaser ul::after, .ios-app-teaser ul::before { content: " "; display: table; } .ios-app-teaser ul::after { clear: both; } .ios-app-teaser ul li { list-style: none; float: left; width: 50%; text-align: center; font-size: 16px; vertical-align: middle; } .ios-app-teaser ul li:active, .ios-app-teaser ul li:focus, .ios-app-teaser ul li:hover { background: rgb(27, 26, 26); transition: background 0.7s ease 0s; } .ios-app-teaser ul li a { display: block; color: rgb(255, 255, 255); font-weight: 300; padding: 10px 0px; } .ios-app-teaser ul li a:active, .ios-app-teaser ul li a:focus, .ios-app-teaser ul li a:hover { text-decoration: none; color: rgb(255, 255, 255); } .sbo-toc .ios-app-teaser { display: none; margin: 0px; } .sbo-toc.has-ios-app-teaser .ios-app-teaser { display: block; } .sbo-toc.has-ios-app-teaser .close { top: 40px; } body.night-mode .sbo-toc .ios-app-teaser ul { background: rgb(34, 34, 34); border-bottom: 1px solid rgb(68, 68, 68); } body.night-mode .sbo-toc .ios-app-teaser ul li:active, body.night-mode .sbo-toc .ios-app-teaser ul li:focus, body.night-mode .sbo-toc .ios-app-teaser ul li:hover { background: rgb(7, 7, 7); } .pagefoot { font-family: "source sans pro", sans-serif; font-size: 0.875rem; color: rgb(119, 119, 119); line-height: 1.25em; } .pagefoot .copyright { display: block; margin: 0.3em 0px; } @media screen and (min-width: 32.5625em) { .pagefoot .copyright { display: inline; } } .pagefoot a { color: rgb(64, 64, 64); } .pagefoot a:active, .pagefoot a:focus, .pagefoot a:hover, .pagefoot li a { color: rgb(246, 93, 34); } .pagefoot li { display: inline-block; line-height: 1.5em; } .pagefoot li::after { content: " / "; } .pagefoot li:last-child::after, .subscribe-nag .promotion strike::before { content: ""; } .user-anon .pagefoot { margin-top: 1em; } .user-anon .pagefoot a { color: rgb(119, 119, 119); } .user-anon .pagefoot li a { color: rgb(214, 67, 9); } .pagefoot .icon-up { display: block; padding: 10px; position: fixed; right: 20px; bottom: 20px; z-index: 99999; text-transform: lowercase; border: 1px solid rgb(204, 204, 204); border-radius: 2px; background-clip: padding-box; background-color: rgb(213, 213, 213); text-decoration: none; } .course-nag .close, .course-nag .message, .pagination-label, h1.video-toc-title { text-transform: uppercase; } .pagefoot .icon-up span { display: none; } .pagefoot .icon-up::before { font-size: 19px; content: "���"; font-family: SSFlow; display: inline-block; vertical-align: middle; color: rgb(119, 119, 119); } .subscribe-panel .pagefoot .icon-up { bottom: 80px; } .user-anon .pagefoot #legal, .user-anon .pagefoot nav { margin: 0.3125rem 0px 0.3125rem 3.4375rem; line-height: 1.15em; } .user-anon .pagefoot nav a { text-decoration: none; } .user-anon .pagefoot div#legal a { color: rgb(119, 119, 119); text-decoration: none; } .full-support, .pagefoot .full-support { display: none; } @media screen and (min-width: 48.0625em) { .full-support, .pagefoot .full-support { display: inline-block; } .mobile-support, .pagefoot .mobile-support { display: none; } } .subscribe-nag.collapsed .expanded, .subscribe-nag.promotion-included .pagefoot { display: none; } #js-subscribe-panel-filler { float: left; width: 100%; } .subscribe-nag { position: fixed; width: 100%; max-width: 100%; padding: 0px 10px; bottom: -300%; max-height: 50%; left: 0px; z-index: 99999; margin: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px; border-top: 1px solid rgb(204, 204, 204); text-align: center; } .subscribe-nag .cta-group { padding-bottom: 15px; } .subscribe-nag.expired-panel, .subscribe-nag.trial-panel { max-height: 350px; } .subscribe-nag.promotion-included { max-height: 515px; color: rgb(255, 255, 255); } .subscribe-nag.collapsed p { margin: 12px 0px; } .subscribe-nag h2, .subscribe-nag h3 { line-height: 1.1em; color: rgb(64, 64, 64); font-size: 2.25rem; font-weight: 300; margin: 1.25rem 3rem; } .subscribe-nag p { color: rgb(74, 60, 49); } .subscribe-nag h3 { font-size: 1.5rem; } .subscribe-nag .green { color: rgb(246, 93, 34); } .subscribe-nag .js-toggle-nag { position: absolute; text-align: center; line-height: 1.3em; right: 0px; top: 0px; color: rgb(136, 136, 136); font-size: 1.125rem; text-decoration: none; z-index: 10; padding: 0.9375rem 0.9375rem 0.75rem; } .subscribe-nag .js-toggle-nag:focus, .subscribe-nag .js-toggle-nag:hover { background-color: rgb(246, 93, 34); color: rgb(255, 255, 255); text-decoration: none; } .subscribe-nag.expanded { position: absolute; } .subscribe-nag.collapsed .sample-message { padding: 0px; } .subscribe-nag.collapsed h2 { font-size: 1.5rem; margin: 0.625rem 3rem 0.9375rem; } .subscribe-nag.slideUp { animation-name: slideUp; animation-duration: 0.5s; animation-timing-function: ease; bottom: 0px !important; visibility: visible !important; } .subscribe-nag a { text-decoration: none; } .subscribe-nag .promotion { background-color: rgb(0, 0, 0); padding: 20px 10px; margin-bottom: 20px; position: relative; } .subscribe-nag .promotion strike { position: relative; text-decoration: none; } .subscribe-nag .promotion strike::before { border-bottom: 4px solid rgb(252, 71, 71); position: absolute; width: 115%; top: 46%; transform: rotate(-14deg); left: -6%; } .subscribe-nag .promotion h1 { color: rgb(245, 197, 23); font-family: "Stag Web", georgia, serif; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 2.5em; } .subscribe-nag .promotion h2 { color: rgb(255, 255, 255); margin-top: 10px; } .subscribe-nag .promotion b { font-weight: 700; } .subscribe-nag .promotion .button { background: no-repeat rgb(255, 255, 255); text-shadow: none; border-radius: 0px; color: rgb(51, 51, 51); padding: 10px 20px; } .subscribe-nag .promotion .callout { position: absolute; right: 0px; top: 0px; } .subscribe-nag .promotion .callout img { width: 30%; float: right; } .subscribe-nag .promotion .callout .accessible-text { position: relative; text-indent: -9999px; display: block; } @media screen and (max-width: 56.25em) { .subscribe-nag .promotion h1, .subscribe-nag .promotion h2, .subscribe-nag .promotion h3 { font-size: 2em; } } @media screen and (max-width: 48em) { .subscribe-nag .promotion h1, .subscribe-nag .promotion h2, .subscribe-nag .promotion h3 { font-size: 1.5em; } } .subscribe-nag .help { font-size: smaller; text-decoration: none; } .subscribe-nag .trending-topics { margin: 0px; } .subscribe-nag .old-price { text-decoration: line-through; } .course-nag .close:hover, .subscribe-nag .sample-message .cta-group .signin a { text-decoration: none; } .subscribe-nag .bigbutton.loading, .subscribe-nag .bigbutton.loading:hover { background-color: rgb(178, 180, 179); background-image: none; } .subscribe-nag .bigbutton.loading .spinner, .subscribe-nag .bigbutton.loading:hover .spinner { background: url("/static/images/loading.6b1710a5f2bc.gif") center center / 16px no-repeat; width: 16px; display: inline-block; text-indent: -9999px; float: right; } .subscribe-nag .bigbutton .spinner { display: none; } .subscribe-nag .pagefoot #legal a.copyright, .subscribe-nag .pagefoot nav a.copyright { color: rgb(119, 119, 119); } .subscribe-nag.anon-panel h2, .subscribe-nag.anon-panel h3 { margin: 0.625rem 0.75rem; } @media screen and (max-width: 48em) { .subscribe-nag.anon-panel .doc-title { display: none; } .subscribe-nag.anon-panel .doc-type { white-space: nowrap; } } .subscribe-nag .sample-message { margin: 0px auto; padding: 0.3125rem 1.25rem 0px; border-radius: 0px; background-clip: padding-box; box-shadow: transparent 0px 0px 0px; border: none; max-width: 56.25rem; position: relative; color: rgb(74, 60, 49); } .subscribe-nag .sample-message .cta-group .bigbutton { display: inline-block; } .subscribe-nag .sample-message .cta-group .signin { display: inline-block; font-size: smaller; } .subscribe-nag .sample-message .text-links { display: inline-block; margin: 0px 0px 0px 10px; vertical-align: middle; } .subscribe-nag .sample-message p { max-width: 34.375rem; font-size: 1.125rem; line-height: 1.5rem; margin: 10px auto 15px; font-weight: 500; } .subscribe-nag .sample-message footer { text-align: left; margin: 0.9375rem 0px 0.625rem; padding: 0px; } .subscribe-nag .sample-message footer object { display: none; } .subscribe-nag .sample-message footer #logo { background: url("/static/images/sunshine_flag.0e1a4eec8506.svg") right -10px / 45px 66px no-repeat; width: 45px; height: 42px; margin-top: -12px; margin-right: 10px; text-indent: -9999px; display: block; float: left; padding-bottom: 3.75rem; } @media screen and (max-width: 32.5em) { .subscribe-nag .sample-message footer #logo { display: none; } } .subscribe-nag .sample-message.nag-a, .subscribe-nag .sample-message.nag-b { max-width: 85rem; padding: 0px; transition: all 0.5s ease-in-out 0s; } .subscribe-nag .sample-message.nag-a h2, .subscribe-nag .sample-message.nag-b h2 { text-align: left; margin-left: 0px; } .subscribe-nag .sample-message.nag-a .doc-title, .subscribe-nag .sample-message.nag-b .doc-title { display: none; } .subscribe-nag .sample-message.nag-a .cta-group, .subscribe-nag .sample-message.nag-b .cta-group { display: inline-block; } .subscribe-nag .sample-message.nag-a .cta-group .bigbutton, .subscribe-nag .sample-message.nag-b .cta-group .bigbutton { width: 45%; padding: 10px; font-size: 1rem; font-weight: 400; float: left; } .subscribe-nag .sample-message.nag-a .cta-group .bigbutton.team-btn, .subscribe-nag .sample-message.nag-b .cta-group .bigbutton.team-btn { width: 45%; margin-right: 0px; } .subscribe-nag .sample-message.nag-a .cta-group div.bigbutton, .subscribe-nag .sample-message.nag-b .cta-group div.bigbutton { display: none; } .subscribe-nag .sample-message.nag-a .cta-group .signin, .subscribe-nag .sample-message.nag-b .cta-group .signin { width: 100%; margin: 5px 0px; } .subscribe-nag .sample-message.nag-a .registration-form, .subscribe-nag .sample-message.nag-b .registration-form { float: left; text-align: left; } .subscribe-nag .sample-message.nag-a .registration-form li, .subscribe-nag .sample-message.nag-b .registration-form li { display: inline-block; width: 31.5%; margin-right: 2%; vertical-align: top; } .subscribe-nag .sample-message.nag-a .registration-form li.password, .subscribe-nag .sample-message.nag-b .registration-form li.password { margin-right: 0px; } .subscribe-nag .sample-message.nag-a .registration-form li input, .subscribe-nag .sample-message.nag-b .registration-form li input { max-width: 100%; min-width: 100%; } .subscribe-nag .sample-message.nag-a .registration-form li.error input, .subscribe-nag .sample-message.nag-b .registration-form li.error input { margin-bottom: 0px; } .subscribe-nag .sample-message.nag-a .registration-form .terms-conditions, .subscribe-nag .sample-message.nag-b .registration-form .terms-conditions { display: none; width: 100% !important; } .subscribe-nag .sample-message.nag-a .registration-form .terms-conditions input, .subscribe-nag .sample-message.nag-a .registration-form .terms-conditions label, .subscribe-nag .sample-message.nag-b .registration-form .terms-conditions input, .subscribe-nag .sample-message.nag-b .registration-form .terms-conditions label { margin: 0px 10px 10px 0px; display: inline-block !important; } .subscribe-nag .sample-message.nag-a .registration-form .terms-conditions .error, .subscribe-nag .sample-message.nag-b .registration-form .terms-conditions .error { display: block; } .subscribe-nag .sample-message.nag-a.active .terms-conditions, .subscribe-nag .sample-message.nag-b.active .terms-conditions { display: block; float: left; } .subscribe-nag .sample-message.nag-a.active .terms-conditions label, .subscribe-nag .sample-message.nag-b.active .terms-conditions label { width: 90%; } .subscribe-nag .sample-message.nag-a.active .terms-conditions #id_legal, .subscribe-nag .sample-message.nag-b.active .terms-conditions #id_legal { vertical-align: top; margin: 3px 10px 0px 0px; } .subscribe-nag .sample-message.nag-a.active .doc-title, .subscribe-nag .sample-message.nag-b.active .doc-title { display: inline-block; } .subscribe-nag .sample-message.nag-a.active .team-btn, .subscribe-nag .sample-message.nag-b .cta-group button, .subscribe-nag .sample-message.nag-b.active .team-btn { display: none; } .subscribe-nag .sample-message.nag-a.active .bigbutton, .subscribe-nag .sample-message.nag-b.active .bigbutton { width: 100%; } .subscribe-nag .sample-message.nag-a .registration-form { width: 69%; } .subscribe-nag .sample-message.nag-a .cta-group { width: 30%; float: right; } .subscribe-nag .sample-message.nag-a .cta-group .bigbutton, .subscribe-nag .sample-message.nag-a .cta-group .team-btn { width: 100%; line-height: initial; } .subscribe-nag .sample-message.nag-b .registration-form { width: 85%; display: none; } .subscribe-nag .sample-message.nag-b h2 { margin: 1rem 0px 1rem 7%; float: left; width: 50%; } .subscribe-nag .sample-message.nag-b form { width: 75%; margin: 1rem auto; } .subscribe-nag .sample-message.nag-b .cta-group { width: 35%; float: right; margin: 0.5rem 0px 1rem 2%; } .subscribe-nag .sample-message.nag-b .cta-group div.bigbutton { display: block; width: 100%; margin: 0px 0px 10px; } .subscribe-nag .sample-message.nag-b .cta-group div.bigbutton.mobile { display: none; } .subscribe-nag .sample-message.nag-b.active h2 { width: 73%; margin: 1rem auto; float: none; } .subscribe-nag .sample-message.nag-b.active form { margin: 0px auto; } .subscribe-nag .sample-message.nag-b.active .registration-form { display: block; width: 100%; } .subscribe-nag .sample-message.nag-b.active .registration-form li { width: 50%; margin-right: 0px; float: left; padding: 0px 1%; } .subscribe-nag .sample-message.nag-b.active .registration-form_item.email { width: 100%; display: block; } .subscribe-nag .sample-message.nag-b.active .cta-group button { display: block; } .subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton { display: none; } @media screen and (max-width: 50em) { .subscribe-nag .sample-message.nag-a, .subscribe-nag .sample-message.nag-b { padding: 0px 10%; } .subscribe-nag .sample-message.nag-a h2, .subscribe-nag .sample-message.nag-b h2 { display: none; } .subscribe-nag .sample-message.nag-a .registration-form, .subscribe-nag .sample-message.nag-b .registration-form { display: none; float: none; padding: 1.5rem 16.5% 0.5rem; width: 100%; } .subscribe-nag .sample-message.nag-a .registration-form li, .subscribe-nag .sample-message.nag-b .registration-form li { display: block; width: 100%; } .subscribe-nag .sample-message.nag-a form, .subscribe-nag .sample-message.nag-b form { margin-bottom: 0.75rem; } .subscribe-nag .sample-message.nag-a .cta-group, .subscribe-nag .sample-message.nag-b .cta-group { width: 100%; padding: 1.5rem 16.5% 0px; margin: 0px; } .subscribe-nag .sample-message.nag-a .cta-group div.bigbutton, .subscribe-nag .sample-message.nag-b .cta-group div.bigbutton { display: block; margin: 0px 0px 10px; } .subscribe-nag .sample-message.nag-a .cta-group button, .subscribe-nag .sample-message.nag-b .cta-group button { display: none; font-family: "source sans pro", sans-serif; margin: 0px; } .subscribe-nag .sample-message.nag-a.active h2, .subscribe-nag .sample-message.nag-b.active h2 { display: block; padding: 1.5rem 16.5% 0px; margin: 0px; } .subscribe-nag .sample-message.nag-a.active .registration-form, .subscribe-nag .sample-message.nag-b.active .registration-form { display: block; } .subscribe-nag .sample-message.nag-a.active .doc-title, .subscribe-nag .sample-message.nag-b.active .doc-title { display: none; } .subscribe-nag .sample-message.nag-a.active .terms-conditions input, .subscribe-nag .sample-message.nag-b.active .terms-conditions input { margin: 4px 10px 0px 0px; vertical-align: top; } .subscribe-nag .sample-message.nag-a.active .terms-conditions label, .subscribe-nag .sample-message.nag-b.active .terms-conditions label { width: 90%; } .subscribe-nag .sample-message.nag-b form, .subscribe-nag .sample-message.nag-b.active h2 { width: 100%; } .subscribe-nag .sample-message.nag-a.active .cta-group, .subscribe-nag .sample-message.nag-b.active .cta-group { padding: 0px 16.5%; } .subscribe-nag .sample-message.nag-a.active .cta-group button, .subscribe-nag .sample-message.nag-b.active .cta-group button { display: block; } .subscribe-nag .sample-message.nag-a.active .cta-group div.bigbutton, .subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton { display: none; } .subscribe-nag .sample-message.nag-b .cta-group { padding: 0px; margin: 0px 0px 10px; } .subscribe-nag .sample-message.nag-b .cta-group div.bigbutton.mobile { display: inline-block; float: none; } .subscribe-nag .sample-message.nag-b .cta-group div.bigbutton, .subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton.mobile { display: none; } .subscribe-nag .sample-message.nag-b .cta-group .signin { margin: 0px; width: 100%; } .subscribe-nag .sample-message.nag-b.active .registration-form li { width: 100% !important; } .subscribe-nag .sample-message.nag-b.active .cta-group { padding: 0px 17%; } .subscribe-nag .sample-message .text-links { display: block; margin: 10px 0px 0px; } } .subscribe-nag p.welcome { font-size: 1.5rem; margin: 1.5rem 0px; font-weight: 300; } .subscribe-nag .registration-form__minimize::before { content: "���"; font-family: SSFlow; position: absolute; } .subscribe-nag .registration-form__minimize, .subscribe-nag .registration-form__minimize__title { display: none; } .subscribe-nag .registration-form__minimize.active { position: absolute; display: block; width: 20px; height: 20px; right: 20px; top: 5px; z-index: 10; cursor: pointer; } @media screen and (max-width: 32.5625em), screen and (max-height: 25.0625em) { .subscribe-nag.collapsed .header { margin: 10px 0px; } .subscribe-nag.collapsed footer { margin-top: 5px !important; } .subscribe-nag h2 { font-size: 1.5rem; } .subscribe-nag h3 { font-size: 1.125rem; } .subscribe-nag .sample-message .signin { position: relative; right: auto; margin: 0px 0px 0.9375rem; font-size: small; } .subscribe-nag .sample-message p { font-size: 1rem; } .subscribe-nag .sample-message p.usage-data { padding: 0px 3.125rem; line-height: 1.3em; } .subscribe-nag .sample-message .bigbutton { margin: 0px 0px 0.625rem; } .subscribe-nag .sample-message .comment { margin: -10px auto 0px !important; } .subscribe-nag footer { text-align: center !important; } .subscribe-nag footer #logo { float: none !important; margin: 0px 0px 12px !important; padding: 0px !important; } .subscribe-nag footer ul { padding: 0px; margin-top: 5px; font-size: smaller; line-height: 1em; } } .cover-position-right { max-width: 100%; max-height: 100%; height: auto; display: inline-block; } .academic-text { text-align: left; } .course-nag, .servererror .pod { text-align: center; } .academic-text h1 { color: rgb(119, 119, 119); font-family: "source sans pro", sans-serif; font-size: 2.5rem; } .academic-text h2 { font-size: 1.25rem; } .academic-text ol li { font-size: 1.125rem; } #academic-text-bold { font-weight: 700; } .support-text { margin-top: 20px; } .support-text p { font-size: 0.875rem; margin: 0px; } @media screen and (min-width: 1024px) and (orientation: landscape) { .cover-position-right { float: right; } .academic-text { float: left; } .academics-topics { clear: left; } } .academic-mailto-link { margin-top: 20px; } .course-nag { width: 140px; padding: 20px 10px 10px; position: fixed; z-index: 9999999; background: rgb(255, 255, 255); top: 15%; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 4px; font-size: 14px; line-height: 1.3; font-family: "source sans pro", arial, sans-serif; } .course-nag .close { padding: 1px 7px; position: absolute; top: 0px; right: 0px; font-size: 12px; font-weight: 600; color: rgb(255, 255, 255); background: rgb(0, 0, 0); } .course-nag .background { width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; } .course-nag .avatar { margin-bottom: 5px; } .course-nag .avatar img { width: 100px; height: 100px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; } .course-nag .time { font-weight: 600; } .course-nag .button { display: block; margin-top: 10px; padding: 7px 4px; font-size: 13px; } .course-nag .button.is-streaming-now { color: rgb(0, 133, 66); } .no-touch .rec-delete:focus, .no-touch .rec-delete:hover, .no-touch .rec-fav:focus, .no-touch .rec-fav:hover, .rec-delete, .rec-fav { background: 0px 0px; color: rgb(204, 204, 204); } .rec-delete, .rec-fav { box-shadow: none; line-height: 1; margin: 0px; padding: 0px; border: none; font-weight: 400; } .rec-delete:active, .rec-fav:active { top: 0px; } .django-messages { margin: 1rem 0px; font-family: "source sans pro", sans-serif; } .django-messages > li { position: relative; padding: 1rem; border-radius: 2px; background-clip: padding-box; color: rgb(255, 255, 255); } @media screen and (max-width: 30em) { .django-messages > li { margin: 1rem 0.9375rem; } } .django-messages .fixed-position { position: fixed; width: 92%; z-index: 99; } .django-messages .info, .django-messages .success { background: rgb(246, 93, 34); font-weight: 400; } .django-messages .info a, .django-messages .success a { color: rgb(255, 255, 255); text-decoration: underline; } .django-messages .info a.close, .django-messages .success a.close { text-decoration: none; } .django-messages .info::before, .django-messages .success::before { speak: none; content: "���"; position: relative; top: 3px; font-size: 21px; padding-right: 1rem; color: rgb(255, 255, 255); font-family: SSFlow; } .django-messages .success { background: rgb(0, 133, 66); } .django-messages .warning { background: rgb(129, 92, 0); } .django-messages .error { background: maroon; } .django-messages .welcome-banner { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); padding: 0.125rem 1rem; } .django-messages .welcome-banner h2 { margin-bottom: 0px; line-height: 1.15em; } .django-messages .welcome-banner p { margin-top: 10px; } .django-messages .alert { background-color: rgb(232, 186, 22); color: rgb(255, 255, 255); } .django-messages .alert::before { content: ""; background: url("/static/images/alert.a1ddd023edd3.png") 0% 0% / 25px no-repeat; width: 25px; height: 21px; display: block; margin-top: -3px; } .django-messages .alert a { color: rgb(255, 255, 255); text-decoration: underline; } .django-messages .error, .django-messages .warning { background-color: rgb(232, 186, 22); } .django-messages .error::before, .django-messages .warning::before { speak: none; content: "����"; position: relative; top: 3px; font-size: 21px; padding-right: 0.75rem; color: rgb(255, 255, 255); font-family: SSFlow; } .django-messages .error, .django-messages .nagbar { background-color: rgb(234, 109, 96); } .django-messages .error .buttongroup, .django-messages .nagbar .buttongroup { height: 1rem; overflow: visible; display: inline-block; margin: 0px; padding-left: 0.75rem; } .django-messages .error a, .django-messages .nagbar a { color: rgb(255, 255, 255); } .django-messages .nagbar::before { content: none; } .django-messages .close { position: absolute; top: 5px; right: 0px; bottom: 0px; width: 40px; height: 40px; text-decoration: none; } .django-messages .close::before { speak: none; position: relative; background: padding-box rgba(0, 0, 0, 0.33); top: 12px; left: 8px; border-radius: 50%; padding: 0.3125rem 0.375rem 0.125rem; height: 24px; width: 24px; line-height: 24px; font-size: 12px; color: rgb(255, 255, 255); font-family: SSFlow; content: "���"; } .enable-js, .modal-wrapper, .servererror { font-family: "source sans pro", sans-serif; } .django-messages .close span { display: none; } .pass-rules { font-size: 14px; color: rgb(85, 85, 85); } .pass-rules h4 { font-weight: 700; margin: 0px; padding: 0px; } .pass-rules ul { list-style-type: disc; margin: 0px 0px 1em 1.5em; } .servererror #masthead { background-color: rgb(7, 7, 7); width: 100%; min-width: 230px; font-weight: 700; } .servererror #masthead h1 { margin: 0px; padding: 0.5em; } .servererror #masthead h1 a { color: rgb(255, 255, 255); text-decoration: none; } .servererror section img { display: block; margin: 0.5em auto; max-width: 50%; } .servererror footer { padding: 1.5em; } .servererror h1 { color: rgb(119, 119, 119); display: inline-block; padding: 0px 1rem; margin: 0px 0px 1rem; } .servererror.js-error, .servererror.js-error .pod { background: rgb(247, 247, 247); } .upgrade { margin: 0px 0px 30px; padding: 20px; color: rgb(255, 255, 255); border-radius: 2px; background-clip: padding-box; } .upgrade.upgrade-green { background-color: rgb(246, 93, 34); } .upgrade.upgrade-yellow { background-color: rgb(229, 193, 94); } .upgrade.upgrade-red { background-color: rgb(234, 109, 96); } .upgrade.upgrade-blue { background-color: rgb(199, 194, 186); color: rgb(74, 60, 49); border: none; } .upgrade a { color: rgb(255, 255, 255); } .upgrade p { margin: 0px; font-size: 1.125rem; } .enable-js { min-height: 300px; padding: 1em; } .recommendations_debug div, .recommendations_debug li, div.recommendations_debug { padding-left: 5px; } .recommendations_debug ul { padding-left: 5px; padding-top: 5px; } body.night-mode { background-color: rgb(0, 0, 0) !important; } body.night-mode.video { background-color: rgb(0, 0, 0); } body.night-mode.video .sbo-book-meta { background-color: transparent; } body.night-mode.video .sbo-inpage-toc { border: 1px solid rgb(68, 68, 68); } body.night-mode.video .sbo-inpage-toc .toc-contents { border: none; background-color: rgb(0, 0, 0); } body.night-mode.video .sbo-inpage-toc .tocList li { border: none; } body.night-mode.video .sbo-inpage-toc .tocList li a { border-bottom: 1px solid rgb(34, 34, 34); } body.night-mode.video .sbo-inpage-toc .rec-fav { color: rgb(170, 170, 170); } body.night-mode.video .sbo-inpage-toc li { background-color: transparent; } body.night-mode.video .sbo-inpage-toc li a { border: none; } body.night-mode.video .sbo-inpage-toc .tabs li { border-bottom: 1px solid rgb(68, 68, 68); background-color: rgb(34, 34, 34); } body.night-mode.video .sbo-inpage-toc .tabs li.item-1, body.night-mode.video .sbo-inpage-toc .tabs li.item-2, body.night-mode.video .sbo-inpage-toc .tabs li.item3 { border-left: 1px solid rgb(68, 68, 68); } body.night-mode.video .sbo-inpage-toc .tabs li:hover { color: rgb(255, 255, 255); background-color: rgb(17, 17, 17); } body.night-mode.video .sbo-inpage-toc .tabs li.active-tab { background-color: transparent; border-bottom: none; color: rgb(255, 255, 255); } body.night-mode.video .sbo-inpage-toc .toc-bottom { border-top: 1px solid rgb(68, 68, 68); } body.night-mode.video .sbo-inpage-toc #description-tab, body.night-mode.video .sbo-inpage-toc .tab-inner p { color: rgb(255, 255, 255); } body.night-mode .night { background-color: rgb(0, 0, 0) !important; } body.night-mode .night .fa { color: rgb(246, 93, 34) !important; } body.night-mode .day { background-color: rgb(34, 34, 34) !important; } body.night-mode .day .fa { color: rgb(255, 255, 255) !important; } body.night-mode #container { background-color: rgb(0, 0, 0) !important; } body.night-mode .sbo-book-meta { background-color: rgb(0, 0, 0); border-bottom: 1px solid rgb(68, 68, 68); } body.night-mode .font-controls-panel { top: -1px; } body.night-mode .search-in-archive .search-archive-bar, body.night-mode .search-in-archive .search-archive-results ul { border: 1px solid rgb(102, 102, 102); } body.night-mode .search-in-archive .search-archive-results ul { border-top: none; } body.night-mode .search-in-archive .search-archive-bar { border-right: none; } body.night-mode .search-in-archive.result-active .search-archive-bar { border-bottom: none; } body.night-mode .search-in-archive { background-color: rgb(0, 0, 0); } body.night-mode .search-in-archive.active { border-color: rgb(102, 102, 102); background-color: rgb(34, 34, 34); } body.night-mode .search-in-archive.active .search-controls { background-color: rgb(34, 34, 34); } body.night-mode .search-in-archive.active .search-controls::before { background-color: rgb(246, 93, 34); } body.night-mode .search-in-archive .search-archive-bar, body.night-mode .search-in-archive .search-archive-results li, body.night-mode .search-in-archive .search-archive-results li.pagination a, body.night-mode .search-in-archive .search-archive-results li.search-whole-site a, body.night-mode .search-in-archive .search-archive-results ul { background-color: rgb(34, 34, 34); } body.night-mode .search-in-archive .search-archive-results li { border-color: rgb(102, 102, 102); color: rgb(255, 255, 255); } body.night-mode .search-in-archive .search-archive-results li .description { color: rgb(255, 255, 255); } body.night-mode .search-in-archive .search-archive-results li a.title { color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); } body.night-mode .topbar { background-color: rgb(34, 34, 34) !important; } body.night-mode .pagefoot, body.night-mode .topbar .topnav > li a:hover { background-color: rgb(0, 0, 0); } body.night-mode .topbar svg { stroke: rgb(255, 255, 255); fill: rgb(255, 255, 255); } body.night-mode .pagefoot .icon-up { background-color: rgb(34, 34, 34); border: 1px solid rgb(102, 102, 102); } body.night-mode .pagefoot a { color: rgb(221, 221, 221) !important; } body.night-mode .interface-controls .queue-control .rec-fav:focus, body.night-mode .interface-controls .queue-control .rec-fav:hover { background-color: rgb(0, 0, 0) !important; } body.night-mode .interface-controls .sharing-controls, body.night-mode .interface-controls a, body.night-mode .interface-controls button { background-color: rgb(0, 0, 0); } @media screen and (min-width: 49.4375em) { body.night-mode .interface-controls #font-controls, body.night-mode .interface-controls .search-in-archive, body.night-mode .interface-controls button { border-bottom: 1px solid rgb(85, 85, 85); } body.night-mode .interface-control-btns { border: 1px solid rgb(102, 102, 102); } } body.night-mode .pagination-title, body.night-mode .sbo-title h1, body.night-mode .topnav > li a { color: rgb(255, 255, 255) !important; } body.night-mode .toc-contents { border: 10px solid rgb(68, 68, 68); background-color: rgb(34, 34, 34); } body.night-mode ul.toc-level-2 { border-top: none; } body.night-mode .tocList li { background-color: rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); } body.night-mode .tocList li a { color: rgb(170, 170, 170); border-bottom: 1px solid rgb(51, 51, 51); } body.night-mode .tocList li.currently-reading, body.night-mode .tocList li.currently-reading a { background-color: rgb(85, 85, 85); } body.night-mode .nav-link, body.night-mode .sbo-menu-top { background-color: rgb(0, 0, 0); } body.night-mode .sbo-prev .nav-link { border-top: none; border-left: none; border-image: initial; border-right: 1px solid rgb(68, 68, 68); border-bottom: 1px solid rgb(68, 68, 68); } body.night-mode .sbo-menu-top { border-bottom: 1px solid rgb(68, 68, 68); border-right: 1px solid rgb(68, 68, 68); border-left: 1px solid rgb(68, 68, 68); } body.night-mode .sbo-next .nav-link { border-bottom: 1px solid rgb(68, 68, 68); } body.night-mode .sbo-next.sbo-nav-bottom, body.night-mode .sbo-prev.sbo-nav-bottom { border-top: 1px solid rgb(68, 68, 68); } @media screen and (max-width: 32.5625em), (max-height: 26.25em) { body.night-mode .sbo-menu-top { border-right: none; border-left: none; } body.night-mode .sbo-next .nav-link { border-top: none; } } body.night-mode #sbo-rt-content { background-color: rgb(0, 0, 0) !important; } body.night-mode #sbo-rt-content .black { color: rgb(255, 255, 255); } body.night-mode #sbo-rt-content .annotator-wrapper ::selection { background-color: rgba(255, 225, 255, 0.5); } body.night-mode #sbo-rt-content .annotator-wrapper span.annotator-hl { background-color: rgba(255, 225, 255, 0.3); color: rgb(255, 255, 255); } body.night-mode #sbo-rt-content .annotator-wrapper .annotator-adder ul, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-adder ul a, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-adder ul li, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul a, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul li { background-color: rgb(102, 102, 102) !important; } body.night-mode #sbo-rt-content .annotator-wrapper .annotator-adder ul a:hover, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-view-clicker ul a:hover { color: rgb(255, 255, 255) !important; } body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper { background-color: rgb(51, 51, 51) !important; } body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .selected, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .button-group.social-sharing a.share-button, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .left a, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .row, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .title, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper div, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper h4, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper li, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper p { background-color: rgb(51, 51, 51) !important; color: rgb(255, 255, 255) !important; } body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget .annotator-controls a.positive, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget textarea { color: rgb(255, 255, 255) !important; } body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .annotator-widget textarea { background-color: rgb(153, 153, 153); } body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper .button-group.social-sharing a.share-button { border: none; } body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper a, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper code, body.night-mode #sbo-rt-content .annotator-wrapper .annotator-modal-wrapper em { background-color: rgb(51, 51, 51); } body.night-mode #sbo-rt-content div, body.night-mode #sbo-rt-content table, body.night-mode #sbo-rt-content table th, body.night-mode #sbo-rt-content table thead, body.night-mode #sbo-rt-content table tr { background-color: rgb(0, 0, 0) !important; border-color: rgb(255, 255, 255) !important; } body.night-mode #sbo-rt-content .box_title, body.night-mode #sbo-rt-content .chaptertitle, body.night-mode #sbo-rt-content .cn-chapter-number, body.night-mode #sbo-rt-content .figure-title, body.night-mode #sbo-rt-content .fm_title_document, body.night-mode #sbo-rt-content .h1, body.night-mode #sbo-rt-content .heading-1, body.night-mode #sbo-rt-content .heading-3, body.night-mode #sbo-rt-content .paragraph-head, body.night-mode #sbo-rt-content .title, body.night-mode #sbo-rt-content .title_document, body.night-mode #sbo-rt-content h1, body.night-mode #sbo-rt-content h2, body.night-mode #sbo-rt-content h3, body.night-mode #sbo-rt-content h4, body.night-mode #sbo-rt-content h5, body.night-mode #sbo-rt-content h6, body.night-mode #sbo-rt-content hr { background-color: rgb(0, 0, 0); color: rgb(221, 221, 221) !important; } body.night-mode #sbo-rt-content .pre, body.night-mode #sbo-rt-content .pre-ex, body.night-mode #sbo-rt-content .pre1, body.night-mode #sbo-rt-content .pre_w, body.night-mode #sbo-rt-content p.pre, body.night-mode #sbo-rt-content pre { background-color: rgb(34, 34, 34) !important; color: rgb(170, 170, 170) !important; border: none !important; } body.night-mode #sbo-rt-content a, body.night-mode #sbo-rt-content div, body.night-mode #sbo-rt-content dt, body.night-mode #sbo-rt-content em, body.night-mode #sbo-rt-content li, body.night-mode #sbo-rt-content p, body.night-mode #sbo-rt-content strong { background-color: rgb(0, 0, 0); color: rgb(221, 221, 221) !important; box-shadow: none !important; } body.night-mode #sbo-rt-content code { color: rgb(221, 221, 221) !important; } body.night-mode #sbo-rt-content p.pre { color: rgb(0, 0, 0); } body.night-mode #sbo-rt-content div.bgbox dd, body.night-mode #sbo-rt-content div.bgbox dt, body.night-mode #sbo-rt-content div.bgbox li, body.night-mode #sbo-rt-content div.bgbox p, body.night-mode #sbo-rt-content div.boxg dt, body.night-mode #sbo-rt-content div.boxg li, body.night-mode #sbo-rt-content div.boxg p, body.night-mode #sbo-rt-content div.feature dd, body.night-mode #sbo-rt-content div.feature dt, body.night-mode #sbo-rt-content div.note dd, body.night-mode #sbo-rt-content div.note dt, body.night-mode #sbo-rt-content div.note li, body.night-mode #sbo-rt-content div.note p, body.night-mode #sbo-rt-content div.sidebar dd, body.night-mode #sbo-rt-content div.sidebar dt, body.night-mode #sbo-rt-content div.sidebar li, body.night-mode #sbo-rt-content div.sidebar p, body.night-mode #sbo-rt-content div.sidebar1 dd, body.night-mode #sbo-rt-content div.sidebar1 dt, body.night-mode #sbo-rt-content div.sidebar1 li, body.night-mode #sbo-rt-content div.sidebar1 p, body.night-mode #sbo-rt-content div.tip dd, body.night-mode #sbo-rt-content div.tip dt, body.night-mode #sbo-rt-content div.tip li, body.night-mode #sbo-rt-content div.tip p, body.night-mode #sbo-rt-content div.warning dd, body.night-mode #sbo-rt-content div.warning dt, body.night-mode #sbo-rt-content div.warning li, body.night-mode #sbo-rt-content div.warning p, body.night-mode #sbo-rt-content p.note, body.night-mode #sbo-rt-content p.pre-ex { color: rgb(255, 255, 255); } body.night-mode #sbo-rt-content div.bgbox p a, body.night-mode #sbo-rt-content div.boxg p a, body.night-mode #sbo-rt-content div.note a, body.night-mode #sbo-rt-content div.note p a, body.night-mode #sbo-rt-content div.sidebar p a, body.night-mode #sbo-rt-content div.sidebar1 p a, body.night-mode #sbo-rt-content div.tip p a, body.night-mode #sbo-rt-content div.warning p a, body.night-mode #sbo-rt-content p.note a, body.night-mode #sbo-rt-content p.pre-ex a { color: rgb(255, 255, 255); text-decoration: none; } body.night-mode #sbo-rt-content div.note h3, body.night-mode #sbo-rt-content div.note p.title, body.night-mode #sbo-rt-content div.sidebar h5, body.night-mode #sbo-rt-content div.sidebar p.title, body.night-mode #sbo-rt-content div.sidebar-title, body.night-mode #sbo-rt-content div.tip h3, body.night-mode #sbo-rt-content div.warning h3, body.night-mode #sbo-rt-content p.box_title { background-color: transparent; color: rgb(255, 255, 255) !important; } body.night-mode #sbo-rt-content .boxbg, body.night-mode #sbo-rt-content .note, body.night-mode #sbo-rt-content .note1, body.night-mode #sbo-rt-content .sidebar1, body.night-mode #sbo-rt-content .tip, body.night-mode #sbo-rt-content .warning, body.night-mode #sbo-rt-content div.note, body.night-mode #sbo-rt-content div.sidebar, body.night-mode #sbo-rt-content div.tip, body.night-mode #sbo-rt-content div.warning { box-shadow: none; color: rgb(255, 255, 255) !important; } body.night-mode #sbo-rt-content td, body.night-mode #sbo-rt-content td a, body.night-mode #sbo-rt-content td li, body.night-mode #sbo-rt-content td p, body.night-mode #sbo-rt-content td p a, body.night-mode #sbo-rt-content th, body.night-mode #sbo-rt-content th p { color: rgb(255, 255, 255); } body.night-mode .related .bitlist-header { color: rgb(221, 221, 221); } body.cloudy-mode { background-color: rgb(245, 238, 224) !important; } body.cloudy-mode.video .sbo-book-meta { border-bottom: 1px solid rgb(199, 193, 180); } body.cloudy-mode.video .tocList li a { border-bottom: 1px solid rgb(230, 230, 230); } body.cloudy-mode.video .sbo-inpage-toc { border: 1px solid rgb(199, 193, 180); } body.cloudy-mode.video .sbo-inpage-toc .toc-contents { border: none; } body.cloudy-mode.video .sbo-inpage-toc .progress-indicator { color: rgb(190, 185, 166); border: 2px solid rgb(190, 185, 166); } body.cloudy-mode.video .sbo-inpage-toc .toc-bottom { border-top: 1px solid rgb(199, 193, 180); } body.cloudy-mode.video .sbo-inpage-toc .tabs li { background-color: rgb(224, 217, 203); border-bottom: 1px solid rgb(199, 193, 180); } body.cloudy-mode.video .sbo-inpage-toc .tabs li.active-tab { background-color: rgb(245, 238, 224); border-bottom: none; } body.cloudy-mode.video .sbo-inpage-toc .tabs li.item-1, body.cloudy-mode.video .sbo-inpage-toc .tabs li.item-2, body.cloudy-mode.video .sbo-inpage-toc .tabs li.item-3, body.cloudy-mode.video .sbo-inpage-toc .tabs li.item-4 { border-left: 1px solid rgb(199, 193, 180); } body.cloudy-mode .nav-icn.active { background-color: rgb(245, 238, 224) !important; } body.cloudy-mode .rec-fav.active::before { color: rgb(246, 93, 34); } body.cloudy-mode .cloudy { background-color: rgb(0, 0, 0) !important; } body.cloudy-mode .cloudy .fa { color: rgb(246, 93, 34) !important; } body.cloudy-mode .day { background-color: rgb(34, 34, 34) !important; } body.cloudy-mode .day .fa { color: rgb(255, 255, 255) !important; } body.cloudy-mode #container { background-color: rgb(245, 238, 224) !important; } body.cloudy-mode .pagefoot { background-color: rgb(245, 238, 224); } body.cloudy-mode .pagefoot .icon-up { background-color: rgb(245, 238, 224); border: 1px solid rgb(199, 193, 180); } body.cloudy-mode .pagefoot a { color: rgb(64, 64, 64) !important; } body.cloudy-mode .interface-controls .queue-control .rec-fav:focus, body.cloudy-mode .interface-controls .queue-control .rec-fav:hover { background-color: rgb(245, 238, 224) !important; } body.cloudy-mode .interface-controls .sharing-controls, body.cloudy-mode .interface-controls a, body.cloudy-mode .interface-controls button, body.cloudy-mode .search-in-archive, body.cloudy-mode .search-in-archive.active .search-controls { background-color: rgb(245, 238, 224); } body.cloudy-mode .interface-controls .fa-share, body.cloudy-mode .interface-controls a::before, body.cloudy-mode .interface-controls button::before { color: rgb(173, 167, 153); } body.cloudy-mode .search-in-archive.active { border-color: rgb(199, 193, 180); background-color: rgb(245, 238, 224); } body.cloudy-mode .search-in-archive.active .search-controls::before { background-color: rgb(246, 93, 34); } body.cloudy-mode .sbo-book-meta, body.cloudy-mode .search-in-archive .search-archive-bar, body.cloudy-mode .search-in-archive .search-archive-results li, body.cloudy-mode .search-in-archive .search-archive-results li.pagination a, body.cloudy-mode .search-in-archive .search-archive-results li.search-whole-site a, body.cloudy-mode .search-in-archive .search-archive-results ul, body.cloudy-mode .toc-contents, body.cloudy-mode .tocList li { background-color: rgb(245, 238, 224); } body.cloudy-mode .search-in-archive .search-archive-results li { border-color: rgb(199, 193, 180); color: rgb(64, 64, 64); } body.cloudy-mode .search-in-archive .search-archive-results li .description { color: rgb(64, 64, 64); } body.cloudy-mode .search-in-archive .search-archive-results li a.title { color: rgb(64, 64, 64); background-color: rgb(245, 238, 224); } @media screen and (min-width: 49.4375em) { body.cloudy-mode .interface-controls #font-controls, body.cloudy-mode .interface-controls .search-in-archive, body.cloudy-mode .interface-controls button { border-bottom: 1px solid rgb(199, 193, 180); } body.cloudy-mode .interface-control-btns { border: 1px solid rgb(199, 193, 180); } } body.cloudy-mode .toc-contents { border: 10px solid rgb(199, 193, 180); } body.cloudy-mode .sbo-book-meta { border-bottom: 1px solid rgb(199, 193, 180); } body.cloudy-mode .tocList li.currently-reading, body.cloudy-mode .tocList li.currently-reading a { background-color: rgb(234, 231, 219); } body.cloudy-mode .nav-link, body.cloudy-mode .sbo-menu-top { background-color: rgb(245, 238, 224); } body.cloudy-mode .sbo-prev .nav-link { border-top: none; border-left: none; border-image: initial; border-right: 1px solid rgb(199, 193, 180); border-bottom: 1px solid rgb(199, 193, 180); } body.cloudy-mode .sbo-menu-top, body.cloudy-mode .sbo-next .nav-link { border-bottom: 1px solid rgb(199, 193, 180); } body.cloudy-mode .sbo-menu-top { border-right: 1px solid rgb(199, 193, 180); border-left: 1px solid rgb(199, 193, 180); } body.cloudy-mode .sbo-next.sbo-nav-bottom, body.cloudy-mode .sbo-prev.sbo-nav-bottom { border-top: 1px solid rgb(199, 193, 180); } body.cloudy-mode .topbar { background-color: rgb(224, 217, 203) !important; } body.cloudy-mode .topbar .topnav > li a:hover { background-color: rgb(245, 238, 224); } @media screen and (max-width: 32.5625em), (max-height: 26.25em) { body.cloudy-mode .sbo-next .nav-link { border-top: none; } } body.cloudy-mode #sbo-rt-content { background-color: rgb(245, 238, 224) !important; } body.cloudy-mode #sbo-rt-content div, body.cloudy-mode #sbo-rt-content table, body.cloudy-mode #sbo-rt-content table th, body.cloudy-mode #sbo-rt-content table thead, body.cloudy-mode #sbo-rt-content table tr { background-color: rgb(245, 238, 224) !important; border: none !important; } body.cloudy-mode #sbo-rt-content .box_title, body.cloudy-mode #sbo-rt-content .chaptertitle, body.cloudy-mode #sbo-rt-content .cn-chapter-number, body.cloudy-mode #sbo-rt-content .figure-title, body.cloudy-mode #sbo-rt-content .fm_title_document, body.cloudy-mode #sbo-rt-content .h1, body.cloudy-mode #sbo-rt-content .heading-1, body.cloudy-mode #sbo-rt-content .heading-3, body.cloudy-mode #sbo-rt-content .paragraph-head, body.cloudy-mode #sbo-rt-content .title, body.cloudy-mode #sbo-rt-content .title_document, body.cloudy-mode #sbo-rt-content h1, body.cloudy-mode #sbo-rt-content h2, body.cloudy-mode #sbo-rt-content h3, body.cloudy-mode #sbo-rt-content h4, body.cloudy-mode #sbo-rt-content h5, body.cloudy-mode #sbo-rt-content h6, body.cloudy-mode #sbo-rt-content hr { background-color: rgb(245, 238, 224); color: rgb(64, 64, 64) !important; } body.cloudy-mode #sbo-rt-content .pre, body.cloudy-mode #sbo-rt-content .pre-ex, body.cloudy-mode #sbo-rt-content .pre1, body.cloudy-mode #sbo-rt-content .pre_w, body.cloudy-mode #sbo-rt-content p.pre, body.cloudy-mode #sbo-rt-content pre { background-color: rgb(245, 238, 224) !important; color: rgb(64, 64, 64) !important; border: none !important; } body.cloudy-mode #sbo-rt-content a, body.cloudy-mode #sbo-rt-content dt, body.cloudy-mode #sbo-rt-content li, body.cloudy-mode #sbo-rt-content p, body.cloudy-mode #sbo-rt-content strong { color: rgb(64, 64, 64); box-shadow: none !important; } body.cloudy-mode #sbo-rt-content div { color: inherit !important; } body.cloudy-mode #sbo-rt-content div.bgbox dd, body.cloudy-mode #sbo-rt-content div.bgbox dt, body.cloudy-mode #sbo-rt-content div.bgbox li, body.cloudy-mode #sbo-rt-content div.bgbox p, body.cloudy-mode #sbo-rt-content div.boxg dt, body.cloudy-mode #sbo-rt-content div.boxg li, body.cloudy-mode #sbo-rt-content div.boxg p, body.cloudy-mode #sbo-rt-content div.feature dd, body.cloudy-mode #sbo-rt-content div.feature dt, body.cloudy-mode #sbo-rt-content div.note dd, body.cloudy-mode #sbo-rt-content div.note dt, body.cloudy-mode #sbo-rt-content div.note li, body.cloudy-mode #sbo-rt-content div.note p, body.cloudy-mode #sbo-rt-content div.sidebar dd, body.cloudy-mode #sbo-rt-content div.sidebar dt, body.cloudy-mode #sbo-rt-content div.sidebar li, body.cloudy-mode #sbo-rt-content div.sidebar p, body.cloudy-mode #sbo-rt-content div.sidebar1 dd, body.cloudy-mode #sbo-rt-content div.sidebar1 dt, body.cloudy-mode #sbo-rt-content div.sidebar1 li, body.cloudy-mode #sbo-rt-content div.sidebar1 p, body.cloudy-mode #sbo-rt-content div.tip dd, body.cloudy-mode #sbo-rt-content div.tip dt, body.cloudy-mode #sbo-rt-content div.tip li, body.cloudy-mode #sbo-rt-content div.tip p, body.cloudy-mode #sbo-rt-content div.warning dd, body.cloudy-mode #sbo-rt-content div.warning dt, body.cloudy-mode #sbo-rt-content div.warning li, body.cloudy-mode #sbo-rt-content div.warning p, body.cloudy-mode #sbo-rt-content p.note, body.cloudy-mode #sbo-rt-content p.pre-ex { color: rgb(64, 64, 64); } body.cloudy-mode #sbo-rt-content div.bgbox p a, body.cloudy-mode #sbo-rt-content div.boxg p a, body.cloudy-mode #sbo-rt-content div.note a, body.cloudy-mode #sbo-rt-content div.note p a, body.cloudy-mode #sbo-rt-content div.sidebar p a, body.cloudy-mode #sbo-rt-content div.sidebar1 p a, body.cloudy-mode #sbo-rt-content div.tip p a, body.cloudy-mode #sbo-rt-content div.warning p a, body.cloudy-mode #sbo-rt-content p.note a, body.cloudy-mode #sbo-rt-content p.pre-ex a { color: rgb(64, 64, 64); text-decoration: none; } body.cloudy-mode #sbo-rt-content div.note h3, body.cloudy-mode #sbo-rt-content div.note p.title, body.cloudy-mode #sbo-rt-content div.sidebar h5, body.cloudy-mode #sbo-rt-content div.sidebar p.title, body.cloudy-mode #sbo-rt-content div.sidebar-title, body.cloudy-mode #sbo-rt-content div.tip h3, body.cloudy-mode #sbo-rt-content div.warning h3, body.cloudy-mode #sbo-rt-content p.box_title { background-color: transparent; color: rgb(64, 64, 64) !important; } body.cloudy-mode #sbo-rt-content .boxbg, body.cloudy-mode #sbo-rt-content .note, body.cloudy-mode #sbo-rt-content .note1, body.cloudy-mode #sbo-rt-content .sidebar1, body.cloudy-mode #sbo-rt-content .tip, body.cloudy-mode #sbo-rt-content .warning, body.cloudy-mode #sbo-rt-content div.note, body.cloudy-mode #sbo-rt-content div.sidebar, body.cloudy-mode #sbo-rt-content div.tip, body.cloudy-mode #sbo-rt-content div.warning { box-shadow: none; color: rgb(64, 64, 64) !important; } body.cloudy-mode #sbo-rt-content td, body.cloudy-mode #sbo-rt-content td a, body.cloudy-mode #sbo-rt-content td li, body.cloudy-mode #sbo-rt-content td p, body.cloudy-mode #sbo-rt-content td p a, body.cloudy-mode #sbo-rt-content th, body.cloudy-mode #sbo-rt-content th p { color: rgb(64, 64, 64); } body.cloudy-mode #sbo-rt-content span.annotator-hl { background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); } .scale-right-to-left-appear { transform: scale(0); transform-origin: right top; transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .scale-right-to-left-appear-active { transform: scale(1); } .fade-in-appear { opacity: 0.01; } .fade-in-appear-active { opacity: 1; transition: opacity 0.5s ease-in 0s; } .right { float: right; } .modal-active { overflow: hidden; } .no-touch .modal-active .title-cards .title-hover { visibility: visible; opacity: 1; display: block; } button.fetching { background-size: 30px; padding-right: 35px !important; } .modal-underlay { position: fixed; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); left: 0px; top: 0px; z-index: 999; transition: opacity 0.25s ease-in-out 0s; } .modal-underlay-appear { opacity: 0.01; } .modal-underlay-appear-active { opacity: 1; transition: opacity 0.5s ease-in 0s; } .modal-menu { height: 140px; overflow-y: auto; } .modal-wrapper .dropdown-item a, .modal-wrapper .dropdown-item a .item-title { overflow: hidden; text-overflow: ellipsis; max-width: 420px; } .modal-wrapper { width: 480px; z-index: 9999; background-color: rgb(255, 255, 255); position: fixed; left: 50%; margin-left: -240px; top: 100px; border: 1px solid rgb(237, 237, 237); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; padding: 1em 2em 3em; border-radius: 1.5px; text-align: left; } .modal-wrapper h1 { margin: 0px 0px 20px; font-size: 24px; font-weight: 400; } .modal-wrapper h4 { color: rgb(7, 7, 7); font-size: 16px; font-weight: 700; margin: 1em 0px 0.5em; } .modal-wrapper input[type="search"] { width: 100%; padding: 8px; border: 1px solid rgb(221, 221, 221); font-size: larger; margin: 0px; appearance: none; } .modal-wrapper .wrap-search { position: relative; } .modal-wrapper .wrap-search svg { position: absolute; right: 5px; top: 5px; } .modal-wrapper .modal-menu .does-exist-in-collection { background-color: rgb(245, 245, 245); } .modal-wrapper .modal-menu li { height: 35px; } .modal-wrapper .modal-menu li a { color: rgb(7, 7, 7); padding: 0px 0.5em; width: 100%; display: block; font-size: 16px; line-height: 35px; } .modal-wrapper .modal-menu li a:hover { background-color: rgb(237, 237, 237); text-decoration: none; } .modal-wrapper .dropdown-item a { white-space: nowrap; position: relative; padding-right: 40px !important; } .modal-wrapper .error-message { background-color: rgb(239, 154, 154); margin-bottom: 30px; margin-top: 10px; max-width: 920px; padding: 10px 20px; width: 100%; } .modal-wrapper .error-message p { font-size: 1em; margin: 0px; } @media (max-width: 768px) { .modal-wrapper { width: 100%; margin-left: 0px; left: 0px; top: 0px; height: 100%; } } .modal-wrapper .modal-close { position: absolute; top: 0px; right: 0px; padding: 0.6em; max-width: 40px; max-height: 40px; background: rgb(255, 255, 255); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s; border-radius: 50% !important; } .modal-wrapper .modal-close svg { fill: rgb(103, 103, 103); height: 24px; pointer-events: none; width: 24px; vertical-align: top; } .modal-close:hover { background-color: rgb(221, 221, 221); } .modal-close:focus { background-color: rgb(170, 170, 170); } .modal-wrapper .modal-menu li.list-slide-leave { height: 35px; opacity: 1; } .modal-wrapper .modal-menu li.list-slide-leave-active { height: 0px; opacity: 0.01; transition: all 0.3s ease-in 0s; } .modal-wrapper .modal-menu li.list-slide-enter { height: 0px; opacity: 0.01; } .modal-wrapper .modal-menu li.list-slide-enter-active { height: 35px; opacity: 1; transition: all 0.3s ease-in 0s; } .modal-wrapper .dropdown-item a .is-fetching-gif, .modal-wrapper .dropdown-item a svg, .modal-wrapper .dropdown-item a.error svg { position: absolute; right: 5px; top: 8px; } .modal-create-collection.modal-wrapper { padding: 1em 2em 6em; } .modal-create-collection .create-collection-container input[type="text"], .modal-create-collection .create-collection-container textarea { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid rgb(64, 64, 64); background-color: transparent; width: 100%; max-width: 100%; border-radius: 0px; outline: 0px; padding: 6px 0px; } .modal-create-collection .create-collection-container input[type="text"] { font-size: 20px; } .modal-create-collection .create-collection-container textarea { margin-top: 0.35em; resize: none; } .modal-create-collection .create-collection-container label { line-height: 1.3em; margin-top: 0px; color: rgb(153, 153, 153); } .modal-create-collection .create-collection-container input[type="text"].error { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid rgb(185, 0, 45); background-color: transparent; } .modal-create-collection .create-collection-container input[type="text"].success { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid green; background-color: transparent; } .modal-create-collection .create-collection-container label.error, .modal-create-collection .create-collection-container label.success { font-weight: 700; color: rgb(68, 68, 68); } .modal-create-collection .create-collection-container label.success a { cursor: pointer; color: rgb(246, 93, 34); } .modal-create-collection .create-collection-container .actions { position: absolute; right: 28px; bottom: 30px; display: block; } .modal-create-collection .create-collection-container .actions .cancel { color: rgb(51, 51, 51); } .modal-create-collection .create-collection-container .actions li { display: inline-block; margin-left: 15px; } #sbo-rt-content nav[hidden], .js-playlist-addto-label, .modal-wrapper .create-collection-container .wrap-textarea h2, .modal-wrapper .wrap-collection-name-input .wrap-svg { display: none; } .modal-wrapper .wrap-collection-name-input { padding-right: 0px; } .modal-wrapper .wrap-collection-name-input .actions { position: absolute; top: 300px; left: auto; right: 30px; } @media screen and (max-width: 51.25em) { .modal-wrapper .create-collection-container { margin-top: 0px; } } .modal-wrapper .create-collection-container .wrap-collection-name-input, .modal-wrapper .create-collection-container .wrap-textarea { margin-top: 0px; } @media screen and (max-width: 320px) { .modal-wrapper .create-collection-container .actions { left: 0px; } .modal-wrapper .create-collection-container .actions li { width: 100%; } .modal-wrapper .create-collection-container .actions li button { width: 100%; margin-bottom: 5px; } } .modal-pair-devices { text-align: center; padding-top: 30px; } .modal-pair-devices p { font-size: 14px; color: rgb(170, 170, 170); } .modal-pair-devices .button-primary, .modal-pair-devices .button-secondary, .modal-pair-devices button { padding: 10px 40px; margin-top: 15px; } .modal-wrapper.expiring-pair-code-modal-nag h1, .modal-wrapper.modal-pair-devices h1 { padding-right: 30px; line-height: 1.25em; margin-top: 15px; } .modal-wrapper.expiring-pair-code-modal-nag, .modal-wrapper.modal-pair-devices { text-align: center; } .modal-wrapper.expiring-pair-code-modal-nag p, .modal-wrapper.modal-pair-devices p { color: rgb(153, 153, 153); } @media (max-width: 540px) { .modal-wrapper.expiring-pair-code-modal-nag .button-primary, .modal-wrapper.expiring-pair-code-modal-nag .button-secondary, .modal-wrapper.expiring-pair-code-modal-nag button, .modal-wrapper.modal-pair-devices .button-primary, .modal-wrapper.modal-pair-devices .button-secondary, .modal-wrapper.modal-pair-devices button { width: 100%; margin: 10px 0px; text-align: center; } } .title-cards .card-hover-actions .card-button { min-width: fit-content; } .title-cards .card-hover-actions .title-add-to-queue { position: absolute; right: 10px; } .js-transform-playlist-titles .title-hover .js-playlist-icon { left: 30px; position: inherit; top: 8px; } .js-transform-playlist-titles .title-hover .js-playlist-icon svg { right: 0px; position: inherit; } @media screen and (max-width: 580px) { .js-transform-playlist-titles .title-hover .js-playlist-icon { top: 10px; left: 25px; position: inherit; } .js-transform-playlist-titles .title-hover .js-playlist-icon svg { top: -3px; left: 3px; position: relative; } } .js-playlist-icon { position: relative; top: 1px; left: 2px; width: 18px; height: 16px; overflow: visible; border: none !important; outline: 0px !important; } .menu-dropdown-region li a, .sbo-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sbo-inpage-toc-inner .js-playlist-icon { left: 20px; position: initial; } .js-playlists-menu { position: relative; bottom: -2px; right: 2px; } .icon-add-to-playlist-sml, .icon-added-to-playlist-sml { width: 16px; height: 14px; position: initial; bottom: 2px; right: 1px; } .queue-control .icon-add-to-playlist-sml, .queue-control .icon-added-to-playlist-sml { width: auto; height: auto; bottom: 15px; right: 15px; } .interface-controls .collections-dropdown .menu-control .tooltip.top-right.playlist-tooltip { top: 40px !important; right: 16px !important; } .js-playlists-menu .icon-add-to-playlist-sml g g { fill: rgb(179, 179, 179); } .js-playlists-menu .icon-added-to-playlist-sml g g, .js-playlists-menu:hover .icon-add-to-playlist-sml g g { fill: rgb(246, 93, 34); } .top-right.playlist-tooltip { top: 32px !important; right: -5px !important; } .top-left.playlist-tooltip { left: 4px !important; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; } #sbo-rt-content { position: relative; z-index: 10; } #sbo-rt-content img { height: auto; max-width: 100%; } #sbo-rt-content .sbo-vid-wrapper { background-color: rgb(0, 0, 0); width: 100%; position: relative; padding-bottom: 75%; } #sbo-rt-content .sbo-vid-wrapper.arriving { background: center center no-repeat rgb(0, 0, 0); } #sbo-rt-content .sbo-vid-wrapper iframe, #sbo-rt-content .sbo-vid-wrapper object { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 60.1%; } @media screen and (max-width: 78.125em) { #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 61%; } } @media screen and (max-width: 50em) { #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 62%; } } @media screen and (max-width: 43.75em) { #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 63%; } } @media screen and (max-width: 40.625em) { #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 64%; } } @media screen and (max-width: 34.375em) { #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 64.5%; } } @media screen and (max-width: 30em) { #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 66%; } } @media screen and (max-width: 26.25em) { #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 67%; } } @media screen and (max-width: 23.75em) { #sbo-rt-content .sbo-vid-wrapper.kaltura-player { padding-bottom: 68%; } } body { margin: 0px; } body.reading { background-color: rgb(255, 255, 255); padding-top: 62px; } @media screen and (max-width: 32.5em), screen and (max-height: 26.25em) { body.reading { padding-top: 0px; } } body.reading.video { padding-top: 0px; } #certs-integration-floater { margin: 0px; padding-left: 16px; display: none; position: fixed; bottom: 24px; right: 132px; width: 229px; height: 100px; background-color: rgb(255, 255, 255); color: rgb(61, 59, 73); border: 1px solid rgb(146, 146, 146); border-radius: 2px; z-index: 100001; } #certs-integration-floater .orm-icon-close-x { width: 12px; height: 12px; position: absolute; top: 12px; right: 12px; background: url("/static/images/close.862fc3a7237a.png") right center / 12px 12px no-repeat; } #certs-integration-floater p { margin: 12px 0px 8px; font-family: Guardian, sans-serif; font-size: 14px; font-weight: 600; line-height: 24px; } #certs-integration-floater a { font-size: 12px; font-family: Guardian, sans-serif; color: rgb(211, 0, 45); } #certs-integration-floater a:hover { color: rgb(211, 0, 45); } #certs-integration-floater .bar { position: absolute; top: -1px; left: -1px; width: 4px; height: 100px; background-color: rgb(211, 0, 45); } #certs-integration-floater li { margin: 0px 0px 4px; } #certs-integration-floater svg { position: relative; top: 3px; left: 0px; } #certs-integration-floater svg * { fill: rgb(211, 0, 45); } .practice-exam-control { display: flex; align-items: center; justify-content: center; border-top: 1px solid rgb(204, 204, 204); } .practice-exam-control a:hover svg * { fill: rgb(246, 93, 34); } @media screen and (min-width: 32.5625em) { .practice-exam-control { border-top: inherit; } } .guide-control { display: flex; align-items: center; justify-content: center; border-top: 1px solid rgb(204, 204, 204); } .guide-control a svg { width: 55%; height: 100%; } .guide-control a svg * { fill: rgb(179, 179, 179); } .guide-control a:hover svg * { fill: rgb(246, 93, 34); } @media screen and (min-width: 32.5625em) { .guide-control { border-top: inherit; } } .is-fetching-gif { max-width: 18px; float: right; } .menu-caret .is-fetching-gif { max-width: 12px; } .menu-dropdown-region { position: absolute; left: -305px; top: -1px; width: 300px; text-align: left; background-color: rgb(246, 246, 246); z-index: 99; border-radius: 5px 0px 0px 5px; background-clip: padding-box; box-shadow: rgb(170, 170, 170) 0px 2px 5px; border: 1px solid rgb(238, 238, 238); } .menu-dropdown-region li { float: left; background-color: transparent !important; } .interface-controls .collections-dropdown .caret .is-fetching-gif, .modal-wrapper .modal-menu li.dropdown-item { float: none; } .menu-dropdown-region li.is-fetching { background-color: rgb(245, 245, 245); } .menu-dropdown-region li a { display: inline-block; max-width: 300px; height: auto; font-size: inherit; padding: 10px 30px 10px 10px; width: 100%; text-align: left; font-family: "Source Sans Pro", arial, sans-serif; color: rgb(29, 34, 37); } .nav-link, .sbo-prev-next, .sbo-reading-menu { font-family: "source sans pro", sans-serif; } .menu-dropdown-region li a:focus, .menu-dropdown-region li a:hover { background-color: rgb(238, 238, 238); color: rgb(29, 34, 37); text-decoration: none !important; } .menu-dropdown-region li img, .menu-dropdown-region li svg { position: absolute; top: 9px; right: 10px; } @media screen and (max-width: 49.375em) { .menu-dropdown-region { left: -150px; top: 40px; } .menu-dropdown-region li { float: none; width: 100%; } } .modal-active .sbo-reading-menu { display: none; } .modal-wrapper input { margin: 0px 0px 0.5em; } .modal-wrapper .modal-close { margin: 5px; } .modal-wrapper .dropdown-item a { text-align: left; } .modal-wrapper .actions a, .modal-wrapper .actions button { width: auto; height: auto; font-size: 15px; color: rgb(64, 64, 64); } .interface-controls .modal-wrapper a { width: auto; height: auto; font-size: 13px; cursor: pointer; } .interface-controls .queue-control .collections-dropdown .rec-fav::before { left: -5px; } .interface-controls .collections-dropdown .caret { position: absolute; top: 10px; width: 10px; left: 35px; background-color: transparent; } .interface-controls .collections-dropdown .caret .menu-caret { padding: 0px; width: auto; height: auto; border: none; text-align: left; outline: 0px; } .interface-controls .collections-dropdown .caret .menu-caret svg { transform: rotate(0deg); } .interface-controls .collections-dropdown .caret .menu-caret.opened svg { transform: rotate(180deg); } .interface-controls .collections-dropdown .caret a { height: 20px; } .interface-controls .collections-dropdown .dropdown-item.border-top { border-top: 1px solid rgb(209, 209, 209); } .interface-controls .collections-dropdown .menu-control { border-bottom: 1px solid rgb(204, 204, 204); height: 50px; } .interface-controls .collections-dropdown .menu-control svg { width: 19px !important; height: 25px !important; } @media screen and (max-width: 49.4375em) { .interface-controls .collections-dropdown .menu-control { border-bottom: 0px; } } @media screen and (max-height: 26.25em) { .interface-controls .collections-dropdown .menu-control { border-bottom: 0px; } } .interface-controls .collections-dropdown .menu-control .tooltip { position: absolute; right: 0px; top: 45px; color: rgb(255, 255, 255); opacity: 1; } .interface-controls .collections-dropdown .menu-control .tooltip.queue-tooltip { right: 20px; } .interface-controls .collections-dropdown .queue-spinner { width: 30px; position: relative; top: 8px; right: 5px; } .interface-controls .collections-dropdown .rec-fav { border-bottom: none; } .interface-controls .collections-dropdown .rec-fav:hover { color: rgb(246, 93, 34); } .sbo-inpage-toc .collections-dropdown { width: 80px; height: 40px; position: absolute; right: 10px; top: 0px; max-width: 10%; } .sbo-inpage-toc .queue-spinner { width: 20px; position: absolute; right: 12px; top: 10px; } .sbo-inpage-toc .collections-dropdown .menu-caret { position: relative; width: 15px; height: 20px; top: -1px; left: 70px; border: none; background-color: transparent; outline: 0px; padding: 0px !important; margin: 0px !important; } .sbo-inpage-toc .collections-dropdown .menu-caret svg { transform: rotate(0deg); width: 6px; height: 4px; } .sbo-inpage-toc .collections-dropdown .menu-caret.opened svg { transform: rotate(180deg); } .sbo-inpage-toc .collections-dropdown .menu-caret a:hover { text-decoration: none; } .sbo-inpage-toc .collections-dropdown .menu-caret .is-fetching-gif { position: absolute; right: 0px; top: 1px; } .sbo-inpage-toc .collections-dropdown .menu-caret::before { margin-left: 0px !important; } .sbo-inpage-toc .collections-dropdown .menu-dropdown-region { left: -255px; } .sbo-inpage-toc .collections-dropdown .menu-dropdown-region .dropdown-item { width: 100%; padding: 0px; } .sbo-inpage-toc .collections-dropdown .menu-dropdown-region .dropdown-item.border-top { border-top: 1px solid rgb(209, 209, 209); } .sbo-inpage-toc .collections-dropdown .menu-dropdown-region .dropdown-item a { padding: 6px 15px 6px 10px; border: none; } @media screen and (max-width: 28.125em) { .sbo-inpage-toc .collections-dropdown .menu-dropdown-region { left: -170px; } } .sbo-inpage-toc .collections-dropdown .menu-control .tooltip { position: absolute; right: 10px; top: 35px; color: rgb(255, 255, 255); opacity: 1; } .sbo-inpage-toc .collections-dropdown .menu-control .tooltip.queue-tooltip { right: 13px; } .sbo-inpage-toc .collections-dropdown .menu-control .tooltip.collections-tooltip { right: -10px; } .tooltip.top-right .tooltip-arrow { top: -5px; transform: rotate(180deg); } .reading .mfp-bg { background-color: rgb(0, 0, 0); } .reading .mfp-content { margin: 0.625rem; } @media screen and (max-width: 32.625em) { .reading .mfp-content { margin: 0px; } } .reading .mfp-content img { background-color: rgb(255, 255, 255); padding: 0px; } .reading .mfp-content .mfp-figure { background-color: rgb(0, 0, 0); padding: 1.5625rem 0.625rem 0px; border: 1px solid rgb(85, 85, 85); border-radius: 2px; background-clip: padding-box; } .reading .mfp-content .mfp-figure button { color: rgb(155, 155, 155); font-weight: 700; font-size: 1.5625rem; padding: 0px; right: 5px; top: -8px; } @media screen and (max-width: 32.5em) { .reading .mfp-content .mfp-figure { padding: 2.5rem 0px; } } .reading .mfp-content .mfp-figure .mfp-title { color: rgba(64, 64, 64, 0.75); } .reading .mfp-content .mfp-figure::after { position: relative; } .reading .mfp-content .mfp-figure .mfp-bottom-bar { position: relative; margin: 20px 0px 0px; } @media screen and (max-width: 32.625em) { .reading .mfp-content .mfp-figure .mfp-bottom-bar { margin: 20px 0px 0px 10px; } } #sbo-rt-content img.js-totri-lightbox { transition: border 200ms linear 0s; cursor: zoom-in; border: 2px solid rgb(64, 64, 64) !important; } #sbo-rt-content a.totri-footnote { padding: 0.5rem 0.375rem 0.375rem; display: inline-block; border: none !important; } #sbo-rt-content a.totri-footnote:hover { text-decoration: underline; } #sbo-rt-content sup { position: relative; top: -8px; z-index: 2; } .topnav .search { display: none; } @media screen and (max-width: 32.5625em) { .topnav .search { display: inline-block; } } .clearfix::after, .clearfix::before { content: " "; display: table; } .clearfix::after { clear: both; } .sbo-prev-next { background: rgb(255, 255, 255); } .sbo-nav-bottom { position: relative; z-index: 20; } .sbo-nav-top { position: relative; z-index: 1; } .nav-link { text-overflow: ellipsis; } .nav-link, .pagination-label, .pagination-label::after, .pagination-label::before { transition: color 0.2s ease-out 0s; } .nav-link, .pagination-label, .pagination-label::after, .pagination-label::before, .ss-list::before { transition: color 0.2s ease-out 0s; } .sbo-reading-menu { background-color: rgb(247, 247, 247); position: relative; } .sbo-reading-menu a { text-decoration: none; } .ss-list::before { transition: color 0.2s ease-out 0s; color: rgb(119, 119, 119); font-size: 13px; margin-right: 5px; vertical-align: middle; } .sbo-toc-thumb { z-index: 29; padding: 0.75rem; text-align: center; width: 100%; display: inline-block; border: none; box-shadow: transparent 0px 0px 0px; text-shadow: transparent 0px 0px 0px; } @media screen and (max-width: 32.5625em) { .sbo-toc-thumb { padding: 1.375rem 0px 0px; } } .sbo-toc-thumb:active, .sbo-toc-thumb:focus, .sbo-toc-thumb:hover { background-color: transparent; } .sbo-toc-thumb.close:hover { background-color: transparent; } .sbo-title { display: inline-block; width: 87%; position: relative; } @media screen and (min-width: 32.625em) { .sbo-title { top: 5px; } } .sbo-title h1 { display: inline; } .touch .pdfdoc #font-controls, body.video #font-controls, body.video .search-controls { display: none; } .sbo-menu-top { margin-right: 55px; z-index: 30; } .sbo-menu-bottom .sbo-toc-thumb, .sbo-menu-bottom .title-link { z-index: 20; } #font-controls, .search-controls { position: relative; padding: 0.5rem; transition: all 0.2s ease-in-out 0s; text-decoration: none; } #font-controls::before, .search-controls::before { font-family: SSFlow; content: "���"; height: 45px; width: 45px; font-size: 1.1875rem; top: 8px; position: relative; } #font-controls.open, .search-controls.open { border-left: 1px solid rgb(119, 119, 119); background-color: rgb(34, 34, 34); border-top-right-radius: 2px; border-bottom-right-radius: 2px; } #font-controls.open::before, .search-controls.open::before { vertical-align: middle; top: 4px; color: rgb(246, 93, 34); font-family: SSFlow !important; content: "���" !important; font-size: 21px !important; } .touch .search-in-archive .search-archive-bar input { padding: 0.5rem 0px 0.4375rem 0.125rem; } .no-zoom .search-in-archive .search-archive-bar { padding: 0.3125rem 0px 0.3125rem 0.375rem; } .no-zoom .search-in-archive .search-archive-bar input { padding: 0.625rem 0px 0.4375rem 0.125rem; position: relative; top: -1px; } .no-zoom #font-controls::before, .no-zoom .search-controls::before { top: 7px; } .search-in-archive .sitb-title { float: left; width: 100%; } .search-in-archive .sitb-title span { float: right; } .search-in-archive.loading .search-archive-bar::before { content: ""; background-image: url("/static/images/loading.6b1710a5f2bc.gif"); position: absolute; right: 30px; top: 15px; z-index: 1; width: 20px; height: 20px; background-size: 20px 20px; } .search-in-archive .search-controls::before { content: "����"; background-color: transparent; left: -8px; top: 6px; padding: 0.4375rem 0.5rem 0.1875rem 0.9375rem; border-radius: 0px 2px 2px 0px; background-clip: padding-box; } .search-in-archive.active { border: 1px solid rgb(204, 204, 204); border-radius: 0px 2px 2px 0px; background-clip: padding-box; margin-right: -58px; } .search-in-archive.active .search-archive-bar, .search-in-archive.active .search-archive-results { visibility: visible; } .search-in-archive.active .search-controls { background-color: transparent; border-radius: 0px 2px 2px 0px; background-clip: padding-box; } .search-in-archive.active .search-controls::before { color: rgb(255, 255, 255); content: "����"; background-color: rgb(204, 204, 204); } .search-in-archive.active .search-controls:hover::before { color: rgb(255, 255, 255); background-color: rgb(246, 93, 34); } .search-in-archive.result-active { border-radius: 0px 2px 0px 0px; background-clip: padding-box; } .search-in-archive .search-archive-bar { visibility: hidden; background-color: rgb(255, 255, 255); padding: 0.3125rem 0px 0.4375rem 0.375rem; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-right: none; position: absolute; right: 46px; border-radius: 2px 0px 0px 2px; background-clip: padding-box; top: -1px; z-index: 99; } .search-in-archive .search-archive-bar input { min-width: 260px; display: inline-block; padding: 0.4375rem 0.4375rem 0.4375rem 0.375rem; text-overflow: ellipsis; font-family: "source sans pro", sans-serif, arial, sans-serif; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-right: none; position: relative; margin-top: 1px; appearance: none; border-radius: 0px; background-clip: padding-box; font-size: 16px !important; } .search-in-archive.result-active .search-archive-bar { border-bottom: none; border-radius: 2px 0px 0px; background-clip: padding-box; } .search-in-archive .search-archive-results { visibility: hidden; position: absolute; right: -1px; font-family: "source sans pro", sans-serif; width: 314px; text-align: left; } .search-in-archive .search-archive-results.results-error { right: 0px !important; } .search-in-archive .search-archive-results.results-error h1 { font-size: 1.125rem; padding: 1.25rem 0.625rem; } .search-in-archive .search-archive-results ul { overflow: hidden scroll; padding: 0px 10px; border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-top: none; border-radius: 0px 0px 2px 2px; background-clip: padding-box; background-color: rgb(255, 255, 255); max-height: 100%; } @media screen and (min-height: 26.25em) { .search-in-archive .search-archive-results ul { max-height: 200px; } } @media screen and (min-height: 570px) { .search-in-archive .search-archive-results ul { max-height: 400px; } } @media screen and (min-height: 840px) { .search-in-archive .search-archive-results ul { max-height: 550px; } } @media screen and (min-height: 1050px) { .search-in-archive .search-archive-results ul { max-height: 100%; } } .search-in-archive .search-archive-results li.pagination { text-align: center; padding: 0.625rem 0px; border-bottom: 0px; clear: left; color: rgb(64, 64, 64); } .search-in-archive .search-archive-results li.pagination a { height: 5px; width: 10px; position: relative; top: -8px; color: rgb(246, 93, 34); font-size: 0.875rem; } .search-in-archive .search-archive-results li.no-results { color: rgb(64, 64, 64); border-bottom: 1px solid rgb(221, 221, 221); padding: 10px 0px 15px; } .search-in-archive .search-archive-results li.sitb-item { padding: 10px 0px; border-bottom: 1px solid rgb(204, 204, 204); background-color: transparent; color: rgb(64, 64, 64); font-size: 0.875rem; float: left; } .search-in-archive .search-archive-results li.sitb-item .description { width: 300px; max-height: 240px; overflow: hidden; text-overflow: ellipsis; } .search-in-archive .search-archive-results li .description { display: inline-block; padding-bottom: 10px; color: rgb(64, 64, 64); font-size: 1rem; } .search-in-archive .search-archive-results li .description + span { float: right; } .search-in-archive .search-archive-results li a.title { width: auto; height: auto; padding: 3px 0px; text-align: left; font-family: "source sans pro", sans-serif; display: block; font-size: 0.875rem; color: rgb(64, 64, 64); } .search-in-archive .search-archive-results li a.title:hover { color: rgb(246, 93, 34); } .search-in-archive .search-archive-results li.search-whole-site { clear: left; padding: 5px 0px 0px; margin: 0px 0px 0px 2px; text-align: center; border: none; } .interface-controls .interface-control-btns::after, .interface-controls::after { clear: both; } .search-in-archive .search-archive-results li.search-whole-site a { color: rgb(246, 93, 34); font-family: "source sans pro", sans-serif; width: auto; font-size: 100%; } .font-flyout { opacity: 0; position: absolute; transition: opacity 0.2s ease-in-out 0s; visibility: hidden; } .font-flyout.open { opacity: 1; height: 49px; z-index: 99; visibility: visible; } body.video .font-flyout { display: none; } .icnTxLr { border-radius: 2px 0px 0px 2px; background-clip: padding-box; } .pdf-size-changer { padding: 3px 18px 5px; background-color: rgb(34, 34, 34); border-left: 1px solid rgb(68, 68, 68); border-top: 1px solid rgb(68, 68, 68); border-bottom: 1px solid rgb(68, 68, 68); display: block; float: left; text-decoration: none !important; } .pdf-size-changer.icnTxSm { border-right: 1px solid rgb(68, 68, 68); } .pdf-size-changer span { display: inline-block; text-indent: -99999px; width: 0px; height: 0px; } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 49.4375em) { } @media screen and (max-width: 49.4375em) { #font-controls.open { position: relative; right: -170px; } .pdfdoc #font-controls.open { right: 0px; } } .font-controls-panel { font: 700 26px / 45px Georgia, serif; background-color: rgb(34, 34, 34); border: 1px solid rgb(68, 68, 68); right: 0px; top: 0px; position: absolute; height: 185px; width: 300px; border-radius: 2px 0px 2px 2px; background-clip: padding-box; } .font-controls-panel.is-android-device { height: 145px; } .font-controls-panel .nightmodes ul { float: left; width: 100%; border-bottom: 1px solid rgb(68, 68, 68); } .font-controls-panel .nightmodes ul li { display: inline-block; float: left; width: 33.3%; border-right: 1px solid rgb(68, 68, 68); background-color: rgb(34, 34, 34); } .font-controls-panel .nightmodes ul li a { display: block; height: 48px; text-align: center; overflow: hidden; } .font-controls-panel .nightmodes ul li a span { display: block; text-indent: -999999px; } .font-controls-panel .nightmodes ul li a .fa { color: rgb(255, 255, 255); position: relative; top: 3px; } .font-controls-panel .nightmodes ul li:hover a { background-color: rgb(0, 0, 0) !important; } .font-controls-panel .nightmodes ul li.day { border-radius: 2px 0px 0px; background-clip: padding-box; background-color: rgb(0, 0, 0); } .font-controls-panel .nightmodes ul li.day .fa { color: rgb(246, 93, 34); } .font-controls-panel .nightmodes ul li.cloudy a svg { position: relative; top: 3px; } .font-controls-panel .nightmodes ul li.night { border-right: none; } #reset { line-height: 1em; padding: 3px 10px; margin: 0px; font-size: 12px; position: absolute; right: 10px; bottom: 10px; font-family: arial, sans-serif; } .resizer .draggable-containment-wrapper { width: 60%; height: 2px; background-color: rgb(102, 102, 102); margin: 85px 20% 0px; border-radius: 2px; background-clip: padding-box; } .resizer .draggable-containment-wrapper::after, .resizer .draggable-containment-wrapper::before { font-weight: 700; font-size: 31px; font-family: georgia, serif; position: absolute; color: rgb(255, 255, 255); top: 62px; } .pdfdoc #font-controls::before, .pdfdoc .font-size-changer::before, .subscribe-nag { font-family: "source sans pro", sans-serif; } .resizer .draggable-containment-wrapper .filler { height: 2px; display: block; background-color: rgb(246, 93, 34); } .mobile-menu, .sbo-toc-open .sbo-toc-container > .sbo-toc-thumb { display: none; } .resizer .draggable-containment-wrapper::before { left: 15px; font-size: 18px; } .resizer .draggable-containment-wrapper::after { right: 15px; } .resizer .draggable-containment-wrapper .draggable { cursor: move; width: 15px; height: 15px; padding: 0.5em; float: left; border-radius: 15px; background-clip: padding-box; margin-top: -14px; background-color: rgb(221, 221, 221); top: 0px !important; } .column-resizer .draggable-containment-wrapper, .font-resizer .draggable-containment-wrapper { position: relative; } .column-resizer .draggable-containment-wrapper .fa, .font-resizer .draggable-containment-wrapper .fa { color: rgb(255, 255, 255); position: absolute; top: -8px; } .column-resizer .draggable-containment-wrapper .fa.left, .font-resizer .draggable-containment-wrapper .fa.left { left: -40px; font-size: 18px; } .column-resizer .draggable-containment-wrapper .fa.right, .font-resizer .draggable-containment-wrapper .fa.right { top: -10px; right: -40px; } .column-resizer .draggable-containment-wrapper .fa.right.fa-font, .font-resizer .draggable-containment-wrapper .fa.right.fa-font { top: -14px; } .column-resizer .draggable-containment-wrapper { margin: 35px 20% 0px; } .subscribe-nag { overflow: hidden; } .pdfdoc #font-controls::before { content: "+/���"; font-weight: 700; font-size: 22px; top: 5px; } .pdfdoc .font-size-changer::before { font-weight: 700; font-size: 31px; position: relative; top: 2px; } .pdfdoc .font-size-changer#increase-font::before { content: "+"; } .pdfdoc .font-size-changer#decrease-font::before { content: "���"; } .icnTxSm::before { position: relative; top: 7%; font-size: 80%; } .toc-contents { width: 100%; border: 10px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); overflow: hidden; max-height: 0px; opacity: 0; transition: all 0.4s ease-in-out 0s; } .toc-contents, .toc-contents.open { top: 0px; transition: all 0.4s ease-in-out 0s; } .toc-contents.open { opacity: 1; transition: all 0.4s ease-in-out 0s; } .tocList { line-height: 1.125; padding-bottom: 15px; } @media screen and (min-height: 420px) and (min-width: 521px) { .toc-contents { position: fixed; overflow-y: scroll; left: 50%; bottom: 0px; margin-left: -330px; max-width: 725px; } .tocList { padding-bottom: 0px; } } .tocList .minutes { color: rgb(153, 153, 153); } .tocList li:last-child { border-bottom: 0px; } .tocList .toc-level1 { color: rgb(119, 119, 119); background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(221, 221, 221); } .tocList .toc-level1 > a.toc-link { padding: 0.625rem 1.875rem 0.625rem 0.9375rem; } .tocList .toc-level1.currently-reading { background-color: transparent !important; } .tocList .toc-level1.currently-reading > a, .tocList [class*="toc-level"].currently-reading { background-color: rgb(240, 240, 240); } .tocList [class*="toc-level-"] a.toc-link { padding: 0.375rem 0.9375rem 0.375rem 2.1875rem; line-height: 1.35em; } .tocList [class*="toc-level-"] a.toc-link::before { content: "���"; color: rgb(153, 153, 153); font-size: 21px; line-height: 0; margin-left: -10px; position: relative; left: -5px; } .tocList .toc-level-3 a.toc-link { padding-left: 3.4375rem; } .tocList .toc-level-4 a.toc-link { padding-left: 4.6875rem; } .tocList .toc-level-5 a.toc-link { padding-left: 5.9375rem; } .tocList a.toc-link { font-weight: 400; display: block; } .tocList a.toc-link:focus { background-color: rgba(0, 134, 202, 0.01); } .progress-indicator { font-size: 0.75rem; line-height: 1px; font-family: ss-flow; color: rgb(231, 229, 222); border: 2px solid rgb(231, 229, 222); text-align: center; float: left; width: 20px; height: 20px; margin: 0px 0.9375rem 0px 0px; padding: 0.5625rem 0.125rem 0.375rem; transition: all 0.2s ease-in-out 0s; border-radius: 45px; background-clip: padding-box; position: absolute; left: 5px; top: 10px; } .progress-indicator.completed { background-color: rgb(246, 93, 34); border: 2px solid rgb(246, 93, 34); } .progress-indicator.completed::before { color: rgb(255, 255, 255); } li:hover.video-pagination-item .progress-indicator, li:hover > .progress-indicator { width: 24px; height: 24px; padding: 0.6875rem 0.25rem 0.5rem; margin: -0.125rem -0.5rem 0px 0px; } .toc-contents .toc-level2 .progress-indicator { left: 30px; top: 12px; } .toc-contents .rec-fav { outline: 0px; position: absolute; right: 15px; top: 13px; z-index: 9; } h1.video-toc-title { font-family: "source sans pro", sans-serif, sans-serif; color: rgb(119, 119, 119); font-size: 13px; letter-spacing: 1px; line-height: 1.35em; } @media screen and (max-width: 51.3125em) { h1.video-toc-title { margin: 1em 1.5em 0px; } } h1.video-toc-title a { color: rgb(246, 93, 34); text-decoration: none; border: none !important; } h1.video-toc-title a:hover { text-decoration: underline; } .video #sbo-rt-content h1.video-title { margin: 0.4em 0px 0.8em !important; } .mobile-menu select { display: inline-block; width: 100%; padding: 1.25rem 3.125rem 0.9375rem 1.25rem; color: rgb(119, 119, 119); background: rgb(245, 245, 245); cursor: pointer; text-overflow: ellipsis; font-size: 1.125rem; appearance: none; } .mobile-menu label { margin: 0px; position: relative; } .mobile-menu label::after { padding-bottom: 2px; position: absolute; top: 20px; right: 8px; content: "<>"; font: 20px Consolas, monospace; color: rgb(170, 170, 170); border-bottom: 1px solid rgb(213, 213, 213); pointer-events: none; transform: rotate(90deg); } @media screen and (max-width: 51.25em) { .desktop-menu { display: none; } .mobile-menu { display: block; height: 58px; border: none; } } .sbo-inpage-toc { color: rgb(119, 119, 119); position: relative; margin: 0px auto 2em; font-family: "source sans pro", sans-serif, sans-serif; font-size: 16px; border-radius: 2px; background-clip: padding-box; border: 1px solid rgb(230, 230, 230); display: none; } .sbo-inpage-toc .tocList li a.toc-link { border-bottom: 1px solid rgb(238, 238, 238); } .sbo-inpage-toc .section-title { width: 100%; display: block; padding: 10px 0px; border-bottom: 1px solid rgb(238, 238, 238); } .sbo-inpage-toc .tabs { height: 51px; z-index: 20; } .sbo-inpage-toc .tabs li { padding: 15px 20px; float: left; border-bottom: 1px solid rgb(216, 216, 216); color: rgb(119, 119, 119); background-color: rgb(230, 230, 230); } .sbo-inpage-toc .tabs li::selection { background-color: transparent !important; } .sbo-inpage-toc .tabs li.item-1, .sbo-inpage-toc .tabs li.item-2, .sbo-inpage-toc .tabs li.item-3, .sbo-inpage-toc .tabs li.item-4 { border-left: 1px solid rgb(216, 216, 216); } .sbo-inpage-toc .tabs li:hover { color: rgb(64, 64, 64); background-color: rgb(216, 216, 216); cursor: pointer; } .sbo-inpage-toc .toc-bottom, .sbo-inpage-toc .toc-contents { background-color: transparent; } .sbo-inpage-toc .tabs li.active-tab { cursor: default; background-color: transparent; border-bottom: none; } .sbo-inpage-toc .tabs li.active-tab:hover { color: rgb(119, 119, 119); } .sbo-inpage-toc .rec-fav { color: rgb(74, 60, 49); } .sbo-inpage-toc #description-tab .sbo-book-meta, .sbo-inpage-toc #resources-tab .sbo-book-meta, .sbo-inpage-toc #transcripts-tab .sbo-book-meta { border: none; } .sbo-inpage-toc #resources-tab ul li { margin: 10px 0px; } .sbo-inpage-toc #description-tab p { line-height: 1.5em; margin: 10px 0px; } .sbo-inpage-toc .tab-content { display: none; } .sbo-inpage-toc .tab-content.active-tab, .sbo-inpage-toc.arrived { display: block; } .sbo-inpage-toc .tab-inner { margin: 0px 2%; padding: 10px 10px 20px; } @media screen and (max-width: 51.3125em) { .sbo-inpage-toc { margin: 0px 20px 30px; } } .sbo-inpage-toc .sbo-inpage-toc-inner { position: relative; } .sbo-inpage-toc .transcripts-wrapper abbr.begin, .sbo-inpage-toc .transcripts-wrapper abbr.end { display: none; } .sbo-inpage-toc .transcripts-wrapper p, .sbo-inpage-toc .transcripts-wrapper span.text { display: inline; } .sbo-inpage-toc .transcripts-wrapper p { line-height: 2em; } .sbo-inpage-toc .transcripts-wrapper #js-transcription-region { max-height: 500px; overflow: hidden scroll; } .sbo-inpage-toc .toc-bottom { width: 96%; margin: 0px 2%; border-top: 1px solid rgb(221, 221, 221); text-align: right; height: 80px; } .sbo-inpage-toc .toc-bottom .to-top { position: relative; top: 24px; font-size: small; } .sbo-inpage-toc h2 { font-size: 21px; color: rgb(119, 119, 119); margin: 1.25rem 0px; } .sbo-inpage-toc .sbo-book-meta { background-color: rgb(255, 255, 255); width: 96%; z-index: 1; margin: 0px 2%; padding: 0.625rem 0.625rem 1.25rem; border-radius: 2px 2px 0px 0px; background-clip: padding-box; } .sbo-inpage-toc .sbo-book-meta .cover img { max-width: 75px; box-shadow: none; } .sbo-inpage-toc .tocList { width: 100%; overflow-y: scroll; list-style-type: none; padding: 0.3125rem 2.5rem 0px; height: 16.25rem; border-radius: 0px 0px 2px 2px; background-clip: padding-box; } @media screen and (max-width: 30.9375em) { .sbo-inpage-toc .tocList { height: 15.9375rem; } } .sbo-inpage-toc .tocList [class*="toc-level-"] a.toc-link { padding-left: 3.75rem; margin-right: 3.75rem; } .sbo-inpage-toc .tocList .toc-level1 { padding-top: 0px; } .sbo-inpage-toc .tocList .toc-level1 > a.toc-link { padding-left: 2.1875rem; } .sbo-inpage-toc .tocList li { padding: 0.3125rem 0px 0px; border: none; } .sbo-inpage-toc .tocList li a.toc-link::before { content: ""; margin-left: -3px; } .sbo-inpage-toc .tocList .minutes { font-size: smaller; } .sbo-inpage-toc li { position: relative; } .sbo-inpage-toc .sbo-toc-thumb { display: none; } .sbo-inpage-toc .toc-contents { position: relative; overflow: initial; margin: 0px; border: none; opacity: 1; max-height: 100%; max-width: 100%; left: 0px; bottom: 0px; padding: 0px; } .progress-percent-complete { height: 8px; font-size: 12px; display: table; margin: 10px 0px 0px 90px; width: calc(100% - 90px); } .progress-percent-complete .percent-complete-bar { display: table-cell; vertical-align: middle; white-space: nowrap; width: 100%; } .progress-percent-complete .percent-complete { background-color: rgb(213, 213, 213); position: relative; text-indent: -999999px; border-radius: 2px; background-clip: padding-box; display: block; height: 8px; padding: 0px; width: 100%; } .progress-percent-complete .percent-complete .percent { background-color: rgb(153, 144, 130); display: block; height: 8px; width: 0px; border-radius: 2px; background-clip: padding-box; } @media screen and (min-height: 26.25em) and (min-width: 41.9375em) { .tocList .toc-level1 > a { padding-left: 4.375rem; } .tocList [class*="toc-level-"] a.toc-link { padding-left: 5.625rem; } .tocList .toc-level-3 a.toc-link { padding-left: 6.875rem; } .tocList .toc-level-4 a.toc-link { padding-left: 8.125rem; } .tocList .toc-level-5 a.toc-link { padding-left: 9.375rem; } } .sbo-toc .close { width: auto; position: absolute; top: 0px; right: 20px; cursor: pointer; background: 0px 0px; } .sbo-toc .close span { display: none; } .sbo-toc .close::before { font-family: SSFlow; font-size: 14px; content: "���"; color: rgb(119, 119, 119); } .sbo-book-meta { background: rgb(247, 247, 247); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(119, 119, 119); overflow: auto; padding: 10px; line-height: 1.25em; } .sbo-book-meta .cover { float: left; } .sbo-book-meta .cover a { display: block; margin-right: 10px; } .sbo-book-meta .cover a:focus { background-color: rgb(246, 93, 34); } .sbo-book-meta .cover img { border: 1px solid rgb(221, 221, 221); max-width: 50px; height: auto; } .sbo-book-meta span { display: block; font-size: 13px; } .sbo-book-meta span.title { font-size: 18px; margin-bottom: 5px; } .sbo-book-meta .title { padding-right: 25px; } .video .sbo-book-meta .title { padding-right: 0px; } .sbo-book-meta .publisher-logo { max-width: 105px; max-height: 35px; float: right; padding: 3px 30px 0px 0px; } .video .sbo-book-meta .publisher-logo { padding: 0px; max-width: 75px; } @media only screen and (max-width: 32.5625em) { .sbo-book-meta .publisher-logo { padding: 3px 3px 0px 0px; max-width: 76px; } } .sbo-book-meta .publishers { font-style: italic; } .bitlist-header { padding: 1rem 3.125rem 1rem 1rem; color: rgba(64, 64, 64, 0.75); font-size: 21px; } .pagination-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pagination-label::after, .pagination-label::before { font-family: SSFlow; color: rgb(119, 119, 119); font-size: 12px; height: 100%; position: relative; top: 11px; } .sbo-next .pagination-label::after { content: "���"; float: right; margin-left: 7px; } .no-zoom .sbo-next .pagination-label { margin-right: 20px; } .no-zoom .sbo-next .pagination-label::after { position: relative; top: -4px; } .sbo-prev .pagination-label::before { content: "���"; margin-right: 7px; float: left; } .sbo-next, .sbo-prev { display: inline-block; width: 50%; position: relative; float: left; z-index: 10; } .video .sbo-next, .video .sbo-prev { top: auto; } .sbo-next .nav-link, .sbo-prev .nav-link { width: 100%; height: 62px; background: rgb(247, 247, 247); display: inline-block; padding: 9px 15px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 30; } .interface-controls .interface-control-btns::after, .interface-controls .interface-control-btns::before, .interface-controls::after, .interface-controls::before { content: " "; display: table; } .sbo-next .nav-link:hover, .sbo-prev .nav-link:hover { text-decoration: none; } .sbo-next { float: right; } .sbo-prev .nav-link { border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; border-width: 1px 1px 1px 0px; text-align: left; } .sbo-next .nav-link { border-bottom: 1px solid rgb(221, 221, 221); text-align: right; } .sbo-nav-bottom { top: 107px; } .prodsample-book .sbo-nav-bottom { top: 140px; } .pagination-label { color: rgb(119, 119, 119); font-size: 12px; letter-spacing: 1px; } .interface-controls { position: relative; margin: 0px auto; padding: 0px; width: 256px; z-index: 15; list-style-type: none; text-align: center; top: 70px; } @media screen and (min-height: 420px) and (min-width: 32.5625em) { .interface-controls { top: 24px; } } @media screen and (min-height: 420px) and (min-width: 49.4375em) { .interface-controls { top: 100px; } } .interface-controls a:hover { text-decoration: none !important; } .interface-controls li { float: right; background-color: rgb(255, 255, 255); position: relative; } @media screen and (max-width: 32.5625em) { .interface-controls li { background-color: transparent; } } .interface-controls .queue-control .rec-fav { outline: 0px; } .interface-controls .queue-control .rec-fav::before { position: relative; top: 2px; } .interface-controls a, .interface-controls button { display: inline-block; height: 49px; width: 48px; text-align: center; vertical-align: middle; color: rgb(179, 179, 179); font-size: 20px; } .interface-controls a::before, .interface-controls button::before { transition: color 0.2s ease-out 0s; text-align: center; line-height: 1; font-size: 19px; } .no-touch .interface-controls a:not(.rec-fav):hover::before, .no-touch .interface-controls button:not(.rec-fav):hover::before { color: rgb(246, 93, 34); } .interface-controls .sharing-controls .trigger { width: 48px; height: 49px; display: inline-block; background-color: transparent; } .interface-controls .sharing-controls .trigger .fa { position: relative; top: 13px; visibility: visible; } .interface-controls .sharing-controls .trigger::before { border-radius: 0px 2px 2px 0px; background-clip: padding-box; font-family: SSFlow; content: "���"; font-size: 21px; line-height: 57px; position: absolute; height: 49px; width: 48px; color: rgb(246, 93, 34); left: 0px; top: 0px; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out 0s; } .interface-controls .sharing-controls ul li:first-child a { border-left: 1px solid rgb(102, 102, 102); border-radius: 2px 0px 0px 2px; background-clip: padding-box; } .interface-controls .sharing-controls.active a { background-color: rgb(34, 34, 34); border-top: 1px solid rgb(102, 102, 102); border-bottom: 1px solid rgb(102, 102, 102); } .interface-controls .sharing-controls.active .trigger .fa { visibility: hidden; } .interface-controls .sharing-controls.active .trigger::before { background-color: rgb(34, 34, 34); visibility: visible; opacity: 1; } @media screen and (max-width: 26.25em) { .interface-controls .sharing-controls .trigger::before { border-radius: 2px 0px 0px 2px; background-clip: padding-box; } } .adjustable-column { margin: 0px auto; } body.video { font-family: Georgia, serif; } body.video .application { margin-top: 1em; } body.video .sbo-nav-bottom { display: none; } @media screen and (max-width: 51.3125em) { body.video .interface-controls-top { display: none; } } body.video .reading-controls-bottom .interface-controls { top: -15px; } body.video [role="document"] #sbo-rt-content { background: center 150px no-repeat rgb(0, 0, 0); min-height: 250px; padding: 0px; display: block; margin-bottom: 30px !important; margin-top: 20px !important; } body.video [role="document"] #sbo-rt-content .kaltura-player { background-color: transparent !important; } body.video [role="document"].javascript-ready #sbo-rt-content { background: no-repeat; } @media screen and (min-height: 26.25em) and (min-width: 32.5625em) { body { background-color: rgb(221, 221, 221); } .ss-list { margin-right: 5px; } .sbo-reading-menu { background-color: rgb(255, 255, 255); } .sbo-next, .sbo-prev { top: -49px; } .pagination-title, .sbo-nav-bottom { display: none; } .pagination-label { font-size: 0px; } .pagination-label::after, .pagination-label::before { position: relative; top: 13px; font-size: 14px; } .sbo-title { font-size: 18px; } .sbo-next .nav-link, .sbo-prev .nav-link { background-color: rgb(255, 255, 255); border-top-width: 0px; position: fixed; top: 0px; text-decoration: none; width: 55px; } .sbo-prev .nav-link { left: 55px; transition: left 0.2s ease-in-out 0s; right: auto; } .sbo-menu-top, .sbo-prev .nav-link { transition: left 0.2s ease-in-out 0s; } .sbo-menu-top { height: 62px; top: 0px; right: 0px; left: 109px; margin-right: 55px; position: fixed; border-bottom: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); transition: left 0.2s ease-in-out 0s; } .sbo-next .nav-link { right: 0px; left: auto; } .sbo-book-meta .title { margin-bottom: 5px; } .sbo-book-meta .title a:focus, .sbo-book-meta .title a:hover { color: rgb(246, 93, 34); } } @media screen and (min-height: 26.25em) and (min-width: 41.9375em) { .pagination-label { font-size: 12px; } .pagination-label::after, .pagination-label::before { top: 14px; } .pagination-title { display: block; } .sbo-next .nav-link, .sbo-prev .nav-link { width: 23%; } .sbo-menu-top { left: 54px; margin-left: 23%; right: 22.5%; margin-right: 0px; z-index: 29; position: fixed; transition: left 0.2s ease-in-out 0s; } } footer.pagefoot { padding: 1.25rem; } footer.pagefoot .copyright { text-align: left; display: inline; } footer.pagefoot ul a { text-decoration: none; } @media screen and (min-height: 26.25em) and (min-width: 49.4375em) { #font-controls { height: 49px; border-bottom: 1px solid rgb(204, 204, 204); } #font-controls::before { font-size: 24px; } #font-controls.open { border-radius: 0px; background-clip: padding-box; border: none; } .font-flyout { position: fixed; } .interface-controls { position: fixed; right: 20px; left: auto; z-index: 25; width: auto; } .interface-controls .interface-control-btns { padding: 0px; color: rgb(204, 204, 204); border-radius: 2px; background-clip: padding-box; border: 1px solid rgb(204, 204, 204); } .interface-controls .interface-control-btns li:first-child a { border-radius: 2px 2px 0px 0px; background-clip: padding-box; } .interface-controls .interface-control-btns .video-highlight-control { border-top: 1px solid rgb(204, 204, 204); } .interface-controls .interface-control-btns .video-highlight-control a > span::before { content: "���"; font-family: SSFlow; font-size: 1.3125rem; position: relative; top: 18px; } .interface-controls .search-in-archive { font-family: "source sans pro", sans-serif, sans-serif; border-bottom: 1px solid rgb(204, 204, 204); } .interface-controls .search-in-archive.active { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(204, 204, 204); margin-right: 0px; } .interface-controls .search-in-archive .search-archive-bar input { min-width: 320px; top: 1px; } .interface-controls .search-in-archive .search-archive-results { right: 48px; width: 325px; } .interface-controls li { float: none; } .interface-controls li:first-child { border-radius: 2px 2px 0px 0px; background-clip: padding-box; } body.video .interface-controls li:first-child { border-radius: 2px; background-clip: padding-box; } body.video .interface-controls li:first-child button { border-bottom: none; } .interface-controls li:last-child { border-radius: 0px 0px 2px 2px; background-clip: padding-box; border-bottom: none; } .interface-controls .sharing-controls.active .trigger { border-top-right-radius: 0px; } .interface-controls .sharing-controls.active .trigger::before { border-radius: 0px 0px 2px; background-clip: padding-box; } .interface-controls button { border-bottom: 1px solid rgb(204, 204, 204); } .interface-controls button::before { font-size: 21px; } } @media screen and (min-width: 30em) { .articlelist { padding-left: 15px; } .related .articlelist { padding: 0px 15px; } } @media screen and (max-width: 32.5625em), (max-height: 26.25em) { .sbo-menu-top { margin-right: 0px; } .sbo-next .nav-link { border-top: 1px solid rgb(221, 221, 221); } .prodsample-video .nav-link { position: relative; } } .cancel-button:hover { border-bottom: 1px solid rgb(246, 93, 34) !important; } .cancel-button { border-bottom: 1px solid rgb(0, 0, 0) !important; } #sbo-rt-content span.orm-highlight { background: rgba(211, 0, 45, 0.3); } .video #sbo-rt-content { max-width: 100%; } @media (min-width: 32.5625em) { .video [role="document"] { max-width: 50rem; } } @media (min-width: 78.125em) { .video [role="document"] { max-width: 60rem; } } [role="document"] { padding: 0px; margin: 0px auto; } [role="document"]::after, [role="document"]::before { content: " "; display: table; } [role="document"]::after { clear: both; } @media screen and (max-width: 32.5em), screen and (max-height: 26.25em) { [role="document"] { margin: 0px auto 5px; position: relative; top: -49px; } .video [role="document"] { top: 0px; } .js-preview-content [role="document"], .video [role="document"] { margin: 0px auto; z-index: 0; } } #container { background-color: rgb(255, 255, 255); } blockquote, code, dd, dir, div, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, input, li, menu, ol, p, pre, td, textarea, th, ul { margin: 0px; padding: 0px; } table { border-collapse: collapse; border-spacing: 0px; font-size: inherit; } abbr, acronym, fieldset, img { border: 0px; } address, caption, cite, code, dfn, strong, th, var { font-style: normal; font-weight: 400; } code { font-family: "Droid Sans Mono", Courier, monospace; } strong { font-weight: 700; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; } q::after, q::before { content: ""; } em { font-style: italic; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } #sbo-rt-content .boxg hr, #sbo-rt-content .bul_hang img, #sbo-rt-content .bul_hang1 img, #sbo-rt-content .bul_hang2 img, #sbo-rt-content .bul_hang3 img, #sbo-rt-content .hanging-i img, #sbo-rt-content .indentbullet img, #sbo-rt-content .note hr, #sbo-rt-content .note1 hr, #sbo-rt-content .sidebar1 hr, #sbo-rt-content .tip hr, #sbo-rt-content .warning hr, #sbo-rt-content div.note hr, #sbo-rt-content div.sidebar hr, #sbo-rt-content div.tip hr, #sbo-rt-content div.warning hr, #sbo-rt-content hr, .pdfdoc.prodsample-book .t, audio:not([controls]) { display: none; } html { font-size: 100%; text-size-adjust: 100%; } .footnote, .footnotes, sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } #sbo-rt-content .fn-group, #sbo-rt-content .footnote, #sbo-rt-content .footnotes { border: none; } #sbo-rt-content .fn-group div, #sbo-rt-content .fn-group p, #sbo-rt-content .footnote div, #sbo-rt-content .footnote p, #sbo-rt-content .footnotes div, #sbo-rt-content .footnotes p { margin-bottom: 1.5em; line-height: 1.5em; font-size: 85% !important; } sup { top: -0.5em; } sub { bottom: -0.25em; } #sbo-rt-content > div { margin: 0px; padding: 0px; } body { background-color: rgb(225, 223, 218); } #sbo-rt-content { width: 100%; max-width: 37em; } @media only screen and (min-width: 1250px) { #sbo-rt-content { max-width: 56.25rem; font-size: 118% !important; } } @media only screen and (max-width: 1249px) and (min-width: 521px) { #sbo-rt-content { max-width: 43.75rem; font-size: 100% !important; } } @media only screen and (max-width: 520px) { #container { overflow: hidden; } #sbo-rt-content { max-width: 100%; font-size: 88% !important; } } .pdfdoc .js-toc { overflow: hidden; } .pdfdoc #sbo-rt-content { padding: 0px 5px; margin: 0px !important; } .pdfdoc.prodsample-book img.bi { width: 100% !important; } .js .pdfdoc section[role="document"] { box-shadow: transparent 0px 0px 0px; border: none !important; } .js .pdfdoc section[role="document"] #sbo-rt-content { opacity: 0; } .js .pdfdoc section[role="document"].showPdf #sbo-rt-content { opacity: 1; } #sbo-rt-content #pdf-main .pd, #sbo-rt-content #pdf-main .pf { margin: 15px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px; border-radius: 2px; background-clip: padding-box; } .scalefonts #sbo-rt-content div div, .scalefonts #sbo-rt-content div p, .scalefonts #sbo-rt-content li, .scalefonts #sbo-rt-content li li, .scalefonts #sbo-rt-content ol, .scalefonts #sbo-rt-content ol ol, .scalefonts #sbo-rt-content p p, .scalefonts #sbo-rt-content table, .scalefonts #sbo-rt-content td, .scalefonts #sbo-rt-content ul, .scalefonts #sbo-rt-content ul ul { text-align: left; font-size: 100% !important; line-height: 1.65em !important; } .scalefonts #sbo-rt-content div, .scalefonts #sbo-rt-content ol, .scalefonts #sbo-rt-content p, .scalefonts #sbo-rt-content ul { text-indent: 0px !important; margin-left: 0px !important; margin-right: 0px !important; } .scalefonts #sbo-rt-content .FOOTNOTES, .scalefonts #sbo-rt-content .endnoteentry, .scalefonts #sbo-rt-content .footnotes { font-size: small !important; } #sbo-rt-content { clear: both; margin: 0px auto; padding: 1.25rem; border: 0px solid rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: Georgia, "Droid Serif", Times, serif; font-style: normal; font-weight: 400; min-height: 450px; } @media only screen and (max-width: 520px) { #sbo-rt-content { padding: 3.125rem 1.25rem 1.25rem; } } #sbo-rt-content .figure { text-align: center; margin: 1.5625rem 0px 0.9375rem; } #sbo-rt-content .figure > pre, #sbo-rt-content aside > pre { text-align: left; } #sbo-rt-content .p { padding: 0px; } #sbo-rt-content table { padding-left: 0px; padding-right: 0px; } #sbo-rt-content div, #sbo-rt-content div.booksection { font-family: inherit; margin: 0px; padding: 0px; } #sbo-rt-content div.sect1.case_study, #sbo-rt-content div.sect1.pattern { border: none; background-color: transparent; } .video #sbo-rt-content { padding-top: 20px; min-height: 2em; } #sbo-rt-content blockquote, #sbo-rt-content li, #sbo-rt-content p { line-height: 1.5; } #sbo-rt-content li code, #sbo-rt-content li p, #sbo-rt-content p code { font-size: inherit; } #sbo-rt-content .indent, #sbo-rt-content .noindent, #sbo-rt-content .p, #sbo-rt-content div.chp .para_indented, #sbo-rt-content div > p, #sbo-rt-content p, #sbo-rt-content p.para_indented { text-indent: 0px; text-align: inherit; font-family: inherit; margin: 0.75em 0px 1.25em !important; line-height: 1.5em !important; } #sbo-rt-content .figure table, #sbo-rt-content .informalfigure, #sbo-rt-content .totri-image-wrapper, #sbo-rt-content .totri-image-wrapper p, #sbo-rt-content p.image, #sbo-rt-content section.transcript-wrapper h2, #sbo-rt-content table img { text-align: center; } #sbo-rt-content ul li { margin: 0.5em 0px 0.65em !important; } #sbo-rt-content blockquote p { font-weight: inherit; } #sbo-rt-content strong code { font-weight: 700; } #sbo-rt-content sup { height: 0px; line-height: 1; bottom: 1em; font-size: 0.7em; color: rgb(102, 102, 102); } #sbo-rt-content span.inlinemediaobject { height: auto; } #sbo-rt-content .box_title, #sbo-rt-content .chaptertitle, #sbo-rt-content .cn-chapter-number, #sbo-rt-content .fm_title_document, #sbo-rt-content .heading-1, #sbo-rt-content .heading-3, #sbo-rt-content .paragraph-head, #sbo-rt-content .title_document, #sbo-rt-content h1, #sbo-rt-content h2, #sbo-rt-content h3, #sbo-rt-content h4, #sbo-rt-content h5, #sbo-rt-content h6 { line-height: 1.1; font-style: normal; font-weight: 500; color: rgb(64, 64, 64); background-color: transparent; overflow-wrap: break-word; font-family: "source sans pro", sans-serif, AvenirNextCondensed-Medium, HelveticaNeue-CondensedBold, "Droid Sans", Helvetica, Arial, sans-serif !important; margin: 1.5em 0px 0.35em !important; } #sbo-rt-content .chaptertitle, #sbo-rt-content h1 { font-size: 2em; word-break: break-word; } #sbo-rt-content h2 { font-size: 1.575em; } #sbo-rt-content h3 { font-size: 1.25em; text-indent: 0px !important; } #sbo-rt-content h4 { font-size: 1.15em; } #sbo-rt-content h5, #sbo-rt-content h6 { font-size: 0.9375em; } #sbo-rt-content div.titlepage { margin: 1em 0px 0.35em; } #sbo-rt-content .transcript-wrapper .video-title, .video #sbo-rt-content h1 { font-size: 1.5em; padding: 0px; font-weight: 700; margin: 0.8em 0px 1.2em !important; } #sbo-rt-content a, #sbo-rt-content a:link, #sbo-rt-content a:visited { text-decoration: none; border-bottom: 1px dashed rgb(187, 187, 187); color: rgb(7, 7, 7); transition: border-bottom 0.3s ease 0s; } #sbo-rt-content a:focus, #sbo-rt-content a:hover { border-bottom: 1px dashed rgb(51, 51, 51); } #sbo-rt-content .small { font-size: 0.6em; } #sbo-rt-content .sc, #sbo-rt-content abbr, #sbo-rt-content acronym { font-size: 0.85em; text-transform: uppercase; letter-spacing: 1px; } #sbo-rt-content code.sc { text-transform: none; } #sbo-rt-content .noborder { border: 0px; } #sbo-rt-content p { } #sbo-rt-content .footnote p { font-family: Arial, sans-serif; font-size: inherit; } #sbo-rt-content .boxg, #sbo-rt-content .note, #sbo-rt-content .note1, #sbo-rt-content .sidebar1, #sbo-rt-content .tip, #sbo-rt-content .warning, #sbo-rt-content div.note, #sbo-rt-content div.sidebar, #sbo-rt-content div.tip, #sbo-rt-content div.warning { border: 1px dotted rgb(221, 221, 221); background-color: rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 5px 10px; padding: 1em 2em !important; margin: 2em !important; font-size: smaller !important; } #sbo-rt-content .boxg p, #sbo-rt-content .note p, #sbo-rt-content .note1 p, #sbo-rt-content .sidebar1 p, #sbo-rt-content .tip p, #sbo-rt-content .warning p, #sbo-rt-content div.note p, #sbo-rt-content div.sidebar p, #sbo-rt-content div.tip p, #sbo-rt-content div.warning p { font-size: 90% !important; font-family: Arial, sans-serif !important; } #sbo-rt-content .boxg .title, #sbo-rt-content .boxg h3, #sbo-rt-content .note .title, #sbo-rt-content .note h3, #sbo-rt-content .note1 .title, #sbo-rt-content .note1 h3, #sbo-rt-content .sidebar1 .title, #sbo-rt-content .sidebar1 h3, #sbo-rt-content .tip .title, #sbo-rt-content .tip h3, #sbo-rt-content .warning .title, #sbo-rt-content .warning h3, #sbo-rt-content div.note .title, #sbo-rt-content div.note h3, #sbo-rt-content div.sidebar .title, #sbo-rt-content div.sidebar h3, #sbo-rt-content div.tip .title, #sbo-rt-content div.tip h3, #sbo-rt-content div.warning .title, #sbo-rt-content div.warning h3 { text-shadow: rgb(255, 255, 255) 1px 1px 0px; color: rgb(102, 102, 102); font-weight: 500; font-family: AvenirNextCondensed-Medium, HelveticaNeue-CondensedBold, "Droid Sans", Arial, sans-serif !important; } @media only screen and (max-width: 520px) { #sbo-rt-content .boxg, #sbo-rt-content .note, #sbo-rt-content .note1, #sbo-rt-content .sidebar1, #sbo-rt-content .tip, #sbo-rt-content .warning, #sbo-rt-content div.note, #sbo-rt-content div.sidebar, #sbo-rt-content div.tip, #sbo-rt-content div.warning { margin: 1.5em 0px !important; } } #sbo-rt-content .boxg img, #sbo-rt-content .boxg img:hover, #sbo-rt-content .note img, #sbo-rt-content .note img:hover, #sbo-rt-content .note1 img, #sbo-rt-content .note1 img:hover, #sbo-rt-content .sidebar1 img, #sbo-rt-content .sidebar1 img:hover, #sbo-rt-content .tip img, #sbo-rt-content .tip img:hover, #sbo-rt-content .warning img, #sbo-rt-content .warning img:hover, #sbo-rt-content div.note img, #sbo-rt-content div.note img:hover, #sbo-rt-content div.sidebar img, #sbo-rt-content div.sidebar img:hover, #sbo-rt-content div.tip img, #sbo-rt-content div.tip img:hover, #sbo-rt-content div.warning img, #sbo-rt-content div.warning img:hover { border: none; background-color: transparent; } #sbo-rt-content .note h3, #sbo-rt-content .tip h3, #sbo-rt-content .warning h3 { margin-top: 0px; } #sbo-rt-content .note1 .note { background: no-repeat; border: none; padding: 0px; margin: 0px !important; } #sbo-rt-content .codelink { font-size: 80% !important; } #sbo-rt-content .courprogramlisting, #sbo-rt-content .pre, #sbo-rt-content .pre-ex, #sbo-rt-content .pre1, #sbo-rt-content .pre_w, #sbo-rt-content p.pre, #sbo-rt-content pre { color: rgb(64, 64, 64); overflow: auto hidden; font-family: "Droid Sans Mono", Courier, monospace !important; line-height: 1.5em !important; margin: 0px 0px 1.5em !important; padding: 1em 2em !important; background-color: rgb(251, 251, 251) !important; font-size: 80% !important; border-top: 1px solid rgb(221, 221, 221) !important; border-bottom: 1px solid rgb(221, 221, 221) !important; overflow-wrap: initial !important; word-break: keep-all !important; white-space: pre !important; } #sbo-rt-content pre code { font-size: inherit; } #sbo-rt-content .pd_lightblue, #sbo-rt-content .pd_white, #sbo-rt-content .skycolor, #sbo-rt-content .tab_num, #sbo-rt-content .tabcolor { color: rgb(64, 64, 64) !important; } #sbo-rt-content .indenthanging, #sbo-rt-content .indenthangingB { margin: 0px 0px 0.625rem 2.1875rem; } #sbo-rt-content .bul_hang, #sbo-rt-content .bul_hang1, #sbo-rt-content .bul_hang2, #sbo-rt-content .bul_hang3, #sbo-rt-content .hanging-i, #sbo-rt-content .indentbullet { text-indent: -10px !important; } #sbo-rt-content .bul_hang1::before, #sbo-rt-content .bul_hang2::before, #sbo-rt-content .bul_hang3::before, #sbo-rt-content .bul_hang::before, #sbo-rt-content .hanging-i::before, #sbo-rt-content .indentbullet::before { content: "��� "; position: relative; left: -10px; } #sbo-rt-content .box_title { margin: 1em 0px 0.5em; font-size: 165% !important; } #sbo-rt-content .figure, #sbo-rt-content .figure_legend { border: none !important; } #sbo-rt-content .centera, #sbo-rt-content .centerb { margin: 0px; text-align: center; } #sbo-rt-content .annotator-wrapper .FigCapt, #sbo-rt-content .annotator-wrapper .TabCapt, #sbo-rt-content .annotator-wrapper .caption, #sbo-rt-content .annotator-wrapper .ex-caption, #sbo-rt-content .annotator-wrapper .fig, #sbo-rt-content .annotator-wrapper .fig-caption, #sbo-rt-content .annotator-wrapper .fig-title, #sbo-rt-content .annotator-wrapper .fig_num, #sbo-rt-content .annotator-wrapper .figleg, #sbo-rt-content .annotator-wrapper .figure p.title, #sbo-rt-content .annotator-wrapper .notetitle, #sbo-rt-content .annotator-wrapper .tab-caption, #sbo-rt-content div .FigCapt, #sbo-rt-content div .TabCapt, #sbo-rt-content div .caption, #sbo-rt-content div .ex-caption, #sbo-rt-content div .fig, #sbo-rt-content div .fig-caption, #sbo-rt-content div .fig-title, #sbo-rt-content div .fig_num, #sbo-rt-content div .figleg, #sbo-rt-content div .figure p.title, #sbo-rt-content div .notetitle, #sbo-rt-content div .tab-caption { background-color: transparent; max-width: 75%; font-size: 80% !important; margin: 10px auto 1.5em !important; } #sbo-rt-content code.docutils > span.pre { border-top: 0px !important; border-bottom: 0px !important; padding: 0px !important; } #sbo-rt-content .xis-listSteps ol ol li { list-style: lower-alpha; } #sbo-rt-content table { padding: 10px; width: 100%; background-color: rgb(255, 255, 255); margin-bottom: 1.5em; overflow: scroll; display: block; border: 1px solid rgb(221, 221, 221) !important; max-width: 100% !important; } #sbo-rt-content table pre { border: none; background-color: transparent; padding: 0px; } #sbo-rt-content table img.totri-border { padding: 0px; border: none; } #sbo-rt-content thead { font-family: Arial, sans-serif; border-bottom: 2px solid rgb(221, 221, 221); background-color: rgb(232, 237, 255); } #sbo-rt-content thead th { padding: 10px; font-weight: 700; } #sbo-rt-content tbody { max-width: 100%; overflow: scroll; } #sbo-rt-content tbody td { padding: 10px; } #sbo-rt-content tbody tr { border-bottom: 1px solid rgb(221, 221, 221); } #sbo-rt-content tbody tr:last-child { border-bottom: 0px; } #sbo-rt-content tbody tr:nth-child(2n) { background-color: rgb(247, 247, 247); } #sbo-rt-content table p { margin: 0px; font-size: inherit; } #sbo-rt-content dir, #sbo-rt-content dl, #sbo-rt-content menu, #sbo-rt-content ol, #sbo-rt-content ul { margin: 1.5em 0px 2em 2em; padding-left: 25px; } #sbo-rt-content ul li { list-style: disc; } #sbo-rt-content ol li { list-style: decimal; } #sbo-rt-content li p { margin-bottom: 0px; } #sbo-rt-content dt { font-size: 1em; line-height: 1.5em; } #sbo-rt-content code, #sbo-rt-content code code, #sbo-rt-content dt code, #sbo-rt-content li code, #sbo-rt-content li pre, #sbo-rt-content ol code { font-size: inherit; } #sbo-rt-content table img { border: 0px; padding: 20px 0px; margin: 0px auto; } #sbo-rt-content img.totri-border { padding: 10px; background-color: rgb(255, 255, 255); border: 2px solid rgb(221, 221, 221); max-width: 100%; height: auto; } #sbo-rt-content #pdf-main img { padding: 0px; border: 0px; } #sbo-rt-content section.transcript-wrapper { display: table-cell; height: auto; margin-bottom: 5%; border: 1px solid rgb(190, 185, 166); font-family: "source sans pro", sans-serif, AvenirNextCondensed-Medium, HelveticaNeue-CondensedBold, "Droid Sans", Helvetica, Arial, sans-serif; } #sbo-rt-content section.transcript-wrapper > div.t-video-description { float: left; width: 100%; height: auto; padding: 20px; color: rgb(139, 141, 142); overflow: auto; } #sbo-rt-content section.transcript-wrapper > div.t-video-description .video-title, #sbo-rt-content section.transcript-wrapper > div.t-video-description h1 { margin: 10px 0px 20px !important; } #sbo-rt-content section.transcript-wrapper > div#transcript-box { background-color: rgb(230, 230, 230); width: 100%; height: auto; float: right; margin: 0px 8%; padding: 20px; } #sbo-rt-content section.transcript-wrapper > div#transcript-box div.transcript { height: auto; } #sbo-rt-content section.transcript-wrapper > div#transcript-box div.transcript > p { display: inline; color: rgb(7, 7, 7); overflow: hidden; font-weight: 300; line-height: 1.2em !important; font-size: 90% !important; margin: 0px 0px 2% !important; padding: 0px !important; } #sbo-rt-content section.transcript-wrapper > div#transcript-box div.transcript > p span.text { display: inline; } #sbo-rt-content section.transcript-wrapper > div#transcript-box div.transcript abbr.begin { font-weight: 700; letter-spacing: 0px; margin: 0px; display: none; padding-right: 15px; font-size: 85% !important; } #sbo-rt-content section.transcript-wrapper > div#transcript-box div.transcript abbr.begin::before { content: "["; } #sbo-rt-content section.transcript-wrapper > div#transcript-box div.transcript abbr.begin::after { content: "]"; } #sbo-rt-content section.transcript-wrapper > div#transcript-box div.transcript abbr.end { display: none; } @media (min-width: 768px) { #sbo-rt-content section.transcript-wrapper { height: 502px; } #sbo-rt-content section.transcript-wrapper > div.t-video-description { width: 50%; height: 465px; } #sbo-rt-content section.transcript-wrapper > div#transcript-box { width: 50%; height: 500px; border-left: 1px solid rgb(190, 185, 166); } #sbo-rt-content section.transcript-wrapper > div#transcript-box div.transcript { height: 456px; overflow: auto; } } @media only screen and (min-width: 78.125em) { #sbo-rt-content blockquote, #sbo-rt-content li, #sbo-rt-content p { line-height: 1.6em; } } @media only screen and (max-device-width: 30em) { #sbo-rt-content .note, #sbo-rt-content .tip, #sbo-rt-content .warning { margin-left: 0px !important; margin-right: 0px !important; } #sbo-rt-content dir, #sbo-rt-content dl, #sbo-rt-content menu, #sbo-rt-content ol, #sbo-rt-content ul { margin-left: 1.8em; margin-bottom: 2em; } } @media only screen and (max-device-width: 30em) and (orientation: landscape) { #sbo-rt-content dir, #sbo-rt-content dl, #sbo-rt-content menu, #sbo-rt-content ol, #sbo-rt-content ul { margin-left: 1.5em; margin-bottom: 2em; } [role="document"] { top: 0px; } .video [role="document"] { top: 49px; } [role="document"] .sbo-nav-top { top: -49px; } } @media only screen and (device-aspect-ratio: 40/71) and (orientation: landscape) { #sbo-rt-content blockquote, #sbo-rt-content li, #sbo-rt-content p { line-height: 1.6em; } } @media only screen and (device-height: 64em) and (min-device-width: 48em) and (orientation: portrait) { [role="document"] { max-width: 100%; } #sbo-rt-content { padding: 0px 100px; } } @media only screen and (device-height: 64em) and (min-device-width: 48em) and (orientation: landscape) { #sbo-rt-content blockquote, #sbo-rt-content li, #sbo-rt-content p { line-height: 1.6em; } } @media print { .note, .tip, .warning, body, pre { background-color: rgb(255, 255, 255); } body { color: rgb(0, 0, 0); font-size: 7pt; } .note p, pre { font-size: 1.4em; } @page { margin: 1in 1.25in; } h1, h2, h3, h4, h5, h6 { text-shadow: none; color: rgb(0, 0, 0); } .note, .tip, .warning { box-shadow: none; } a[href^="http://"]::after { content: " (" attr(href) ")"; font-size: 75%; } } .mfp-bg, .mfp-wrap { left: 0px; top: 0px; position: fixed; } .mfp-bg, .mfp-container, .mfp-wrap { width: 100%; height: 100%; } .mfp-container::before, .mfp-figure::after { content: ""; } .mfp-bg { z-index: 1042; overflow: hidden; background: rgb(11, 11, 11); opacity: 0.8; } .mfp-wrap { z-index: 1043; backface-visibility: hidden; outline: 0px !important; } .mfp-container { text-align: center; position: absolute; left: 0px; top: 0px; padding: 0px 8px; box-sizing: border-box; } .mfp-container, img.mfp-img { box-sizing: border-box; } .mfp-container::before { display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container::before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; text-align: left; z-index: 1045; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom, .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } .mfp-zoom { cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: rgb(204, 204, 204); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: rgb(204, 204, 204); } .mfp-close, .mfp-preloader a:hover { color: rgb(255, 255, 255); } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0px 0px; border: 0px; appearance: none; display: block; outline: 0px; padding: 0px; z-index: 1046; box-shadow: none; } .mfp-figure::after, .mfp-iframe-scaler iframe { position: absolute; left: 0px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0px; top: 0px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0px 0px 18px 10px; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: rgb(51, 51, 51); } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: rgb(255, 255, 255); right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0px; right: 0px; color: rgb(204, 204, 204); font-size: 12px; line-height: 18px; } .mfp-figure, img.mfp-img { line-height: 0; } .mfp-arrow { position: absolute; opacity: 0.65; margin: -55px 0px 0px; top: 50%; padding: 0px; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; } .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow::after, .mfp-arrow::before { content: ""; display: block; width: 0px; height: 0px; position: absolute; left: 0px; top: 0px; margin-top: 35px; margin-left: 35px; border: inset transparent; } .mfp-arrow .mfp-a, .mfp-arrow::after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow .mfp-b, .mfp-arrow::before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0px; } .mfp-arrow-left .mfp-a, .mfp-arrow-left::after { border-right: 17px solid rgb(255, 255, 255); margin-left: 31px; } .mfp-arrow-left .mfp-b, .mfp-arrow-left::before { margin-left: 25px; border-right: 27px solid rgb(63, 63, 63); } .mfp-arrow-right { right: 0px; } .mfp-arrow-right .mfp-a, .mfp-arrow-right::after { border-left: 17px solid rgb(255, 255, 255); margin-left: 39px; } .mfp-arrow-right .mfp-b, .mfp-arrow-right::before { border-left: 27px solid rgb(63, 63, 63); } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-image-holder .mfp-content, img.mfp-img { max-width: 100%; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0px; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { display: block; top: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); } .mfp-figure::after, img.mfp-img { display: block; width: auto; height: auto; } img.mfp-img { box-sizing: border-box; padding: 40px 0px; margin: 0px auto; } .mfp-figure::after { top: 40px; bottom: 40px; right: 0px; z-index: -1; background: rgb(68, 68, 68); } .mfp-figure small { color: rgb(189, 189, 189); display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0px; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: rgb(243, 243, 243); overflow-wrap: break-word; padding-right: 36px; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0px; padding-right: 0px; } .mfp-img-mobile img.mfp-img { padding: 0px; } .mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0px; margin: 0px; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0px; right: 0px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0px; } } @media (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0px center; } .mfp-arrow-right { transform-origin: 100% center; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0px; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0px; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0px; right: 0px; padding-top: 0px; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out 0s; } .mfp-fade.mfp-bg, .mfp-fade.mfp-wrap .mfp-content { transition: all 0.15s ease-out 0s; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.15s ease-out 0s; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

@charset "utf-8"; .annotator-hl { background: rgba(255, 255, 10, 0.3); } .annotator-hl-temporary { background: rgba(0, 124, 255, 0.3); } .annotator-wrapper { position: relative; } .annotator-adder, .annotator-outer, .annotator-notice { z-index: 1020; } .annotator-filter { z-index: 1010; } .annotator-hide { display: none; visibility: hidden; } .annotator-adder { margin-top: -48px; margin-left: -24px; width: 48px; height: 48px; background-position: left top; } .annotator-adder:hover { background-position: center top; } .annotator-adder:active { background-position: right center; } .annotator-invert-x .annotator-widget { left: auto; right: -18px; } .annotator-invert-y .annotator-widget { bottom: auto; top: 8px; } .annotator-widget strong { font-weight: bold; } .annotator-widget .annotator-listing, .annotator-widget .annotator-item { padding: 0px; margin: 0px; list-style: none; } .annotator-widget::after { content: ""; display: block; width: 18px; height: 10px; background-position: 0px 0px; position: absolute; bottom: -10px; left: 8px; } .annotator-invert-x .annotator-widget::after { left: auto; right: 8px; } .annotator-invert-y .annotator-widget::after { background-position: 0px -15px; bottom: auto; top: -9px; } .annotator-viewer .annotator-item { border-top: 2px solid rgba(122, 122, 122, 0.2); } .annotator-widget .annotator-item:first-child { border-top: none; } .annotator-viewer div { padding: 6px; } .annotator-viewer .annotator-item ol, .annotator-viewer .annotator-item ul { padding: 4px 16px; } .annotator-hide.annotator-viewer .annotator-controls { position: relative; top: 5px; right: 5px; padding-left: 5px; opacity: 0; transition: opacity 0.2s ease-in 0s; float: right; } .annotator-viewer li:hover .annotator-controls, .annotator-viewer li .annotator-controls.annotator-visible { opacity: 1; } .annotator-viewer .annotator-controls button:active, .annotator-viewer .annotator-controls a:active { opacity: 1; } .annotator-viewer .annotator-controls button[disabled] { display: none; } .annotator-viewer .annotator-controls .annotator-edit { background-position: 0px -60px; } .annotator-viewer .annotator-controls .annotator-delete { background-position: 0px -75px; } .annotator-viewer .annotator-controls .annotator-link { background-position: 0px -270px; } .annotator-editor .annotator-item { position: relative; } .annotator-editor .annotator-item label { top: 0px; display: inline; font-size: 12px; } .annotator-editor .annotator-item input[type="radio"], .annotator-editor .annotator-item input[type="checkbox"] { width: auto; min-width: 0px; padding: 0px; display: inline; margin: 0px 4px 0px 0px; cursor: pointer; } .annotator-editor .annotator-checkbox { padding: 8px 6px; } .annotator-editor.annotator-invert-y .annotator-controls { border-top: none; border-bottom: 1px solid rgb(180, 180, 180); border-radius: 5px 5px 0px 0px; } .annotator-editor a:hover, .annotator-editor a:focus, .annotator-editor a.annotator-focus, .annotator-filter .annotator-filter-active label, .annotator-filter .annotator-filter-navigation button:hover { outline: none; border-color: rgb(67, 90, 160); background-color: rgb(56, 101, 249); background-image: linear-gradient(rgb(118, 145, 251), rgb(80, 117, 251) 50%, rgb(56, 101, 249) 50%, rgb(54, 101, 250)); color: white; text-shadow: rgba(0, 0, 0, 0.42) 0px -1px 0px; } .annotator-editor a:hover::after, .annotator-editor a:focus::after { margin-top: -8px; background-position: 0px -105px; } .annotator-editor.annotator-invert-y .annotator-widget .annotator-controls { background-color: rgb(242, 242, 242); } .annotator-editor.annotator-invert-y .annotator-widget::after { background-position: 0px -45px; height: 11px; } .annotator-resize { position: absolute; top: 0px; right: 0px; width: 12px; height: 12px; background-position: 2px -150px; } .annotator-invert-x .annotator-resize { right: auto; left: 0px; background-position: 0px -195px; } .annotator-invert-y .annotator-resize { top: auto; bottom: 0px; background-position: 2px -165px; } .annotator-invert-y.annotator-invert-x .annotator-resize { background-position: 0px -180px; } .annotator-notice { color: rgb(255, 255, 255); position: fixed; top: -54px; left: 0px; width: 100%; font-size: 14px; line-height: 50px; text-align: center; background: rgba(0, 0, 0, 0.9); border-bottom: 4px solid rgb(212, 212, 212); transition: top 0.4s ease-out 0s; } .ie6 .annotator-notice { position: absolute; } .annotator-notice-success { border-color: rgb(54, 101, 249); } .annotator-notice-error { border-color: rgb(255, 126, 0); } .annotator-notice p { margin: 0px; } .annotator-notice a { color: rgb(255, 255, 255); } .annotator-notice-show { top: 0px; } .annotator-tags { margin-bottom: -2px; } .annotator-tags .annotator-tag { display: inline-block; padding: 0px 8px; margin-bottom: 2px; line-height: 1.6; font-weight: bold; background-color: rgb(230, 230, 230); border-radius: 8px; } .annotator-filter { position: fixed; top: 0px; right: 0px; left: 0px; text-align: left; line-height: 0; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(135, 135, 135); padding-left: 10px; padding-right: 10px; border-radius: 0px; box-shadow: rgba(255, 255, 255, 0.3) 0px -1px 0px inset; } .annotator-filter strong { font-size: 12px; font-weight: bold; color: rgb(60, 60, 60); text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px; position: relative; top: -9px; } .annotator-filter .annotator-filter-property, .annotator-filter .annotator-filter-navigation { position: relative; display: inline-block; overflow: hidden; line-height: 10px; padding: 2px 0px; margin-right: 8px; } .annotator-filter .annotator-filter-property label, .annotator-filter .annotator-filter-navigation button { text-align: left; display: block; float: left; line-height: 20px; border-radius: 10px 0px 0px 10px; } .annotator-filter .annotator-filter-property label { padding-left: 8px; } .annotator-filter .annotator-filter-property input { display: block; float: right; appearance: none; border-top: 1px solid rgb(135, 135, 135); border-right: 1px solid rgb(135, 135, 135); border-bottom: 1px solid rgb(135, 135, 135); border-image: initial; border-left: none; padding: 2px 4px; line-height: 16px; min-height: 16px; font-size: 12px; width: 150px; color: rgb(51, 51, 51); background-color: rgb(248, 248, 248); border-radius: 0px 10px 10px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px inset; } .annotator-filter .annotator-filter-property input:focus { outline: none; background-color: rgb(255, 255, 255); } .annotator-filter .annotator-filter-clear { position: absolute; right: 3px; top: 6px; border: none; text-indent: -900em; width: 15px; height: 15px; background-position: 0px -90px; opacity: 0.4; } .annotator-filter .annotator-filter-clear:hover, .annotator-filter .annotator-filter-clear:focus { opacity: 0.8; } .annotator-filter .annotator-filter-clear:active { opacity: 1; } .annotator-filter .annotator-filter-navigation button { border: 1px solid rgb(162, 162, 162); padding: 0px; text-indent: -900px; width: 20px; min-height: 22px; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 5px inset, rgba(255, 255, 255, 0.8) 0px 0px 1px inset; } .annotator-filter .annotator-filter-navigation button, .annotator-filter .annotator-filter-navigation button:hover, .annotator-filter .annotator-filter-navigation button:focus { color: transparent; } .annotator-filter .annotator-filter-navigation button::after { position: absolute; top: 8px; left: 8px; content: ""; display: block; width: 9px; height: 9px; background-position: 0px -210px; } .annotator-filter .annotator-filter-navigation button:hover::after { background-position: 0px -225px; } .annotator-filter .annotator-filter-navigation .annotator-filter-next { border-radius: 0px 10px 10px 0px; border-left: none; } .annotator-filter .annotator-filter-navigation .annotator-filter-next::after { left: auto; right: 7px; background-position: 0px -240px; } .annotator-filter .annotator-filter-navigation .annotator-filter-next:hover::after { background-position: 0px -255px; } .annotator-hl-active { background: rgba(255, 255, 10, 0.8); } .annotator-hl-filtered { background-color: transparent; }

@charset "utf-8"; @font-face { font-family: FontAwesome; src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0px; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-glass::before { content: ""; } .fa-music::before { content: ""; } .fa-search::before { content: ""; } .fa-envelope-o::before { content: ""; } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-star-o::before { content: ""; } .fa-user::before { content: ""; } .fa-film::before { content: ""; } .fa-th-large::before { content: ""; } .fa-th::before { content: ""; } .fa-th-list::before { content: ""; } .fa-check::before { content: ""; } .fa-remove::before, .fa-close::before, .fa-times::before { content: ""; } .fa-search-plus::before { content: ""; } .fa-search-minus::before { content: ""; } .fa-power-off::before { content: ""; } .fa-signal::before { content: ""; } .fa-gear::before, .fa-cog::before { content: ""; } .fa-trash-o::before { content: ""; } .fa-home::before { content: ""; } .fa-file-o::before { content: ""; } .fa-clock-o::before { content: ""; } .fa-road::before { content: ""; } .fa-download::before { content: ""; } .fa-arrow-circle-o-down::before { content: ""; } .fa-arrow-circle-o-up::before { content: ""; } .fa-inbox::before { content: ""; } .fa-play-circle-o::before { content: ""; } .fa-rotate-right::before, .fa-repeat::before { content: ""; } .fa-refresh::before { content: ""; } .fa-list-alt::before { content: ""; } .fa-lock::before { content: ""; } .fa-flag::before { content: ""; } .fa-headphones::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-volume-down::before { content: ""; } .fa-volume-up::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-barcode::before { content: ""; } .fa-tag::before { content: ""; } .fa-tags::before { content: ""; } .fa-book::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-print::before { content: ""; } .fa-camera::before { content: ""; } .fa-font::before { content: ""; } .fa-bold::before { content: ""; } .fa-italic::before { content: ""; } .fa-text-height::before { content: ""; } .fa-text-width::before { content: ""; } .fa-align-left::before { content: ""; } .fa-align-center::before { content: ""; } .fa-align-right::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-list::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-indent::before { content: ""; } .fa-video-camera::before { content: ""; } .fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; } .fa-pencil::before { content: ""; } .fa-map-marker::before { content: ""; } .fa-adjust::before { content: ""; } .fa-tint::before { content: ""; } .fa-edit::before, .fa-pencil-square-o::before { content: ""; } .fa-share-square-o::before { content: ""; } .fa-check-square-o::before { content: ""; } .fa-arrows::before { content: ""; } .fa-step-backward::before { content: ""; } .fa-fast-backward::before { content: ""; } .fa-backward::before { content: ""; } .fa-play::before { content: ""; } .fa-pause::before { content: ""; } .fa-stop::before { content: ""; } .fa-forward::before { content: ""; } .fa-fast-forward::before { content: ""; } .fa-step-forward::before { content: ""; } .fa-eject::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-plus-circle::before { content: ""; } .fa-minus-circle::before { content: ""; } .fa-times-circle::before { content: ""; } .fa-check-circle::before { content: ""; } .fa-question-circle::before { content: ""; } .fa-info-circle::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-times-circle-o::before { content: ""; } .fa-check-circle-o::before { content: ""; } .fa-ban::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-expand::before { content: ""; } .fa-compress::before { content: ""; } .fa-plus::before { content: ""; } .fa-minus::before { content: ""; } .fa-asterisk::before { content: ""; } .fa-exclamation-circle::before { content: ""; } .fa-gift::before { content: ""; } .fa-leaf::before { content: ""; } .fa-fire::before { content: ""; } .fa-eye::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-warning::before, .fa-exclamation-triangle::before { content: ""; } .fa-plane::before { content: ""; } .fa-calendar::before { content: ""; } .fa-random::before { content: ""; } .fa-comment::before { content: ""; } .fa-magnet::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-retweet::before { content: ""; } .fa-shopping-cart::before { content: ""; } .fa-folder::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-arrows-v::before { content: ""; } .fa-arrows-h::before { content: ""; } .fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-key::before { content: ""; } .fa-gears::before, .fa-cogs::before { content: ""; } .fa-comments::before { content: ""; } .fa-thumbs-o-up::before { content: ""; } .fa-thumbs-o-down::before { content: ""; } .fa-star-half::before { content: ""; } .fa-heart-o::before { content: ""; } .fa-sign-out::before { content: ""; } .fa-linkedin-square::before { content: ""; } .fa-thumb-tack::before { content: ""; } .fa-external-link::before { content: ""; } .fa-sign-in::before { content: ""; } .fa-trophy::before { content: ""; } .fa-github-square::before { content: ""; } .fa-upload::before { content: ""; } .fa-lemon-o::before { content: ""; } .fa-phone::before { content: ""; } .fa-square-o::before { content: ""; } .fa-bookmark-o::before { content: ""; } .fa-phone-square::before { content: ""; } .fa-twitter::before { content: ""; } .fa-facebook-f::before, .fa-facebook::before { content: ""; } .fa-github::before { content: ""; } .fa-unlock::before { content: ""; } .fa-credit-card::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-hdd-o::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-bell::before { content: ""; } .fa-certificate::before { content: ""; } .fa-hand-o-right::before { content: ""; } .fa-hand-o-left::before { content: ""; } .fa-hand-o-up::before { content: ""; } .fa-hand-o-down::before { content: ""; } .fa-arrow-circle-left::before { content: ""; } .fa-arrow-circle-right::before { content: ""; } .fa-arrow-circle-up::before { content: ""; } .fa-arrow-circle-down::before { content: ""; } .fa-globe::before { content: ""; } .fa-wrench::before { content: ""; } .fa-tasks::before { content: ""; } .fa-filter::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-arrows-alt::before { content: ""; } .fa-group::before, .fa-users::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-cloud::before { content: ""; } .fa-flask::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-copy::before, .fa-files-o::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-save::before, .fa-floppy-o::before { content: ""; } .fa-square::before { content: ""; } .fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; } .fa-list-ul::before { content: ""; } .fa-list-ol::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-underline::before { content: ""; } .fa-table::before { content: ""; } .fa-magic::before { content: ""; } .fa-truck::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-pinterest-square::before { content: ""; } .fa-google-plus-square::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-money::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-columns::before { content: ""; } .fa-unsorted::before, .fa-sort::before { content: ""; } .fa-sort-down::before, .fa-sort-desc::before { content: ""; } .fa-sort-up::before, .fa-sort-asc::before { content: ""; } .fa-envelope::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-rotate-left::before, .fa-undo::before { content: ""; } .fa-legal::before, .fa-gavel::before { content: ""; } .fa-dashboard::before, .fa-tachometer::before { content: ""; } .fa-comment-o::before { content: ""; } .fa-comments-o::before { content: ""; } .fa-flash::before, .fa-bolt::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-paste::before, .fa-clipboard::before { content: ""; } .fa-lightbulb-o::before { content: ""; } .fa-exchange::before { content: ""; } .fa-cloud-download::before { content: ""; } .fa-cloud-upload::before { content: ""; } .fa-user-md::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-bell-o::before { content: ""; } .fa-coffee::before { content: ""; } .fa-cutlery::before { content: ""; } .fa-file-text-o::before { content: ""; } .fa-building-o::before { content: ""; } .fa-hospital-o::before { content: ""; } .fa-ambulance::before { content: ""; } .fa-medkit::before { content: ""; } .fa-fighter-jet::before { content: ""; } .fa-beer::before { content: ""; } .fa-h-square::before { content: ""; } .fa-plus-square::before { content: ""; } .fa-angle-double-left::before { content: ""; } .fa-angle-double-right::before { content: ""; } .fa-angle-double-up::before { content: ""; } .fa-angle-double-down::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-angle-down::before { content: ""; } .fa-desktop::before { content: ""; } .fa-laptop::before { content: ""; } .fa-tablet::before { content: ""; } .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-circle-o::before { content: ""; } .fa-quote-left::before { content: ""; } .fa-quote-right::before { content: ""; } .fa-spinner::before { content: ""; } .fa-circle::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-folder-o::before { content: ""; } .fa-folder-open-o::before { content: ""; } .fa-smile-o::before { content: ""; } .fa-frown-o::before { content: ""; } .fa-meh-o::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-keyboard-o::before { content: ""; } .fa-flag-o::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-terminal::before { content: ""; } .fa-code::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-crop::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-unlink::before, .fa-chain-broken::before { content: ""; } .fa-question::before { content: ""; } .fa-info::before { content: ""; } .fa-exclamation::before { content: ""; } .fa-superscript::before { content: ""; } .fa-subscript::before { content: ""; } .fa-eraser::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-microphone::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-shield::before { content: ""; } .fa-calendar-o::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-rocket::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-chevron-circle-left::before { content: ""; } .fa-chevron-circle-right::before { content: ""; } .fa-chevron-circle-up::before { content: ""; } .fa-chevron-circle-down::before { content: ""; } .fa-html5::before { content: ""; } .fa-css3::before { content: ""; } .fa-anchor::before { content: ""; } .fa-unlock-alt::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-ellipsis-h::before { content: ""; } .fa-ellipsis-v::before { content: ""; } .fa-rss-square::before { content: ""; } .fa-play-circle::before { content: ""; } .fa-ticket::before { content: ""; } .fa-minus-square::before { content: ""; } .fa-minus-square-o::before { content: ""; } .fa-level-up::before { content: ""; } .fa-level-down::before { content: ""; } .fa-check-square::before { content: ""; } .fa-pencil-square::before { content: ""; } .fa-external-link-square::before { content: ""; } .fa-share-square::before { content: ""; } .fa-compass::before { content: ""; } .fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; } .fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; } .fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; } .fa-euro::before, .fa-eur::before { content: ""; } .fa-gbp::before { content: ""; } .fa-dollar::before, .fa-usd::before { content: ""; } .fa-rupee::before, .fa-inr::before { content: ""; } .fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; } .fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; } .fa-won::before, .fa-krw::before { content: ""; } .fa-bitcoin::before, .fa-btc::before { content: ""; } .fa-file::before { content: ""; } .fa-file-text::before { content: ""; } .fa-sort-alpha-asc::before { content: ""; } .fa-sort-alpha-desc::before { content: ""; } .fa-sort-amount-asc::before { content: ""; } .fa-sort-amount-desc::before { content: ""; } .fa-sort-numeric-asc::before { content: ""; } .fa-sort-numeric-desc::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-youtube-square::before { content: ""; } .fa-youtube::before { content: ""; } .fa-xing::before { content: ""; } .fa-xing-square::before { content: ""; } .fa-youtube-play::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-instagram::before { content: ""; } .fa-flickr::before { content: ""; } .fa-adn::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-bitbucket-square::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-tumblr-square::before { content: ""; } .fa-long-arrow-down::before { content: ""; } .fa-long-arrow-up::before { content: ""; } .fa-long-arrow-left::before { content: ""; } .fa-long-arrow-right::before { content: ""; } .fa-apple::before { content: ""; } .fa-windows::before { content: ""; } .fa-android::before { content: ""; } .fa-linux::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-skype::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-trello::before { content: ""; } .fa-female::before { content: ""; } .fa-male::before { content: ""; } .fa-gittip::before, .fa-gratipay::before { content: ""; } .fa-sun-o::before { content: ""; } .fa-moon-o::before { content: ""; } .fa-archive::before { content: ""; } .fa-bug::before { content: ""; } .fa-vk::before { content: ""; } .fa-weibo::before { content: ""; } .fa-renren::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-arrow-circle-o-right::before { content: ""; } .fa-arrow-circle-o-left::before { content: ""; } .fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; } .fa-dot-circle-o::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-vimeo-square::before { content: ""; } .fa-turkish-lira::before, .fa-try::before { content: ""; } .fa-plus-square-o::before { content: ""; } .fa-space-shuttle::before { content: ""; } .fa-slack::before { content: ""; } .fa-envelope-square::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-openid::before { content: ""; } .fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; } .fa-mortar-board::before, .fa-graduation-cap::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-google::before { content: ""; } .fa-reddit::before { content: ""; } .fa-reddit-square::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-delicious::before { content: ""; } .fa-digg::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-drupal::before { content: ""; } .fa-joomla::before { content: ""; } .fa-language::before { content: ""; } .fa-fax::before { content: ""; } .fa-building::before { content: ""; } .fa-child::before { content: ""; } .fa-paw::before { content: ""; } .fa-spoon::before { content: ""; } .fa-cube::before { content: ""; } .fa-cubes::before { content: ""; } .fa-behance::before { content: ""; } .fa-behance-square::before { content: ""; } .fa-steam::before { content: ""; } .fa-steam-square::before { content: ""; } .fa-recycle::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-tree::before { content: ""; } .fa-spotify::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-database::before { content: ""; } .fa-file-pdf-o::before { content: ""; } .fa-file-word-o::before { content: ""; } .fa-file-excel-o::before { content: ""; } .fa-file-powerpoint-o::before { content: ""; } .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; } .fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; } .fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; } .fa-file-movie-o::before, .fa-file-video-o::before { content: ""; } .fa-file-code-o::before { content: ""; } .fa-vine::before { content: ""; } .fa-codepen::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; } .fa-circle-o-notch::before { content: ""; } .fa-ra::before, .fa-rebel::before { content: ""; } .fa-ge::before, .fa-empire::before { content: ""; } .fa-git-square::before { content: ""; } .fa-git::before { content: ""; } .fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-qq::before { content: ""; } .fa-wechat::before, .fa-weixin::before { content: ""; } .fa-send::before, .fa-paper-plane::before { content: ""; } .fa-send-o::before, .fa-paper-plane-o::before { content: ""; } .fa-history::before { content: ""; } .fa-circle-thin::before { content: ""; } .fa-header::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-sliders::before { content: ""; } .fa-share-alt::before { content: ""; } .fa-share-alt-square::before { content: ""; } .fa-bomb::before { content: ""; } .fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; } .fa-tty::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-plug::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-twitch::before { content: ""; } .fa-yelp::before { content: ""; } .fa-newspaper-o::before { content: ""; } .fa-wifi::before { content: ""; } .fa-calculator::before { content: ""; } .fa-paypal::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-bell-slash-o::before { content: ""; } .fa-trash::before { content: ""; } .fa-copyright::before { content: ""; } .fa-at::before { content: ""; } .fa-eyedropper::before { content: ""; } .fa-paint-brush::before { content: ""; } .fa-birthday-cake::before { content: ""; } .fa-area-chart::before { content: ""; } .fa-pie-chart::before { content: ""; } .fa-line-chart::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-lastfm-square::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-bus::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-angellist::before { content: ""; } .fa-cc::before { content: ""; } .fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; } .fa-meanpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-diamond::before { content: ""; } .fa-ship::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-street-view::before { content: ""; } .fa-heartbeat::before { content: ""; } .fa-venus::before { content: ""; } .fa-mars::before { content: ""; } .fa-mercury::before { content: ""; } .fa-intersex::before, .fa-transgender::before { content: ""; } .fa-transgender-alt::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-mars-stroke-v::before { content: ""; } .fa-mars-stroke-h::before { content: ""; } .fa-neuter::before { content: ""; } .fa-genderless::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-server::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-user-times::before { content: ""; } .fa-hotel::before, .fa-bed::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-train::before { content: ""; } .fa-subway::before { content: ""; } .fa-medium::before { content: ""; } .fa-yc::before, .fa-y-combinator::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-opencart::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-battery-4::before, .fa-battery-full::before { content: ""; } .fa-battery-3::before, .fa-battery-three-quarters::before { content: ""; } .fa-battery-2::before, .fa-battery-half::before { content: ""; } .fa-battery-1::before, .fa-battery-quarter::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-mouse-pointer::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-object-group::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-sticky-note::before { content: ""; } .fa-sticky-note-o::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-clone::before { content: ""; } .fa-balance-scale::before { content: ""; } .fa-hourglass-o::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-hourglass::before { content: ""; } .fa-hand-grab-o::before, .fa-hand-rock-o::before { content: ""; } .fa-hand-stop-o::before, .fa-hand-paper-o::before { content: ""; } .fa-hand-scissors-o::before { content: ""; } .fa-hand-lizard-o::before { content: ""; } .fa-hand-spock-o::before { content: ""; } .fa-hand-pointer-o::before { content: ""; } .fa-hand-peace-o::before { content: ""; } .fa-trademark::before { content: ""; } .fa-registered::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-gg::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-tripadvisor::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-odnoklassniki-square::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-safari::before { content: ""; } .fa-chrome::before { content: ""; } .fa-firefox::before { content: ""; } .fa-opera::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-tv::before, .fa-television::before { content: ""; } .fa-contao::before { content: ""; } .fa-500px::before { content: ""; } .fa-amazon::before { content: ""; } .fa-calendar-plus-o::before { content: ""; } .fa-calendar-minus-o::before { content: ""; } .fa-calendar-times-o::before { content: ""; } .fa-calendar-check-o::before { content: ""; } .fa-industry::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-map-signs::before { content: ""; } .fa-map-o::before { content: ""; } .fa-map::before { content: ""; } .fa-commenting::before { content: ""; } .fa-commenting-o::before { content: ""; } .fa-houzz::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-fonticons::before { content: ""; }

@charset "utf-8"; appcues-container > iframe[src="about:blank"], appcues-layer, appcues-layer .hotspot > iframe, appcues-layer .appcues-hotspot > iframe { opacity: 1; margin: 0px !important; padding: 0px !important; border: 0px !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; font-family: inherit !important; vertical-align: baseline !important; display: block !important; line-height: 1 !important; box-shadow: none !important; box-sizing: content-box !important; outline: none !important; border-radius: 0px !important; overflow: visible !important; } appcues-container.fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } appcues-container.ontop { z-index: 2147483547; } appcues-container:not(.fullscreen)[data-pattern-type="shorty"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"] { position: fixed; box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 9px 0px; transform: none; transition: transform 0.8s cubic-bezier(0.2, 0.84, 0.35, 1) 0s, opacity 0.5s cubic-bezier(0, 0, 0, 1) 0.1s; width: 400px; height: 150px; } @media screen and (max-width: 440px) { appcues-container:not(.fullscreen)[data-pattern-type="shorty"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"] { width: calc(100% - 40px) !important; } } appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="topRight"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="right"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="bottomRight"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="topRight"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="right"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="bottomRight"] { right: 20px; } appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="topLeft"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="left"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="bottomLeft"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="topLeft"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="left"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="bottomLeft"] { left: 20px; } appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="left"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="right"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="center"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="left"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="right"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="center"] { top: 50%; transform: translateY(-50%); } appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="center"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="center"] { transform: translateY(-54%); } appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="top"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="center"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position="bottom"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="top"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="center"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position="bottom"] { right: 0px; left: 0px; margin: auto; } appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position^="top"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position^="top"] { top: 20px; } appcues-container:not(.fullscreen)[data-pattern-type="shorty"][data-position^="bottom"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"][data-position^="bottom"] { bottom: 20px; } appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden, appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden { transition: transform 0.5s ease-in 0s, opacity 0.4s cubic-bezier(0.5, 1, 1, 1) 0s; opacity: 0; } appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="center"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="center"] { transform: translateY(-50%); } appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="top"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="top"] { transform: translateY(-50%); } appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="topLeft"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="bottomLeft"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="topLeft"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="bottomLeft"] { transform: translateX(-50%); } appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="bottom"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="bottom"] { transform: translateY(50%); } appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="topRight"], appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="bottomRight"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="topRight"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="bottomRight"] { transform: translateX(50%); } appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="left"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="left"] { transform: translateY(-50%) translateX(-50%); } appcues-container:not(.fullscreen)[data-pattern-type="shorty"].apc-hidden[data-position="right"], appcues-container:not(.fullscreen)[data-pattern-type="slideout"].apc-hidden[data-position="right"] { transform: translateY(-50%) translateX(50%); } .appcues-noscroll { overflow: hidden; } .appcues iframe.appcues-tooltip-container.appcues-tooltip-hidden { display: none !important; } appcues-container > iframe[src="about:blank"], appcues-layer, appcues-layer .hotspot > iframe, appcues-layer .appcues-hotspot > iframe { opacity: 1; margin: 0px !important; padding: 0px !important; border: 0px !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; font-family: inherit !important; vertical-align: baseline !important; display: block !important; line-height: 1 !important; box-shadow: none !important; box-sizing: content-box !important; outline: none !important; border-radius: 0px !important; overflow: visible !important; } appcues-layer .beacon { position: relative; cursor: pointer; transform-origin: 12px 12px 0px; transition: transform 0.1s ease 0s; } appcues-layer .beacon .beacon-inner { transition: transform 0.1s ease 0s; transform-origin: 12px 12px 0px; } appcues-layer .beacon:hover { animation-fill-mode: backwards; transform: scale(1.25); } appcues-layer .beacon:hover .beacon-inner { transform: scale(1.5); } appcues-layer .beacon:active, appcues-layer .beacon:focus { animation-fill-mode: backwards; transform: scale(0.75); } appcues-layer .beacon:active::after, appcues-layer .beacon:focus::after { transform: scale(1.8); } appcues-layer .beacon.bounce-in { animation: 0.5s linear 0s 1 normal none running bounceIn; } appcues-layer .beacon.bounce-out { animation: 0.5s ease-in 0s 1 normal both running bounceOut; } appcues-layer .beacon .beacon-outer { transform-origin: 11px 11px; } @-webkit-keyframes appcues-beacon-pulse { 0% { stroke-width: 22; transform: scale(0.1); } 25% { transform: scale(1); stroke-width: 0.5; } 30% { stroke-width: 0; } 100% { stroke-width: 0; } } @keyframes appcues-beacon-pulse { 0% { stroke-width: 22; transform: scale(0.1); } 25% { transform: scale(1); stroke-width: 0.5; } 30% { stroke-width: 0; } 100% { stroke-width: 0; } } appcues-layer .beacon .hotspot-animation-pulse { animation: 3s ease-out 2s infinite normal none running appcues-beacon-pulse; } appcues-layer .beacon-container { width: 24px; max-width: 24px; position: relative; } appcues-container > iframe[src="about:blank"], appcues-layer, appcues-layer .hotspot > iframe, appcues-layer .appcues-hotspot > iframe { opacity: 1; margin: 0px !important; padding: 0px !important; border: 0px !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; font-family: inherit !important; vertical-align: baseline !important; display: block !important; line-height: 1 !important; box-shadow: none !important; box-sizing: content-box !important; outline: none !important; border-radius: 0px !important; overflow: visible !important; } @media not all { appcues-layer .hotspot .apc-spotlight, appcues-layer .appcues-hotspot .apc-spotlight { display: none; } } appcues-layer .hotspots, appcues-layer .hotspots .hotspot, appcues-layer .hotspots, appcues-layer .hotspots .appcues-hotspot, appcues-layer .appcues-hotspots, appcues-layer .appcues-hotspots .hotspot, appcues-layer .appcues-hotspots, appcues-layer .appcues-hotspots .appcues-hotspot { position: static; } appcues-layer .hotspot, appcues-layer .appcues-hotspot { top: 50%; left: 50%; } appcues-layer .hotspot.appcues-animated, appcues-layer .appcues-hotspot.appcues-animated { transition: top 0.1s ease 0s, left 0.1s ease 0s; } appcues-layer .hotspot .apc-spotlight, appcues-layer .appcues-hotspot .apc-spotlight { transition: opacity 0.3s ease 0s; } appcues-layer .hotspot.apc-hidden .beacon, appcues-layer .appcues-hotspot.apc-hidden .beacon { transform: scale(0); } appcues-layer .hotspot.apc-hidden .apc-spotlight, appcues-layer .appcues-hotspot.apc-hidden .apc-spotlight { opacity: 0; } appcues-layer .hotspot.apc-beacon-hidden .beacon-container, appcues-layer .appcues-hotspot.apc-beacon-hidden .beacon-container { display: none; } appcues-layer .hotspot .beacon, appcues-layer .appcues-hotspot .beacon { transition: transform 0.08s cubic-bezier(0, 0, 0, 1) 0s; transform: none; } appcues-layer .hotspot > iframe, appcues-layer .appcues-hotspot > iframe { background-color: transparent; min-width: 0px; min-height: 0px; opacity: 1; transform: none; transition: opacity 0.16s cubic-bezier(0, 0, 0, 1) 0s, transform 0.08s cubic-bezier(0, 0, 0, 1) 0s; } appcues-layer .hotspot > iframe.apc-hidden, appcues-layer .appcues-hotspot > iframe.apc-hidden { opacity: 0.01; transform: scale(0.97); } appcues-layer .hotspot > iframe.align-top, appcues-layer .appcues-hotspot > iframe.align-top { transform-origin: center bottom; } appcues-layer .hotspot > iframe.align-top-left, appcues-layer .appcues-hotspot > iframe.align-top-left { transform-origin: right bottom; } appcues-layer .hotspot > iframe.align-top-right, appcues-layer .appcues-hotspot > iframe.align-top-right { transform-origin: left bottom; } appcues-layer .hotspot > iframe.align-bottom, appcues-layer .appcues-hotspot > iframe.align-bottom { transform-origin: center top; } appcues-layer .hotspot > iframe.align-bottom-left, appcues-layer .appcues-hotspot > iframe.align-bottom-left { transform-origin: right top; } appcues-layer .hotspot > iframe.align-bottom-right, appcues-layer .appcues-hotspot > iframe.align-bottom-right { transform-origin: left top; } appcues-debugger { position: fixed; bottom: 0px; left: 15px; overflow-wrap: break-word; z-index: 2147483548; color: white; } appcues-debugger.expanded { max-height: 450px; min-width: 600px; } appcues-debugger.collapsed { max-height: 35px; } appcues-debugger iframe { overflow: hidden; } appcues-checklist { position: fixed; bottom: 30px; z-index: 2147483647; transition: all 0.5s ease-in-out 0s; } appcues-checklist.apcl-right { right: 30px; } appcues-checklist.apcl-right.first-view { right: -300px; } appcues-checklist.apcl-left { left: 30px; } appcues-checklist.apcl-left.first-view { left: -300px; } div.appcues, div.appcues > appcues-layer { position: static; }

ch001-pr02.mhtml