Week One Discussion Questions 1 and 2

profileDeedeerap49!
PsychologyinYourLifeThirdEdition_NortonEbook.mhtml

Add yourself to a Student SetRequest SupportHelp Change Your EmailChange passwordSign out Add bookmarkRead aloud (text-to-speech)Print this section Skip to page text Close Book Menu Open Table of Contents Panel Open Search Panel Open Bookmarks Panel Open Notes Panel Copyright 2016 W.W. Norton and Co. Table of contents Check off the sections of the book to read offline on your current device, then click “Apply.” To learn more about offline reading, visit the Help Notes.

  1. Front Matter
    1. Cover
    2. Half Titlei
    3. Titleii
    4. Copyrightiv
    5. Dedicationv
    6. Meet the Authorsvi
    7. Contents in Briefvii
    8. Mission of Psychology in Your Lifeviii
    9. Introducing the Third Editionxvi
    10. Appreciation for Contributors and Reviewersxvii
    11. Contentsxxi
  2. Chapter 1: Introducing the World of Psychology
    1. Why Is Psychology Important to You?5
      1. 1.1 Psychology Explains Your Mental Activity and Behavior6
      2. 1.2 Psychology Teaches You to Think Critically7
      3. 1.3 Psychology Improves Your Life11
    2. What Do Psychologists Investigate?12
      1. 1.4 Psychology Originated in Philosophical Questions13
      2. 1.5 Psychologists Investigate the Conscious Mind and the Unconscious Mind15
      3. 1.6 Psychologists Explore Behavior and Mental Activity18
      4. 1.7 Psychologists Today Investigate Many Different Topics20
    3. How Do Psychologists Conduct Research?22
      1. 1.8 Psychologists Use the Scientific Method23
      2. 1.9 Descriptive Methods Describe What Is Happening28
      3. 1.10 Correlational Methods Study Relationships31
      4. 1.11 Experimental Methods Test Causation33
      5. 1.12 Psychologists Today Follow Strict Ethical Guidelines38
    4. Big Picture39
    5. Putting Psychology to Work: What Can You Do with a Degree in Psychology?42
  3. Chapter 2: The Role of Biology in Psychology44
    1. How Does Your Nervous System Affect You?46
      1. 2.1 Your Nervous System Is the Basis of Your Mental Activity and Behavior47
      2. 2.2 Neurons Communicate with Each Other in Your Nervous System50
      3. 2.3 Neurotransmitters Influence Your Mental Activity and Behavior55
    2. How Do the Parts of Your Brain Function?58
      1. 2.4 Understanding of the Brain Has Developed over Time59
      2. 2.5 The Hindbrain and Midbrain House Basic Programs for Your Survival62
      3. 2.6 Forebrain Subcortical Structures Control Your Motivations and Emotions64
      4. 2.7 The Cerebral Cortex of the Forebrain Processes Your Complex Mental Activity66
    3. How Does Your Brain Communicate with Your Body?71
      1. 2.8 Your Somatic Nervous System Detects Sensory Input and Responds72
      2. 2.9 Your Autonomic Nervous System Regulates the Body Automatically73
      3. 2.10 The Endocrine System Affects Your Behavior Through Hormones74
    4. How Do Nature and Nurture Affect Your Brain?76
      1. 2.11 Your Genes Affect Your Mental Activity and Behavior77
      2. 2.12 Your Genes Interact with Your Environment to Influence You78
      3. 2.13 Your Environment Changes Your Brain80
    5. Big Picture82
    6. Putting Psychology to Work: How Can Understanding Biological Psychology Help You in Your Job?85
  4. Chapter 3: Consciousness86
    1. What Does It Mean to Be Conscious?88
      1. 3.1 Consciousness Is Your Subjective Experience89
      2. 3.2 Consciousness Results from Brain Activity91
      3. 3.3 Consciousness Involves Attention94
      4. 3.4 Unconscious Processing Sometimes Affects Behavior95
    2. How Does Sleep Affect Consciousness?100
      1. 3.5 Consciousness Changes During Sleep101
      2. 3.6 People Dream While Sleeping103
      3. 3.7 Sleep Is an Adaptive Behavior106
      4. 3.8 Sleep Disorders Are Relatively Common Throughout Life108
    3. How Do Hypnosis, Meditation, and Flow Alter Consciousness?110
      1. 3.9 Attention to Suggestions May Alter Consciousness in Hypnosis111
      2. 3.10 Meditation Alters Consciousness and Brain Functioning113
      3. 3.11 People Can Lose Themselves in Enjoyable Activities114
    4. How Do Drugs Alter Consciousness?116
      1. 3.12 Psychoactive Drugs Affect the Brain117
      2. 3.13 Addiction Has Physical and Psychological Aspects123
    5. Big Picture124
    6. Putting Psychology to Work: How Can Understanding Consciousness Help You in Your Job?127
  5. Chapter 4: Development Across the Life Span128
    1. How Does Development Happen in the Womb?130
      1. 4.1 Humans Develop Across Three Domains131
      2. 4.2 Prenatal Development Includes Three Periods of Physical Growth133
      3. 4.3 Substances Affect Prenatal Development in All Three Domains135
    2. How Do Infants and Children Develop?137
      1. 4.4 Infants and Children Change Physically138
      2. 4.5 Infants and Children Change Socially and Emotionally141
      3. 4.6 Infants and Children Change Cognitively144
      4. 4.7 Language Develops in an Orderly Way150
    3. How Do Adolescents Develop?151
      1. 4.8 Adolescents Develop Physically152
      2. 4.9 Adolescents Develop Socially and Emotionally153
      3. 4.10 Adolescents Develop Cognitively156
    4. How Do Adults Develop?158
      1. 4.11 Bodies Change in Adulthood159
      2. 4.12 Adults Develop Lifelong Social and Emotional Bonds160
      3. 4.13 The Mental Abilities of Adults Begin to Decline164
    5. Big Picture166
    6. Putting Psychology to Work: How Does Knowledge of Human Development Help in Educational Settings?169
  6. Chapter 5: Sensation and Perception170
    1. How Do Sensation and Perception Affect You?172
      1. 5.1 Your Senses Detect Physical Stimuli, and Your Brain Processes Perception173
      2. 5.2 There Must Be a Certain Amount of a Stimulus for You to Detect It176
    2. How Do You See?177
      1. 5.3 Sensory Receptors in Your Eyes Detect Light178
      2. 5.4 You Perceive Color Based on Physical Aspects of Light181
      3. 5.5 You Perceive Objects by Organizing Visual Information184
      4. 5.6 When You Perceive Depth, You Can Locate Objects in Space186
      5. 5.7 Cues in Your Brain and in the World Let You Perceive Motion188
      6. 5.8 You Understand That Objects Remain Constant Even When Cues Change189
    3. How Do You Hear?190
      1. 5.9 Receptors in Your Ears Detect Sound Waves191
      2. 5.10 You Perceive Sound Based on Physical Aspects of Sound Waves193
    4. How Are You Able to Taste and Smell?197
      1. 5.11 Receptors in Your Taste Buds Detect Chemical Molecules198
      2. 5.12 Your Olfactory Receptors Detect Odorants201
    5. How Do You Feel Touch and Pain?203
      1. 5.13 Receptors in Your Skin Detect Temperature and Pressure204
      2. 5.14 You Detect Pain in Your Skin and Throughout Your Body205
    6. Big Picture208
    7. Putting Psychology to Work: How Can Understanding Sensation and Perception Help You in Your Career?211
  7. Chapter 6: Learning212
    1. How Do You Learn?214
      1. 6.1 You Learn from Experience215
      2. 6.2 You Learn in Three Ways216
      3. 6.3 Your Brain Changes During Learning217
    2. How Do You Learn Through Classical Conditioning?218
      1. 6.4 Through Classical Conditioning, You Learn That Stimuli Are Related219
      2. 6.5 Learning Varies in Classical Conditioning222
      3. 6.6 You Can Learn Fear Responses Through Classical Conditioning225
      4. 6.7 Adaptation and Cognition Influence Classical Conditioning226
    3. How Do You Learn Through Operant Conditioning?228
      1. 6.8 Through Operant Conditioning, You Learn the Consequences of Your Actions229
      2. 6.9 Learning Varies in Operant Conditioning230
      3. 6.10 Both Reinforcement and Punishment Influence Operant Conditioning232
      4. 6.11 Operant Conditioning Affects Your Life236
      5. 6.12 Biology and Cognition Influence Operant Conditioning238
    4. How Do You Learn by Watching Others?241
      1. 6.13 There Are Three Ways You Learn by Watching Others242
      2. 6.14 Biology Influences Observational Learning245
    5. Big Picture246
    6. Putting Psychology to Work: How Can Understanding the Principles of Learning Help You Work with Animals?249
  8. Chapter 7: Memory250
    1. How Do You Create Memories?252
      1. 7.1 You Create Memories by Processing Information253
      2. 7.2 Your Memories Are Unique255
    2. How Do You Maintain Memories over Time?257
      1. 7.3 You Maintain Information in Three Memory Stores258
      2. 7.4 Sensory Storage Lets You Maintain Information Very Briefly260
      3. 7.5 Working Memory Lets You Actively Maintain Information in Short-Term Storage262
      4. 7.6 Long-Term Storage Lets You Maintain Memories Relatively Permanently264
      5. 7.7 Your Long-Term Storage Is Organized Based on Meaning266
    3. What Are Your Different Long-Term Storage Systems?268
      1. 7.8 Amnesia Reveals Different Long-Term Stores269
      2. 7.9 Your Explicit Memories Involve Conscious Effort270
      3. 7.10 Your Implicit Memories Function Without Conscious Effort272
      4. 7.11 Prospective Memory Lets You Remember to Do Something274
      5. 7.12 Memory Is Processed by Several Regions of Your Brain275
    4. How Do You Retrieve Memories?278
      1. 7.13 Retrieval Cues Help You Access Your Memories279
      2. 7.14 You Forget Some of Your Memories281
      3. 7.15 Your Unwanted Memories May Persist283
      4. 7.16 Your Memories Can Be Distorted284
    5. Big Picture288
    6. Putting Psychology to Work: How Can Understanding Memory Help You Succeed at Your Job?291
  9. Chapter 8: Thinking and Intelligence292
    1. What Is Thinking?294
      1. 8.1 Thinking Is the Mental Manipulation of Representations295
      2. 8.2 Schemas Are the Basis of Thinking297
      3. 8.3 Schemas Are the Basis of Stereotypes300
    2. How Do You Use Thinking?301
      1. 8.4 You Use Thinking in Three Ways302
      2. 8.5 How You Think Biases Decision Making304
      3. 8.6 You Solve Problems to Achieve Goals308
      4. 8.7 You Overcome Obstacles to Solve Problems311
    3. What Is Intelligence?312
      1. 8.8 One General Factor May Underlie Intelligence313
      2. 8.9 There May Be Multiple Aspects of Intelligence315
      3. 8.10 Intelligence Is a Result of Genes and Environment318
    4. How Is Intelligence Measured?319
      1. 8.11 Intelligence Is Assessed with Psychometric Tests320
      2. 8.12 Intelligence Is Associated with Cognitive Performance326
      3. 8.13 Many Factors Determine Group Differences in Intelligence327
    5. Big Picture330
    6. Putting Psychology to Work: How Can Understanding Thinking Help You Succeed in Your Career?333
  10. Chapter 9: Motivation and Emotion334
    1. What Motivates Your Behavior?336
      1. 9.1 Many Factors Influence Motivation337
      2. 9.2 Some Behaviors Are Motivated for Their Own Sake343
    2. What Are Your Most Important Motivated Behaviors?344
      1. 9.3 Motivation to Eat Is Affected by Biology345
      2. 9.4 Motivation to Eat Is Also Influenced by Learning348
      3. 9.5 People Have a Need to Belong349
      4. 9.6 People Have a Need to Achieve Long-Term Goals351
    3. How Do You Experience Emotions?353
      1. 9.7 Emotions Are Personal but Labeled and Described Consistently354
      2. 9.8 Three Major Theories Explain Your Emotions356
      3. 9.9 Your Body and Brain Influence Your Emotions360
      4. 9.10 Most People Try to Regulate Their Emotional States364
    4. How Do Emotions Affect You?366
      1. 9.11 You Use Facial Expressions to Interpret Emotions367
      2. 9.12 Your Display of Emotion Varies369
      3. 9.13 Emotions Influence Your Thoughts370
      4. 9.14 Emotions Strengthen Your Interpersonal Relations371
    5. Big Picture372
    6. Putting Psychology to Work: How Can Understanding Motivation and Emotion Help You Work with Customers?375
  11. Chapter 10: Sex, Gender, and Sexuality376
    1. How Does Biology Make People More Male or Female?378
      1. 10.1 Genetics and Hormones Influence Biological Sex379
      2. 10.2 Biological Sex Is Not Always Clear384
    2. Why Do People Act Masculine or Feminine?386
      1. 10.3 People Have Mental Categories of What Is Masculine and What Is Feminine387
      2. 10.4 Gender Roles Affect How People Act389
      3. 10.5 Gender Identity Also Affects How People Act391
      4. 10.6 People Vary in Gender Identity393
    3. How Do People Vary in Sexual Orientation?396
      1. 10.7 Variations in Sexual Orientation Are Normal397
      2. 10.8 Biology Influences the Development of Sexual Orientation400
    4. What Motivates People to Have Sexual Relations (or Not To)?404
      1. 10.9 Biology Influences the Motivation for Sexual Activity405
      2. 10.10 Environmental Context Influences the Motivation for Sexual Activity410
      3. 10.11 Individual Differences Influence the Motivation for Sexual Activity412
    5. Big Picture415
    6. Putting Psychology to Work: How Can Psychology Lead to a Career Supporting People with Variations in Sex, Gender, and Sexuality?419
  12. Chapter 11: Health and Well-Being420
    1. What Affects Your Health?422
      1. 11.1 Biology, Psychology, and Social Factors Influence Your Health423
      2. 11.2 Obesity and Disordered Eating Have Many Health Consequences425
      3. 11.3 Exercise Benefits You Physically, Cognitively, and Emotionally432
      4. 11.4 Sexually Transmitted Infections Can Be Prevented by Practicing Safer Sex433
      5. 11.5 Smoking Is Dangerous to Your Health437
    2. How Does Stress Affect Your Health?439
      1. 11.6 Stress Has a Negative Impact on Your Health440
      2. 11.7 You Can Have Several Responses to Stress443
    3. How Do Mediating Factors Affect Your Stress?446
      1. 11.8 Personality Influences the Impact of Stress on Heart Disease447
      2. 11.9 Coping Mediates the Impact of Stress448
    4. Can a Positive Attitude Keep You Healthy?451
      1. 11.10 Positive Psychology Emphasizes Well-Being452
      2. 11.11 Social Support Is Associated with Good Health455
      3. 11.12 Several Strategies Can Help You Stay Healthy456
    5. Big Picture458
    6. Putting Psychology to Work: Can Psychology Help You Be Successful in a Career in Fitness?461
  13. Chapter 12: Social Psychology462
    1. How Do You Think About Other People?464
      1. 12.1 You Tend to Make Snap Judgments About Other People465
      2. 12.2 You Make Attributions About Other People466
      3. 12.3 You Tend to Stereotype Other People468
      4. 12.4 Stereotypes Can Have Negative Effects469
    2. How Do Your Attitudes Affect You?472
      1. 12.5 You Form Attitudes Through Experience and Socialization473
      2. 12.6 Discrepancies Between Attitudes and Behavior Lead to Dissonance476
      3. 12.7 Your Attitudes Can Be Changed Through Persuasion477
    3. How Do Other People Influence You?478
      1. 12.8 Groups Affect Your Behavior479
      2. 12.9 You Conform to and Comply with Others482
      3. 12.10 You Probably Obey People Who Have Authority485
      4. 12.11 You May Hurt or Help Other People487
    4. How Can You Develop Strong Relationships?491
      1. 12.12 Situations and Personalities Affect Your Relationships492
      2. 12.13 Love Is a Key Part of Romantic Relationships495
    5. Big Picture497
    6. Putting Psychology to Work: How Can Psychology Help You Succeed in a Career in Advertising and Marketing?501
  14. Chapter 13: Self and Personality502
    1. How Do You Know Yourself?504
      1. 13.1 Your Sense of Self Is Who You Believe You Are505
      2. 13.2 Self-Esteem Is How You Feel About Your Sense of Self507
      3. 13.3 You Try to Create a Positive Sense of Self511
      4. 13.4 Your Sense of Self Is Influenced by Cultural Factors513
    2. How Can You Understand Personality?514
      1. 13.5 Psychodynamic Theory Emphasizes Unconscious Conflicts515
      2. 13.6 Humanistic Approaches Emphasize Goodness in People519
      3. 13.7 Social Cognitive Approaches Focus on How Thoughts Shape Personality520
      4. 13.8 Trait Approaches Describe Characteristics523
    3. How Does Biology Affect Personality?526
      1. 13.9 Personality Has a Biological Basis526
      2. 13.10 Personality Is Influenced by Genes527
      3. 13.11 Temperament Is Innate529
      4. 13.12 Personality Stability Is Influenced by Biology and Situation531
    4. How Can Personality Be Assessed?533
      1. 13.13 Several Methods Are Used to Assess Personality534
      2. 13.14 Behavior Is Influenced by Personality and Situation537
      3. 13.15 Assessment Can Reveal Cultural and Gender Differences in Personality538
    5. Big Picture540
    6. Putting Psychology to Work: How Can Understanding People’s Personalities Become a Career?543
  15. Chapter 14: Psychological Disorders544
    1. What Is a Psychological Disorder?546
      1. 14.1 Disorders Interfere with Our Lives547
      2. 14.2 There Are Two General Ways to View the Causes of Disorders550
      3. 14.3 Disordered Thoughts, Emotions, and/or Behaviors Can Be Assessed and Categorized553
    2. How Do People Experience Disorders of Emotion?555
      1. 14.4 Anxiety Disorders Make People Fearful and Tense556
      2. 14.5 Some Disorders Have Unwanted and Intrusive Thoughts that Increase Anxiety559
      3. 14.6 Depressive Disorders Consist of Sad, Empty, or Irritable Mood562
      4. 14.7 Many Factors Influence the Development of Depressive Disorders564
      5. 14.8 Bipolar Disorders Involve Mania567
    3. How Do People Experience Disorders of Thought?569
      1. 14.9 Schizophrenia Involves a Disconnection from Reality570
      2. 14.10 Schizophrenia Is Caused by Biological and Environmental Factors572
    4. How Do People Experience Disorders of Self?574
      1. 14.11 Personality Disorders Are Maladaptive Ways of Relating to the World575
      2. 14.12 Dissociative Disorders Involve Disruptions in the Sense of Self579
    5. What Disorders Affect Children?581
      1. 14.13 Children May Experience Neurodevelopmental Disorders581
      2. 14.14 Autism Spectrum Disorder Involves Social Deficits and Restricted Interests582
      3. 14.15 Attention-Deficit/Hyperactivity Disorder Is a Disruptive Impulse Control Disorder585
    6. Big Picture587
    7. Putting Psychology to Work: How Can Understanding Psychological Disorders Become a Career?591
  16. Chapter 15: Psychological Treatments592
    1. How Are Psychological Disorders Treated?595
      1. 15.1 Some Types of Psychotherapy Focus on Providing Insight596
      2. 15.2 Behavioral and Cognitive Treatments Aim to Change Behavior, Emotion, and/or Thought Directly598
      3. 15.3 The Context of Therapy Matters600
      4. 15.4 Biological Therapies Are Effective for Certain Disorders602
      5. 15.5 Scientific Evidence Indicates Which Treatments Are Safe and Effective604
      6. 15.6 Various Providers Assist in Treatment for Psychological Disorders606
    2. What Are the Most Effective Treatments?608
      1. 15.7 Anxiety and Obsessive-Compulsive Disorders Are Best Treated with Cognitive-Behavioral Therapy609
      2. 15.8 Many Effective Treatments Are Available for Depressive Disorders614
      3. 15.9 Psychotropic Medications Are Most Effective for Bipolar Disorders618
      4. 15.10 Atypical Antipsychotic Medications Are the Best Treatment for Schizophrenia619
    3. Can Personality Disorders Be Treated?620
      1. 15.11 Dialectical Behavior Therapy Is the Best Treatment for Borderline Personality Disorder621
      2. 15.12 Antisocial Personality Disorder Is Extremely Difficult to Treat623
    4. How Can Disorders Be Treated in Children and Adolescents?624
      1. 15.13 Using Medication to Treat Depressive Disorders in Adolescents Is Controversial625
      2. 15.14 Children with Autism Spectrum Disorder Benefit from Structured Behavior Therapy627
      3. 15.15 Children with ADHD Can Benefit from Various Approaches629
    5. Big Picture631
    6. Putting Psychology to Work: Do You Want to Become a Counselor or Clinical Psychologist?635
  17. Appendix A: How Do Psychologists Analyze Research Data?A-1
    1. A.1 Descriptive Statistics Summarize the DataA-2
    2. A.2 Inferential Statistics Rule Out Chance FindingsA-7
    3. Big PictureA-8
  18. Appendix B: Answers to Red Q Questions and Self-Quiz QuestionsB-1
  19. GlossaryG-1
  20. ReferencesR-1
  21. Permissions AcknowledgmentsP-1
  22. Name IndexN-1
  23. Subject IndexS-1

Offline reading Search the text or enter a page number Cancel Search Book Index Sort by relevance Sort by page number Index search has been disabled for this book. Type in the field above to search the book and the index. You can also enter a page number. My bookmarks You have no bookmarks yet. To add a bookmark, click in the bottom toolbar and choose "Add bookmark." Search notes Cancel Search My notes Instructor’s notes Print all notes You have no notes yet. To add a note, select text and click . No results on this page Psychology in Your Life, Third Edition [email protected] 0.75x1x2x VoicesChrome OS US English Actions for this Ebook Location Contents Go To Previous Section Go To Next Section Logging you in...

@charset "utf-8"; .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::after, .ui-helper-clearfix::before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix::after { clear: both; } .ui-helper-clearfix { min-height: 0px; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-draggable-handle { touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted rgb(0, 0, 0); } .ui-sortable-handle { touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0px 0px; padding: 0.5em 0.5em 0.5em 0.7em; min-height: 0px; font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0px; overflow: auto; } .ui-autocomplete { position: absolute; top: 0px; left: 0px; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0px; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -1e+07px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: 0.4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary { left: 0.5em; } .ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary { right: 0.5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0px; margin-right: -0.3em; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: 700; border: 0px; } .ui-datepicker td { border: 0px; padding: 1px; } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0px; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0px; left: 0px; padding: 0.2em; outline: 0px; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0px 0px; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0px; padding: 0.5em 1em; background: 0px 0px; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0px; margin: 0px; display: block; outline: 0px; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0px; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0px; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 1px 0px 0px; } .ui-menu .ui-state-active, .ui-menu .ui-state-focus { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0px; bottom: 0px; left: 0.2em; margin: auto 0px; } .ui-menu .ui-menu-icon { left: auto; right: 0px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; display: none; } .ui-selectmenu-menu .ui-menu { overflow: hidden auto; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: 700; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0px 0px; height: auto; border: 0px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; background-position: 0px 0px; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0px; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0px; } .ui-slider-horizontal .ui-slider-range-max { right: 0px; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0px; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0px; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0px; } .ui-slider-vertical .ui-slider-range-max { top: 0px; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0px; vertical-align: middle; } .ui-spinner-input { border: none; background: 0px 0px; color: inherit; padding: 0px; margin: 0.2em 22px 0.2em 0.4em; vertical-align: middle; } .ui-spinner-button { width: 16px; height: 50%; font-size: 0.5em; padding: 0px; margin: 0px; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0px; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0px; } .ui-spinner-up { top: 0px; } .ui-spinner-down { bottom: 0px; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0px; padding: 0.2em 0.2em 0px; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 1px 0.2em 0px 0px; border-bottom-width: 0px; padding: 0px; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0px; padding: 1em 1.4em; background: 0px 0px; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; box-shadow: rgb(170, 170, 170) 0px 0px 5px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: inherit; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: inherit; font-size: 1em; } .ui-widget-content { border: 1px solid rgb(0, 0, 0); background: url("images/ui-bg_flat_100_ffffff_40x100.png") 50% 50% repeat-x rgb(255, 255, 255); color: rgb(0, 0, 0); } .ui-widget-content a { color: rgb(0, 0, 0); } .ui-widget-header { border: 1px solid rgb(0, 0, 0); background: url("images/ui-bg_flat_100_772277_40x100.png") 50% 50% repeat-x rgb(119, 34, 119); color: rgb(255, 255, 255); font-weight: 700; } .ui-widget-header a { color: rgb(255, 255, 255); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgb(54, 129, 133); background: url("images/ui-bg_flat_100_429DA2_40x100.png") 50% 50% repeat-x rgb(66, 157, 162); font-weight: 400; color: rgb(255, 255, 255); } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: rgb(255, 255, 255); text-decoration: none; } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { border: 1px solid rgb(54, 129, 133); background: url("images/ui-bg_flat_100_368185_40x100.png") 50% 50% repeat-x rgb(54, 129, 133); font-weight: 400; color: rgb(255, 255, 255); } .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: rgb(255, 255, 255); text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid rgb(54, 129, 133); background: url("images/ui-bg_flat_100_99aaff_40x100.png") 50% 50% repeat-x rgb(153, 170, 255); font-weight: 400; color: rgb(255, 255, 255); } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: rgb(255, 255, 255); text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid rgb(92, 184, 92); background: url("images/ui-bg_flat_100_5CB85C_40x100.png") 50% 50% repeat-x rgb(92, 184, 92); color: rgb(255, 255, 255); } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(255, 255, 255); } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid rgb(217, 83, 79); background: url("images/ui-bg_glass_95_ffffff_1x400.png") 50% 50% repeat-x rgb(255, 255, 255); color: rgb(217, 83, 79); } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: rgb(217, 83, 79); } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: rgb(217, 83, 79); } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; font-weight: 400; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .ui-state-disabled .ui-icon { } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_000000_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_D9534F_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0px 0px; } .ui-icon-carat-1-ne { background-position: -16px 0px; } .ui-icon-carat-1-e { background-position: -32px 0px; } .ui-icon-carat-1-se { background-position: -48px 0px; } .ui-icon-carat-1-s { background-position: -64px 0px; } .ui-icon-carat-1-sw { background-position: -80px 0px; } .ui-icon-carat-1-w { background-position: -96px 0px; } .ui-icon-carat-1-nw { background-position: -112px 0px; } .ui-icon-carat-2-n-s { background-position: -128px 0px; } .ui-icon-carat-2-e-w { background-position: -144px 0px; } .ui-icon-triangle-1-n { background-position: 0px -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0px -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0px -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0px -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0px -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0px -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0px -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0px -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0px -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0px -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0px -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0px -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0px -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-bottom-right-radius: 3px; } .ui-widget-overlay { background-color: rgb(35, 35, 35); opacity: 0.5; } .ui-widget-shadow { margin: -8px 0px 0px -8px; padding: 8px; background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x rgb(170, 170, 170); opacity: 0.3; border-radius: 8px; } table.dataTable { width: 100%; margin: 0px auto; clear: both; border-collapse: separate; border-spacing: 0px; } table.dataTable tfoot th, table.dataTable thead th { font-weight: 700; } table.dataTable thead td, table.dataTable thead th { padding: 10px 18px; border-bottom: 1px solid rgb(17, 17, 17); } table.dataTable thead td:active, table.dataTable thead th:active { outline: 0px; } table.dataTable tfoot td, table.dataTable tfoot th { padding: 10px 18px 6px; border-top: 1px solid rgb(17, 17, 17); } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; } table.dataTable thead .sorting { background: url("../../ncia_common/images/sort_both.png") right center no-repeat; } table.dataTable thead .sorting_asc { background: url("../../ncia_common/images/sort_asc.png") right center no-repeat; } table.dataTable thead .sorting_desc { background: url("../../ncia_common/images/sort_desc.png") right center no-repeat; } table.dataTable thead .sorting_asc_disabled { background: url("../../ncia_common/images/sort_asc_disabled.png") right center no-repeat; } table.dataTable thead .sorting_desc_disabled { background: url("../../ncia_common/images/sort_desc_disabled.png") right center no-repeat; } table.dataTable tbody tr { background-color: rgb(255, 255, 255); } table.dataTable tbody tr.selected { background-color: rgb(176, 190, 217); } table.dataTable tbody td, table.dataTable tbody th { padding: 8px 10px; } table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th { border-top: 1px solid rgb(221, 221, 221); } table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th { border-top: none; } table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th { border-top: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); } table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child { border-left: 1px solid rgb(221, 221, 221); } table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th { border-top: none; } table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd { background-color: rgb(249, 249, 249); } table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected { background-color: rgb(171, 185, 211); } table.dataTable.display tbody tr.even:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr:hover { background-color: rgb(233, 233, 233); } table.dataTable.display tbody tr.even:hover.selected, table.dataTable.display tbody tr.odd:hover.selected, table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.hover tbody tr.odd:hover.selected, table.dataTable.hover tbody tr:hover.selected { background-color: rgb(169, 183, 209); } table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3, table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3 { background-color: rgb(249, 249, 249); } table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3, table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3 { background-color: rgb(172, 186, 212); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: rgb(241, 241, 241); } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: rgb(243, 243, 243); } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: rgb(245, 245, 245); } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: rgb(166, 179, 205); } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: rgb(167, 181, 206); } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: rgb(169, 182, 208); } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgb(249, 249, 249); } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: rgb(251, 251, 251); } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: rgb(253, 253, 253); } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: rgb(172, 186, 212); } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: rgb(173, 187, 214); } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: rgb(175, 189, 216); } table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: rgb(234, 234, 234); } table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.display tbody tr.odd:hover > .sorting_2, table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: rgb(235, 235, 235); } table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.display tbody tr.odd:hover > .sorting_3, table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: rgb(238, 238, 238); } table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.display tbody tr.odd:hover.selected > .sorting_1, table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: rgb(161, 174, 199); } table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.display tbody tr.odd:hover.selected > .sorting_2, table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: rgb(162, 175, 200); } table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.display tbody tr.odd:hover.selected > .sorting_3, table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: rgb(164, 178, 203); } table.dataTable.no-footer { border-bottom: 1px solid rgb(17, 17, 17); } table.dataTable.nowrap td, table.dataTable.nowrap th { white-space: nowrap; } table.dataTable.compact thead td, table.dataTable.compact thead th { padding: 5px 9px; } table.dataTable.compact tfoot td, table.dataTable.compact tfoot th { padding: 5px 9px 3px; } table.dataTable.compact tbody td, table.dataTable.compact tbody th { padding: 4px 5px; } table.dataTable td.dt-left, table.dataTable th.dt-left { text-align: left; } table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center { text-align: center; } table.dataTable td.dt-right, table.dataTable th.dt-right { text-align: right; } table.dataTable td.dt-justify, table.dataTable th.dt-justify { text-align: justify; } table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap { white-space: nowrap; } table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left { text-align: left; } table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center { text-align: center; } table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right { text-align: right; } table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify { text-align: justify; } table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left { text-align: left; } table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center { text-align: center; } table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right { text-align: right; } table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify { text-align: justify; } table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable td, table.dataTable th { box-sizing: content-box; } .dataTables_wrapper { position: relative; clear: both; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; cursor: pointer; border: 1px solid transparent; text-decoration: none !important; color: rgb(51, 51, 51) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border: 1px solid rgb(202, 202, 202); background: linear-gradient(rgb(255, 255, 255) 0px, rgb(220, 220, 220) 100%); color: rgb(51, 51, 51) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { cursor: default; border: 1px solid transparent; background: 0px 0px; box-shadow: none; color: rgb(102, 102, 102) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: 1px solid rgb(17, 17, 17); background: linear-gradient(rgb(88, 88, 88) 0px, rgb(17, 17, 17) 100%); color: rgb(255, 255, 255) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: 0px; background: linear-gradient(rgb(43, 43, 43) 0px, rgb(12, 12, 12) 100%); box-shadow: rgb(17, 17, 17) 0px 0px 3px inset; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing { color: rgb(51, 51, 51); } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing { height: 0px; overflow: hidden; margin: 0px !important; padding: 0px !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid rgb(17, 17, 17); } .dataTables_wrapper.no-footer div.dataTables_scrollBody table, .dataTables_wrapper.no-footer div.dataTables_scrollHead table { border-bottom: none; } .dataTables_wrapper::after { visibility: hidden; display: block; content: ""; clear: both; height: 0px; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } @font-face { font-family: ncia_icons; src: url("../fonts/ncia_icons/font/ncia_icons.eot?#iefix") format("embedded-opentype"), url("../fonts/ncia_icons/font/ncia_icons.woff") format("woff"), url("../fonts/ncia_icons/font/ncia_icons.ttf") format("truetype"), url("../fonts/ncia_icons/font/ncia_icons.svg?36924763#ncia_icons") format("svg"), url("../../ncia_common/fonts/ncia_icons/font/ncia_icons.eot?#iefix") format("embedded-opentype"), url("../../ncia_common/fonts/ncia_icons/font/ncia_icons.woff") format("woff"), url("../../ncia_common/fonts/ncia_icons/font/ncia_icons.ttf") format("truetype"), url("../../ncia_common/fonts/ncia_icons/font/ncia_icons.svg?36924763#ncia_icons") format("svg"); font-weight: 400; font-style: normal; } .icon::before, [data-icon]::before { font-family: ncia_icons; font-size: 20px; content: attr(data-icon); speak: none; vertical-align: middle; } .icon-fullscreen::before { content: "���"; } .icon-volume-off::before { content: "���"; } .icon-volume-on::before { content: "���"; } .icon-arrowleft::before { content: "���"; } .icon-arrowright::before { content: "���"; } .icon-availableoffline::before { content: "���"; } .icon-exit::before { content: "���"; } .icon-more::before { content: "���"; } .icon-menu::before { content: "���"; } .icon-password::before { content: "���"; } .icon-circle-info::before { content: "���"; } .icon-cloud-download::before { content: "���"; } .icon-search::before { content: "���"; } .icon-remove-sign::before { content: "���"; } .icon-close::before { content: "���"; } .icon-book::before { content: "���"; } .icon-book-open::before { content: "���"; } .icon-bookmark::before { content: "���"; } .icon-check::before { content: "���"; } .icon-question-sign::before { content: "���"; } .icon-print::before { content: "���"; } .icon-pencil::before { content: "���"; } .icon-seagull::before { content: "���"; } .icon-unchecked::before { content: "���"; } .icon-user::before { content: "���"; } .icon-usergroup::before { content: "���"; } .icon-education::before { content: "���"; } .icon-ear::before { content: "���"; } .icon-chevron-down::before { content: "���"; } .icon-chevron-up::before { content: "���"; } .icon-cogwheel::before { content: "���"; } .icon-arrowleft-dlp::before { content: "���"; } .icon-video::before { content: "���"; } .icon-audio::before { content: "���"; } .icon-ilg::before { content: "���"; } .icon-chevron-left::before { content: "���"; } .icon-chevron-right::before { content: "���"; } .icon-check-no-box::before { content: "���"; } .icon-pause::before { content: "���"; } .icon-stop::before { content: "���"; } .icon-reading_assignments::before { content: "���"; } .icon-up-dir::before { content: "���"; } .icon-down-dir::before { content: "���"; } .icon-lms_connected::before { content: "���"; } .icon-circle::before { content: "���"; } .icon-star::before { content: "���"; } .icon-mail-closed::before { content: "���"; } div.icon-quizmo { background-image: url("../../inquizitive/images/alien_neutral.png"); background-repeat: no-repeat; background-size: 100%; } .icon-with-text { vertical-align: bottom; margin-left: 10px; } .icon-with-text-on-right { margin-left: 0px; margin-right: 5px; } .icon-with-text-center { margin-left: 10px; } .icon-with-text-on-right-center { vertical-align: bottom; margin-left: 0px; margin-right: 10px; } .screen-reader-text { position: absolute; top: -999em; left: -999em; } button { font-size: 1em; text-align: inherit; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: polygon(0px 0px); border: 0px; } .css_checkbox { text-indent: 0px; } .css_checkbox input[type="checkbox"] { opacity: 0; position: fixed; } .css_checkbox input[type="checkbox"] + label > span { display: inline-block; border: 2px solid rgb(153, 153, 153); border-radius: 4px; width: 16px; height: 16px; position: relative; vertical-align: bottom; background-color: rgb(249, 249, 249); margin-right: 5px; } .css_checkbox input[type="checkbox"]:checked + label > span > span { display: inline-block; position: absolute; transform: rotate(40deg); } .css_checkbox input[type="checkbox"]:checked + label > span > span::before { content: ""; position: absolute; width: 4px; height: 21px; background-color: rgb(0, 153, 0); left: 13px; top: -16px; } .css_checkbox input[type="checkbox"]:checked + label > span > span::after { content: ""; position: absolute; width: 12px; height: 4px; background-color: rgb(0, 153, 0); left: 5px; top: 2px; } .css_checkbox input[type="checkbox"]:indeterminate + label > span > span { display: inline-block; position: absolute; width: 14px; height: 4px; background-color: rgb(0, 153, 0); left: 1px; top: 6px; } .css_checkbox input[type="radio"] { opacity: 0; position: fixed; } .css_checkbox input[type="radio"] + label > span { display: inline-block; width: 18px; height: 18px; margin-right: 8px; border: 2px solid rgb(153, 153, 153); border-radius: 17px; background: rgb(249, 249, 249); vertical-align: top; } .css_checkbox input[type="radio"] + label > span > span { border-width: 0px !important; } .css_checkbox input[type="radio"]:checked + label > span > span { display: block; width: 12px; height: 12px; margin: 3px; border-radius: 20em; background-color: rgb(0, 153, 0); border-width: 0px !important; } .css_checkbox input[disabled] + label > span { border-color: rgb(204, 204, 204); background-color: rgb(252, 252, 252); } .css_close_box { width: 20px; height: 20px; background-color: rgb(0, 0, 0); position: relative; border-radius: 6px; } .css_close_box::after, .css_close_box::before { content: ""; position: absolute; width: 16px; height: 4px; background-color: rgb(255, 255, 255); border-radius: 2px; top: 8px; } .css_close_box::before { transform: rotate(45deg); left: 2px; } .css_close_box::after { transform: rotate(-45deg); right: 2px; } #gear_menu_clickable_background { position: absolute; z-index: 99999; background-color: transparent; width: 100%; height: 100%; top: 0px; left: 0px; display: none; } #login_dialog { font-size: 18px; font-family: "Source Sans Pro", sans-serif; } #login_dialog fieldset { border: 0px; margin: 0px; padding: 0px; } #login_dialog legend { border: 0px; padding: 0px; } .login_dialog_hidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } #login_dialog_top_msg { background-color: rgb(238, 238, 238); padding: 10px 20px; } #login_dialog_close { width: 22px; position: absolute; right: 1px; top: 1px; display: none; cursor: pointer; } #login_dialog_seagull { float: right; } #login_norton_seagull { height: 30px; margin-top: 12px; } #login_dialog_inner { padding: 0px 20px; } #login_dialog_error_msg { background-color: rgb(217, 83, 79); color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 4px; margin-bottom: 10px; margin-top: 10px; } .login_dialog_step_header { font-size: 1.3em; font-weight: 700; margin-top: 10px; margin-bottom: 15px; } .login_dialog_text_input_background { width: 40px; height: 38px; position: absolute; background-position: 2px 3px; background-repeat: no-repeat; } input:-webkit-autofill { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset; } .login_dialog_text_input { height: 28px; padding: 5px 0px 5px 45px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; font-size: 14px !important; font-family: Verdana !important; } #login_dialog_button { width: 100%; margin-top: 20px; } #login_dialog_help_div { text-align: center; margin: 10px 0px 15px; } .login_button_arrow_reverse { transform: rotate(180deg); } #login_dialog_div_1 { margin: 15px 0px 0px; } #login_dialog_div_2 { margin: 15px 0px 0px 20px; } #login_dialog_div_3 { margin: 15px 0px 10px; text-align: right; } #login_dialog_div_3 .login_dialog_text_input_background { background-image: url("../../ncia_common/images/login_field_email.jpeg"); } #login_dialog_div_3 #username { width: 82%; } #login_dialog_div_4 { margin: 10px 0px 5px; text-align: right; } #login_dialog_div_4 .login_dialog_text_input_background { background-image: url("../../ncia_common/images/login_field_password.jpeg"); } #login_dialog_div_4 #password { width: 82%; } #login_dialog_forgot_password_link { text-align: right; margin-right: 5px; } #login_dialog_forgot_password_message { display: none; margin-bottom: 10px; font-size: 0.9em; margin-top: 15px; margin-left: 55px; } #login_dialog_div_5 { margin: 5px 0px 5px 20px; display: inline-block; } .login_dialog_demo_input { width: 92%; margin: 6px 0px; } .login_dialog_demo_input#name { background: url("../../ncia_common/images/login_field_name.jpeg") no-repeat rgb(255, 255, 255); } .login_dialog_demo_input#email { background: url("../../ncia_common/images/login_field_email.jpeg") no-repeat rgb(255, 255, 255); } #login_dialog #school { background: url("../../ncia_common/images/login_field_school.jpeg") no-repeat rgb(255, 255, 255); } .login_dialog_reg_input_div { margin-bottom: 15px; } .login_dialog_reg_input_div_passwords { margin-bottom: 10px; } .login_dialog_reg_input_div #name_bgd, .login_dialog_reg_input_div #ship_name_bgd { background-image: url("../../ncia_common/images/login_field_name.jpeg"); } .login_dialog_reg_input_div #name, .login_dialog_reg_input_div #ship_name { width: 92%; } .login_dialog_reg_input_div #first_name { background: url("../../ncia_common/images/login_field_name.jpeg") no-repeat rgb(255, 255, 255); width: 40%; } .login_dialog_reg_input_div #last_name { background: url("../../ncia_common/images/login_field_name.jpeg") no-repeat rgb(255, 255, 255); width: 40%; float: right; margin-right: -2px; } .login_dialog_reg_input_div #email_confirm_bgd, .login_dialog_reg_input_div #username_bgd { background-image: url("../../ncia_common/images/login_field_email.jpeg"); } .login_dialog_reg_input_div #username { width: 92%; } #login_dialog_confirm_email_div { margin-bottom: 30px; } #login_dialog_confirm_email_button { float: right; } .login_dialog_reg_input_div #email_confirm { width: 92%; } .login_dialog_reg_input_div #schooldomain_prompt { font-size: 0.8em; padding-right: 10px; width: 70%; text-align: right; } .login_dialog_reg_input_div #schooldomain_table { border-collapse: collapse; padding: 0px; } .login_dialog_reg_input_div #schooldomain_input_wrapper { padding: 0px; width: 30%; } .login_dialog_reg_input_div #schooldomain { background: url("../../ncia_common/images/login_field_school.jpeg") no-repeat rgb(255, 255, 255); margin-right: -2px; } .login_dialog_reg_input_div_passwords .password_bgd { background-image: url("../../ncia_common/images/login_field_password.jpeg"); } .login_dialog_reg_input_div_passwords #password { width: 40%; } .login_dialog_reg_input_div_passwords #password2 { background: url("../../ncia_common/images/login_field_password.jpeg") no-repeat rgb(255, 255, 255); width: 40%; float: right; margin-right: -2px; } #login_dialog_password_instructions { font-size: 0.8em; color: rgb(153, 153, 153); text-align: center; margin-top: 5px; font-style: italic; visibility: hidden; } #login_dialog_reg_choice_intro { font-weight: 700; } #login_dialog_free_activity { font-size: 0.85em; margin: 15px 0px; } .login_dialog_reg_choice_1 { margin: 15px 0px 0px 15px; height: 40px; } .login_dialog_reg_choice_1 #access_code_bgd { background-image: url("../../ncia_common/images/login_field_code.jpeg"); margin-left: 10px; } .login_dialog_reg_choice_1 #access_code { width: 180px; margin-left: 10px !important; font-family: Courier, monospace !important; font-size: 16px !important; } .login_dialog_reg_choice_2 { margin: 20px 0px 20px 15px; height: 40px; } .login_dialog_reg_choice_3 { margin: 10px 0px 15px 15px; height: 35px; } #login_dialog_reg_buttons { margin-top: 10px; } #login_dialog_reg_startover_button { display: inline-block; width: 30%; } #login_dialog_reg_go_button { float: right; width: 65%; } #sl_note_checked_button, #sl_tos_checked_button { width: 200px; } #login_dialog_tos { font-family: Verdana; font-size: 12px; border: 1px solid rgb(0, 0, 0); margin: 10px 0px; padding: 0px 10px; height: 180px; overflow: scroll; } #login_dialog .ui-autocomplete { font-size: 14px; max-height: 155px; overflow: scroll; max-width: 400px; border: 1px solid rgb(0, 0, 0); } .login_dialog_purchase_option_div { background-color: rgb(231, 232, 231); margin: 10px 0px; font-weight: 300; cursor: pointer; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255); } .login_dialog_purchase_option_div_already_purchased, .login_dialog_purchase_option_div_not_selectable { opacity: 0.5; } .login_dialog_purchase_tile { border-collapse: collapse; width: 100%; } .login_dialog_purchase_price_td { height: 80px; width: 105px; text-align: center; background-color: rgb(61, 93, 119); color: rgb(255, 255, 255); } .login_dialog_purchase_price_td_dollar { font-size: 0.7em; vertical-align: top; margin-right: 1px; } .login_dialog_purchase_price_td_price { font-size: 1.75em; line-height: 0.7em; } .login_dialog_purchase_description_td { padding-left: 10px; } .login_dialog_purchase_description_td_description { color: rgb(61, 93, 119); font-weight: 700; } .login_dialog_purchase_description_td_description_subtext { color: rgb(153, 153, 153); font-weight: 700; font-size: 0.8em; margin-top: 2px; } .login_dialog_purchase_description_icons_td { padding-left: 5px; padding-right: 10px; width: 20px; white-space: nowrap; } .login_dialog_purchase_price_td_access { font-style: italic; } .login_dialog_purchase_option_checkbox_td { padding-top: 2px; white-space: nowrap; width: 10px; } .login_dialog_purchase_icon_td { text-align: left; padding-right: 12px; white-space: nowrap; width: 10px; } .login_dialog_purchase_icon { vertical-align: bottom; max-height: 25px; padding: 2px 1px; border-radius: 3px; background-color: rgb(255, 255, 255); } .login_dialog_purchase_access_length_span { white-space: nowrap; } .login_dialog_purchase_already_purchased_div { font-size: 0.8em; text-align: center; } #login_dialog_purchase_info { margin: 10px 0px; font-style: italic; font-size: 0.9em; color: rgb(153, 153, 153); } #login_dialog_purchase_price_div { margin: 20px 0px; padding: 10px 10px 15px 5px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; } #login_dialog_purchase_price_span { float: right; font-weight: 700; } #login_dialog_purchase_price_dollars { font-size: 1.5em; margin-left: 5px; color: rgb(61, 93, 119); } #login_dialog_purchase_coupon_code { background: url("../../ncia_common/images/login_field_code.jpeg") no-repeat rgb(255, 255, 255); width: 180px; } #login_dialog_purchase_tax_div { font-weight: 700; color: rgb(153, 153, 153); margin-top: 15px; text-align: right; } #login_dialog #creditcard_bgd { background-image: url("../../ncia_common/images/login_field_creditcard.jpeg"); } #login_dialog #creditcard { width: 50%; } #login_dialog #securitycode_span { float: right; } #login_dialog #securitycode { float: right; width: 60%; vertical-align: top; background: url("../../ncia_common/images/login_field_security_code.jpeg") no-repeat rgb(255, 255, 255); } #login_dialog_cvv_help { display: none; position: absolute; border: 1px solid rgb(0, 0, 0); border-radius: 5px; padding: 5px; background-color: rgb(255, 255, 255); } #login_dialog #expirationdate { width: 39%; vertical-align: top; background: url("../../ncia_common/images/login_field_calendar.jpeg") no-repeat rgb(255, 255, 255); } #login_dialog .home_bgd { background-image: url("../../ncia_common/images/login_field_home.jpeg"); } #login_dialog #address1, #login_dialog #address2, #login_dialog #ship_address1, #login_dialog #ship_address2 { width: 92%; } #login_dialog #ship_state { width: 25%; float: right; vertical-align: top; background: url("../../ncia_common/images/login_field_home.jpeg") no-repeat rgb(255, 255, 255); } #login_dialog #state { width: 33%; height: 41px; margin-right: 0.25em; float: right; vertical-align: top; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); } .btn-close { font-weight: 700; text-decoration: none; float: right; font-family: Verdana, Geneva, Tahoma, sans-serif; } #login_dialog #city, #login_dialog #ship_city { width: 53%; vertical-align: top; } #login_dialog #phonenumber { width: 53%; float: right; vertical-align: top; background: url("../../ncia_common/images/login_field_phone.jpeg") no-repeat rgb(255, 255, 255); } #login_dialog #postalcode, #login_dialog #ship_postalcode { width: 25%; vertical-align: top; } #login_dialog #login_dialog_order_conf_start { margin: 0px 0px 10px 10px; } #login_dialog_order_conf_bottom_div { margin: 20px 0px; padding: 10px 10px 15px 5px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; text-align: right; } #login_dialog_order_conf_tax_div { font-weight: 700; color: rgb(153, 153, 153); margin-bottom: 5px; } #login_dialog_order_conf_price_div { font-weight: 700; } #login_dialog_order_conf_creditcard { font-weight: 700; margin-top: 10px; } #login_dialog_order_conf_creditcard_number { padding-left: 10px; font-size: 1.5em; } #login_dialog_order_conf_charge_explanation { margin-top: 5px; font-style: italic; font-size: 0.9em; } #login_dialog_confirmation_go_button { width: 100%; margin-top: 20px; margin-bottom: 10px; } #login_dialog input[type="checkbox"], #login_dialog input[type="radio"] { opacity: 0; position: fixed; } #login_dialog input[type="checkbox"] + label, #login_dialog input[type="radio"] + label { display: inline-block; } #login_dialog input[type="checkbox"] + label > span { display: inline-block; width: 17px; height: 17px; margin: 0px 8px 0px 0px; border-width: 2px; border-style: solid; border-color: rgb(195, 191, 191); border-radius: 0px; background: rgb(255, 255, 255); vertical-align: bottom; } #login_dialog input[type="checkbox"]:checked + label > span::before { content: "���"; display: block; font-size: 30px; text-align: center; font-weight: 700; margin: -14px 0px 0px 2px; } #login_dialog input[type="radio"] + label > span { display: inline-block; width: 20px; height: 20px; margin: 0px 8px 2px 0px; border: 1px solid rgb(102, 102, 102); border-radius: 20px; background: rgb(255, 255, 255); vertical-align: bottom; } #login_dialog input[type="radio"] + label > span > span { border-width: 0px !important; } #login_dialog input[type="radio"]:checked + label > span > span { display: block; width: 14px; height: 14px; margin: 3px; border-radius: 20em; border-width: 0px !important; } #manage_student_sets_div { margin-top: 23px; } #manage_student_sets_confirm_div, #manage_student_sets_div { font-size: 16px; } #manage_student_sets_div input[type="text"] { margin-top: 5px; } #new_student_set_end_date_span, #new_student_set_start_date_span { display: inline-block; border: 1px solid rgb(0, 0, 0); } #manage_student_sets_confirm_ul li, #manage_student_sets_div_ul li { margin-bottom: 15px; padding: 10px; display: block; border: 1px solid rgb(238, 238, 238); border-radius: 4px; margin-left: -40px; } #manage_student_sets_div .ui-autocomplete { font-size: 14px; max-height: 155px; overflow: scroll; max-width: 400px; border: 1px solid rgb(0, 0, 0); } #edit_roster_table { border-collapse: collapse; margin-top: 10px; } #edit_roster_table_add_student { width: 350px; } #edit_roster_new_student_row td { background-color: rgb(238, 238, 238); } #edit_roster_table td { padding: 5px; border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); font-family: Verdana, sans-serif; font-size: 12px; } #edit_roster_table button { font-size: 0.9em; width: 100%; } .edit_roster_table_button_td { white-space: nowrap; } #create_class_child_select, #create_class_copy_select, #edit_student_set_child_select, #edit_student_set_copy_select { max-width: 300px; } #manage_student_sets_div li button { font-size: 0.85em; } #edit_student_set_members_li .dataTables_filter { float: right; font-size: 16px; } #edit_student_set_members_li .dataTables_info { float: right; } .edit_student_set_remove_instructor_button, .edit_student_set_remove_student_button { white-space: nowrap; } #copy_class_assignments_tbl, #update_copy_class_assignments_tbl { border-collapse: collapse; width: 100%; } #copy_class_assignments_tbl td, #copy_class_assignments_tbl th, #update_copy_class_assignments_tbl td, #update_copy_class_assignments_tbl th { border-bottom: 2px solid rgb(0, 0, 0); padding: 5px 0px; text-align: center; } #copy_class_assignments_tbl td, #update_copy_class_assignments_tbl td { background-color: rgb(238, 238, 238); } .ind { padding-left: 25px; } .popup-trigger { cursor: pointer; } .popup-target { display: none; } #loading_screen { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.85; display: none; z-index: 100001; } #loading_message { padding-top: 150px; color: rgb(255, 255, 255); font-weight: 700; text-align: center; } #progressbar { margin: 10px auto; width: 50%; } .ncia_dp_datepicker { width: 150px; font-size: 16px; padding: 1px 3px 2px; border-radius: 4px; background-color: rgb(248, 248, 248); border: 1px solid rgb(0, 0, 0); } .ncia_dp_datepicker::-webkit-input-placeholder { font-style: italic; font-size: 0.9em; padding: 1px 0px 0px 5px; } .ncia_dp_timepicker, .ncia_dp_timezonepicker { font-size: 16px; border-color: rgb(0, 0, 0); margin-left: 10px; display: none; } .ncia_dp_clear_btn { margin-left: 10px; font-size: 0.7em !important; } .ncia_button_color_border { border-color: rgb(68, 94, 43); } .ncia_button_color_background { background-color: rgb(68, 94, 43); } .ncia_button_color_text { color: rgb(68, 94, 43); } #ac_progressbar { position: relative; width: 100%; height: 30px; overflow: hidden; margin: 10px auto; border: 1px solid rgb(0, 0, 0); border-radius: 3px; background-color: rgb(204, 204, 204); } #ac_progressbar #progressmeter { width: 0px; height: 100%; background-color: rgb(66, 157, 162); } #ac_progressbar #progressnumber { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; line-height: 30px; text-align: center; font-weight: 700; } @-webkit-keyframes opacity { 0% { opacity: 1; } 100% { opacity: 0; } } .ac_loading { text-align: center; } .ac_loading span { animation-name: opacity; animation-duration: 1s; animation-iteration-count: infinite; } .ac_loading span:nth-child(2) { animation-delay: 0.1s; } .ac_loading span:nth-child(3) { animation-delay: 0.3s; } .lti_connection_badge { border: 4px solid rgb(92, 184, 92); background-color: rgb(150, 237, 150); border-radius: 10px; padding: 5px; display: inline-block; text-align: center; font-family: Verdana; font-size: 18px; font-weight: 700; line-height: 20px; color: rgb(92, 184, 92); cursor: pointer; margin-top: 20px; } .lti_bad_connection { border: 4px solid rgb(217, 83, 79); background-color: rgb(255, 204, 204); color: rgb(217, 83, 79); } .spinner { width: 100%; height: 30px; text-align: center; } .spinner > div { background-color: rgb(51, 51, 51); height: 100%; width: 6px; margin: 0px 3px 0px 0px; display: inline-block; animation: 1.2s ease-in-out 0s infinite normal none running sk-stretchdelay; } .spinner .rect2 { animation-delay: -1.1s; } .spinner .rect3 { animation-delay: -1s; } .spinner .rect4 { animation-delay: -0.9s; } .spinner .rect5 { animation-delay: -0.8s; } .tooltip { position: relative; } .tooltip .tooltiptext { visibility: hidden; width: 290px; background-color: rgb(238, 238, 238); border-radius: 2px; padding: 15px 20px; position: absolute; z-index: 1; bottom: 153%; left: 1.4%; } .tooltip .tooltiptext lable { display: block; font-size: 16px; font-weight: 700; padding-bottom: 7px; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 20%; border-width: 20px 15px; border-style: solid; border-color: rgb(238, 238, 238) transparent transparent; } .tooltip input:focus + .tooltiptext { visibility: visible; } .disabledbutton { float: right; text-align: right; margin-left: 10px; margin-top: -10px; position: relative; } .disabledbutton .tooltiptext { display: none; background-color: rgb(238, 238, 238); border-radius: 2px; padding: 15px 20px; position: absolute; z-index: 1; margin-top: 42px; right: 0px; min-width: 650px; text-align: center; font-size: 16px; font-family: "Arial, Verdana', sans-serif"; } .disabledbutton .tooltiptext::after { content: ""; position: absolute; bottom: 95%; left: 78%; border-width: 20px 16px; border-style: solid; border-color: transparent transparent rgb(238, 238, 238); } .disabledbutton .tooltiptext:hover, .disabledbutton button:hover + .tooltiptext { display: inline-block; } .disabledbutton button:focus { outline: 0px; } .disabledbuttonsw5 { margin-left: 10px; margin-top: -10px; position: relative; } .disabledbuttonsw5 .tooltiptext { display: none; background-color: rgb(238, 238, 238); border-radius: 2px; padding: 15px 20px; position: absolute; z-index: 1; margin-top: 50px; right: -85px; min-width: 650px; font-size: 16px; font-family: "Arial, Verdana', sans-serif"; } .disabledbuttonsw5 .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 44%; border-width: 20px 16px; border-style: solid; border-color: transparent transparent rgb(238, 238, 238); } .disabledbuttonsw5 .tooltiptext:hover, .disabledbuttonsw5 button:hover + .tooltiptext { display: inline-block; } .disabledbuttonsw5 button:focus { outline: 0px; } .nla_lti_ins { text-align: center; font-size: 22px; margin: 100px 0px; } @-webkit-keyframes sk-stretchdelay { 0%, 100%, 40% { transform: scaleY(0.4); } 20% { transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 100%, 40% { transform: scaleY(0.4); } 20% { transform: scaleY(1); } } @media screen and (max-width: 580px) { #login_dialog { font-size: 15px; } #login_dialog_inner, #login_dialog_top_msg { padding-left: 10px; padding-right: 10px; } #login_dialog_div_2, #login_dialog_div_5 { margin-left: 0px; } } .link-close::before { background: url("../../ncia_common/images/delete_icon.png") 0% 0% / 14px 14px no-repeat; float: right; display: block; width: 14px; height: 14px; content: ""; } #btnClose { font-size: 22px; cursor: pointer; } #btnClose:hover { text-decoration: none; } .help-text { padding-left: 0.5rem; color: rgb(68, 94, 43) !important; } .dialog-input { height: 28px; padding: 5px 0px 5px 45px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; font-size: 14px !important; font-family: Verdana !important; } .content-block { font-size: 15px; } .content-block-heading { font-size: 16px; font-weight: 700; } .content-block > ul { list-style-type: none; border: 1.5px solid rgb(204, 204, 204); border-radius: 0.5rem; padding: 0.25rem 0.5rem 0.5rem; } .content-block > ul > li { padding: 0.3rem; } .content-block > ul > li:last-child { padding-bottom: 0.5rem; } .cls-alerts { overflow-wrap: break-word; font-size: 16px !important; } .disabled-label { background: rgb(238, 238, 238); color: gray; padding: 0.2rem 0.5rem; font-weight: 400 !important; } .content-block span { font-weight: 600; font-size: 15px; padding-right: 0.5rem; } #edit_student_set_student_table_wrapper { max-height: 25rem; overflow: scroll; } .content-block select { height: 25px; font-size: 16px; } .content-block input[type="text"] { height: 20px; font-size: 16px; } .content-label { font-weight: 600; font-size: 15px; padding-right: 0.5rem; } .inline-ul { display: inline; padding-left: 1.5rem; } #divPlanningForSM5 { padding-top: 0.4rem; padding-bottom: 0.5rem; } #top-section { display: flex; width: 99%; } .top-column { border: 1.5px solid rgb(204, 204, 204); border-radius: 0.5rem; list-style: none; padding: 1rem; display: inline-block; flex: 1 1 0%; margin-right: 1rem; } #update_copy_class_assignments_tbl { list-style: none; display: inline; } .active-tab { background-color: rgb(255, 255, 255); border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; } .inactive-tab { background-color: rgb(238, 238, 238); border-bottom: 1px solid rgb(204, 204, 204); } .link-button { text-decoration: none; color: rgb(0, 0, 0); } .content-box-tabs { background-color: rgb(238, 238, 238); display: flex; margin: 0px; padding: 0px; list-style: none none; } .content-box-body-tabs { border: 1px solid rgb(204, 204, 204); border-radius: 0.5rem; padding: 0.5rem; margin-right: 2rem; } .content-box-body-tabs ul[role="tablist"] li { margin-bottom: 0px; padding: 0.5rem 2.5rem; } .last-tab { width: 100%; border-bottom: 1px solid rgb(204, 204, 204); } .content-box-tabs-wrapper { border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-top-style: initial; border-top-color: initial; margin: 0.5rem; } .heading-row { display: flex; } .heading-row b { flex: 1 1 0%; } #edit_student_set_instructor_table_filter, #edit_student_set_student_table_filter { padding-top: 0.3rem; float: right; margin-right: 0.5rem; } #edit_student_set_instructor_table th, #edit_student_set_student_table th { text-align: left; padding-left: 8px; } #edit_student_set_student_table td:nth-child(1) { width: 25px; } .student-row { width: 25px; } #edit_student_set_add_member { float: right; margin-right: 0.5rem; } #edit_student_set_remove_student_button { margin-right: 2.7rem; } .dataTables_filter { font-size: 16px !important; } #copy-assignment { height: 10%; float: right; } #copy-assignment a { text-decoration: underline; } #edit_student_set_move { margin-left: 1rem; } .ncia-icon { width: 14px; height: 14px; outline: 0px; } .role-column { text-decoration: none; outline: 0px; } .role-column img { padding-left: 0.2rem; padding-top: 0.2rem; } #edit_student_set_copy_class_id { padding-left: 0.5rem; } #edit_student_set_copy_class_id_input { margin-right: 0.5rem; width: 6rem; } #edit_student_set_member_names { border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); background-color: rgb(249, 249, 249); height: 3rem; } #edit_student_set_member_names span { font-weight: 400; } #edit_student_set_add_member_email { width: 20rem; margin-right: 0.5rem; } #edit_student_set_lookup_button { margin-top: -0.3rem; padding: 0.3rem 0.6rem; } #edit_student_set_member_names { color: gray; } #add_student_set_member_names div { padding: 0.3rem; } .copy_assignment_ul li { padding: 0.1rem 0px; } .lti_consumer_name_section { padding-top: 1em; } .lti_consumer_name_section input[type="text"] { margin-right: 0.5em; width: 20em; } .ul_opt_out_overlay { list-style: none; font-size: 16px; width: 70%; } .gray_title { height: 4rem; background: rgb(238, 238, 238); padding: 1.2rem; font-size: 24px; } .dialog-content { padding: 1rem; } .ncia-dialog-title { font-size: 24px; font-weight: 300; padding-top: 1.5rem; padding-left: 1rem; line-height: 1.3em; width: 90%; font-family: "Source Sans Pro", sans-serif; color: rgb(47, 49, 40); } .ncia-dialog { display: block; height: 100%; } .ncia-dialog-header { height: 4.5rem; background-color: rgb(238, 238, 238); display: flex; } .ncia-dialog-body { height: 20rem; padding-left: 1rem; font-size: 18px; font-family: "Source Sans Pro", sans-serif; } .ncia-dialog-icons { display: flex; flex-direction: row-reverse; padding-top: 1rem; padding-right: 1rem; width: 10%; } .ncia-dialog-body-heading { font-size: 24px; font-weight: 700; padding-top: 10px; padding-bottom: 10px; font-family: "Source Sans Pro", sans-serif; } #login_dialog_clv_msg { font-size: 20px; padding: 40px; } .ncia_dialog_help_div { margin-top: 10rem; text-align: center; } a.alt-green { color: rgb(77, 105, 49) !important; } .option_label { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; } .alert-text { font-size: 16px; font-weight: 700; color: red; float: right; padding-right: 1%; } #reference_link { border: 1px solid rgb(54, 129, 133); font-weight: 400; color: rgb(23, 76, 77); background: rgb(209, 237, 237) !important; } #reference_link:hover { border: 1px solid rgb(54, 129, 133); font-weight: 400; color: rgb(23, 76, 77); background: rgb(171, 224, 224) !important; } .span_label { min-width: 110px; display: inline-block; } @font-face { font-family: flat-audio; src: url("font/flat-audio.eot#iefix") format("embedded-opentype"), url("data:font/woff;base64,d09GRgABAAAAAArUAA4AAAAAEfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWdgxHi2NtYXAAAAGIAAAARgAAAWIHdw7vY3Z0IAAAAdAAAAAUAAAAHAZz/2pmcGdtAAAB5AAABPkAAAmRigp4O2dhc3AAAAbgAAAACAAAAAgAAAAQZ2x5ZgAABugAAAEzAAABYH6v3XRoZWFkAAAIHAAAADUAAAA2AP7E+2hoZWEAAAhUAAAAHgAAACQHMgNYaG10eAAACHQAAAAUAAAAFA6KAABsb2NhAAAIiAAAAAwAAAAMALYBAm1heHAAAAiUAAAAIAAAACAAvwm+bmFtZQAACLQAAAGJAAAC5Tr7v5Fwb3N0AAAKQAAAADwAAABSo7D7G3ByZXAAAAp8AAAAVgAAAFaSoZr/eJxjYGR6wTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOCiIPXdjDvqfxRDFrMCQAhRmBMkBAP5GC0t4nGNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMyiIqW577vLc7f9/kDJk3v3Xt3wk9kvsg5oAB4xsDCMeAADsOBBxAAB4nGNgQANGDEbMCv/ngDAAEQgD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icNY69TgJREIXnzGV/WFjkmtXFRBEoAIOVUUkMiRsaSwut6EhuQfYJDLHkAchWhFBY+QJSWFASn8DCGGsLamOlVy+bMM2cmcx85xCTKd7mBbkk6Tg6sjgjCKDrVBBuhBlw5WVBBT8rPWllyIVrb7VwsiOD2pk8rW4Enntz/dOb8yL6fel2+SLadMLaB1+cUI7sJ89Cs4XdwIFdN3/nIT4LBX1bqtVKuPPKnv4uBmXmclBM4xH9vYoSr8gmnw6jfT+fdR3bygj2TLauAVNsMvf3iixbqMqG02gjdMKqDPGBjkrURD+oyVAvFa/08n6iEv1otugMN/yZGIlKyq9EB34+5zoWorUFWXRp+IjNYT+UxqDdSB2Q8tuzGE2DEqPpQL+rcaL0WzxTvBgr1AfTf5zmRkoAeJxjYGRgYADi65XL/sTz23xl4GZ+ARRhOK975yyEXtLLwPB/DnMLswKQy8HABBIFAH9dDKsAAAB4nGNgZGBgDvqfxRDF/IIBCJhbGBgZUAErAF8LA5IAAAPoAAACEgAAAfQAAAMYAAADhAAAAAAAAAA0AFIAggCwAAEAAAAFABIAAgAAAAAAAgAMABkAbgAAAD0JkQAAAAB4nHWSzUoDMRSFT7QqtuBCRbdZSYs4/aEu7MZCQVeCdNGFu7TN/JTppGTSSp/BN/AdfCXBN/HMNFiFOkNmvntybu5NCIBTfEJg89xybFigymjDezjCved96g+eK+Rnzweo4cXzIXXtuYprGM81nOGdK4jKMaMZPjwLnItLz3s4Edee96nfea6Qnzwf4EIoz4fUXz1XMRJvnmu4El8Ds1jbJIqdrA8astNqd+V4LQ2lJFOpVEsXG5vLvgxN5nSammBi5mGq3I1aThMz1NEyVXYrbGmkbZ6YTLaD1lZ81Jm2yulpUSVfRR3nQhlaM5cPfn25sGamJy6InVv0ms3fdTHgQS2whkWCCDEcJOpUG/x30EIbXdKYDknnxpUgg0JKRWHJjLicyRn3OUJGGVVNR0oOMOF3Tj2l3+GmzJpyFYMhXRGjYsbudOzSRswq6iVlJckeA3a6y/lIZ1a6VdnR9GcvOVas3KHqmFl0bcsuJS/a3/4lz6eYm1GZUA/KU3JUe2jy/We/3wJOiS8AAAB4nGNgYoAALgbsgJWBgZGJkZmRhZGVtSCxtDiVpSAnsZK7KLU4sypVN600J4cHyi7OTczJYWAAAA6cDWJLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA") format("woff"), url("font/flat-audio.ttf") format("truetype"), url("font/flat-audio.svg#flat-audio") format("svg"); font-weight: 400; font-style: normal; } .jp-flat-audio { position: relative; font-family: "Source Sans Pro", sans-serif; text-align: left; min-width: 320px; max-width: 1280px; width: 100%; height: 64px; -webkit-tap-highlight-color: transparent; user-select: none; color: rgb(255, 255, 255); } .jp-flat-audio, .jp-flat-audio * { margin: 0px; padding: 0px; border: none; font-size: 0px; line-height: 0; } .jp-flat-audio :focus { outline: 0px; } .jp-flat-audio .jp-control { position: absolute; top: 0px; width: 64px; height: 100%; background-color: rgb(0, 174, 246); } .jp-flat-audio .jp-play-control { left: 0px; } .jp-flat-audio .jp-button { display: block; text-decoration: none; width: 64px; height: 100%; font-size: 32px; line-height: 64px; text-align: center; background: 0px 0px; cursor: pointer; color: rgb(255, 255, 255); } .jp-flat-audio .jp-button:focus { color: rgb(229, 247, 255); } .jp-flat-audio .jp-button::before { display: block; font-family: flat-audio; font-style: normal; font-weight: 400; text-decoration: none; font-variant: normal; text-transform: none; speak: none; width: 64px; line-height: 64px; text-align: center; opacity: 1; } .jp-flat-audio.jp-state-playing .jp-play::before { content: "���"; } .jp-flat-audio .jp-play::before { content: "���"; } .jp-flat-audio .jp-bar { position: absolute; top: 0px; left: 64px; right: 0px; height: 100%; background-color: rgb(0, 0, 0); } .jp-flat-audio .jp-seek-bar.jp-seek-bar-display { min-width: 0px; background-color: rgb(35, 35, 35); } .jp-flat-audio .jp-seek-bar { position: absolute; top: 0px; left: 0px; min-width: 100%; height: 100%; cursor: pointer; } .jp-flat-audio .jp-play-bar { position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background-color: rgb(0, 130, 178); } .jp-flat-audio .jp-details, .jp-flat-audio .jp-timing { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; padding: 0px 12px; font-size: 16px; line-height: 64px; } .jp-flat-audio .jp-timing { text-align: right; } .jp-flat-audio .jp-duration, .jp-flat-audio .jp-loading, .jp-flat-audio .jp-title { font-size: 16px; line-height: 64px; } .jp-loading .jp-dot { font-size: 16px; margin-left: 3px; } .jp-loading.jp-error { color: red; } .jp-flat-audio .jp-no-solution { position: absolute; top: 0px; left: 64px; right: 0px; height: 48px; padding: 8px 0px; line-height: 24px; font-size: 16px; text-align: center; display: none; color: rgb(0, 0, 0); background-color: rgb(178, 130, 130); } @font-face { font-family: flat-video; src: url("font/flat-video.eot#iefix") format("embedded-opentype"), url("data:font/woff;base64,d09GRgABAAAAAArEAA4AAAAAEcAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWdgxHi2NtYXAAAAGIAAAARgAAAWIHdw7vY3Z0IAAAAdAAAAAUAAAAHAZz/2pmcGdtAAAB5AAABPkAAAmRigp4O2dhc3AAAAbgAAAACAAAAAgAAAAQZ2x5ZgAABugAAAEzAAABYH6v3XRoZWFkAAAIHAAAADQAAAA2ALvCv2hoZWEAAAhQAAAAHgAAACQHMgNYaG10eAAACHAAAAAUAAAAFA6KAABsb2NhAAAIhAAAAAwAAAAMALYBAm1heHAAAAiQAAAAIAAAACAAvwm+bmFtZQAACLAAAAF/AAACtWMN6VVwb3N0AAAKMAAAADwAAABSo7D7G3ByZXAAAApsAAAAVgAAAFaSoZr/eJxjYGR6wTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOCiIPXdjDvqfxRDFrMCQAhRmBMkBAP5GC0t4nGNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMyiIqW577vLc7f9/kDJk3v3Xt3wk9kvsg5oAB4xsDCMeAADsOBBxAAB4nGNgQANGDEbMCv/ngDAAEQgD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icNY69TgJREIXnzGV/WFjkmtXFRBEoAIOVUUkMiRsaSwut6EhuQfYJDLHkAchWhFBY+QJSWFASn8DCGGsLamOlVy+bMM2cmcx85xCTKd7mBbkk6Tg6sjgjCKDrVBBuhBlw5WVBBT8rPWllyIVrb7VwsiOD2pk8rW4Enntz/dOb8yL6fel2+SLadMLaB1+cUI7sJ89Cs4XdwIFdN3/nIT4LBX1bqtVKuPPKnv4uBmXmclBM4xH9vYoSr8gmnw6jfT+fdR3bygj2TLauAVNsMvf3iixbqMqG02gjdMKqDPGBjkrURD+oyVAvFa/08n6iEv1otugMN/yZGIlKyq9EB34+5zoWorUFWXRp+IjNYT+UxqDdSB2Q8tuzGE2DEqPpQL+rcaL0WzxTvBgr1AfTf5zmRkoAeJxjYGRgYADi9tsRNfH8Nl8ZuJlfAEUYzvNEr4fQyvkMDP/nMLcwKwC5HAxMIFEAO0kKb3icY2BkYGAO+p/FEMX8ggEImFsYGBlQASsAXwsDkgAAA+gAAAISAAAB9AAAAxgAAAOEAAAAAAAAADQAUgCCALAAAQAAAAUAEgACAAAAAAACAAwAGQBuAAAAPQmRAAAAAHicdZDNSsNAFIXP2NpiKy4suB43oojpD3Vh3YiF1pWCi4K4kLROk5Q0EyZTIa/gO/gQvpDP4kkySBXMMJPvnHvn3psAOMQXBKrnkrtigQZVxTto4tpxjf6t4zr5zvEu2rh33OB6ctzCOV4ct9HBOyuI+h7VCh+OBfZF0/EODkTHcY3+seM6+cLxLo7EleMG/QfHLczEs+M2TsTnWKe5iYLQytPxmRz0+kM5z6WmFSV+LP2NDbXJ5I1c6sSqONbeQq9VYvNUP6pgE/umEtU5UyaLdCL7Xq8ypipRxrfqtaiavQUDa5dyafRaTlw9mRq9Ugvrhdamo253uw/G0EiRwyBCgBAWEqd0z/geoIc+hqQ5MyQzq6wICXzEdHxseCMsIxn1DfeSKqGrmBGTPSx4rqkLN2c3jUeqgHdjVjC/Its8oyrqRmVFyVk8TrSdMS1VkeWXHV9/Zs3wxg4DupYTFVOZcgqJyZ/5JCsVsRWdBX2v/AuW7ghdrn++5xsOwH1fAHicY2BigAAuBuyAlYGBkYmRmZGFkZW1ILG0OJWlICexkrsotTizKlU3rTQnhwfKLs5NzMlhYAAADpwNYku4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=") format("woff"), url("font/flat-video.ttf") format("truetype"), url("font/flat-video.svg#flat-video") format("svg"); font-weight: 400; font-style: normal; } .jp-flat-video-responsive { min-width: 320px; max-width: 1280px; width: 100%; height: auto; } .jp-flat-video-360p { width: 640px; height: 360px; } .jp-flat-video-270p { width: 480px; height: 270px; } .jp-flat-video { position: relative; font-family: "Source Sans Pro", sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: transparent; user-select: none; color: rgb(255, 255, 255); } .jp-flat-video, .jp-flat-video * { margin: 0px; padding: 0px; border: none; font-size: 0px; line-height: 0; } .jp-flat-video :focus { outline: 0px; } .jp-flat-video-full { position: fixed; width: 100%; height: 100%; inset: 0px; } .jp-flat-video .jp-jplayer video { background-color: rgb(0, 0, 0); } .jp-flat-video .jp-gui { position: absolute; bottom: 0px; width: 100%; height: 64px; } .jp-flat-video .jp-control { position: absolute; top: 0px; width: 64px; height: 100%; background-color: rgb(0, 174, 246); } .jp-flat-video .jp-play-control { left: 0px; } .jp-flat-video .jp-screen-control { right: 0px; } .jp-flat-video .jp-button { display: block; text-decoration: none; width: 64px; height: 100%; font-size: 32px; line-height: 64px; text-align: center; background: 0px 0px; cursor: pointer; color: rgb(255, 255, 255); } .jp-flat-video .jp-button:focus { color: rgb(229, 247, 255); } .jp-flat-video .jp-button::before { display: block; font-family: flat-video; font-style: normal; font-weight: 400; text-decoration: none; font-variant: normal; text-transform: none; speak: none; width: 64px; line-height: 64px; text-align: center; opacity: 1; } .jp-flat-video.jp-state-playing .jp-play::before { content: "���"; } .jp-flat-video .jp-play::before { content: "���"; } .jp-flat-video.jp-state-full-screen .jp-full-screen::before { content: "���"; } .jp-flat-video .jp-full-screen::before { content: "���"; } .jp-flat-video .jp-bar { position: absolute; top: 0px; left: 64px; right: 64px; height: 100%; background-color: rgb(0, 0, 0); } .jp-flat-video .jp-seek-bar.jp-seek-bar-display { min-width: 0px; background-color: rgb(35, 35, 35); } .jp-flat-video .jp-seek-bar { position: absolute; top: 0px; left: 0px; min-width: 100%; height: 100%; cursor: pointer; } .jp-flat-video .jp-play-bar { position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background-color: rgb(0, 130, 178); } .jp-flat-video .jp-details, .jp-flat-video .jp-timing { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; padding: 0px 12px; font-size: 16px; line-height: 64px; } .jp-flat-video .jp-timing { text-align: right; } .jp-flat-audio .jp-loading, .jp-flat-video .jp-duration, .jp-flat-video .jp-title { font-size: 16px; line-height: 64px; } .jp-flat-video .jp-no-solution { position: absolute; bottom: 0px; left: 64px; right: 64px; height: 48px; padding: 8px 0px; line-height: 24px; font-size: 16px; text-align: center; display: none; color: rgb(0, 0, 0); background-color: rgb(178, 130, 130); } .sprites { background: url("../img/ebook_sprites.png") no-repeat; display: inline-block; } .add_bookmark { width: 35px; height: 55px; background-position: -91px -31px; } .bookmark_in_list { width: 11px; height: 17px; background-position: 0px 0px; } .erase_highlights_red_line { width: 28px; height: 28px; background-position: 0px -49px; } .glyphicons_027_search { width: 60px; height: 30px; background-position: 0px -83px; } .glyphicons_072_bookmark { width: 60px; height: 30px; background-position: -66px -92px; } .glyphicons_136_cogwheel { width: 60px; height: 30px; background-position: 0px -119px; } .glyphicons_150_edit { width: 60px; height: 30px; background-position: -66px -128px; } .glyphicons_223_chevron-right { width: 50px; height: 25px; background-position: -75px 0px; } .glyphicons_224_chevron-left { width: 50px; height: 25px; background-position: 0px -214px; } .glyphicons_351_book_open { width: 60px; height: 30px; background-position: -65px -164px; } .grad_hat_icon_white_large { width: 42px; height: 28px; background-position: -63px -238px; } .list_style_arrows { width: 10px; height: 10px; background-position: -75px -31px; } .list_style_arrows_down { width: 10px; height: 10px; background-position: -49px -155px; } .note_close_brown_icon { width: 15px; height: 15px; padding: 5px; background-position: -12px 5px; } .note_close_icon { width: 25px; height: 25px; background-position: -101px -200px; } .note_close_icon_20x20 { width: 20px; height: 26px; background-position: 0px -17px; } .note_edit_brown_icon { width: 15px; height: 15px; padding: 5px; background-position: -33px 5px; } .note_edit_icon { width: 20px; height: 26px; background-position: 0px -149px; } .note_grad_cap_icon_17x17 { width: 17px; height: 17px; background-position: -68px -67px; } .note_grad_cap_icon_32x32 { width: 32px; height: 32px; background-position: -63px -200px; } .note_icon_white_large { width: 30px; height: 30px; background-position: -26px -178px; } .note_margin_idle_icon_17x17 { width: 17px; height: 17px; background-position: -26px -155px; } .note_margin_idle_icon_24x24 { width: 24px; height: 24px; background-position: -102px -273px; } .note_paperclip_icon { width: 20px; height: 26px; background-position: 0px -175px; } .note_trash_icon { width: 20px; height: 26px; background-position: 0px -239px; } .note_trash_icon_brown { width: 15px; height: 15px; padding: 5px; background-position: -106px -226px; } .note_validate_icon { width: 20px; height: 26px; background-position: -26px -239px; } .note_validate_icon_brown { width: 15px; height: 15px; padding: 5px; background-position: -106px -247px; } .nothing { width: 28px; height: 28px; background-position: -34px -49px; } .offline2 { width: 45px; height: 25px; background-position: 0px -271px; } .online2 { width: 45px; height: 25px; background-position: -51px -272px; } .panel_list_arrow { width: 16px; height: 14px; background-position: -68px -47px; } .search_icon { width: 27px; height: 22px; background-position: -26px -21px; } .secondpanel_arrow { width: 10px; height: 29px; background-position: -59px 0px; } .separator_contextual { width: 1px; height: 30px; background-position: -56px -214px; } body, html { background-color: rgb(225, 225, 225); margin: 0px; padding: 0px; height: 100%; overflow: hidden; font-family: "Open Sans"; font-size: 16px; color: rgb(35, 35, 35); position: fixed; width: 100%; } html * { box-sizing: border-box; } body div { position: relative; } .hidden { display: none !important; } .invisible { visibility: hidden !important; } .clearfix::after, .row::after, .tabs::after { content: " "; display: block; clear: both; } .center-text { width: 100%; text-align: center; } .full-width { width: 100%; } a:focus, button:focus, div:focus { outline-style: solid; outline-width: 2px; } [role="button"], button, input[type="button"], input[type="reset"], input[type="submit"] { background: 0px 0px; border: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; line-height: normal; overflow: visible; padding: 0px; appearance: button; user-select: none; } input[type="search"]::-webkit-search-cancel-button { appearance: none; } @font-face { font-family: "Open Sans"; src: url("../../ncia_common/fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../../ncia_common/fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../../ncia_common/fonts/Open_Sans/OpenSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Open Sans"; src: url("../../ncia_common/fonts/Open_Sans/OpenSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } #section_loading_indicator { left: 50%; top: 50%; transform: translate(-50%, -50%); } .spinner > div { width: 12px; height: 12px; background-color: rgb(144, 144, 144); border-radius: 100%; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running sk-bouncedelay; } .spinner .bounce1 { animation-delay: -0.32s; } .spinner .bounce2 { animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 100%, 80% { transform: scale(0); } 40% { transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 100%, 80% { transform: scale(0); } 40% { transform: scale(1); } } #top_banner { background-color: rgb(55, 53, 43); color: rgb(255, 255, 255); height: 55px; padding: 15px 20px; position: fixed; z-index: 99999; width: 100%; left: 0px; top: 0px; } #account_menu_btn { line-height: 30px; float: right; } .clickable { cursor: pointer; } .triangle-arrow { position: absolute; } .triangle-arrow.ncia_popup { z-index: 3; border-width: 10px; border-color: rgb(255, 255, 255); border-style: solid; } .triangle-arrow.ncia_popup.outer { z-index: 1; border-width: 12px; border-color: rgb(225, 225, 225); } .triangle-arrow.ncia_popup.up { border-left-color: transparent !important; border-right-color: transparent !important; border-top: none !important; } .triangle-arrow.ncia_popup.down { border-left-color: transparent !important; border-right-color: transparent !important; border-bottom: none !important; } .triangle-arrow.ncia_popup.left { border-top-color: transparent !important; border-bottom-color: transparent !important; border-left: none !important; } .triangle-arrow.ncia_popup.right { border-top-color: transparent !important; border-bottom-color: transparent !important; border-right: none !important; } .ncia_popup_menu { z-index: 50; position: fixed; margin: 0px 3px; } .ncia_popup_menu.inner { position: relative; z-index: 2; padding: 10px; border: 1px solid rgb(225, 225, 225); border-radius: 4px; font-size: 12px; background-color: rgb(255, 255, 255); } .ncia_popup_menu.inner .item_group { padding-bottom: 10px; padding-top: 10px; } .ncia_popup_menu.inner .item_group:not(:last-child) { border-bottom: 1px solid rgb(225, 225, 225); } .ncia_popup_menu.inner .item_group:first-child { padding-top: 5px; } .ncia_popup_menu.inner .item_group:last-child { padding-bottom: 5px; } .ncia_popup_menu.inner .item_group > div:not(:last-child) { padding-bottom: 5px; } .ncia_popup_menu.inner .item_group > div:not(:first-child) { padding-top: 5px; } .ncia_popup_menu .button { display: block; } .ncia_popup_menu .button:hover { color: rgb(62, 145, 49); } #book_menu { position: fixed; z-index: 15; height: 100%; width: 50px; left: -50px; padding: 10px 0px; background-color: rgb(245, 245, 245); border: 0px; transition: transform 0.3s ease-in-out 0s; } #book_menu.open { transform: translateX(50px); } #side_panel { position: fixed; z-index: 10; height: 100%; width: 370px; left: -370px; padding: 10px 15px 10px 65px; border-right: 1px solid rgb(225, 225, 225); background-color: rgb(255, 255, 255); transition: transform 0.3s ease-in-out 0s; } @media (max-width: 450px) { #side_panel { width: 100%; left: -100%; } } #side_panel.open { transform: translateX(100%); } #book_viewer { position: fixed; height: 100%; right: 0px; left: 0px; } #book_viewer.compressed { left: 320px; } #book_viewer.compressed #bottom_panel, #book_viewer.compressed #center_panel { padding-left: 50px; } @media (max-width: 450px) { #book_viewer.compressed { left: 0px; } #book_viewer.compressed #center_panel { padding-left: 0px; } } #bottom_panel, #center_panel, #top_panel { position: absolute; width: 100%; right: 0px; } #bottom_panel, #top_panel { z-index: 5; height: 50px; padding: 10px; overflow: hidden; background-color: rgb(245, 245, 245); transition: transform 0.2s ease-in-out 0s; } #bottom_panel a.button:first-child, #bottom_panel button:first-child, #top_panel a.button:first-child, #top_panel button:first-child { float: left; } #top_panel { top: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px; } #top_panel.out_of_the_way { transform: translateY(-50px); } #bottom_panel { bottom: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px -2px 5px 0px; } #bottom_panel.out_of_the_way { transform: translateY(50px); } #center_panel { top: 0px; bottom: 0px; background-color: rgb(255, 255, 255); } .section_iframe { height: 100%; width: 100%; border: 0px; animation: 0.3s ease-in-out 0s 1 normal none running fadeInFromNone; position: relative; } .section_iframe:focus { outline: -webkit-focus-ring-color auto 5px; } .scroll_frame { overflow: auto; width: 100%; height: 100%; } #all_notes ol, #all_notes ul { clear: both; } #all_notes, #side_panel { font-size: 14px; } #all_notes div > ol, #all_notes div > ul, #side_panel div > ol, #side_panel div > ul { margin: 0px; } #all_notes div > ol > li, #all_notes div > ul > li, #side_panel div > ol > li, #side_panel div > ul > li { border-bottom: 1px solid rgb(225, 225, 225); } #all_notes ol, #all_notes ul, #side_panel ol, #side_panel ul { list-style: none; padding: 0px; margin: 0px 0px 0px 7px; } #all_notes li, #side_panel li { padding: 7px 0px; } #all_notes li > a, #side_panel li > a { float: left; font-weight: 400; display: block; max-width: 85%; text-decoration: none; color: rgb(35, 35, 35); } #all_notes li > a.highlighted, #side_panel li > a.highlighted { color: rgb(62, 145, 49); font-weight: 700; } #all_notes li > a.deemphasized:not(.highlighted), #side_panel li > a.deemphasized:not(.highlighted) { color: rgb(225, 225, 225); } #all_notes a, #side_panel a { margin-left: 10px; cursor: pointer; text-decoration: none; color: rgb(35, 35, 35); font-weight: 700; } #all_notes .toc_interface_no_href, #side_panel .toc_interface_no_href { display: block; margin-left: 15px; cursor: pointer; } #all_notes .toc_interface_no_href, #side_panel .toc_interface_no_href { display: block; margin-left: 15px; cursor: pointer; } #all_notes .toc_interface_no_href, #side_panel .toc_interface_no_href { display: block; margin-left: 15px; cursor: pointer; } #all_notes .toc_interface_no_href, #side_panel .toc_interface_no_href { display: block; margin-left: 15px; cursor: pointer; } #all_notes > div, #side_panel > div { height: 100%; } #all_notes > div > div, #side_panel > div > div { margin-bottom: 10px; } #all_notes .inner_panel, #side_panel .inner_panel { overflow: auto; position: absolute; background-color: rgb(255, 255, 255); z-index: 3; width: 100%; animation: 0.3s ease-in-out 0s 1 normal none running fadeInFromNone; } #all_notes .inner_panel .icon, #side_panel .inner_panel .icon { display: inline-block; float: left; } #all_notes .inner_panel .icon::before, #side_panel .inner_panel .icon::before { line-height: 2; cursor: pointer; } #all_notes .inner_panel .icon-arrowright::before, #side_panel .inner_panel .icon-arrowright::before { font-size: 7px; } #all_notes .cover_bg, #side_panel .cover_bg { width: 100%; min-height: 100%; z-index: 3; background-color: rgb(255, 255, 255); } #all_notes .panel_bg, #side_panel .panel_bg { width: 100%; position: absolute; z-index: 0; color: rgb(115, 115, 115); top: 50%; text-align: center; transform: translateY(-50%); } #all_notes .panel_bg .icon, #side_panel .panel_bg .icon { float: none; } #all_notes .panel_bg .icon::before, #side_panel .panel_bg .icon::before { cursor: default; } #all_notes .panel_bg .icon-big::before, #side_panel .panel_bg .icon-big::before { font-size: 100px; } #all_notes .panel_bg .icon:not(.icon-big)::before, #side_panel .panel_bg .icon:not(.icon-big)::before { font-size: 15px; line-height: 0.1; padding: 0px 5px; } #all_notes .panel_bg .sprites.note_icon_white_large, #side_panel .panel_bg .sprites.note_icon_white_large { background-color: rgb(225, 225, 225); } #all_notes .row, #side_panel .row { width: 100%; text-align: center; } #all_notes .row .tab, #all_notes .row [role="tab"], #side_panel .row .tab, #side_panel .row [role="tab"] { display: inline-block; float: left; padding: 4px; color: rgb(115, 115, 115); border: 1px solid rgb(225, 225, 225); } #all_notes .row .tab.selected, #all_notes .row .tab[aria-selected="true"], #all_notes .row [role="tab"].selected, #all_notes .row [role="tab"][aria-selected="true"], #side_panel .row .tab.selected, #side_panel .row .tab[aria-selected="true"], #side_panel .row [role="tab"].selected, #side_panel .row [role="tab"][aria-selected="true"] { background-color: rgb(225, 225, 225); color: rgb(35, 35, 35); } #all_notes .row .tab.disabled, #all_notes .row .tab.full, #all_notes .row [role="tab"].disabled, #all_notes .row [role="tab"].full, #side_panel .row .tab.disabled, #side_panel .row .tab.full, #side_panel .row [role="tab"].disabled, #side_panel .row [role="tab"].full { cursor: default; } #all_notes .row .tab.full, #all_notes .row [role="tab"].full, #side_panel .row .tab.full, #side_panel .row [role="tab"].full { width: 100%; } #all_notes .row .tab.half, #all_notes .row [role="tab"].half, #side_panel .row .tab.half, #side_panel .row [role="tab"].half { width: 50%; } #all_notes .row .tab.third, #all_notes .row [role="tab"].third, #side_panel .row .tab.third, #side_panel .row [role="tab"].third { width: 33%; } #toc_panel .toc_buttons { width: 300px; z-index: 5; position: absolute; bottom: 10px; } #toc_interface { padding-bottom: 48px; } #toc_interface li > ol { display: none; clear: both; } #toc_interface .icon { transition: transform 0.1s ease-in-out 0s; transform: rotate(0deg); } #toc_interface .icon.expanded { transform: rotate(90deg); } #toc_interface .toc_interface_link[aria-expanded="true"] ~ ol, #toc_interface .toc_interface_no_href[aria-expanded="true"] ~ ol { display: block; } #toc_interface .toc_page_number { font-size: 0.7em; padding: 0.1em 0.25em; border-radius: 3px; background-color: rgb(115, 115, 115); float: right; margin-top: 0.15em; margin-left: 5px; color: rgb(255, 255, 255); } #toc_interface .css_checkbox { float: left; margin-right: 3px; } #toc_interface .css_checkbox input[type="checkbox"] { margin: 0px; } #toc_interface .css_checkbox input[type="checkbox"] + label > span { border: 1.5px solid rgb(35, 35, 35); background-color: rgb(255, 255, 255); border-radius: 2px; width: 11.2px; height: 11.2px; vertical-align: baseline; } #toc_interface .css_checkbox input[type="checkbox"] + label > span > span { transform: rotate(40deg) scale(0.5, 0.5); } #toc_interface .css_checkbox input[type="checkbox"] + label > span > span::after, #toc_interface .css_checkbox input[type="checkbox"] + label > span > span::before { background-color: rgb(62, 145, 49); } #toc_interface .css_checkbox input[type="checkbox"]:indeterminate + label > span > span { background-color: rgb(62, 145, 49); width: 20px; height: 4px; left: -5px; top: 3px; transform: scale(0.5, 0.5); } #toc_interface .css_checkbox.offline { display: none !important; } #toc_interface .css_checkbox:not(.hidden):not(.checked) ~ a { color: rgb(115, 115, 115); } #offline_reading_loader { display: none; } .offline_reading_info { color: rgb(115, 115, 115); } #ac_progressbar { position: relative; width: 80%; height: 14px; overflow: hidden; border: 0px; border-radius: 10px; background-color: rgb(225, 225, 225); } #ac_progressbar #progressmeter { background-color: rgb(62, 145, 49); } #ac_progressbar #progressnumber { display: none; } #offline_reading_results_message { margin-top: 50px; text-align: left; } #manifest_loader_iframe { border: 0px; padding: 0px; background-color: transparent; width: 100%; height: 0px; } #offline_reading_instructions { display: none; } .offline_selection_state #offline_reading_instructions { display: block; position: relative; background-color: rgb(245, 245, 245); padding: 10px; font-size: 15px; font-style: italic; margin: 10px 0px; } #offline_reading_instructions_inner { margin-left: 369px; padding: 30px; background-color: rgb(0, 0, 0); } .search_field_wrapper { font-size: 12px; } .search_field_wrapper .icon { position: absolute; height: 32px; z-index: 1; top: 0px; right: 0px; background-color: rgb(225, 225, 225); } .search_field_wrapper .icon::before { font-size: 14px; line-height: 32px; padding: 10px; } .search_field_wrapper .search_clear_btn { right: 34px; background-color: transparent; color: rgb(115, 115, 115); margin-right: -3px; } .search_field_wrapper .search_clear_btn#annotations_search_clear_btn { right: 0px; } .search_field_wrapper .search_field { width: 100%; border: 1px solid rgb(225, 225, 225); font-size: inherit; padding-left: 10px; padding-right: 55px; height: 32px; } .search_field_wrapper .search_field::-webkit-input-placeholder { color: rgb(115, 115, 115); font-style: italic; } .search_field_wrapper .search_field:focus { outline: 0px; } #search_panel .information { text-align: center; padding-bottom: 15px; border-bottom: 1px solid rgb(225, 225, 225); } #search_panel .full_text_search_result { padding: 15px 5px; border-bottom: 1px solid rgb(225, 225, 225); } #search_panel .title { text-decoration: none; color: rgb(35, 35, 35); font-weight: bolder; } .index_item_found_word { background-color: rgb(243, 243, 21); } .index_item_primary_first { margin-top: 10px; margin-left: 40px; text-indent: -40px; } .index_item_primary { margin-top: 0px; margin-left: 40px; text-indent: -40px; } .index_item_secondary { margin-top: 0px; margin-left: 40px; text-indent: -20px; } .index_item_tertiary { margin-top: 0px; margin-left: 60px; text-indent: -20px; } #index_item_page_number { margin-bottom: 15px; } #search_panel a { margin-right: 0px; } #bookmarks_panel .icon::before { font-size: 10px; } #bookmark_marker { top: 50px; right: 20px; display: none; transition: transform 0.2s ease-in-out 0s; z-index: 4; } #bookmark_marker::before { color: rgb(62, 145, 49); font-size: 35px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #bookmark_marker { right: 0px; } } #bookmark_marker.out_of_the_way { transform: translateY(-50px); } #all_notes { width: 100%; height: 100%; overflow: auto; background: rgb(255, 255, 255); padding: 10px 15px; } #annotations_panel .annotation_list_item > a { font-weight: bolder; } #annotations_panel .icon-pencil::before { cursor: pointer; font-size: 10px; } .highlight_pop { padding: 10px; background: rgb(57, 57, 56); border: 1px solid rgb(57, 57, 56); border-radius: 3px; min-width: 70px; color: rgb(241, 241, 241); text-align: center; position: fixed; right: 10px; bottom: 60px; box-shadow: rgb(102, 102, 102) 0px 0px 2px; } .highlight_pop i, .highlight_pop img { margin: 0px 5px; vertical-align: middle; opacity: 1; } .control_highlight { display: inline-block; margin: 0px 5px; vertical-align: middle; opacity: 1; width: 28px; height: 28px; border-radius: 5px; } #control_highlight_1 { background-color: rgb(241, 243, 50); } #control_highlight_2 { background-color: rgb(247, 183, 200); } #control_highlight_3 { background-color: rgb(180, 229, 245); } #control_highlight_4 { background-color: rgb(116, 179, 109); } #control_highlight_0 { background-color: rgb(255, 255, 255); } #control_highlight_note { width: 30px; height: 30px; cursor: pointer; } #control_highlight_tts { width: 30px; height: 30px; cursor: pointer; display: inline-block; } #control_highlight_tts::before { font-size: 30px; } #control_highlight_instructor_note { width: 42px; height: 28px; cursor: pointer; } #control_highlight_separator { width: 2px; height: 60px; } .ui-highlight-focus { outline: steelblue solid 3px; } .ui-highlight-removefocus { outline: 0px; } #bottom_panel div, #bottom_panel nav, #top_panel div { line-height: 30px; } #bottom_panel div#book_title_btn, #bottom_panel nav#book_title_btn, #top_panel div#book_title_btn { position: absolute; margin-left: 50px; } #arrowsLR { text-align: center; width: 100%; } #arrowsLR #control_previous_page { position: relative; padding-left: 5px; top: 1px; float: left; } #arrowsLR #control_next_page { position: relative; padding-right: 5px; top: 1px; float: right; } #arrowsLR .disabled { cursor: default; color: rgb(144, 144, 144); } #section_title_holder { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media (max-width: 450px) { #section_title_holder { max-width: 314px; } } #section_title_btn { margin-right: 10px; } #book_menu #panel { margin-top: 20px; margin-bottom: 20px; } #book_menu a.button, #book_menu button { margin-left: auto; margin-right: auto; position: relative; display: block; text-decoration: none; width: 30px; padding: 5px; } #book_menu a.button.menu, #book_menu button.menu { background-color: rgb(225, 225, 225); color: rgb(35, 35, 35); } #book_menu a.button.panel, #book_menu button.panel { background-color: transparent; color: rgb(144, 144, 144); margin-bottom: 20px; } #book_menu a.button.panel:hover, #book_menu a.button.panel[aria-selected="true"], #book_menu button.panel:hover, #book_menu button.panel[aria-selected="true"] { color: rgb(35, 35, 35); } #book_menu a.button.panel[aria-selected="true"]::after, #book_menu button.panel[aria-selected="true"]::after { position: absolute; display: block; width: 0px; height: 0px; content: " "; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgb(255, 255, 255); right: -10px; top: 25%; } .square_button { margin-left: auto; margin-right: auto; position: relative; display: block; text-decoration: none; width: 30px; padding: 5px; } #book_menu_open_close { background-color: rgb(225, 225, 225); color: rgb(35, 35, 35); transition: transform 0.3s ease-in-out 0s; } #book_menu_open_close[aria-expanded="true"] { transform: translate(0px, 0px); } #book_menu_open_close[aria-expanded="false"] { transform: translate(50px, 0px); } #book_menu_open_close[aria-expanded="false"].out_of_the_way { transition: transform 0.2s linear 0s; transform: translate(50px, -50px); } #seagull_menu_logo { position: absolute; display: block; left: 50%; margin-left: -15px; color: rgb(144, 144, 144); bottom: 0px; } #seagull_menu_logo .icon::before { font-size: 30px; } .book_overlay, .highlight_pop { position: absolute; z-index: 7; } #tts_player { width: 400px; z-index: 4; top: 50px; background-color: rgb(245, 245, 245); padding: 5px 0px; border-radius: 2px; left: 50%; transform: translateX(-50%); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 0px; transition: transform 0.2s ease-in-out 0s; } #tts_player.out_of_the_way { transform: translate(-50%, -120%); } #tts_player.tts_hidden { transform: translate(-50%, -190%); } #tts_player.tts_hidden.out_of_the_way { transform: translate(-50%, -190%); } #tts_player button .icon::before { font-size: 17px; } #tts_player .tts_player_section { float: left; padding: 0px 15px; border-right: 1px solid rgb(225, 225, 225); } #tts_player .tts_player_section:last-child { border-right: 0px; } #tts_player .tts_player_section button { width: auto; float: left; margin-right: 15px; padding-bottom: 3px; } #tts_player .tts_player_section button:last-child { margin-right: 0px; } #tts_player #tts_speeds button { font-weight: 700; color: rgb(144, 144, 144); margin-right: 5px; } #tts_player #tts_speeds button:last-child { margin-right: 0px; } #tts_player #tts_speeds button[aria-checked="true"] { color: rgb(35, 35, 35); border-bottom: 3px solid rgb(35, 35, 35); } #tts_player #tts_voice_select { width: 110px; } #book_viewer.compressed #tts_player { margin-left: 25px; } @media (max-width: 768px) { #book_viewer.compressed #tts_player { width: auto; } #book_viewer.compressed #tts_player .tts_player_section { border-right: 0px; } } @media (max-width: 450px) { #tts_player { width: 100%; } #book_viewer.compressed #tts_player { width: 100%; } #book_viewer.compressed #tts_player .tts_player_section { border-right: 1px solid rgb(225, 225, 225); } } #navigate_search_results { min-width: 230px; left: 50%; transform: translateX(-50%); top: 60px; padding: 0px 15px; transition: transform 0.2s ease-in-out 0s; } #navigate_search_results.moved_down { transform: translate(-50%, 40px); } #navigate_search_results > button { float: left; padding: 0px 7px; } #navigate_search_results > div:first-child { padding-left: 0px; } #navigate_search_results .button.up { padding-right: 0px; } #navigate_search_results #num_results { display: inline-block; border-right: 1px solid rgb(144, 144, 144); } .ncia_popup_menu { z-index: 50; position: absolute; margin: 0px 3px; } .ncia_popup_menu.inner { position: relative; z-index: 2; padding: 10px; border: 1px solid rgb(225, 225, 225); border-radius: 4px; font-size: 12px; background-color: rgb(255, 255, 255); } .ncia_popup_menu.inner .item_group { padding-bottom: 10px; padding-top: 10px; } .ncia_popup_menu.inner .item_group:not(:last-child) { border-bottom: 1px solid rgb(225, 225, 225); } .ncia_popup_menu.inner .item_group:first-child { padding-top: 5px; } .ncia_popup_menu.inner .item_group:last-child { padding-bottom: 5px; } .ncia_popup_menu.inner .item_group > .menu_item:not(:last-child) { padding-bottom: 5px; } .ncia_popup_menu.inner .item_group > .menu_item:not(:first-child) { padding-top: 5px; } .pill { display: inline-block; background-color: rgb(35, 35, 35); color: rgb(255, 255, 255); text-align: center; font-size: 12px; padding: 0px 25px; height: 36px; line-height: 36px; border-radius: 22px; max-width: 80%; margin: 0px 10px; } .pill.deemphasized { background-color: rgb(115, 115, 115); } .pill.controller { height: 24px; line-height: 24px; } .triangle-arrow { position: absolute; } .triangle-arrow.ncia_popup { z-index: 3; border-width: 10px; border-color: rgb(255, 255, 255); border-style: solid; } .triangle-arrow.ncia_popup.outer { z-index: 1; border-width: 12px; border-color: rgb(225, 225, 225); } .triangle-arrow.ncia_popup.up { border-left-color: transparent !important; border-right-color: transparent !important; border-top: none !important; } .triangle-arrow.ncia_popup.down { border-left-color: transparent !important; border-right-color: transparent !important; border-bottom: none !important; } .triangle-arrow.ncia_popup.left { border-top-color: transparent !important; border-bottom-color: transparent !important; border-left: none !important; } .triangle-arrow.ncia_popup.right { border-top-color: transparent !important; border-bottom-color: transparent !important; border-right: none !important; } .button, button { cursor: pointer; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .highlighted, .ncia_popup_menu .button:hover { color: rgb(62, 145, 49); } .ui-dialog { border-radius: 0px; color: rgb(35, 35, 35); padding: 0px; border: 0px; } .ui-dialog .ui-corner-all { border-radius: 0px; } .ui-dialog .ui-widget-header { background: rgb(245, 245, 245); border: none; } .ui-dialog .ui-dialog-titlebar { color: rgb(255, 255, 255); background-color: rgb(35, 35, 35); padding: 0.5em 1em; } .ui-dialog .ui-dialog-content { padding: 0.5em 1em; } .ui-dialog.nerd_dialog .ui-button { background: 0px 0px; border: 1px solid rgb(35, 35, 35); } .ui-dialog.nerd_dialog .ui-dialog-buttonpane { border: 0px; padding: 0.5em 1em; } .ui-dialog.nerd_dialog .ui-dialog-buttonset .ui-button { color: rgb(35, 35, 35); background-color: rgb(255, 255, 255); } .ui-dialog.nerd_dialog .ui-dialog-buttonset .ui-button:hover { background-color: rgb(225, 225, 225); } @-webkit-keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } #login_dialog { font-size: 16px; font-family: "Open Sans", sans-serif; } #login_dialog * { box-sizing: initial; } #login_top_msg_header { display: inline-block; } #login_top_msg_title { font-weight: 700; font-size: 1.2em; padding-top: 5px; display: inline-block; } #login_top_msg_author { display: inline-block; font-weight: 400; font-size: 0.9em; } .dta_banner { color: rgb(255, 255, 255); background-color: rgb(56, 146, 58) !important; } .dta_banner .icon-book { display: none; } .dta_section { margin-top: 50px; margin-bottom: 50px; } #dta_toc { border: 1px solid rgb(205, 205, 206); padding: 5px; } #dta_toc_grade_summary { border: 1px solid rgb(205, 205, 206); padding: 10px; margin-top: -1px; } .dta_toc_item { padding: 8px 5px 8px 35px; text-indent: -30px; cursor: pointer; } .dta_toc_item.showing { font-weight: 700; color: rgb(37, 139, 20); } .dta_toc_item:first-of-type { border-top: 0px; padding-bottom: 10px; } .dta_toc_item_type_logo { width: 24px; margin-right: 5px; vertical-align: middle; } .dta_toc_item_type_bullet { display: inline-block; width: 24px; margin-right: 5px; font-weight: 700; text-align: center; text-indent: 0px; transform: scale(1.4, 1.3); } .dta_toc_item_complete { float: right; color: rgb(255, 255, 255); font-weight: 700; background-color: rgb(0, 153, 0); padding: 0px 5px; border-radius: 4px; text-indent: 0px; margin-left: 5px; } #dta_toc_grade_span { float: right; font-weight: 700; color: rgb(144, 144, 144); } #dta_show_grade_popup_link_wrapper { text-align: right; text-indent: 0px; } #dta_show_grade_popup_link { white-space: nowrap; padding-left: 5px; margin-right: 0px !important; color: rgb(144, 144, 144) !important; } #dta_toc_more_assignments_message { background-color: rgb(245, 245, 245); padding: 10px; margin-top: 30px; } .dta_grade_popup_table { border-collapse: collapse; } .dta_grade_popup_table td, .dta_grade_popup_table th { padding: 5px; border: 1px solid rgb(153, 153, 153); background-color: rgb(255, 255, 255); } .dta_grade_popup_table th { background-color: rgb(204, 204, 204); } #dta_show_question_button { position: fixed; bottom: 60px; right: 20px; background-color: rgb(56, 146, 58); color: rgb(255, 255, 255); width: 180px; } #dta_hide_question_button { position: fixed; bottom: 10px; right: 20px; background-color: rgb(35, 35, 35); color: rgb(255, 255, 255); width: 150px; box-sizing: border-box !important; } #dta_question_wrapper { position: fixed; right: 0px; bottom: 0px; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(229, 229, 229); width: 500px; z-index: 9; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px; } #dta_question_wrapper * { box-sizing: initial; } #dta_question_wrapper_top { padding: 10px 0px 20px 10px; background-color: rgb(245, 245, 245); } #dta_question_wrapper_top_question_navigator { float: right; margin-right: 5px; } #dta_question_wrapper_top_question_navigator button { margin-right: 5px; font-size: 0.8em; } #dta_question_holder { margin: 10px; } #dta_question_wrapper_bottom { height: 60px; border-top: 1px solid rgb(225, 225, 225); } a[role="button"], div[role="button"] { appearance: none; } a.screen-reader-link { position: absolute; border: none; outline: 0px; text-decoration: none; left: 6px; top: -99em; } a.screen-reader-link:focus { z-index: 999; font-size: 14px; font-weight: 800; top: 6px; padding: 10px 23px 9px; background-color: rgb(46, 68, 92); color: rgb(245, 245, 245); }

CONTENTS

page xxi

Mission of Psychology in Your Life

Introducing the Third Edition

Appreciation for Contributors and Reviewers

1 Introducing the World of Psychology

Why Is Psychology Important to You ?

1 . 1 Psychology Explains Your Mental Activity and Behavior

1 . 2 Psychology Teaches You to Think Critically

LEARNING TIP : Developing Critical Thinking Skills

1 . 3 Psychology Improves Your Life

USING PSYCHOLOGY IN YOUR LIFE : How Can Psychology Help You Succeed in School ?

What Do Psychologists Investigate ?

1 . 4 Psychology Originated in Philosophical Questions

1 . 5 Psychologists Investigate the Conscious Mind and the Unconscious Mind

1 . 6 Psychologists Explore Behavior and Mental Activity

1 . 7 Psychologists Today Investigate Many Different Topics

How Do Psychologists Conduct Research ?

1 . 8 Psychologists Use the Scientific Method

EVALUATING PSYCHOLOGY IN THE REAL WORLD : How Much Does Talking on a Cell Phone Interfere with Driving ?

1 . 9 Descriptive Methods Describe What Is Happening

1 . 10 Correlational Methods Study Relationships

LEARNING TIP : Problems Determining Causality in Correlational Methods

1 . 11 Experimental Methods Test Causation

LEARNING TIP : Dependent and Independent Variables

1 . 12 Psychologists Today Follow Strict Ethical Guidelines

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : What Can You Do with a Degree in Psychology ?

page xxii

2 The Role of Biology in Psychology

How Does Your Nervous System Affect You ?

2 . 1 Your Nervous System Is the Basis of Your Mental Activity and Behavior

USING PSYCHOLOGY IN YOUR LIFE : How Can You Succeed if You Have a Learning Disability ?

2 . 2 Neurons Communicate with Each Other in Your Nervous System

LEARNING TIP : Communication from Presynaptic Neuron to Postsynaptic Neuron

2 . 3 Neurotransmitters Influence Your Mental Activity and Behavior

How Do the Parts of Your Brain Function ?

2 . 4 Understanding of the Brain Has Developed over Time

LEARNING TIP : Processing in the Brain

2 . 5 The Hindbrain and Midbrain House Basic Programs for Your Survival

2 . 6 Forebrain Subcortical Structures Control Your Motivations and Emotions

2 . 7 The Cerebral Cortex of the Forebrain Processes Your Complex Mental Activity

How Does Your Brain Communicate with Your Body ?

2 . 8 Your Somatic Nervous System Detects Sensory Input and Responds

2 . 9 Your Autonomic Nervous System Regulates the Body Automatically

LEARNING TIP : Remembering the Autonomic Nervous System

2 . 10 The Endocrine System Affects Your Behavior Through Hormones

How Do Nature and Nurture Affect Your Brain ?

2 . 11 Your Genes Affect Your Mental Activity and Behavior

2 . 12 Your Genes Interact with Your Environment to Influence You

2 . 13 Your Environment Changes Your Brain

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding Biological Psychology Help You in Your Job ?

3 Consciousness

What Does It Mean to Be Conscious ?

3 . 1 Consciousness Is Your Subjective Experience

LEARNING TIP : Understanding Objectivity and Subjectivity

3 . 2 Consciousness Results from Brain Activity

3 . 3 Consciousness Involves Attention

THE METHODS OF PSYCHOLOGY : Change Blindness Studies

3 . 4 Unconscious Processing Sometimes Affects Behavior

How Does Sleep Affect Consciousness ?

3 . 5 Consciousness Changes During Sleep

3 . 6 People Dream While Sleeping

3 . 7 Sleep Is an Adaptive Behavior

3 . 8 Sleep Disorders Are Relatively Common Throughout Life

page xxiii

USING PSYCHOLOGY IN YOUR LIFE : How Can You Develop Better Sleep Habits ?

How Do Hypnosis , Meditation , and Flow Alter Consciousness ?

3 . 9 Attention to Suggestions May Alter Consciousness in Hypnosis

3 . 10 Meditation Alters Consciousness and Brain Functioning

3 . 11 People Can Lose Themselves in Enjoyable Activities

EVALUATING PSYCHOLOGY IN THE REAL WORLD : Does Meditation Have Positive Benefits ?

How Do Drugs Alter Consciousness ?

3 . 12 Psychoactive Drugs Affect the Brain

3 . 13 Addiction Has Physical and Psychological Aspects

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding Consciousness Help You in Your Job ?

4 Development Across the Life Span

How Does Development Happen in the Womb ?

4 . 1 Humans Develop Across Three Domains

4 . 2 Prenatal Development Includes Three Periods of Physical Growth

4 . 3 Substances Affect Prenatal Development in All Three Domains

LEARNING TIP : Types of Teratogens

How Do Infants and Children Develop ?

4 . 4 Infants and Children Change Physically

4 . 5 Infants and Children Change Socially and Emotionally

THE METHODS OF PSYCHOLOGY : Harlow s Monkeys and Their Mothers

4 . 6 Infants and Children Change Cognitively

LEARNING TIP : Assimilation and Accommodation

4 . 7 Language Develops in an Orderly Way

How Do Adolescents Develop ?

4 . 8 Adolescents Develop Physically

4 . 9 Adolescents Develop Socially and Emotionally

4 . 10 Adolescents Develop Cognitively

USING PSYCHOLOGY IN YOUR LIFE : Bullying

How Do Adults Develop ?

4 . 11 Bodies Change in Adulthood

4 . 12 Adults Develop Lifelong Social and Emotional Bonds

4 . 13 The Mental Abilities of Adults Begin to Decline

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Does Knowledge of Human Development Help in Educational Settings ?

page xxiv

5 Sensation and Perception

How Do Sensation and Perception Affect You ?

5 . 1 Your Senses Detect Physical Stimuli , and Your Brain Processes Perception

5 . 2 There Must Be a Certain Amount of a Stimulus for You to Detect It

How Do You See ?

5 . 3 Sensory Receptors in Your Eyes Detect Light

5 . 4 You Perceive Color Based on Physical Aspects of Light

5 . 5 You Perceive Objects by Organizing Visual Information

LEARNING TIP : Bottom - Up and Top - Down Processing

5 . 6 When You Perceive Depth , You Can Locate Objects in Space

5 . 7 Cues in Your Brain and in the World Let You Perceive Motion

5 . 8 You Understand That Objects Remain Constant Even When Cues Change

How Do You Hear ?

5 . 9 Receptors in Your Ears Detect Sound Waves

USING PSYCHOLOGY IN YOUR LIFE : Hearing Deficiencies from Listening to Loud Music with Ear Buds

5 . 10 You Perceive Sound Based on Physical Aspects of Sound Waves

How Are You Able to Taste and Smell ?

5 . 11 Receptors in Your Taste Buds Detect Chemical Molecules

THE METHODS OF PSYCHOLOGY : Infant Taste Preferences Affected by Mother s Diet

5 . 12 Your Olfactory Receptors Detect Odorants

How Do You Feel Touch and Pain ?

5 . 13 Receptors in Your Skin Detect Temperature and Pressure

5 . 14 You Detect Pain in Your Skin and Throughout Your Body

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding Sensation and Perception Help You in Your Career ?

6 Learning

How Do You Learn ?

6 . 1 You Learn from Experience

6 . 2 You Learn in Three Ways

LEARNING TIP : Types of Learning

6 . 3 Your Brain Changes During Learning

How Do You Learn Through Classical Conditioning ?

6 . 4 Through Classical Conditioning , You Learn That Stimuli Are Related

LEARNING TIP : Understanding Classical Conditioning

THE METHODS OF PSYCHOLOGY : Pavlov s Classical Conditioning

6 . 5 Learning Varies in Classical Conditioning

6 . 6 You Can Learn Fear Responses Through Classical Conditioning

6 . 7 Adaptation and Cognition Influence Classical Conditioning

How Do You Learn Through Operant Conditioning ?

6 . 8 Through Operant Conditioning , You Learn the Consequences of Your Actions

page xxv

6 . 9 Learning Varies in Operant Conditioning

6 . 10 Both Reinforcement and Punishment Influence Operant Conditioning

LEARNING TIP : Four Types of Reinforcement and Punishment

LEARNING TIP : Four Schedules of Reinforcement

6 . 11 Operant Conditioning Affects Your Life

6 . 12 Biology and Cognition Influence Operant Conditioning

USING PSYCHOLOGY IN YOUR LIFE : Can Behavior Modification Help You Exercise Regularly ?

How Do You Learn by Watching Others ?

6 . 13 There Are Three Ways You Learn by Watching Others

EVALUATING PSYCHOLOGY IN THE REAL WORLD : Does Playing Violent Video Games Cause Children to Become More Violent ?

6 . 14 Biology Influences Observational Learning

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding the Principles of Learning Help You Work with Animals ?

7 Memory

How Do You Create Memories ?

7 . 1 You Create Memories by Processing Information

7 . 2 Your Memories Are Unique

How Do You Maintain Memories over Time ?

7 . 3 You Maintain Information in Three Memory Stores

USING PSYCHOLOGY IN YOUR LIFE : How Can You Remember Information for Exams ?

7 . 4 Sensory Storage Lets You Maintain Information Very Briefly

7 . 5 Working Memory Lets You Actively Maintain Information in Short - Term Storage

7 . 6 Long - Term Storage Lets You Maintain Memories Relatively Permanently

7 . 7 Your Long - Term Storage Is Organized Based on Meaning

What Are Your Different Long - Term Storage Systems ?

7 . 8 Amnesia Reveals Different Long - Term Stores

7 . 9 Your Explicit Memories Involve Conscious Effort

7 . 10 Your Implicit Memories Function Without Conscious Effort

LEARNING TIP : Remembering the Types of Memory in Long - Term Storage

7 . 11 Prospective Memory Lets You Remember to Do Something

7 . 12 Memory Is Processed by Several Regions of Your Brain

EVALUATING PSYCHOLOGY IN THE REAL WORLD : Can Brain - Training Improve Your Memory ?

How Do You Retrieve Memories ?

7 . 13 Retrieval Cues Help You Access Your Memories

LEARNING TIP : Remembering the Ways That Stored Memories Are Accessed

7 . 14 You Forget Some of Your Memories

page xxvi

7 . 15 Your Unwanted Memories May Persist

7 . 16 Your Memories Can Be Distorted

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding Memory Help You Succeed at Your Job ?

8 Thinking and Intelligence

What Is Thinking ?

8 . 1 Thinking Is the Mental Manipulation of Representations

8 . 2 Schemas Are the Basis of Thinking

8 . 3 Schemas Are the Basis of Stereotypes

THE METHODS OF PSYCHOLOGY : Preschoolers Stereotypes About Adult Drinking and Smoking

How Do You Use Thinking ?

8 . 4 You Use Thinking in Three Ways

8 . 5 How You Think Biases Decision Making

USING PSYCHOLOGY IN YOUR LIFE : How Can You Be Satisfied with Big Decisions ?

8 . 6 You Solve Problems to Achieve Goals

8 . 7 You Overcome Obstacles to Solve Problems

What Is Intelligence ?

8 . 8 One General Factor May Underlie Intelligence

8 . 9 There May Be Multiple Aspects of Intelligence

8 . 10 Intelligence Is a Result of Genes and Environment

How Is Intelligence Measured ?

8 . 11 Intelligence Is Assessed with Psychometric Tests

EVALUATING PSYCHOLOGY IN THE REAL WORLD : Can Your Beliefs About Your Own Intelligence Affect You ?

LEARNING TIP : Validity and Reliability

8 . 12 Intelligence Is Associated with Cognitive Performance

8 . 13 Many Factors Determine Group Differences in Intelligence

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding Thinking Help You Succeed in Your Career ?

9 Motivation and Emotion

What Motivates Your Behavior ?

9 . 1 Many Factors Influence Motivation

9 . 2 Some Behaviors Are Motivated for Their Own Sake

What Are Your Most Important Motivated Behaviors ?

9 . 3 Motivation to Eat Is Affected by Biology

LEARNING TIP : Biological Mechanisms That Motivate Eating

9 . 4 Motivation to Eat Is Also Influenced by Learning

9 . 5 People Have a Need to Belong

page xxvii

9 . 6 People Have a Need to Achieve Long - Term Goals

USING PSYCHOLOGY IN YOUR LIFE : How Can You Satisfy a Need to Belong ?

How Do You Experience Emotions ?

9 . 7 Emotions Are Personal but Labeled and Described Consistently

9 . 8 Three Major Theories Explain Your Emotions

LEARNING TIP : Three Theories Explain How You Experience Emotions

THE METHODS OF PSYCHOLOGY : T esting the Two - Factor Theory

9 . 9 Your Body and Brain Influence Your Emotions

9 . 10 Most People Try to Regulate Their Emotional States

How Do Emotions Affect You ?

9 . 11 You Use Facial Expressions to Interpret Emotions

9 . 12 Your Display of Emotion Varies

9 . 13 Emotions Influence Your Thoughts

9 . 14 Emotions Strengthen Your Interpersonal Relations

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding Motivation and Emotion Help You Work with Customers ?

10 Sex , Gender , and Sexuality

How Does Biology Make People More Male or Female ?

10 . 1 Genetics and Hormones Influence Biological Sex

LEARNING TIP : Four Aspects of Biological Sex

10 . 2 Biological Sex Is Not Always Clear

Why Do People Act Masculine or Feminine ?

10 . 3 People Have Mental Categories of What Is Masculine and What Is Feminine

10 . 4 Gender Roles Affect How People Act

10 . 5 Gender Identity Also Affects How People Act

LEARNING TIP : G ender Schemas Include Information About Gender Roles and Gender Identity

10 . 6 People Vary in Gender Identity

How Do People Vary in Sexual Orientation ?

10 . 7 Variations in Sexual Orientation Are Normal

10 . 8 Biology Influences the Development of Sexual Orientation

LEARNING TIP : Four Biological Contributions to Sexual Orientation

THE METHODS OF PSYCHOLOGY : F raternal Birth Order Effect May Explain Why Later - Born Males Are More Likely to Be Gay

What Motivates People to Have Sexual Relations ( or Not To )?

10 . 9 Biology Influences the Motivation for Sexual Activity

USING PSYCHOLOGY IN YOUR LIFE : Changes in Sexual Desire and Sexual Activity over the Life Span

10 . 10 Environmental Context Influences the Motivation for Sexual Activity

10 . 11 Individual Differences Influence the Motivation for Sexual Activity

page xxviii

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : H ow Can Psychology Lead to a Career Supporting People with Variations in Sex , Gender , and Sexuality ?

11 Health and Well - Being

What Affects Your Health ?

11 . 1 Biology , Psychology , and Social Factors Influence Your Health

11 . 2 Obesity and Disordered Eating Have Many Health Consequences

11 . 3 Exercise Benefits You Physically , Cognitively , and Emotionally

11 . 4 Sexually Transmitted Infections Can Be Prevented by Practicing Safer Sex

11 . 5 Smoking Is Dangerous to Your Health

How Does Stress Affect Your Health ?

11 . 6 Stress Has a Negative Impact on Your Health

LEARNING TIP : Stressors , Responses , and Mediating Factors

11 . 7 You Can Have Several Responses to Stress

THE METHODS OF PSYCHOLOGY : Stress and the Immune System

How Do Mediating Factors Affect Your Stress ?

11 . 8 Personality Influences the Impact of Stress on Heart Disease

11 . 9 Coping Mediates the Impact of Stress

USING PSYCHOLOGY IN YOUR LIFE : Reducing Exam Anxiety

Can a Positive Attitude Keep You Healthy ?

11 . 10 Positive Psychology Emphasizes Well - Being

EVALUATING PSYCHOLOGY IN THE REAL WORLD : C an P etting a Therapy Dog Increase a Sense of Well - Being ?

11 . 11 Social Support Is Associated with Good Health

11 . 12 Several Strategies Can Help You Stay Healthy

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : C an P sychology Help You Be Successful in a Career in Fitness ?

12 Social Psychology

How Do You Think About Other People ?

12 . 1 You Tend to Make Snap Judgments About Other People

12 . 2 You Make Attributions About Other People

LEARNING TIP : Attributions and the Actor / Observer Bias

12 . 3 You Tend to Stereotype Other People

12 . 4 Stereotypes Can Have Negative Effects

How Do Your Attitudes Affect You ?

12 . 5 You Form Attitudes Through Experience and Socialization

12 . 6 Discrepancies Between Attitudes and Behavior Lead to Dissonance

LEARNING TIP : Cognitive Dissonance

12 . 7 Your Attitudes Can Be Changed Through Persuasion

How Do Other People Influence You ?

page xxix

12 . 8 Groups Affect Your Behavior

12 . 9 You Conform to and Comply with Others

12 . 10 You Probably Obey People Who Have Authority

THE METHODS OF PSYCHOLOGY : Milgram s Shock Experiments on Obedience

12 . 11 You May Hurt or Help Other People

How Can You Develop Strong Relationships ?

12 . 12 Situations and Personalities Affect Your Relationships

12 . 13 Love Is a Key Part of Romantic Relationships

USING PSYCHOLOGY IN YOUR LIFE : O verlooking Flaws to Have a Great Romantic Life

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Psychology Help You Succeed in a Career in Advertising and Marketing ?

13 Self and Personality

How Do You Know Yourself ?

13 . 1 Your Sense of Self Is Who You Believe You Are

13 . 2 Self - Esteem Is How You Feel About Your Sense of Self

EVALUATING PSYCHOLOGY IN THE REAL WORLD : Can Self - Compassion Help You Feel Better About Yourself ?

13 . 3 You Try to Create a Positive Sense of Self

13 . 4 Your Sense of Self Is Influenced by Cultural Factors

How Can You Understand Personality ?

13 . 5 Psychodynamic Theory Emphasizes Unconscious Conflicts

LEARNING TIP : Id , Superego , and Ego

13 . 6 Humanistic Approaches Emphasize Goodness in People

13 . 7 Social Cognitive Approaches Focus on How Thoughts Shape Personality

13 . 8 Trait Approaches Describe Characteristics

USING PSYCHOLOGY IN YOUR LIFE : Do Personalities Matter in Roommate Relationships ?

LEARNING TIP : Remembering the Big Five

How Does Biology Affect Personality ?

13 . 9 Personality Has a Biological Basis

13 . 10 Personality Is Influenced by Genes

13 . 11 Temperament Is Innate

THE METHODS OF PSYCHOLOGY : Inhibition and Social Anxiety

13 . 12 Personality Stability Is Influenced by Biology and Situation

How Can Personality Be Assessed ?

13 . 13 Several Methods Are Used to Assess Personality

13 . 14 Behavior Is Influenced by Personality and Situation

13 . 15 Assessment Can Reveal Cultural and Gender Differences in Personality

BIG PICTURE

page xxx

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding People s Personalities Become a Career ?

14 Psychological Disorders

What Is a Psychological Disorder ?

14 . 1 Disorders Interfere with Our Lives

LEARNING TIP : Limitations of the Criteria for Disordered Emotions , Thoughts , and / or Behaviors

14 . 2 There Are Two General Ways to View the Causes of Disorders

EVALUATING PSYCHOLOGY IN THE REAL WORLD : Can Bullying Affect Long - Term Mental Health ?

14 . 3 Disordered Thoughts , Emotions , and / or Behaviors Can Be Assessed and Categorized

How Do People Experience Disorders of Emotion ?

14 . 4 Anxiety Disorders Make People Fearful and Tense

14 . 5 Some Disorders Have Unwanted and Intrusive Thoughts That Increase Anxiety

14 . 6 Depressive Disorders Consist of Sad , Empty , or Irritable Mood

14 . 7 Many Factors Influence the Development of Depressive Disorders

USING PSYCHOLOGY IN YOUR LIFE : What to Do if a Person Might Be Thinking of Suicide

14 . 8 Bipolar Disorders Involve Mania

How Do People Experience Disorders of Thought ?

14 . 9 Schizophrenia Involves a Disconnection from Reality

14 . 10 Schizophrenia Is Caused by Biological and Environmental Factors

How Do People Experience Disorders of Self ?

14 . 11 Personality Disorders Are Maladaptive Ways of Relating to the World

THE METHODS OF PSYCHOLOGY : Amygdala Activity in Children at Risk for Antisocial Personality Disorder

14 . 12 Dissociative Disorders Involve Disruptions in the Sense of Self

What Disorders Affect Children ?

14 . 13 Children May Experience Neurodevelopmental Disorders

14 . 14 Autism Spectrum Disorder Involves Social Deficits and Restricted Interests

14 . 15 Attention - Deficit / Hyperactivity Disorder Is a Disruptive Impulse Control Disorder

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : How Can Understanding Psychological Disorders Become a Career ?

15 Psychological Treatments

How Are Psychological Disorders Treated ?

15 . 1 Some Types of Psychotherapy Focus on Providing Insight

15 . 2 Behavioral and Cognitive Treatments Aim to Change Behavior , Emotion , and / or Thought Directly

page xxxi

15 . 3 The Context of Therapy Matters

15 . 4 Biological Therapies Are Effective for Certain Disorders

15 . 5 Scientific Evidence Indicates Which Treatments Are Safe and Effective

15 . 6 Various Providers Assist in Treatment for Psychological Disorders

USING PSYCHOLOGY IN YOUR LIFE : How Do You Find a Provider Who Can Help You ?

What Are the Most Effective Treatments ?

15 . 7 Anxiety and Obsessive - Compulsive Disorders Are Best Treated with Cognitive - Behavioral Therapy

15 . 8 Many Effective Treatments Are Available for Depressive Disorders

THE METHODS OF PSYCHOLOGY : Mayberg s Study of Deep Brain Stimulation for Depression

15 . 9 Psychotropic Medications Are Most Effective for Bipolar Disorders

15 . 10 Atypical Antipsychotic Medications Are the Best Treatment for Schizophrenia

Can Personality Disorders Be Treated ?

15 . 11 Dialectical Behavior Therapy Is the Best Treatment for Borderline Personality Disorder

15 . 12 Antisocial Personality Disorder Is Extremely Difficult to Treat

How Can Disorders Be Treated in Children and Adolescents ?

15 . 13 Using Medication to Treat Depressive Disorders in Adolescents Is Controversial

15 . 14 Children with Autism Spectrum Disorder Benefit from Structured Behavior Therapy

15 . 15 Children with ADHD Can Benefit from Various Approaches

BIG PICTURE

SELF - QUIZ

PUTTING PSYCHOLOGY TO WORK : Do You Want to Become a Counselor or Clinical Psychologist ?

Appendix A : How Do Psychologists Analyze Research Data ?

A . 1 Descriptive Statistics Summarize the Data

A . 2 Inferential Statistics Rule Out Chance Findings

Appendix B : Answers to Red Q Questions and Self - Quiz Questions

Glossary

References

Permissions Acknowledgments

Name Index

Subject Index

@charset "utf-8"; @namespace epub url("http://www.idpf.org/2007/ops"); *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { line-height: 1.5; } [tabindex="-1"]:focus { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; } p { margin-top: 0px; margin-bottom: 0px; } abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; text-decoration-skip-ink: none; } address { font-style: normal; line-height: inherit; } address, dl, ol, ul { margin-bottom: 1rem; } dl, ol, ul { margin-top: 0px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86, 179); text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0px; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; } figure { margin: 0px 0px 1rem; } img { border-style: none; } img, svg { vertical-align: middle; } svg { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0px; } button:focus { outline: -webkit-focus-ring-color auto 5px; } button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { overflow-wrap: normal; } [type="button"], [type="reset"], [type="submit"], button { appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; appearance: none; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; } .display-1, .display-2 { font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; } .display-3 { font-size: 4.5rem; } .display-3, .display-4 { font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; } hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); } .list-inline, .list-unstyled { padding-left: 0px; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); } .blockquote-footer::before { content: "— "; } .img-fluid, .img-thumbnail { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: rgb(108, 117, 125); } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1, .col-auto { -webkit-box-flex: 0; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-2, .col-3 { -webkit-box-flex: 0; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-4, .col-5 { -webkit-box-flex: 0; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-6, .col-7 { -webkit-box-flex: 0; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-8, .col-9 { -webkit-box-flex: 0; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-10, .col-11 { -webkit-box-flex: 0; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { -webkit-box-ordinal-group: 14; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } } .table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); } .table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); } .table-sm td, .table-sm th { padding: 0.3rem; } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: rgb(33, 37, 41); background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: rgb(122, 186, 255); } .table-hover .table-primary:hover { background-color: rgb(159, 205, 255); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: rgb(179, 183, 187); } .table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); } .table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: rgb(143, 209, 158); } .table-hover .table-success:hover { background-color: rgb(177, 223, 187); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); } .table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: rgb(134, 207, 218); } .table-hover .table-info:hover { background-color: rgb(171, 221, 229); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); } .table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: rgb(255, 223, 126); } .table-hover .table-warning:hover { background-color: rgb(255, 232, 161); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); } .table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: rgb(237, 150, 158); } .table-hover .table-danger:hover { background-color: rgb(241, 176, 183); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); } .table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: rgb(251, 252, 252); } .table-hover .table-light:hover { background-color: rgb(236, 236, 246); } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); } .table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(149, 153, 156); } .table-hover .table-dark:hover { background-color: rgb(185, 187, 190); } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); } .table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(69, 77, 85); } .table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); } .table-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); } .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(69, 77, 85); } .table-dark.table-bordered { border: 0px; } .table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; } .table-responsive-sm > .table-bordered { border: 0px; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; } .table-responsive-md > .table-bordered { border: 0px; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; } .table-responsive-lg > .table-bordered { border: 0px; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; } .table-responsive-xl > .table-bordered { border: 0px; } } .table-responsive { display: block; width: 100%; overflow-x: auto; } .table-responsive > .table-bordered { border: 0px; } .fade { transition: opacity 0.15s linear 0s; } @media (prefers-reduced-motion: reduce) { .fade { transition: none 0s ease 0s; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none 0s ease 0s; } } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); } .alert-primary hr { border-top-color: rgb(159, 205, 255); } .alert-primary .alert-link { color: rgb(0, 39, 82); } .alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); } .alert-secondary hr { border-top-color: rgb(200, 203, 207); } .alert-secondary .alert-link { color: rgb(32, 35, 38); } .alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); } .alert-success hr { border-top-color: rgb(177, 223, 187); } .alert-success .alert-link { color: rgb(11, 46, 19); } .alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); } .alert-info hr { border-top-color: rgb(171, 221, 229); } .alert-info .alert-link { color: rgb(6, 44, 51); } .alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); } .alert-warning hr { border-top-color: rgb(255, 232, 161); } .alert-warning .alert-link { color: rgb(83, 63, 3); } .alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); } .alert-danger hr { border-top-color: rgb(241, 176, 183); } .alert-danger .alert-link { color: rgb(73, 18, 23); } .alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); } .alert-light hr { border-top-color: rgb(236, 236, 246); } .alert-light .alert-link { color: rgb(104, 104, 104); } .alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); } .alert-dark hr { border-top-color: rgb(185, 187, 190); } .alert-dark .alert-link { color: rgb(4, 5, 5); } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: rgb(0, 123, 255) !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98, 204) !important; } .bg-secondary { background-color: rgb(108, 117, 125) !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; } .bg-success { background-color: rgb(40, 167, 69) !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30, 126, 52) !important; } .bg-info { background-color: rgb(23, 162, 184) !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb(17, 122, 139) !important; } .bg-warning { background-color: rgb(255, 193, 7) !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: rgb(211, 158, 0) !important; } .bg-danger { background-color: rgb(220, 53, 69) !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(189, 33, 48) !important; } .bg-light { background-color: rgb(248, 249, 250) !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218, 224, 229) !important; } .bg-dark { background-color: rgb(52, 58, 64) !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29, 33, 36) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid rgb(222, 226, 230) !important; } .border-top { border-top: 1px solid rgb(222, 226, 230) !important; } .border-right { border-right: 1px solid rgb(222, 226, 230) !important; } .border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; } .border-left { border-left: 1px solid rgb(222, 226, 230) !important; } .border-0 { border: 0px !important; } .border-top-0 { border-top: 0px !important; } .border-right-0 { border-right: 0px !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-left-0 { border-left: 0px !important; } .border-primary { border-color: rgb(0, 123, 255) !important; } .border-secondary { border-color: rgb(108, 117, 125) !important; } .border-success { border-color: rgb(40, 167, 69) !important; } .border-info { border-color: rgb(23, 162, 184) !important; } .border-warning { border-color: rgb(255, 193, 7) !important; } .border-danger { border-color: rgb(220, 53, 69) !important; } .border-light { border-color: rgb(248, 249, 250) !important; } .border-dark { border-color: rgb(52, 58, 64) !important; } .border-white { border-color: rgb(255, 255, 255) !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; } .rounded-right, .rounded-top { border-top-right-radius: 0.25rem !important; } .rounded-bottom, .rounded-right { border-bottom-right-radius: 0.25rem !important; } .rounded-bottom, .rounded-left { border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0px !important; } .clearfix::after { display: block; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .embed-responsive-21by9::before { padding-top: 42.8571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; flex-direction: row !important; } .flex-column, .flex-row { -webkit-box-direction: normal !important; } .flex-column { -webkit-box-orient: vertical !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; flex-direction: row-reverse !important; } .flex-column-reverse, .flex-row-reverse { -webkit-box-direction: reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; flex-direction: row !important; } .flex-sm-column, .flex-sm-row { -webkit-box-direction: normal !important; } .flex-sm-column { -webkit-box-orient: vertical !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; flex-direction: row !important; } .flex-md-column, .flex-md-row { -webkit-box-direction: normal !important; } .flex-md-column { -webkit-box-orient: vertical !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; flex-direction: row !important; } .flex-lg-column, .flex-lg-row { -webkit-box-direction: normal !important; } .flex-lg-column { -webkit-box-orient: vertical !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; flex-direction: row !important; } .flex-xl-column, .flex-xl-row { -webkit-box-direction: normal !important; } .flex-xl-column { -webkit-box-orient: vertical !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { top: 0px; } .fixed-bottom, .fixed-top { position: fixed; right: 0px; left: 0px; z-index: 1030; } .fixed-bottom { bottom: 0px; } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: sticky; top: 0px; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; } .shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; } .shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; inset: 0px; z-index: 1; pointer-events: auto; content: ""; background-color: transparent; } .m-0 { margin: 0px !important; } .mt-0, .my-0 { margin-top: 0px !important; } .mr-0, .mx-0 { margin-right: 0px !important; } .mb-0, .my-0 { margin-bottom: 0px !important; } .ml-0, .mx-0 { margin-left: 0px !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0px !important; } .pt-0, .py-0 { padding-top: 0px !important; } .pr-0, .px-0 { padding-right: 0px !important; } .pb-0, .py-0 { padding-bottom: 0px !important; } .pl-0, .px-0 { padding-left: 0px !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0px !important; } .mt-sm-0, .my-sm-0 { margin-top: 0px !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0px !important; } .pt-sm-0, .py-sm-0 { padding-top: 0px !important; } .pr-sm-0, .px-sm-0 { padding-right: 0px !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; } .pl-sm-0, .px-sm-0 { padding-left: 0px !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0px !important; } .mt-md-0, .my-md-0 { margin-top: 0px !important; } .mr-md-0, .mx-md-0 { margin-right: 0px !important; } .mb-md-0, .my-md-0 { margin-bottom: 0px !important; } .ml-md-0, .mx-md-0 { margin-left: 0px !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0px !important; } .pt-md-0, .py-md-0 { padding-top: 0px !important; } .pr-md-0, .px-md-0 { padding-right: 0px !important; } .pb-md-0, .py-md-0 { padding-bottom: 0px !important; } .pl-md-0, .px-md-0 { padding-left: 0px !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0px !important; } .mt-lg-0, .my-lg-0 { margin-top: 0px !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0px !important; } .pt-lg-0, .py-lg-0 { padding-top: 0px !important; } .pr-lg-0, .px-lg-0 { padding-right: 0px !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; } .pl-lg-0, .px-lg-0 { padding-left: 0px !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0px !important; } .mt-xl-0, .my-xl-0 { margin-top: 0px !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0px !important; } .pt-xl-0, .py-xl-0 { padding-top: 0px !important; } .pr-xl-0, .px-xl-0 { padding-right: 0px !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; } .pl-xl-0, .px-xl-0 { padding-left: 0px !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: rgb(255, 255, 255) !important; } .text-primary { color: rgb(0, 123, 255) !important; } a.text-primary:focus, a.text-primary:hover { color: rgb(0, 86, 179) !important; } .text-secondary { color: rgb(108, 117, 125) !important; } a.text-secondary:focus, a.text-secondary:hover { color: rgb(73, 79, 84) !important; } .text-success { color: rgb(40, 167, 69) !important; } a.text-success:focus, a.text-success:hover { color: rgb(25, 105, 44) !important; } .text-info { color: rgb(23, 162, 184) !important; } a.text-info:focus, a.text-info:hover { color: rgb(15, 102, 116) !important; } .text-warning { color: rgb(255, 193, 7) !important; } a.text-warning:focus, a.text-warning:hover { color: rgb(186, 139, 0) !important; } .text-danger { color: rgb(220, 53, 69) !important; } a.text-danger:focus, a.text-danger:hover { color: rgb(167, 29, 42) !important; } .text-light { color: rgb(248, 249, 250) !important; } a.text-light:focus, a.text-light:hover { color: rgb(203, 211, 218) !important; } .text-dark { color: rgb(52, 58, 64) !important; } a.text-dark:focus, a.text-dark:hover { color: rgb(18, 20, 22) !important; } .text-body { color: rgb(33, 37, 41) !important; } .text-muted { color: rgb(108, 117, 125) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avoid; } thead { display: table-header-group; } img, tr { break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } @page { size: a3; } .container, body { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; } .table-dark { color: inherit; } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(222, 226, 230); } .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230); } } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden; touch-action: none; z-index: 1500; text-size-adjust: 100%; backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) 0s; } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: grab; } .pswp--dragging .pswp__img { cursor: grabbing; } .pswp__bg { background: rgb(0, 0, 0); opacity: 0; transform: translateZ(0px); backface-visibility: hidden; } .pswp__bg, .pswp__scroll-wrap { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .pswp__scroll-wrap { overflow: hidden; } .pswp__container, .pswp__zoom-wrap { touch-action: none; position: absolute; inset: 0px; } .pswp__container, .pswp__img { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1) 0s, -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1) 0s; } .pswp__bg { will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) 0s; } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none 0s ease 0s; } .pswp__container, .pswp__zoom-wrap { backface-visibility: hidden; } .pswp__item { right: 0px; bottom: 0px; overflow: hidden; } .pswp__img, .pswp__item { position: absolute; left: 0px; top: 0px; } .pswp__img { width: auto; height: auto; } .pswp__img--placeholder { backface-visibility: hidden; } .pswp__img--placeholder--blank { background: rgb(34, 34, 34); } .pswp--ie .pswp__img { left: 0px; top: 0px; width: 100% !important; height: auto !important; } .pswp__error-msg { position: absolute; left: 0px; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: rgb(204, 204, 204); } .pswp__error-msg a { color: rgb(204, 204, 204); text-decoration: underline; } .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; appearance: none; display: block; border: 0px; padding: 0px; margin: 0px; float: right; opacity: 0.75; transition: opacity 0.2s ease 0s; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left::before, .pswp__button--arrow--right::before { background: url("default-skin.png") 0px 0px / 264px 88px no-repeat; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 1.1dppx), (min-resolution: 105dpi) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left::before, .pswp--svg .pswp__button--arrow--right::before { background-image: url("default-skin.svg"); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0px -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0px; } .pswp__button--zoom { display: none; background-position: -88px 0px; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0px; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0px; } .pswp__button--arrow--right { right: 0px; } .pswp__button--arrow--left::before, .pswp__button--arrow--right::before { content: ""; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left::before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right::before { right: 6px; background-position: -94px -44px; } .pswp__counter, .pswp__share-modal { user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0px; left: 0px; padding: 10px; position: absolute; z-index: 1600; opacity: 0; transition: opacity 0.25s ease-out 0s; backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: rgb(255, 255, 255); top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 5px; transform: translateY(6px); transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s; backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: rgb(0, 0, 0); text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: rgb(0, 0, 0); } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0px 0px; } .pswp__share-tooltip a:last-child { border-radius: 0px 0px 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { transform: translateY(0px); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook::before { content: ""; display: block; width: 0px; height: 0px; position: absolute; top: -12px; right: 15px; border-width: 6px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: initial; pointer-events: none; } a.pswp__share--facebook:hover { background: rgb(62, 92, 154); color: rgb(255, 255, 255); } a.pswp__share--facebook:hover::before { border-bottom-color: rgb(62, 92, 154); } a.pswp__share--twitter:hover { background: rgb(85, 172, 238); color: rgb(255, 255, 255); } a.pswp__share--pinterest:hover { background: rgb(204, 204, 204); color: rgb(206, 39, 45); } a.pswp__share--download:hover { background: rgb(221, 221, 221); } .pswp__counter { position: absolute; left: 0px; top: 0px; height: 44px; font-size: 13px; line-height: 44px; color: rgb(255, 255, 255); opacity: 0.75; padding: 0px 10px; } .pswp__caption { position: absolute; left: 0px; bottom: 0px; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: rgb(187, 187, 187); } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0px auto; font-size: 13px; padding: 10px; line-height: 20px; color: rgb(204, 204, 204); } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0px; left: 50%; margin-left: -22px; opacity: 0; transition: opacity 0.25s ease-out 0s; will-change: opacity; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url("preloader.gif") 0px 0px no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { animation: 0.5s linear 0s infinite normal none running clockwise; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { animation: 1s cubic-bezier(0.4, 0, 0.22, 1) 0s infinite normal none running donut-rotate; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0px; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { box-sizing: border-box; width: 14px; height: 14px; border-radius: 50%; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 2px; position: absolute; top: 0px; left: 0px; background: none; margin: 0px; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0px; float: right; } } @-webkit-keyframes clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @-webkit-keyframes donut-rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(-140deg); } 100% { transform: rotate(0deg); } } @keyframes donut-rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(-140deg); } 100% { transform: rotate(0deg); } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0px; top: 0px; height: 44px; width: 100%; } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { backface-visibility: hidden; will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) 0s; } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__caption, .pswp__top-bar { background-color: rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.08333333333333), only screen and (min-resolution: 1.25dppx), only screen and (min-resolution: 200dpi) { body { -webkit-font-smoothing: antialiased; } } .clearfix::after { display: table; clear: both; content: ""; } .hide-text { padding: 0px; overflow: hidden; text-indent: 101%; white-space: nowrap; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .center-column { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin-top: 1.5rem; } @media (min-width: 576px) { .center-column { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; margin-left: 8.33333%; } } @media (min-width: 768px) { .center-column { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; margin-left: 16.6667%; } } @media (min-width: 992px) { .center-column { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; margin-left: 25%; } } @media (min-width: 768px) { .page { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; margin-left: 16.6667%; } } @media (min-width: 992px) { .page { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; margin-left: 25%; } } .bleed { position: relative; max-width: 100%; } .figure.bleed-full .figure-img { display: block; width: 100vw; left: -50vw; margin-right: 0px; margin-left: 50%; position: relative; } .bleed-full:not(.figure)::before { display: block; width: 100vw; left: -50vw; margin-right: -15px; margin-left: 50%; top: -7.5px; height: calc(100% + 15px); } .figure.bleed-left .figure-img { display: block; width: calc(50vw + 50%); left: -50vw; margin-right: 0px; margin-left: 50%; position: relative; } .bleed-left:not(.figure)::before { display: block; width: calc(50vw + 50% + 15px); left: -50vw; margin-right: -15px; margin-left: 50%; top: -7.5px; height: calc(100% + 15px); } .figure.bleed-right .figure-img { display: block; width: calc(50vw + 50%); margin-left: 0px; position: relative; } .bleed-right:not(.figure)::before { display: block; width: calc(50vw + 50% + 15px); margin-left: -15px; top: -7.5px; height: calc(100% + 15px); } .bleed.bg-primary { color: rgb(255, 255, 255); } .bleed.bg-primary::before { position: absolute; z-index: -1; content: ""; background-color: rgb(0, 123, 255); } .bleed.bg-secondary { color: rgb(255, 255, 255); } .bleed.bg-secondary::before { position: absolute; z-index: -1; content: ""; background-color: rgb(108, 117, 125); } .bleed.bg-success { color: rgb(255, 255, 255); } .bleed.bg-success::before { position: absolute; z-index: -1; content: ""; background-color: rgb(40, 167, 69); } .bleed.bg-info { color: rgb(255, 255, 255); } .bleed.bg-info::before { position: absolute; z-index: -1; content: ""; background-color: rgb(23, 162, 184); } .bleed.bg-warning { color: rgb(33, 37, 41); } .bleed.bg-warning::before { position: absolute; z-index: -1; content: ""; background-color: rgb(255, 193, 7); } .bleed.bg-danger { color: rgb(255, 255, 255); } .bleed.bg-danger::before { position: absolute; z-index: -1; content: ""; background-color: rgb(220, 53, 69); } .bleed.bg-light { color: rgb(33, 37, 41); } .bleed.bg-light::before { position: absolute; z-index: -1; content: ""; background-color: rgb(248, 249, 250); } .bleed.bg-dark { color: rgb(255, 255, 255); } .bleed.bg-dark::before { position: absolute; z-index: -1; content: ""; background-color: rgb(52, 58, 64); } .figure__image, .figure__link, .figure__thumbnail, .figure__video { display: block; width: 100%; } .figure__caption { margin-top: 10px; } .figure--fullbleed .figure__image { position: relative; left: 50%; width: 100vw; margin-left: -50vw; overflow: hidden; } @media (min-width: 768px) { .figure--fullwidth { width: 150%; max-width: 100%; margin-left: 0px; } .figure--fullwidth .figure__caption { margin-right: 0px; margin-left: 0px; } .figure--halfwidth { width: 100%; max-width: 80%; margin-left: 0px; } .figure--halfwidth .figure__caption { margin-right: 0px; margin-left: 0px; } .figure--pull-left, .figure--pull-right { width: 66.6667%; } .figure--pull-left { float: left; max-width: 45%; padding-right: 10px; margin-right: 15px; margin-left: 0px; } .figure--pull-right { float: right; max-width: 45%; padding: 10px 0px 5px 25px; margin-right: 0px; margin-left: 15px; } } [role="doc-glossary"] { display: none; } .glossref, [role="doc-glossref"] { font-weight: 700; color: rgb(0, 123, 255); text-decoration: none; cursor: pointer; } .longdesc { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } [data-href] { cursor: pointer; } .tooltip { position: absolute; width: 100vw; padding: 10px; color: rgb(0, 0, 0); background: rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; } .tooltip [role="term"] { font-weight: 700; text-transform: capitalize; } @media (min-width: 576px) { .tooltip { width: 350px; } } .tooltip-arrow { position: absolute; width: 15px; height: 15px; overflow: hidden; } .tooltip-arrow::before { position: absolute; width: 15px; height: 15px; content: ""; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; transform: rotate(45deg); } [x-placement^="top"] { margin-bottom: 9.5px; } [x-placement^="top"] .tooltip-arrow { left: calc(50% - 7.5px); bottom: -15px; } [x-placement^="top"] .tooltip-arrow::before { top: calc(-50% - 3.75px); } [x-placement^="bottom"] { margin-top: 9.5px; } [x-placement^="bottom"] .tooltip-arrow { left: calc(50% - 7.5px); top: -15px; } [x-placement^="bottom"] .tooltip-arrow::before { bottom: calc(-50% - 3.75px); } [x-placement^="left"] { margin-right: 9.5px; } [x-placement^="left"] .tooltip-arrow { top: calc(50% - 7.5px); right: -15px; } [x-placement^="left"] .tooltip-arrow::before { left: calc(-50% - 3.75px); } [x-placement^="right"] { margin-left: 9.5px; } [x-placement^="right"] .tooltip-arrow { top: calc(50% - 7.5px); left: -15px; } [x-placement^="right"] .tooltip-arrow::before { right: calc(-50% - 3.75px); } @font-face { font-family: glyphicons; src: url("../fonts/bootstrap/glyphicons-halflings-regular-Regular.ttf") format("truetype"); } @font-face { font-family: Noticia; src: url("../fonts/noticia-text/NoticiaText-Regular.otf") format("opentype"); } @font-face { font-family: Noticia; font-weight: 700; src: url("../fonts/noticia-text/NoticiaText-Bold.otf") format("opentype"); } @font-face { font-family: Noticia; font-style: italic; src: url("../fonts/noticia-text/NoticiaText-Italic.otf") format("opentype"); } @font-face { font-family: Noticia; font-style: italic; font-weight: 700; src: url("../fonts/noticia-text/NoticiaText-BoldItalic.otf") format("opentype"); } @font-face { font-family: OldStandard; font-weight: 700; src: url("../fonts/old-standard/OldStandard-Bold.otf") format("opentype"); } @font-face { font-family: OldStandard; font-style: italic; src: url("../fonts/old-standard/OldStandard-Italic.otf") format("opentype"); } @font-face { font-family: OldStandard; src: url("../fonts/old-standard/OldStandard-Regular.otf") format("opentype"); } @font-face { font-family: Roboto; font-weight: 100; src: url("../fonts/roboto/Roboto-Thin.otf") format("opentype"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; src: url("../fonts/roboto/Roboto-ThinItalic.otf") format("opentype"); } @font-face { font-family: Roboto; font-weight: 300; src: url("../fonts/roboto/Roboto-Light.otf") format("opentype"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; src: url("../fonts/roboto/Roboto-LightItalic.otf") format("opentype"); } @font-face { font-family: Roboto; font-weight: 400; src: url("../fonts/roboto/Roboto-Regular.otf") format("opentype"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; src: url("../fonts/roboto/Roboto-Italic.ttf") format("truetype"); } @font-face { font-family: Roboto; font-weight: 500; src: url("../fonts/roboto/Roboto-Medium.otf") format("opentype"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; src: url("../fonts/roboto/Roboto-MediumItalic.otf") format("opentype"); } @font-face { font-family: Roboto; font-weight: 700; src: url("../fonts/roboto/Roboto-Bold.otf") format("opentype"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; src: url("../fonts/roboto/Roboto-BoldItalic.otf") format("opentype"); } @font-face { font-family: Roboto; font-weight: 900; src: url("../fonts/roboto/Roboto-Black.otf") format("opentype"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; src: url("../fonts/roboto/Roboto-BlackItalic.otf") format("opentype"); } @font-face { font-family: RobotoCondensed; font-weight: 300; src: url("../fonts/roboto-condensed/RobotoCondensed-Light.otf") format("opentype"); } @font-face { font-family: RobotoCondensed; font-style: italic; font-weight: 300; src: url("../fonts/roboto-condensed/RobotoCondensed-LightItalic.otf") format("opentype"); } @font-face { font-family: RobotoCondensed; font-style: italic; font-weight: 400; src: url("../fonts/roboto-condensed/RobotoCondensed-Italic.otf") format("opentype"); } @font-face { font-family: RobotoCondensed; font-weight: 400; src: url("../fonts/roboto-condensed/RobotoCondensed-Regular.otf") format("opentype"); } @font-face { font-family: RobotoCondensed; font-weight: 700; src: url("../fonts/roboto-condensed/RobotoCondensed-Bold.otf") format("opentype"); } @font-face { font-family: RobotoCondensed; font-style: italic; font-weight: 700; src: url("../fonts/roboto-condensed/RobotoCondensed-BoldItalic.otf") format("opentype"); } @font-face { font-family: VarelaRound; src: url("../fonts/varela-round/VarelaRound-Regular.otf") format("opentype"); } body { margin: 0px; font-family: Noticia; font-size: 1rem; font-weight: 400; line-height: 1.6; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); } .chapter-header { font-family: Noticia, serif; font-weight: 700; font-size: 35px; margin: 20px 0px 10px; padding: 0px; color: rgb(36, 149, 197); } .chapter-header, .H-2 { text-align: left; -webkit-font-smoothing: antialiased; line-height: 125%; } .H-2 { font-weight: 500; font-size: 34px; margin: 40px 0px 30px; text-indent: 0px; color: rgb(237, 28, 36); } .H-2, .h-3 { font-family: Roboto, sans-serif; } .h-3 { font-weight: 700; -webkit-font-smoothing: antialiased; color: rgb(112, 43, 133); } .chapter-text-section { font-family: Noticia; font-size: 19px; margin: 40px 0px 0px; line-height: 145%; text-indent: 0px; } [data-role="doc-glossref"]:hover, [role="doc-glossref"]:hover { color: rgb(51, 51, 51); text-decoration: none; } .tooltip [role="term"] { text-transform: none; } .glossary__term { font-style: normal; text-transform: none; } .keyterm { -webkit-font-smoothing: antialiased; font-size: 1.2rem; font-weight: 500; font-family: Roboto, sans-serif; color: rgb(0, 0, 0); } a { color: inherit; } a:hover { color: inherit; } .bold { font-weight: 700; } .italic { font-style: italic; } .underline { text-decoration: underline; } article.feature-fm { padding: 0px; margin-top: 0px; margin-bottom: 3em; } article.feature-fm::before { background-color: rgb(240, 246, 231); border-bottom-style: solid; } article.feature-BP { position: relative; padding: 0px; margin-top: -25px; margin-bottom: 0px; } article.feature-BP::before { position: absolute; top: 0px; width: 100vw; height: 100%; content: ""; z-index: -1; left: 50%; margin-left: -50vw; background-color: rgb(237, 28, 36); } article.feature-BP-1 { position: relative; padding: 0px; margin-top: -9px; margin-bottom: 0px; } article.feature-BP-1::before { position: absolute; top: 0px; width: 100vw; height: 100%; content: ""; z-index: -1; left: 50%; margin-left: -50vw; background-color: rgb(240, 246, 231); } article.feature-BP-2 { position: relative; padding: 80px 0px 0px; margin-top: -30px; margin-bottom: 0px; } article.feature-BP-2::before { position: absolute; top: 0px; width: 100vw; height: 100%; content: ""; z-index: -1; left: 50%; margin-left: -50vw; background-color: rgb(240, 246, 231); } article.feature-BP-G { position: relative; padding: 80px 0px 0px; margin-top: -30px; margin-bottom: 0px; } article.feature-BP-G::before { position: absolute; top: 0px; width: 100vw; height: 100%; content: ""; z-index: -1; left: 50%; margin-left: -50vw; background-color: rgb(236, 247, 253); } article.feature-BP-I { position: relative; padding: 80px 0px 0px; margin-top: -30px; margin-bottom: 0px; } article.feature-BP-I::before { position: absolute; top: 0px; width: 100vw; height: 100%; content: ""; z-index: -1; left: 50%; margin-left: -50vw; background-color: rgb(255, 244, 218); } article.feature-bm { position: relative; padding: 0px; margin-top: -25px; margin-bottom: 0px; } article.feature-bm::before { position: absolute; top: 0px; width: 100vw; height: 100%; content: ""; z-index: -1; left: 50%; margin-left: -50vw; background-color: rgb(140, 198, 62); } .feature-co { position: relative; margin-top: 0px; margin-bottom: 20px; padding-top: 0px; padding-bottom: 10px; } .feature-co::before { position: absolute; margin-top: -1.5em; top: 0px; width: 100vw; height: 100%; content: ""; z-index: -1; left: 50%; margin-left: -50vw; background-color: rgb(240, 246, 231); } .chapter-header { padding-bottom: 0px; } .chapter-head { font-size: 4.1875rem; padding: 50px 0px 30px; -webkit-font-smoothing: antialiased; line-height: 100%; } .chapter-head .chapter-ordinal, .chapter-head .chapter-ordinal-lg { font-family: OldStandard, serif; font-size: 12.125rem; color: rgb(237, 28, 36); margin-left: -1rem; } .chapter-head .chapter-ordinal-lg { letter-spacing: -1.25rem; } .chapter-head .chapter-title, .chapter-head .chapter-title-3 { font-family: Roboto, sans-serif; font-weight: 500; color: rgb(36, 149, 197); display: block; margin-top: 2rem; font-size: 3.75rem; } @media (min-width: 768px) { .chapter-head { display: grid; gap: 15px; } .chapter-head .chapter-ordinal, .chapter-head .chapter-ordinal-lg { grid-column: 1 / auto; margin: 0px 10px 0px -1rem; padding: 0px 0px 42px; vertical-align: bottom; align-self: end; } .chapter-head .chapter-title, .chapter-head .chapter-title-3 { grid-column: 2 / auto; align-self: end; vertical-align: bottom; } .chapter-head .chapter-title-3 { margin-left: -2rem; } } @media (min-width: 992px) { .chapter-head .chapter-title, .chapter-head .chapter-title-3 { font-size: 4.1875rem; } .chapter-head .chapter-title-3 { margin-left: -3rem; } .chapter-head .xl-font-change { font-size: 3.75rem; } } @media (min-width: 1200px) { .chapter-head .chapter-title-3 { margin-left: -10rem; } } @media (max-width: 767.98px) { .title-word-break { hyphens: auto; margin-right: -0.5rem; } } .chapter-head2 { font-size: 4.1875rem; padding: 50px 0px 30px; -webkit-font-smoothing: antialiased; line-height: 100%; display: grid; grid-template-columns: 8rem auto; gap: 15px; } .chapter-head2 .chapter-ordinal2 { grid-column: 1 / auto; font-family: OldStandard, serif; font-size: 12.125rem; margin: 0px 10px 0px 0px; padding: 0px 0px 42px; vertical-align: bottom; color: rgb(237, 28, 36); align-self: end; } .chapter-head2 .chapter-title2 { grid-column: 2 / auto; font-family: Roboto, sans-serif; font-weight: 500; color: rgb(36, 149, 197); align-self: end; vertical-align: bottom; } .valign { padding-top: 92px; } .CO-RI { font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 500; } .chapter-opener-text:first-of-type { text-align: justify; font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; text-indent: 0px; } .chapter-opener-text, .chapter-opener-text-in { text-align: justify; font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; text-indent: 25px; } article.big-qs { margin: 25px 0px 45px; text-indent: 0px; } .bigq-header { color: rgb(237, 28, 36); text-align: justify; font-size: 3rem; font-family: VarelaRound, sans-serif; text-indent: 0px; } .CQL { margin: 0px 0px 10px; color: rgb(36, 149, 197); text-align: left; font-size: 1.4375rem; font-family: Noticia, sans-serif; line-height: 1.6; } .CQL, .figure-number { font-weight: 700; text-indent: 0px; -webkit-font-smoothing: antialiased; } .figure-number { margin: 10px 0px 0px; color: rgb(121, 151, 19); font-size: 1.0625rem; font-family: Roboto, sans-serif; } .figure-title { font-weight: 600; -webkit-font-smoothing: antialiased; } .figure-caption, .figure-title { text-align: left; font-size: 1.05rem; font-family: Roboto, sans-serif; text-indent: 0px; line-height: 1.4; } .figure-caption { font-weight: 400; color: rgb(51, 51, 51); } .chapter-text:first-of-type { margin: 10px 0px 0px; text-indent: 0px; } .chapter-text, .chapter-text-T { text-align: justify; font-size: 1.1875rem; font-family: Noticia, serif; text-indent: 25px; -webkit-font-smoothing: antialiased; } .chapter-text-T { margin: 40px 0px 0px; } .EXT { text-align: justify; font-family: Noticia, serif; text-indent: 0px; margin: 25px; -webkit-font-smoothing: antialiased; } .NL-1 { margin: 1em 0px 0px; } .NL, .NL-1 { text-align: justify; font-size: 1.1875rem; font-family: Noticia, serif; text-indent: 0px; -webkit-font-smoothing: antialiased; } .NL { margin: 0px; } .chapter-text-N, .chapter-text-NT { text-align: justify; font-size: 1.1875rem; font-family: Noticia, serif; text-indent: 0px; -webkit-font-smoothing: antialiased; } .chapter-text-NT { margin: 1em 0px 0px; } ol > .chapter-text { margin: 20px 0px 0px; } .bg2, .bg2-lg { text-indent: 0px; color: rgb(237, 28, 36); background-color: rgb(0, 70, 109); } .bg3, .bg3-lg { text-indent: 0px; color: rgb(237, 28, 36); background-color: rgb(0, 70, 109); border-top-right-radius: 25px; } .bg3-lg { padding: 10px; } .bg { margin: 40px 0px; text-indent: 0px; color: rgb(237, 28, 36); background-color: rgb(237, 28, 36); } .bg4 { padding: 20px; } .bg4, .TIY { text-indent: 0px; background-color: rgb(236, 247, 253); } .evaluating, .TIY { margin: 40px 0px; } .evaluating { text-indent: 0px; } .BX3-NL2 { margin: 8px 0px 0px 40px; font-size: 1.125rem; font-family: Roboto, sans-serif; text-indent: -20px; font-weight: 400; } .BX3-NL2, .tiy-header { text-align: left; line-height: 1.6; } .tiy-header { font-family: Noticia, serif; font-weight: 700; font-size: 1.25rem; padding: 0px 20px; -webkit-font-smoothing: antialiased; color: rgb(255, 255, 255); margin-top: 10px; } .tiy { font-family: Roboto, sans-serif; font-weight: 700; color: rgb(250, 165, 25); font-size: 1.3rem; margin-top: 5px; line-height: 1.3; } .question { margin: 50px 0px 10px; padding: 0px 0px 10px; text-align: left; border-bottom: 1px solid rgb(237, 28, 36); } .BHQ { font-family: Roboto, sans-serif; font-weight: 700; font-size: 1.4375rem; margin: 10px 0px 0px; padding: 10px 0px 0px; } .BHQ, .Q { text-align: left; -webkit-font-smoothing: antialiased; color: rgb(237, 28, 36); } .Q { font-family: VarelaRound, sans-serif; font-size: 4.1875rem; margin: -20px 0px 0px; padding: 0px; text-indent: 0px; line-height: 100%; } .eoc-question, .red-rule { border-top: 1px solid rgb(237, 28, 36); } .eoc-question { margin: 0px 0px 0px 42px; } .redq-text { margin: 0px 0px 10px; padding: 5px 0px 0px; text-align: justify; font-size: 1.1875rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; } .redq-list { margin: 0px 0px 0px 35px; text-indent: -35px; } .redq-list, .redq-list-1 { text-align: left; font-size: 1.1875rem; font-family: Roboto, sans-serif; font-weight: 400; } .redq-list-1 { margin: 0px 0px 0px 52px; text-indent: -52px; } .redq-list-2 { margin: 0px 0px 0px 42px; text-indent: -42px; } .redq-list-2, .redq-list-3 { text-align: left; font-size: 1.1875rem; font-family: Roboto, sans-serif; font-weight: 400; } .redq-list-3 { margin: 0px 0px 0px 55px; text-indent: -55px; } .redq-rule { margin: 0px 0px 0px 35px; text-indent: -35px; } .redq-rule, .redq-rule-2 { text-align: justify; font-size: 1.1875rem; font-family: Roboto, sans-serif; font-weight: 400; } .redq-rule-2 { margin: 0px 0px 0px 42px; text-indent: -42px; } .KINDLE-ONLY { margin: 0px 0px 30px; text-align: justify; font-size: 1.1rem; text-indent: 0px; font-weight: 400; } .BNL5, .KINDLE-ONLY { font-family: Roboto, sans-serif; } .BNL5 { font-weight: 700; color: rgb(237, 28, 36); } .BTX1-5-Red-Q-Question { padding: 10px 0px 0px; text-align: left; font-size: 0.9375rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; } .hihty-header { font-size: 1.0625rem; margin: 40px 0px 0px; letter-spacing: 1px; color: rgb(0, 0, 0); background-color: rgb(250, 165, 25); padding: 10px; border-top-right-radius: 25px; } .hihty-header, .pstw-header { font-family: Roboto, sans-serif; font-weight: 700; } .pstw-header { font-size: 1.5rem; padding: 10px 0px; color: rgb(255, 255, 255); } .pstw-header, .pstw-subheader { text-align: left; -webkit-font-smoothing: antialiased; } .pstw-subheader { font-family: Noticia, serif; font-weight: 700; font-size: 1.9375rem; line-height: 115%; color: rgb(0, 70, 109); margin: 40px 0px 0px; } .pstw-text { padding: 0px; text-align: justify; font-size: 1.125rem; font-family: Roboto, sans-serif; text-indent: 25px; font-weight: 400; } .pstw-text-no, .pstw-text-no2 { padding: 0px; text-align: justify; font-size: 1.125rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; margin: 20px 0px 0px; } .pstw-text:first-of-type { margin: 20px 0px 0px; } .BH1-7 { color: rgb(0, 70, 109); font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 700; } .EM1-top { padding: 145px 0px 0px; } .big-picture-header, .EM1-top { text-indent: 0px; -webkit-font-smoothing: antialiased; } .big-picture-header { font-family: VarelaRound, sans-serif; text-align: left; font-size: 3.25rem; margin: 0px; padding: 27px 0px 0px; color: rgb(237, 28, 36); } .EMQ2 { font-weight: 400; text-align: left; font-size: 1.125rem; -webkit-font-smoothing: antialiased; line-height: 120%; color: rgb(0, 0, 0); margin: 0px 0px 0px 10px; } .EMQ1, .EMQ2 { font-family: Roboto, sans-serif; } .EMQ1 { font-weight: 700; } .eoc-subheader { font-family: Roboto, sans-serif; font-weight: 500; text-align: left; font-size: 1.75rem; margin: 30px 0px -10px; padding: 10px 0px 0px; -webkit-font-smoothing: antialiased; line-height: 125%; color: rgb(237, 28, 36); border-top: 1px solid rgb(237, 28, 36); } .EM3 { margin: 30px 0px 0px 35px; text-indent: -36px; } .EM3, .EM3-1 { font-family: Roboto, sans-serif; font-weight: 700; text-align: left; font-size: 1.375rem; -webkit-font-smoothing: antialiased; line-height: 125%; } .EM3-1 { margin: 30px 0px 0px 52px; text-indent: -52px; } .EM3-2 { font-family: Roboto, sans-serif; font-weight: 700; text-align: left; font-size: 1.375rem; margin: 30px 0px 0px 60px; text-indent: -60px; -webkit-font-smoothing: antialiased; line-height: 125%; } .EM3N { color: rgb(237, 28, 36); } .ESL { text-align: justify; font-size: 1.1875rem; font-family: Noticia, serif; margin: 10px 0px 0px; line-height: 1.6; } .EM4 { font-weight: 700; font-size: 1.25rem; margin: 30px 0px 0px; -webkit-font-smoothing: antialiased; line-height: 125%; color: rgb(237, 28, 36); } .EM4, .EMKT { font-family: Roboto, sans-serif; text-align: left; } .EMKT { font-size: 1.1875rem; text-indent: 0px; font-weight: 400; } .eoc-quiz { font-family: VarelaRound, sans-serif; font-size: 2.375rem; margin: 50px 0px 0px; -webkit-font-smoothing: antialiased; color: rgb(237, 28, 36); } .EMTX1, .eoc-quiz { font-weight: 400; text-align: left; } .EMTX1 { margin: 10px 0px 20px; font-size: 1.0625rem; font-family: Roboto, sans-serif; text-indent: 0px; } .EMATX { color: rgb(237, 28, 36); } .EMNL { text-indent: -17px; } .EMNL, .EMNL-1 { margin: 10px 0px 0px 17px; text-align: left; font-size: 1.0625rem; font-family: Noticia, serif; } .EMNL-1 { text-indent: -25px; } .EMSL { margin: 0px 0px 0px 42px; text-align: left; font-size: 1.0625rem; font-family: Noticia, serif; text-indent: -30px; } .EM-bold-numbers, .EM_Black { font-family: Noticia, serif; font-weight: 700; } .Basic-Paragraph { font-family: Roboto, sans-serif; font-weight: 900; text-align: left; font-size: 2.5rem; margin: 30px 0px 0px; -webkit-font-smoothing: antialiased; color: rgb(0, 0, 0); } .bm-header, .BMT { font-weight: 300; font-size: 2.25rem; margin: 30px 0px; -webkit-font-smoothing: antialiased; line-height: 115%; color: rgb(237, 28, 36); } .APP-H-1, .bm-header, .BMT { font-family: Roboto, sans-serif; text-align: left; } .APP-H-1 { margin: 20px 0px 0px; font-size: 0.875rem; text-indent: 0px; font-weight: 500; } .APP-Q { text-indent: -28px; } .APP-Q, .APP-Q-1 { padding: 10px 0px 0px; margin: 0px 0px 0px 28px; text-align: left; font-size: 1rem; font-family: OldStandard, serif; } .APP-Q-1 { text-indent: -37px; } .APP-Q-2 { padding: 10px 0px 0px; margin: 0px 0px 0px 30px; text-align: left; font-size: 1rem; font-family: OldStandard, serif; text-indent: -50px; } .APP-Ans { text-indent: -16px; } .APP-Ans, .APP-Ans1 { padding: 10px 0px 0px; margin: 0px 0px 0px 15px; text-align: left; font-size: 1rem; font-family: OldStandard, serif; } .APP-Ans1 { text-indent: -25px; } .APP-ANS2 { margin: 15px 0px 0px 16px; text-align: left; font-size: 1rem; font-family: OldStandard, serif; text-indent: -16px; } .Underscore { border-bottom: 1px solid rgb(0, 0, 0); } .upiyl-header { font-size: 1.1875rem; margin: 40px 0px 0px; background-color: rgb(250, 165, 25); padding: 10px; border-top-right-radius: 25px; font-family: Roboto, sans-serif; } .BT4, .upiyl-header { font-weight: 700; color: rgb(0, 0, 0); } .BT4 { font-size: 1.6rem; font-family: Noticia, sans-serif; } .BT4-OL { font-family: Noticia, sans-serif; font-weight: 700; } .BT4-OL, .hihty-subheader { font-size: 1.4375rem; color: rgb(255, 255, 255); } .BTX1-6s { margin: 1.5em 0px 0px; font-size: 1rem; } .BTX1-6, .BTX1-6s { text-align: left; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; } .BTX1-6 { margin: 10px 0px 0px; font-size: 1.125rem; } .BTX6_1 { margin: 0px; text-align: left; text-indent: 25px; } .BTX1-4, .BTX6_1 { font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; } .BTX1-4 { margin: 10px 0px 0px; text-align: justify; text-indent: 0px; } .BTX1-4a { margin: 4em 0px 0px; text-indent: 0px; } .BTX1-4-I, .BTX1-4a { text-align: justify; font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; } .BTX1-4-I { margin: 0px; text-indent: 25px; } .BTX-4, .BTX-4T { text-align: justify; font-size: 1.125rem; font-family: Roboto, sans-serif; text-indent: 25px; font-weight: 400; } .BTX-4T { margin: 20px 0px 0px; } .BUL4 { margin: 20px 0px 0px; text-indent: 0px; } .BUL4, .BUL4-H { text-align: justify; font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; } .BUL4-H { text-indent: -1.2em; margin: 0.5em 0px 0px 1.2em; } .BH1-4 { color: rgb(0, 70, 109); } .BH1-4, .BH1-5 { font-family: Roboto, sans-serif; font-weight: 700; } .BH1-5 { color: rgb(237, 28, 36); } .BT8 { font-family: Noticia, serif; font-size: 1.4rem; margin: 5px 0px 0px; color: rgb(255, 255, 255); } .BT8, .epirw-header { font-weight: 700; text-align: left; -webkit-font-smoothing: antialiased; } .epirw-header { font-size: 1.0625rem; font-family: Roboto, sans-serif; color: rgb(250, 165, 25); padding: 10px 0px 0px 5px; } .BTX1-8, .BTX1-9 { padding: 0px 20px; text-align: justify; font-size: 1.1875rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; } .BTX1-9 { margin: 0.5em 0px 0px; } .BTX-8 { text-indent: 25px; } .BNL-8, .BTX-8 { padding: 0px 20px; text-align: justify; font-size: 1.1875rem; font-family: Roboto, sans-serif; font-weight: 400; } .BNL-8 { margin: 20px 0px 0px; text-indent: 0px; } .BNL-8-1 { padding: 0px 20px 0px 27px; text-align: justify; font-size: 1.1875rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; } .BH1-8 { color: rgb(0, 70, 109); } .BH1-8, .BH-8q { font-family: Roboto, sans-serif; font-weight: 700; } .BH-8q { color: rgb(237, 28, 36); } .BTTX-3-RULE { padding: 0px 5px 5px 0px; border-bottom: 1px solid rgb(237, 28, 36); } .BTTX-3-RULE, .BTTX-3a { margin: 5px 0px 0px 15px; color: rgb(51, 51, 51); text-align: left; font-size: 16px; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; line-height: 1.4; } .BTTX-3a { padding: 0px 5px 0px 0px; } .LT-B { margin: 5px 0px 0px 15px; padding: 0px 5px 5px 0px; color: rgb(51, 51, 51); text-align: left; font-size: 16px; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; line-height: 1.4; } .mop-header { font-size: 1.0625rem; padding: 10px 10px 0px 0px; font-family: Roboto, sans-serif; color: rgb(250, 165, 25); } .mop-header, .mop-subheader { text-align: left; -webkit-font-smoothing: antialiased; font-weight: 700; } .mop-subheader { font-family: Noticia, serif; font-size: 1.25rem; margin: 5px 0px 0px; color: rgb(255, 255, 255); } .instructions { font-family: Roboto, sans-serif; font-weight: 700; text-indent: 0px; margin: 0px 0px 10px 1em; text-align: right; cursor: pointer; font-size: 1rem; } .KINDLE-ONLY { display: none; visibility: hidden; } .blue-background { background-color: rgb(238, 248, 254); margin-top: -1px; padding: 1px 0px 5px; } .TX-methods { margin: 15px 12px 0px; text-align: justify; font-size: 1.0625rem; font-family: Roboto, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } .TX-methods:last-of-type { margin-bottom: 20px; } .TX-methods-Q { font-size: 1.0625rem; font-weight: 500; } .TX-methods-A, .TX-methods-Q { margin: 15px 12px 0px; text-align: justify; font-family: Roboto, sans-serif; -webkit-font-smoothing: antialiased; } .TX-methods-A { font-size: 1rem; font-weight: 400; } .TX-methods-1 { margin: 5px 12px 0px; } .TX-methods-1, .TX-methods-2 { text-align: justify; font-size: 1.0625rem; font-family: Roboto, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } .TX-methods-2 { margin: 5px 12px 0px 40px; } .TX-methods-H { margin: 5px 12px 0px 40px; text-indent: -1.5em; font-size: 1.0625rem; } .TX-methods-H, .TX-methods-S { text-align: justify; font-family: Roboto, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } .TX-methods-S, .TX-methods-S1 { margin: 15px 12px 0px; text-indent: 0px; font-size: 0.95rem; } .TX-methods-S1 { border-top: 1px solid rgb(0, 0, 0); padding: 10px 0px 0px; text-align: justify; font-family: Roboto, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } .methods-bold { color: rgb(38, 148, 194); } .methods-bold, .methods-bold-q { font-family: Roboto, sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; } .methods-bold-q { color: rgb(237, 28, 36); } .answer-methods { color: rgb(237, 28, 36); font-family: Roboto, sans-serif; font-weight: 700; font-size: 1.0625rem; margin: 10px 12px; -webkit-font-smoothing: antialiased; } .study_window { padding: 0px; } .x-overflow { overflow-x: scroll; } .url, span.break-txt { word-break: break-all; } .Normal { text-align: justify; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; font-style: normal; margin: 15px 0px 50px; } .Normal-OT { margin: 15px 0px 0px; } .Normal-O, .Normal-OT { text-align: justify; font-size: 1rem; font-family: OldStandard, serif; text-indent: 0px; font-weight: 400; font-style: normal; } .SemiBold { font-weight: 700; } .DED:first-of-type { margin: 50px 0px 20px; text-indent: 0px; } .DED { text-align: center; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; font-style: normal; margin: 0px; } .article-FM { position: relative; margin-top: -25px; margin-bottom: 50px; padding-top: 120px; padding-bottom: 35px; } .article-FM::before { position: absolute; top: 0px; width: 100vw; height: 100%; content: ""; z-index: -1; left: 50%; margin-left: -50vw; background-color: rgb(240, 246, 231); } .fm-header { font-family: Roboto, sans-serif; font-weight: 400; text-align: left; font-size: 2.8rem; margin: 10px 0px 0px; padding: 10px 0px 0px; letter-spacing: 1px; color: rgb(0, 70, 109); } .AU-TX { font-family: OldStandard, serif; font-size: 1.1rem; text-align: justify; text-indent: 0px; font-weight: 400; font-style: normal; margin: 1em 0px 0px; } .AUN { font-family: Roboto, sans-serif; font-weight: 500; color: rgb(237, 28, 36); } .BTOC-CT { font-size: 1.3rem; margin: 0.2em 0px 0px; } .BTOC-CT, .BTOC-CT-1 { font-family: Roboto, sans-serif; text-align: left; text-indent: 0px; font-weight: 500; font-style: normal; color: rgb(0, 70, 109); } .BTOC-CT-1 { font-size: 1.4rem; margin: 0.2em 0px 0px 1em; } .BTOC-CT-2 { text-indent: -1.8em; margin: 0.2em 0px 0px 1.5em; color: rgb(36, 149, 197); } .BTOC-CT-2, .BTOC-CT-3 { font-family: Roboto, sans-serif; font-size: 1.4rem; text-align: left; font-weight: 500; font-style: normal; } .BTOC-CT-3 { text-indent: -1.5em; margin: 0.5em 0px 0px 1.5em; color: rgb(0, 70, 109); } .TOC_PP { font-family: Roboto, sans-serif; font-weight: 300; color: rgb(0, 0, 0); float: right; font-size: 1.2rem; } .content-icon { width: 10em; display: block; margin: 0px auto; } .CIB { font-family: OldStandard, serif; font-size: 1.4rem; text-align: left; text-indent: 0px; font-weight: 500; font-style: normal; margin: 0.2em 0px 0px; color: rgb(237, 28, 36); } .fm-subheader { font-family: Roboto, sans-serif; font-weight: 400; text-align: left; font-size: 2rem; margin: 1em 0px 0px; padding: 0px; letter-spacing: 1px; color: rgb(121, 151, 19); } .chapter-text-section:first-of-type { margin: 10px 0px 0px; text-indent: 0px; } .chapter-text-section { text-align: justify; font-size: 1.1875rem; font-family: Noticia, serif; text-indent: 25px; -webkit-font-smoothing: antialiased; } .chapter-text-section-h-3 { margin: 1em 0px 0px; } .chapter-text-section-h-3, .chapter-text-section-h-3a { text-align: justify; font-size: 1.1875rem; font-family: Noticia, serif; text-indent: 0px; -webkit-font-smoothing: antialiased; } .chapter-text-section-h-3a { margin: 2em 0px 0px; } .FMQT { font-size: 1.1875rem; } .FMQT, .FMQTS { text-align: left; font-weight: 300; font-family: Roboto, sans-serif; text-indent: 0px; color: rgb(0, 70, 109); -webkit-font-smoothing: antialiased; } .FMQTS { font-size: 1rem; margin: 0.5em 0px 0px; } .FMQT-box { margin: 20px 0px 30px; border: 7px solid rgb(140, 198, 62); padding: 10px; } .C { text-align: justify; font-size: 1.1875rem; font-family: Noticia, serif; text-indent: 0px; -webkit-font-smoothing: antialiased; margin: 0.5em 0px 0px; } .speech-bubble { position: relative; border-radius: 1em; } .speech-bubble::before { content: ""; position: absolute; bottom: 16px; left: 20.5%; border-width: 35px 0px 0px 35px; border-right-style: initial; border-left-style: solid; border-color: rgb(255, 255, 255) transparent; border-bottom-style: solid; border-top-style: solid; margin-left: 187.5px; margin-bottom: -38px; z-index: 1; } .speech-bubble::after { content: ""; position: absolute; bottom: 0px; left: 20%; width: 0px; height: 0px; border-width: 32px 0px 0px 32px; border-bottom-color: initial; border-left-color: transparent; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; border-top-color: rgb(140, 198, 62); border-right-style: initial; border-right-color: initial; margin-left: 200.5px; margin-bottom: -35px; } .fm-h-3 { font-family: Roboto, sans-serif; text-align: left; font-size: 1.5rem; padding: 0px; margin: 1.5em 0px 0.5em; text-indent: 0px; font-weight: 500; -webkit-font-smoothing: antialiased; line-height: 100%; vertical-align: baseline; color: rgb(112, 43, 133); } .REF_TXT { text-align: justify; font-size: 1.1rem; font-family: OldStandard, serif; margin: 0.5em 0px 0px 1.5em; text-indent: -1.5em; font-weight: 400; font-style: normal; } .ACK-T { margin-top: 1em; } .ACK { text-indent: -1.2em; margin: 0px 0px 0px 1.2em; } .TOC-H-2 { text-indent: -1.5em; margin: 0px 0px 0.2em 2.6em; } .TOC-H-2, .TOC-H-5 { text-align: left; font-size: 1.1rem; font-family: Roboto, sans-serif; font-weight: 400; } .TOC-H-5 { text-indent: 0px; margin: 0px 0px 0.2em 2.5em; } .TOC-H-2-T { text-indent: -1.5em; margin: 1em 0px 0.2em 2.6em; } .TOC-H-2-1, .TOC-H-2-T { text-align: left; font-size: 1.1rem; font-family: Roboto, sans-serif; font-weight: 400; } .TOC-H-2-1 { text-indent: -2.2em; margin: 0px 0px 0.2em 3.3em; } .TOC-H-3 { font-weight: 300; margin: 0px 0px 0px 1em; } .TOC-H-3, .TOC-H-4 { text-align: left; font-size: 1.1rem; font-family: Roboto, sans-serif; text-indent: 0px; } .TOC-H-4 { font-weight: 400; margin: 0px 0px 0.2em 1.2em; } .TOC-CT { text-align: left; font-size: 1.753rem; font-family: Roboto, sans-serif; font-weight: 500; text-indent: -1.1em; margin: 1em 0px 0px 0.7em; color: rgb(121, 151, 19); } .TOC-CT span.TOC-CN { font-family: OldStandard, serif; color: rgb(237, 28, 36); font-weight: 600; font-size: 2rem; padding-right: 0.25rem; } .TOC-CT-1 { text-align: left; font-size: 1.753rem; font-family: Roboto, sans-serif; font-weight: 500; text-indent: -1.1em; margin: 1em 0px 0px; color: rgb(121, 151, 19); } .TOC-CT-1 span.TOC-CN { font-family: OldStandard, serif; color: rgb(237, 28, 36); font-weight: 600; font-size: 2rem; padding-right: 0.25rem; } .TOC-H-1 { font-size: 1.3rem; font-weight: 500; text-indent: 0px; margin: 0px 0px 0px 1em; color: rgb(36, 149, 197); } .TOC-H-1, .TOC-LT { text-align: left; font-family: Roboto, sans-serif; } .TOC-LT { font-size: 1.1rem; font-weight: 400; text-indent: -1.8em; margin: 0px 0px 0px 1.2em; } span.TOC-LT { color: rgb(237, 28, 36); } span.TOC-LT, span.TOC-UP { font-size: 1rem; margin: 0px; font-weight: 600; letter-spacing: 1px; } span.TOC-UP { color: rgb(0, 70, 109); } span.TOC-EV { color: rgb(250, 165, 25); } span.TOC-EV, span.TOC-PU { font-size: 1rem; margin: 0px; font-weight: 600; letter-spacing: 1px; } span.TOC-PU { color: rgb(121, 151, 19); } .TOC-BP { text-align: left; font-size: 1.2rem; font-family: Roboto, sans-serif; font-weight: 600; text-indent: 0px; margin: 0px 0px 0px 1em; color: rgb(36, 149, 197); } .BA1 { font-size: 1.25rem; font-weight: 500; } .BA1, .BA2 { text-align: left; font-family: Roboto, sans-serif; text-indent: 0px; line-height: 1.6; color: rgb(51, 51, 51); } .BA2 { font-size: 0.9375rem; font-weight: 300; } .BA2H { font-weight: 500; color: rgb(237, 28, 36); } .TIY-TX1 { font-size: 1.1rem; } .tiy-text, .TIY-TX1 { text-align: left; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; line-height: 1.6; color: rgb(51, 51, 51); } .tiy-text { font-size: 1.125rem; margin: 0.5em 0px 0px; } .tiy-text-i { text-indent: 1.5em; margin: 0px; } .BX2-ni, .tiy-text-i { text-align: left; font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; line-height: 1.6; color: rgb(51, 51, 51); } .BX2-ni { text-indent: 0px; margin: 0.5em 0px 0px; } .TBS-T { text-align: left; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; line-height: 1.6; color: rgb(51, 51, 51); margin: 1em 0px 0px; } .b-top { border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255); } .TIY-TX1-T { text-align: left; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 300; line-height: 1.6; padding: 5px; color: rgb(51, 51, 51); } .TCH { text-align: left; } .TCH, .TCH-C { font-size: 1.1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 700; line-height: 1.6; padding: 5px; color: rgb(51, 51, 51); } .TCH-C { text-align: center; } .TTX { line-height: 1.6; padding: 5px; } .TTX, .TTX-NP { text-align: left; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; color: rgb(51, 51, 51); margin: 0px; } .TTX-NP { line-height: 1.4; padding: 0px 5px; } .TTX-C { font-weight: 400; margin: 0px; } .TIY-TX1-C, .TTX-C { text-align: center; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; line-height: 1.6; padding: 5px; color: rgb(51, 51, 51); } .TIY-TX1-C { font-weight: 300; } .TIY-TX1-R { text-align: right; font-size: 1rem; text-indent: 0px; font-weight: 300; padding: 5px; } .TIY-TX1-R, p.tiy-list { font-family: Roboto, sans-serif; line-height: 1.6; color: rgb(51, 51, 51); } p.tiy-list { font-size: 1.125rem; font-weight: 400; margin: 0.3em 0px 0px 1em; } p.tiy-list, p.tiy-list-a { text-align: left; text-indent: -1em; } p.tiy-list-a { font-size: 1rem; font-family: Roboto, sans-serif; font-weight: 300; line-height: 1.6; color: rgb(51, 51, 51); margin: 0.3em 0px 0px 2.2em; } .BST6-bg { margin: 0px 0px 40px; padding: 20px; text-indent: 0px; letter-spacing: 0px; background-color: rgb(255, 244, 218); } span.BNL-TXT { margin: 10px 0px 0px; font-weight: 400; color: rgb(0, 0, 0); } .BX7-NL { color: rgb(0, 70, 109); font-weight: 700; } .bg-lgreen { padding: 10px; margin: 0px 0px 20px; background-color: rgb(240, 246, 231); border: 1px solid rgb(140, 198, 62); } .bg-green { padding: 10px; background-color: rgb(140, 198, 62); margin: 20px 0px 0px; } .b-bot { border-bottom: 1px solid rgb(0, 0, 0); } .orange { background-color: rgb(250, 165, 25); } .blue, .orange { padding: 4px 10px; border-radius: 8px; font-family: Roboto, sans-serif; font-weight: 500; color: rgb(255, 255, 255); letter-spacing: 1px; } .blue { background-color: rgb(36, 149, 197); } .green { padding: 4px 10px; border-radius: 8px; background-color: rgb(140, 198, 62); } .blue-1, .green { font-family: Roboto, sans-serif; font-weight: 500; color: rgb(255, 255, 255); letter-spacing: 1px; } .blue-1 { padding: 1px 4px; border-radius: 5px; background-color: rgb(36, 149, 197); } .TCB-C { padding: 5px; text-align: center; color: rgb(255, 255, 255); } .TCB-C, .TXB-B { font-size: 1.0625rem; font-family: Roboto, sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; } .TXB-B { padding: 2px; text-align: left; color: rgb(36, 149, 197); } .TXB-C { padding: 2px; text-align: center; font-size: 1.0625rem; font-family: Roboto, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; } .big-picture { width: 2.5em; display: inline; margin: 5px 10px 40px 0px; float: left; } .TX1_M { font-family: Noticia, sans-serif; font-weight: 400; margin: 20px 0px; padding: 10px; border: 1px solid rgb(0, 0, 0); } .APP-H-2, .TX1_M { text-align: justify; font-size: 1.125rem; text-indent: 0px; } .APP-H-2 { font-family: Roboto, sans-serif; font-weight: 500; margin: 1.5em 0px 0px; } .SBold { font-weight: 700; } .GL { margin: 5px 0px 0px 1.5em; } .GL, .GL-T { text-align: left; font-size: 1rem; font-family: OldStandard, serif; text-indent: -1.5em; -webkit-font-smoothing: antialiased; } .GL-T { margin: 15px 0px 0px 1.5em; } .REF { margin: 5px 0px 0px 1.5em; } .REF, .REF1 { text-align: left; font-size: 1rem; font-family: OldStandard, serif; text-indent: -1.5em; -webkit-font-smoothing: antialiased; } .REF1 { margin: 25px 0px 0px 1.5em; } .Acknow_head { text-align: center; font-size: 1.4rem; font-weight: 700; } .Acknow_head, .BMST { margin: 25px 0px 0px; font-family: OldStandard, serif; text-indent: 0px; -webkit-font-smoothing: antialiased; } .BMST { text-align: left; font-size: 1.1rem; } .IND_H-1 { margin: 25px 0px 0px 1.5em; } .IND1, .IND_H-1 { text-align: left; font-size: 1.1rem; font-family: OldStandard, serif; text-indent: -1.5em; -webkit-font-smoothing: antialiased; } .IND1 { margin: 0px 0px 0px 1.5em; } .IND2 { margin: 0px 0px 0px 2.5em; text-align: left; font-size: 1.1rem; font-family: OldStandard, serif; text-indent: -1.5em; -webkit-font-smoothing: antialiased; } .blue-bg { background-color: rgb(238, 248, 254); padding: 10px; margin: 40px 0px; } .t-blue { color: rgb(36, 149, 197); } .t-blue, .t-red { font-weight: 500; } .t-red { color: rgb(237, 28, 36); } .table-blue { margin: 10px 0px; } .TX-blue { margin: 0px; font-size: 1.0625rem; font-family: Roboto, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } .Medium_italic { font-style: italic; } .extra-bottom-margin { margin-bottom: 3rem !important; } .figure--fullwidth { padding-top: 30px; } .figure--fullwidth .figure__caption { font-size: 13px; line-height: 1.47; text-align: left; text-indent: 0px; margin: 0px 0px 30px; padding-top: 0.5em; padding-bottom: 0.3em; } .figure--fullwidth-bg { padding: 30px 30px 0px; } .figure--fullwidth-bg .figure__caption { font-size: 13px; line-height: 1.47; text-align: left; text-indent: 0px; margin: 0px 0px 30px; padding-top: 0.5em; padding-bottom: 0.3em; } .figure--fullwidth-c { width: 8em; float: left; padding: 10px; border-radius: 8px; } .figure--learning-tip-icon { width: 4em; margin-top: -16px; margin-left: -12px; } .figure--try-yourself-methods-icon { width: 3em; margin: 4px 0px 0px 15px; } .figure--halfwidth-logo4 { width: 65px; margin-top: 0px; padding-left: 10px; margin-left: 15px; } .figure--pull-left { padding: 30px 0px; margin-bottom: 0px; } @media (min-width: 768px) { .figure--pull-left { padding: 30px 30px 15px 0px; } } .figure--pull-left-bio { float: left; max-width: 45%; margin-right: 15px; margin-left: 0px; padding: 10px 0px 30px; margin-bottom: 0px; } @media (min-width: 768px) { .figure--pull-left-bio { padding: 10px 30px 15px 0px; } } .figure--pull-right { padding: 30px 0px; margin-bottom: 0px; } @media (min-width: 768px) { .figure--pull-right { padding: 30px 0px 15px 30px; } } .figure--fullbleed { position: relative; left: 50%; width: 100vw; margin-left: -50vw; overflow: hidden; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px; } .bulb-toc-icon { width: 1.2em; margin-top: 0px; margin-left: 0px; display: inline; margin-right: 10px; } figcaption { margin-top: 8px; } .figure--fullwidth-sm { padding-top: 40px; width: 50%; margin-left: 25%; margin-right: 8.33333%; text-align: center; } .figure--fullwidth-sm figcaption { font-size: 1rem; line-height: 150%; text-align: left; color: rgb(0, 0, 0); text-indent: 0px; margin-top: 15px; margin-left: -50%; margin-right: -50%; padding-top: 0px; } ol.num { padding: 2px 20px 2px 40px; line-height: 1.6; text-align: justify; font-size: 1.1875rem; counter-reset: item 0; } ol.num > li { margin: 0px 0px 0.625rem -1rem; padding: 0px 0px 0px 1rem; text-indent: -1rem; list-style-type: none; counter-increment: item 1; } ol.num > li::before { display: inline-block; width: 1rem; padding-right: 0.5rem; font-weight: 700; text-align: right; content: counter(item) "."; } ol.NL { padding: 20px; font-weight: 400; line-height: 1.6; text-align: justify; } span.num-text { padding-left: 0px; font-weight: 400; } ol.tiy-list-alpha { text-align: left; list-style-type: lower-alpha; } ol.tiy-list-alpha, ul.tiy-bullet { padding: 0px 0px 0px 20px; font-weight: 400; line-height: 1.6; font-family: Roboto, sans-serif; } ul.tiy-bullet { text-align: justify; } ul.tiy-bullet > li { margin: 10px 0px 0px; } ul.bull { padding: 0px 0px 0px 20px; font-weight: 400; line-height: 1.6; text-align: left; font-family: Roboto, sans-serif; } ul.bull > li { margin: 10px 0px 0px; } ul.bull-s { padding: 20px 0px 20px 40px; font-size: 1.1875rem; font-weight: 400; line-height: 1.6; text-align: justify; font-family: Noticia, serif; } ul.bull-s > li { margin: 12px 0px 0px; } ol.BNL-First { padding: 10px 0px 0px 20px; font-weight: 700; line-height: 1.6; font-size: 1.125rem; text-align: justify; font-family: Roboto, sans-serif; color: rgb(0, 70, 109); } ol.BNL-First > li { margin: 10px 0px 0px; } ul.BBL-4_First { padding: 10px 0px 0px 50px; font-weight: 700; line-height: 1.6; font-size: 1.125rem; text-align: justify; font-family: Roboto, sans-serif; color: rgb(0, 70, 109); } ul.BBL-4_First > li { margin: 10px 0px 0px; } ol.tiy-list { padding: 10px 0px 0px 20px; font-weight: 400; line-height: 1.6; font-size: 1.125rem; text-align: justify; font-family: Roboto, sans-serif; } ol.tiy-list > li { margin: 10px 0px 0px; font-weight: 400; } .TBS, .TSN { text-align: justify; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 300; margin: 0px 0px 20px; } ul.CQL { margin: 0px; list-style-type: none; padding: 0px; } ul.TXT_BL { margin: 20px 0px; text-align: justify; font-family: Noticia, serif; -webkit-font-smoothing: antialiased; } .LGA, ul.TXT_BL { font-size: 1.1875rem; text-indent: 0px; } .LGA { margin: 20px 0px 40px; color: rgb(51, 51, 51); border: 2px solid rgb(237, 28, 36); font-family: Roboto, sans-serif; text-align: left; } .lg-top-banner { background-color: rgb(237, 28, 36); padding: 5px 20px 0px 0px; } h2.lg-header { font-weight: 700; font-size: 1.375rem; -webkit-font-smoothing: antialiased; line-height: 100%; color: rgb(255, 255, 255); text-align: left; text-indent: -4rem; margin-left: 4rem; } @media (min-width: 576px) { h2.lg-header { padding-bottom: 0.5rem; } } @media (min-width: 768px) { h2.lg-header { padding-bottom: 0px; } } .learning-goal-icon { width: 2.5em; margin-top: -18px; margin-left: -12px; display: inline; margin-right: 20px; } p.lg-text { margin: 0px 0px 8px; padding: 20px 20px 0px; text-indent: 0px; } ol.lg-list, p.lg-text { font-weight: 400; line-height: 1.6; } ol.lg-list { padding: 2px 20px 2px 40px; } li.bold { font-weight: 700; } span.lg-text { padding-left: 0px; font-weight: 400; } .learning-tip { margin: 30px 0px; padding: 0px 0px 20px; border: 2px solid rgb(237, 28, 36); } .learning-tip-icon { width: 2.5em; margin-top: -16px; margin-left: -12px; display: inline; margin-right: 10px; } .lt-header { font-family: Roboto, sans-serif; font-weight: 700; font-size: 1.375rem; color: rgb(255, 255, 255); margin-left: 54px; text-indent: -54px; padding-bottom: 10px; line-height: 85%; } .BH1-3 { margin: 0px; padding: 20px 20px 0px; font-weight: 700; } .BH1-3, .LT-TX { text-align: justify; font-size: 1.1875rem; font-family: Roboto, sans-serif; text-indent: 0px; line-height: 1.6; } .LT-TX { margin: 0px 0px 8px; padding: 0px 20px; font-weight: 400; } .lt-text, .lt-text-nb { margin: 0px; padding: 20px 20px 0px; text-indent: 0px; } .lt-text, .lt-text-in, .lt-text-nb { text-align: justify; font-size: 1.1875rem; font-family: Roboto, sans-serif; font-weight: 400; line-height: 1.6; } .lt-text-in { margin: 0px 0px 8px; padding: 0px 20px; text-indent: 25px; } .li-list { margin: 0px 0px 0px 20px; text-align: left; font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; line-height: 1.6; } .lt-bullet, .lt-list { margin: 0px 0px 0px 38px; padding: 2px 0px; text-align: left; font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; line-height: 1.6; } .lt-list { text-indent: -1.2em; } ul.BBL-3 { margin: 0px 0px 0px 60px; } p.BBL-3, ul.BBL-3 { padding: 0px 0px 2px; text-indent: 0px; text-align: left; font-size: 1.125rem; font-family: Roboto, sans-serif; font-weight: 400; line-height: 1.6; } p.BBL-3 { margin: 0px 0px 0px 45px; } .parallax__foreground::after { content: ""; position: absolute; height: 100%; top: 0px; left: 50%; transform: translateX(-50%); width: 100vw; z-index: -1; } .parallax__foreground.scrolling::after { box-shadow: rgba(128, 128, 128, 0.5) 0px -12px 12px -12px; } .q-answer-box { font-family: Roboto, sans-serif; } .answer-text { font-family: Roboto, sans-serif; font-weight: 700; font-size: 1rem; cursor: pointer; } .answer-text, .showhidebutton { background-color: rgb(237, 28, 36); padding: 4px 10px; color: rgb(255, 255, 255); } .EMNL-Ans { font-family: Roboto, sans-serif; font-size: 1.125rem; font-weight: 400; text-align: left; text-indent: 0px; line-height: 150%; padding: 10px 0px 0px; } details { color: rgb(51, 51, 51); } summary { right: 0px; text-align: right; margin-bottom: 1rem; } details .summary-show, details[open] .summary-hide { display: inline-block; } details .summary-hide, details[open] .summary-show { display: none; } summary::-webkit-details-marker { display: none; } summary::after { content: " "; } details[open] summary::after { content: " "; } summary:focus { outline: none; } .ansnum { font-weight: 700; color: rgb(237, 28, 36); } .table1 { margin: -22px 0px 0px -12px; } .table2 { margin: 10px 0px 0px; } .BTTX-3, .table-text { margin: 0px; padding: 10px; color: rgb(51, 51, 51); text-align: left; font-size: 16px; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; line-height: 1.6; } .BTCH-3 { text-align: left; } .BTCH-3, .BTCH-3-C { margin: 0px; padding: 5px; color: rgb(237, 28, 36); font-size: 1.0625rem; font-family: Roboto, sans-serif; font-weight: 500; text-indent: 0px; line-height: 1.3; } .BTCH-3-C { text-align: center; } .BTC3 { padding: 0px; margin: 0px; } .border1 { border-right: 1px solid rgb(237, 28, 36); } .border1, .border2 { padding: 5px; border-bottom: 1px solid rgb(237, 28, 36); } .border3 { padding: 5px; border-right: 1px solid rgb(237, 28, 36); } .tab-o { border: 2px solid rgb(0, 0, 0); padding: 5px; background: rgb(255, 244, 218); margin: 20px 0px; } .tab-o, table { width: 100%; } .t-white { background-color: rgb(255, 255, 255); } .bor-1 { border-top: 1px solid rgb(0, 0, 0); } .bor-1, .bor-r { border-right: 1px solid rgb(0, 0, 0); } .bor-t { border-top: 1px solid rgb(0, 0, 0); } .tab-TM { width: 95%; border: 1px solid rgb(36, 149, 197); margin-top: 20px; margin-bottom: 20px; margin-left: 20px; } .tab-TM > thead > tr { background: rgb(36, 149, 197); } .tab-TM > tbody > tr > td { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(36, 149, 197); } .t-white { margin: 20px 0px; background: rgb(255, 255, 255); } .tab-g { width: 100%; margin: 40px 0px 10px; border: 2px solid rgb(140, 198, 62); } .tab-g > thead > tr > td { background-color: rgb(140, 198, 62); padding: 10px; } .tab-g > tbody > tr > td { background-color: rgb(240, 246, 231); padding: 10px; border-bottom: 1px solid rgb(0, 0, 0); vertical-align: middle; } .tab-g > tbody > tr:last-child { border-bottom: 2px solid rgb(140, 198, 62); } .tab-g > tbody > tr > td > ul { text-align: left; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; line-height: 1.6; padding: 5px; color: rgb(51, 51, 51); margin: 0px 0px 0px 15px; } .tab-g > tbody > tr:first-child { border-bottom: 2px solid rgb(140, 198, 62); } .tab-g1 { width: 100%; margin: 40px 0px 10px; border: 2px solid rgb(140, 198, 62); } .tab-g1 > thead > tr > td { background-color: rgb(140, 198, 62); padding: 10px; } .tab-g1 > tbody > tr > td { background-color: rgb(240, 246, 231); padding: 10px; border-bottom: 1px solid rgb(0, 0, 0); vertical-align: top; } .tab-g1 > tbody > tr:last-child { border-bottom: 2px solid rgb(140, 198, 62); } .tab-g1 > tbody > tr > td > ul { text-align: left; font-size: 1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 400; line-height: 1.6; padding: 5px; color: rgb(51, 51, 51); margin: 0px 0px 0px 15px; } .tab-g1 > tbody > tr:first-child { border-bottom: 2px solid rgb(140, 198, 62); } .tab-g2 { width: 100%; margin: 40px 0px 10px; border: 2px solid rgb(140, 198, 62); } .tab-g2 > thead > tr > td { background-color: rgb(140, 198, 62); padding: 10px; } .tab-g2 > tbody > tr > td { background-color: rgb(240, 246, 231); padding: 10px; vertical-align: top; } .tab-g2 > tbody > tr:last-child { border-bottom: 2px solid rgb(140, 198, 62); } .bor-b { border-bottom: 1px solid rgb(0, 0, 0); } .TCH-2 { text-align: left; font-size: 1.1rem; font-family: Roboto, sans-serif; text-indent: 0px; font-weight: 500; line-height: 1.6; padding: 0px; color: rgb(0, 0, 0); margin: 0px; } .TBSH { font-weight: 700; color: rgb(140, 198, 62); } .L-TAB { width: 96%; display: block; margin: 0px auto; padding: 0px; } .L-TAB > tbody > tr { border-bottom: 1px solid rgb(237, 28, 36); } .L-TAB > tbody > tr > td { border-right: 1px solid rgb(237, 28, 36); } .L-TAB > tbody > tr > td:last-child { border-right: none; } .L-TAB > tbody > tr:last-child { border-bottom: none; } .v-mid { vertical-align: middle; } .TN { line-height: 1.6; font-size: 1.3rem; text-align: justify; color: rgb(0, 0, 0); letter-spacing: 1px; } .TN, .TT { font-weight: 700; font-family: Roboto, sans-serif; } .TT { font-size: 1.5rem; text-indent: 0px; line-height: 1.2; } .v-top { vertical-align: top; } .hidden media-transcript { display: none; } .cue { display: block; position: relative; font-weight: 400; cursor: pointer; line-height: 1.3; text-indent: -58px; margin-left: 58px; padding: 0.5rem; text-align: left; } .cue--active { color: rgb(51, 51, 51); font-weight: 700; } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.08333333333333), only screen and (min-resolution: 1.25dppx), only screen and (min-resolution: 200dpi) { .cue--active { -webkit-font-smoothing: antialiased; } } .cue--active::before { content: ">"; float: left; margin-left: -4.16667%; } .cue::before { font-style: normal; position: absolute; left: 1rem; } .cue:focus::before, .cue:hover::before { float: left; margin-left: -4.16667%; } .cue:focus { outline: none; color: rgb(0, 0, 0); } .cue__timestamp { padding-right: 1em; } header figure .cue { display: block; position: relative; cursor: pointer; line-height: 1.3; text-indent: -58px; padding: 0.5rem; margin-left: 22.9167%; margin-right: 22.9167%; } @media (max-width: 767.98px) { header figure .cue { margin-left: 20.8333%; margin-right: 8.33333%; } } header figure .cue--active { color: rgb(0, 0, 0); font-weight: 700; } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.08333333333333), only screen and (min-resolution: 1.25dppx), only screen and (min-resolution: 200dpi) { header figure .cue--active { -webkit-font-smoothing: antialiased; } } header figure .cue--active::before { content: ">"; float: left; margin-left: -4.16667%; } header figure .cue::before { font-style: normal; position: absolute; left: 1rem; } header figure .cue:focus::before, header figure .cue:hover::before { float: left; margin-left: -8.33333%; } header figure .cue:focus { outline: none; color: rgb(0, 0, 0); } header figure .cue__timestamp { padding-right: 1em; } [role="separator"] { display: block; border-top: 1px solid grey; border-bottom: 1px solid grey; background-color: inherit; height: 7px; position: relative; cursor: row-resize; text-align: center; } [role="separator"]::before { content: ""; display: inline-block; position: absolute; top: 2px; height: 1px; width: 20px; border-bottom: 1px solid grey; } .transcript-button { padding: 5px; margin-top: 10px; text-align: center; width: 130px; border: 2px solid rgb(0, 70, 109); letter-spacing: 1px; font-size: 1rem; } .embedded-video, .transcript-button { font-family: Roboto, sans-serif; font-weight: 700; color: rgb(0, 70, 109); } .embedded-video { margin: 20px 0px; text-align: left; -webkit-font-smoothing: antialiased; } .video-maintitle { padding-bottom: 5px; font-size: 1.3rem; } .vidicon { height: 26px; vertical-align: text-top; padding-right: 5px; padding-bottom: 2px; } .transcript-button:hover { text-decoration: underline; } .demonstration-video { width: 100%; } .transcript-box { position: relative; padding: 2rem 0px; font-family: Roboto; font-weight: 400; margin-left: 0px; margin-bottom: 75px; } .transcript-box::before { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; content: ""; background-color: rgb(204, 241, 255); } .COH-1 { position: relative; display: grid; padding: 2rem 0px; gap: 0px; } @media (min-width: 768px) { .COH-1 { width: 65%; margin-left: 16.25%; } } .jw-display-icon-container { background: rgb(65, 64, 64) !important; } .content { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .content { max-width: 540px; } } @media (min-width: 768px) { .content { max-width: 720px; } } @media (min-width: 992px) { .content { max-width: 960px; } } @media (min-width: 1200px) { .content { max-width: 1140px; } } .page { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin-top: 1.5rem; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; margin-left: 0px; } @media (min-width: 576px) { .page { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; margin-left: 8.33333%; } } @media (min-width: 992px) { .page { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; margin-left: 16.6667%; } } .doc-section > .doc-section, .page > .doc-section { margin-top: 0px; }

@charset "utf-8"; @font-face { font-family: "Open Sans"; src: url("../ncia_common/fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../ncia_common/fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../ncia_common/fonts/Open_Sans/OpenSans-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: "Open Sans"; src: url("../ncia_common/fonts/Open_Sans/OpenSans-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: "Lato italic"; src: url("../ncia_common/fonts/Lato_Italic/Lato-Italic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @media print { body { display: none !important; } div#parent_div { text-align: center; width: 100%; font-family: "Lato italic"; font-size: 15px; margin-top: 25px; margin-bottom: 25px; -webkit-print-color-adjust: exact; background-color: rgb(245, 245, 245) !important; } div#child_div { line-height: 400px; font-weight: bold; color: rgb(142, 142, 142); } div#child_percentage { line-height: 100px; font-weight: bold; color: rgb(142, 142, 142); } div#child_div img { width: 25px; padding-bottom: 3px; padding-right: 5px; } } .ui-content { overflow-x: initial; } ins { text-decoration: inherit; } .bottom_of_page_next_section_link_div { white-space: nowrap; margin: 30px 10% 20px; text-align: right; font-weight: bold; cursor: pointer; padding: 5px 10px; background-color: rgb(247, 247, 247); border-radius: 5px; font-family: Arial, Verdana, sans-serif; font-size: 16px; } .bottom_of_page_next_section_link_div:hover { text-decoration: underline; } .bottom_of_page_next_section_link_div a { color: rgb(102, 102, 102); } .bottom_of_page_next_section_link_div span { margin-bottom: -1px; display: inline-block; vertical-align: bottom; } .highlight_pop { padding: 5px; background: rgb(57, 57, 56); border: 1px solid rgb(57, 57, 56); border-radius: 3px; min-width: 70px; position: absolute; color: rgb(241, 241, 241); box-shadow: rgb(102, 102, 102) 0px 0px 2px; text-align: center; } .highlight_pop img, .highlight_pop i { margin: 0px 5px; vertical-align: middle; opacity: 0.8; } .highlight_pop img:hover, .highlight_pop i:hover { opacity: 1; } .control_highlight { display: inline-block; margin: 0px 5px; vertical-align: middle; width: 16px; height: 16px; border-radius: 3px; opacity: 0.8; } #control_highlight_1 { background-color: rgb(241, 243, 50); } #control_highlight_2 { background-color: rgb(247, 183, 200); } #control_highlight_3 { background-color: rgb(180, 229, 245); } #control_highlight_4 { background-color: rgb(116, 179, 109); } #control_highlight_0 { background-color: rgb(255, 255, 255); } #control_highlight_note { width: 19px; height: 19px; } #control_highlight_instructor_note { width: 27px; height: 14px; } #control_highlight_separator { width: 1px; height: 30px; } .highlight_pop::before { width: 0px; height: 0px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgb(57, 57, 56); z-index: 5; content: " "; position: absolute; top: 40px; left: 45%; } .highlight_pop::after { width: 0px; height: 0px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgb(57, 57, 56); z-index: 5; content: " "; position: absolute; top: 41px; left: 45%; } .highlighted_text_1 { background-color: rgb(248, 249, 165); } .highlighted_text_2 { background-color: rgb(250, 221, 229); } .highlighted_text_3 { background-color: rgb(204, 237, 247); } .highlighted_text_4 { background-color: rgb(211, 231, 209); } .highlighted_search_term { background-color: rgb(243, 243, 21); } .highlighted_search_term.current { padding: 2px; box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 5px; } .t_Tooltip .highlighted_search_term.current { padding: 1px; } .note_add_button { position: absolute; cursor: pointer; padding: 3px; margin: 0px; text-indent: 0px; line-height: 0; } .margin_note_add_button { background-color: rgb(239, 239, 239); right: -30px; } .instructor_note_add_button { background-color: rgb(239, 239, 239); right: 0px; } .instructor_note_closed_button { position: absolute; cursor: pointer; margin: 0px; text-indent: 0px; line-height: 0; left: -35px; } .instructor_note_closed_button_inner { display: inline-block; background-color: rgb(100, 174, 90); padding: 6px; border-radius: 3px; } .instructor_note_closed_button_arrow { display: inline-block; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid rgb(100, 174, 90); margin-top: 8px; vertical-align: top; visibility: hidden; } .margin_note, .margin_note *, .margin_note_editor, .margin_note_editor * { box-sizing: content-box; } .margin_note_closed_button { position: absolute; cursor: pointer; margin: 0px; text-indent: 0px; line-height: 0; right: -35px; } .margin_note_closed_button_inner { display: inline-block; background-color: rgb(238, 238, 238); padding: 6px; border-radius: 3px; } .margin_note_closed_button_inner_over { background-color: rgb(236, 232, 0); } .margin_note_closed_button_arrow_left { display: inline-block; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 7px solid rgb(236, 232, 0); margin-top: 8px; vertical-align: top; visibility: hidden; } .note_closed_button img, .note_add_button img { width: 17px; height: 17px; } .instructor_note_editor, .instructor_note { margin: 30px 0px; box-shadow: rgba(136, 136, 136, 0.3) 1px 1px 2px; text-align: left; } .margin_note_editor, .margin_note { position: absolute; right: -250px; width: 210px; background: rgb(255, 255, 255); } .instructor_note_header { border-radius: 3px 3px 0px 0px; background-color: rgb(116, 179, 109); padding: 5px 10px; line-height: 0; white-space: nowrap; } .margin_note_header { background-color: rgb(239, 237, 71); line-height: 0; height: 30px; white-space: nowrap; width: 200px; box-shadow: rgba(136, 136, 136, 0.3) 1px 1px 2px; border-radius: 3px 3px 0px 0px; } .margin_note_left_img { width: 17px; height: 17px; padding: 7px; } .instructor_note_header_text { display: inline-block; margin: 0px 0px 0px 10px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding: 2px 0px 0px 10px; font-family: "Open Sans", sans-serif; color: rgb(255, 255, 255); font-weight: bold; font-size: 16px; height: 32px; line-height: 1em; vertical-align: top; letter-spacing: 1px; } .instructor_note_header_subtext { font-size: 12px; font-weight: 300; font-style: italic; } .margin_note_header_text { display: inline-block; padding: 9px 0px 0px 7px; color: rgb(125, 122, 77); font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 13px; line-height: 1em; vertical-align: top; } .note_header_hidden { display: none; } .instructor_note_button { margin-left: 10px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 10px; float: right; height: 32px; line-height: 1em; vertical-align: top; cursor: pointer; z-index: 1000; position: relative; } .instructor_note_button_first { border-left: 0px; margin-left: 0px; } body { display: none; } .instructor_note_button img { width: 20px; height: 20px; padding-top: 6px; } .margin_note_button { border-left: 1px solid rgba(125, 122, 77, 0.3); float: right; height: 25px; margin-top: 3px; } .margin_note_button img { width: 15px; height: 15px; padding: 5px; cursor: pointer; box-sizing: initial; } .instructor_note_ta_wrapper { padding: 20px; background-color: rgb(246, 246, 246); } .instructor_note_editor textarea { width: 100%; padding: 0px; margin: 0px; border: 0px; font-size: 14px; font-family: "Open Sans", sans-serif; background: rgb(246, 246, 246); line-height: 150%; color: rgb(153, 153, 153); outline: none; resize: none; } .margin_note_ta_wrapper { padding: 12px; width: 176px; background-color: rgb(246, 246, 246); box-shadow: rgba(136, 136, 136, 0.3) 1px 1px 2px; } .margin_note_ta_wrapper textarea { width: 100%; padding: 0px; margin: 0px; border: 0px; font-size: 13px; font-family: "Open Sans", sans-serif; background: rgb(246, 246, 246); color: rgb(153, 153, 153); line-height: 150%; outline: none; resize: none; } .margin_note_ta_wrapper textarea:focus, .instructor_note_editor textarea:focus { outline: none; } .instructor_note_text_wrapper { overflow-wrap: break-word; background-color: rgb(246, 246, 246); padding: 20px; font-size: 14px; line-height: 150%; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; } .margin_note_text_wrapper { overflow-wrap: break-word; background-color: rgb(246, 246, 246); padding: 12px; font-size: 13px; line-height: 150%; color: rgb(102, 102, 102); font-family: "Open Sans", sans-serif; width: 176px; box-shadow: rgba(136, 136, 136, 0.3) 1px 1px 2px; } .toc_page_showing { font-weight: bold; background-color: rgb(255, 204, 204); } .ui-button { display: inline-block; border: 1px solid rgb(0, 0, 0); border-radius: 8px; padding: 5px 10px; cursor: pointer; background-color: rgb(204, 204, 204); margin-right: 5px; margin-left: 5px; text-align: center; } .block_being_read { background-color: rgb(238, 238, 238); } .alt_text { min-height: 500px; margin-left: auto; margin-right: auto; font-family: "Open Sans", sans-serif; max-width: 800px; margin-top: 50px; color: rgb(68, 68, 68); } .alt_text_p { margin-bottom: 5px; } .alt_text_red_text { font-weight: bold; color: rgb(217, 83, 79); } .alt_text b { font-family: "Open Sans", sans-serif !important; } .alt_text_title { font-size: 24px; font-weight: bold; margin: 15px; } .alt_text_message { font-size: 18px; max-width: 650px; margin: 15px; } .alt_text_purchase_option { float: right; margin: 0px 0px 10px 10px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; padding: 10px; width: 280px; font-size: 14px; line-height: 20px; background-color: rgb(233, 233, 228); } #purchase_register_button { border: 1px solid rgb(68, 68, 68); background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); padding: 5px; margin-top: 10px; border-radius: 5px; text-align: center; cursor: pointer; font-size: 14px; } .image_page_type_body { padding: 0px; margin: 0px; } .image_page_type_div { text-align: center; position: relative; } .image_page_type_img { height: auto; width: auto; cursor: crosshair; } .image_page_type_body .margin_note_editor, .image_page_type_body .margin_note { text-align: left; position: absolute !important; right: -206px !important; } .image_page_type_body .margin_note_closed_button { position: absolute !important; right: 10px !important; } .image_page_type_body .instructor_note_closed_button { right: 10px !important; top: 10px !important; } #image_page_type_instructor_note_holder { padding-top: 20px; display: none; } .image_page_type_body .instructor_note_editor, .image_page_type_body .instructor_note { width: 90%; margin-top: 0px; margin-bottom: 0px; max-width: 800px; margin-left: auto !important; margin-right: auto !important; } .page_image_hl { position: absolute; opacity: 0.2; z-index: 2; border-radius: 3px; cursor: pointer; } .highlighted_text_drawing { background-color: rgb(102, 102, 102); } .image_page_type_body .highlighted_text_1 { background-color: rgb(255, 255, 0); } .image_page_type_body .highlighted_text_2 { background-color: rgb(255, 51, 51); } .image_page_type_body .highlighted_text_3 { background-color: rgb(51, 153, 255); } .image_page_type_body .highlighted_text_4 { background-color: rgb(51, 238, 51); } .image_page_type_body .highlight_pop { z-index: 3; } .page_number_indicator { position: absolute; left: 0px; color: rgb(136, 136, 136); font-weight: bold; font-style: normal; font-family: Verdana; font-size: 10px; border-top: 1px solid rgb(136, 136, 136); padding-top: 2px; text-indent: 0px; margin: 0px; background-color: rgb(255, 255, 255); letter-spacing: initial; line-height: initial; } .page_number_indicator_pn::before { content: "page "; } .naRH { transition: transform 0.2s ease-in-out 0s; } .naRH.out_of_the_way { transform: translateY(-50px); } .elo_holder[data-elo-type="slideshow"] { border-style: solid; border-color: rgb(155, 200, 217); border-image: initial; border-width: 3px 0px; margin: 10px 0px; padding: 10px; background-color: rgb(196, 223, 235); line-height: 1em; } .elo_slideshow_label { display: inline-block; background-color: rgb(0, 182, 202); color: rgb(255, 255, 255); padding: 5px; font-weight: bold; text-transform: uppercase; position: relative; top: -13px; } .elo_slideshow_image { margin: 0px 0px 10px; } .elo_slideshow_image img { border: 1px solid rgb(152, 199, 217); cursor: pointer; } .elo_slideshow_caption { line-height: 1.3em; } .elo_slideshow_buttons { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgb(0, 182, 202); } .elo_slideshow_slide_index { color: rgb(0, 150, 170); font-weight: bold; margin-right: 10px; } .elo_slideshow_button_back, .elo_slideshow_button_forward { display: inline-block; cursor: pointer; padding: 7px 10px; background-color: rgb(0, 182, 202); color: rgb(255, 255, 255); border-radius: 4px; font-weight: bold; } .elo_slideshow_button_back, .elo_slideshow_button_forward { margin-right: 10px; } .elo_slideshow_button_forward { } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: polygon(0px 0px); border: 0px; } .sprites { background: url("img/ebook_sprites.png") no-repeat; display: inline-block; } .add_bookmark { width: 35px; height: 55px; background-position: -91px -31px; } .bookmark_in_list { width: 11px; height: 17px; background-position: 0px 0px; } .erase_highlights_red_line { width: 28px; height: 28px; background-position: 0px -49px; } .glyphicons_027_search { width: 60px; height: 30px; background-position: 0px -83px; } .glyphicons_072_bookmark { width: 60px; height: 30px; background-position: -66px -92px; } .glyphicons_136_cogwheel { width: 60px; height: 30px; background-position: 0px -119px; } .glyphicons_150_edit { width: 60px; height: 30px; background-position: -66px -128px; } .glyphicons_223_chevron-right { width: 50px; height: 25px; background-position: -75px 0px; } .glyphicons_224_chevron-left { width: 50px; height: 25px; background-position: 0px -214px; } .glyphicons_351_book_open { width: 60px; height: 30px; background-position: -65px -164px; } .grad_hat_icon_white_large { width: 42px; height: 28px; background-position: -63px -238px; } .list_style_arrows { width: 10px; height: 10px; background-position: -75px -31px; } .list_style_arrows_down { width: 10px; height: 10px; background-position: -49px -155px; } .note_close_brown_icon { width: 15px; height: 15px; padding: 5px; background-position: -12px 5px; } .note_close_icon { width: 25px; height: 25px; background-position: -101px -200px; } .note_close_icon_20x20 { width: 20px; height: 26px; background-position: 0px -17px; } .note_edit_brown_icon { width: 15px; height: 15px; padding: 5px; background-position: -33px 5px; } .note_edit_icon { width: 20px; height: 26px; background-position: 0px -149px; } .note_grad_cap_icon_17x17 { width: 17px; height: 17px; background-position: -68px -67px; } .note_grad_cap_icon_32x32 { width: 32px; height: 32px; background-position: -63px -200px; } .note_icon_white_large { width: 30px; height: 30px; background-position: -26px -178px; } .note_margin_idle_icon_17x17 { width: 17px; height: 17px; background-position: -26px -155px; } .note_margin_idle_icon_24x24 { width: 24px; height: 24px; background-position: -102px -273px; } .note_paperclip_icon { width: 20px; height: 26px; background-position: 0px -175px; } .note_trash_icon { width: 20px; height: 26px; background-position: 0px -239px; } .note_trash_icon_brown { width: 15px; height: 15px; padding: 5px; background-position: -106px -226px; } .note_validate_icon { width: 20px; height: 26px; background-position: -26px -239px; } .note_validate_icon_brown { width: 15px; height: 15px; padding: 5px; background-position: -106px -247px; } .nothing { width: 28px; height: 28px; background-position: -34px -49px; } .offline2 { width: 45px; height: 25px; background-position: 0px -271px; } .online2 { width: 45px; height: 25px; background-position: -51px -272px; } .panel_list_arrow { width: 16px; height: 14px; background-position: -68px -47px; } .search_icon { width: 27px; height: 22px; background-position: -26px -21px; } .secondpanel_arrow { width: 10px; height: 29px; background-position: -59px 0px; } .separator_contextual { width: 1px; height: 30px; background-position: -56px -214px; } div#parent_div { text-align: center; width: 100%; font-family: "Lato italic"; font-size: 15px; margin-top: 25px; margin-bottom: 25px; -webkit-print-color-adjust: exact; background-color: rgb(245, 245, 245) !important; } div#child_div { line-height: 400px; font-weight: bold; color: rgb(142, 142, 142); } div#child_percentage { line-height: 100px; font-weight: bold; color: rgb(142, 142, 142); } div#child_div img { width: 25px; padding-bottom: 3px; padding-right: 5px; } @media screen and (max-width: 1000px) { .image_page_type_body .image_page_type_img { width: 100%; } .image_page_type_body .margin_note_editor, .image_page_type_body .margin_note { right: -216px !important; } .image_page_type_body .margin_note_closed_button { right: 0px !important; } .image_page_type_body .instructor_note_closed_button { right: 0px !important; } .page_number_indicator { } .page_number_indicator_pn::before { content: "p. "; } } @media screen and (max-width: 880px) { .instructor_note_header_text { font-size: 14px; } .instructor_note_header_subtext { font-size: 10px; } .alt_text { width: 90%; } .page_number_indicator_pn::before { content: ""; } } @media screen and (max-width: 400px) { .page_number_indicator { font-size: 9px; font-weight: normal; margin-left: -5px; } } .assignment.alt_text .text_bar { background-color: rgb(245, 245, 245); width: 100%; height: 16px; border-radius: 5px; margin-bottom: 16px; } .assignment.alt_text .text_bar:last-of-type { margin-bottom: 32px; } .assignment.alt_text .gray_box { background-color: rgb(245, 245, 245); float: right; height: 280px; }