:root {
        --font: proxima-nova, sans-serif;
        --alt-font: proxima-nova, sans-serif;
        --accent-color: #0b203f;
        --secondary-color: #575757;
        --link-color: #a9a9a9;
        --accent-highlight-color: #0b203f;
        --accent-highlight-background-color: #e7effb;
        --accent-tinted-color-70: #b6bcc5;
        --accent-tinted-color-80: #ced2d9;
        --accent-tinted-color-90: #e7e9ec;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #13366a;
        --secondary-hover-color: #717171;
        --secondary-contrast-color: #fff;
        --link-hover-color: #767676;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499701412/zazd71fdlwwp9ucucoac.jpg'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/52395fed-40cf-494f-8ea4-debe4d2bdfc3/o70sea15w99w-myPLTW_logo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* --link-hover-color 0B203F */

a:hover {
    color: #0B203F !important;
}

/* ==================== START - License custom page css ================== */

/* body.learn.license .dashboard__license-select p:nth-of-type(2) small{
    font-size:100%;
}
body.learn.license {
  max-width: 100% !important;
  background: linear-gradient(to bottom, #085EAC, #FFFFFF);
  height: auto;
  background-repeat: no-repeat;
}

body.learn.license .header--dashboard {
  border-bottom: 1px solid #999;
}

body.learn.license .company-logo__container img {
    width:200px;
    height: auto;
    vertical-align: unset;
}

body.learn.license container {
   border: 1px solid #999;
}

body.learn.license .form--admin {
    display: flex;
    width: 100%;
}

body.learn.license .field__input-wrapper--select {
    flex-grow: 1;
    border-radius: none;
    background-color: none;
}

body.learn.license .field__input--select {
    background-color: none;
}

body.learn.license .btn--primary {
    background-color: #1f5ea8 !important;
    border: 0px;
}
body.learn.license .btn--primary:hover {
background-color: #0B203F !important;
}

body.learn.license .dashboard__license-select__form {
    border: 0;
} */

/* ==================== END - License custom page css ================== */

/*   ============== Start Filter Icon Help ================  */
  
  #filterhelp{
      font-size: .75rem;
  }
  
  .filtericon{
      font-size: 25px;
      cursor: pointer;
      color: #2563eb;
  }
  
  ul.filterinfo{
      list-style: disc;
      line-height: 28px;
      margin-left: 20px;
  }
  
  .highlight-red {
      color: #d0586f;
      background: #f6f7fb;
      padding: 2px 5px;
      border-radius: 5px;
      border: 1px Solid #e8e9ed;
  }
  
  .filter-txt {
      color: #e50073;
      background: #f6f7fb;
      padding: 2px 5px;
      border-radius: 5px;
      border: 1px Solid #e8e9ed;
  }
  
  /*   ============== END Filter Icon Help ================  */





















/* =========================
   RIGHT-SIDE AI PANEL MODE
   ========================= */

/* Root container override */
.ai-chat-demo {
  position: fixed !important;
  top: 0;
  right: 0;
  width: 320px;
  height: 100vh;
  min-height: 100vh;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;
  background: #ffffff;
  z-index: 9999;

  /* remove original centering */
  align-items: unset !important;
  justify-content: unset !important;
}

/* Main app container inside */
.ai-chat-demo__app {
  width: 100% !important;
  max-width: none !important;
  height: 100vh !important;

  border-radius: 0 !important;
  box-shadow: none !important;

  /* collapse to single column */
  display: grid;
  grid-template-columns: 1fr !important;
}

/* Hide the demo sidebar/history */
.ai-chat-demo__sidebar {
  display: none !important;
}

/* Chat container fills full height */
.ai-chat-demo__chat {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Messages scroll properly */
.ai-chat-demo__messages {
  flex: 1;
  overflow-y: auto;
}

/* Composer sticks to bottom */
.ai-chat-demo__composer-wrap {
  margin-top: auto;
}

/* Optional: thin border separation */
.ai-chat-demo {
  border-left: 1px solid #ddd;
}

/* =========================
   MOBILE SAFETY
   ========================= */

@media (max-width: 900px) {
  body {
    padding-right: 0 !important;
  }

  .ai-chat-demo {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .ai-chat-demo__app {
    height: auto !important;
  }

  .ai-chat-demo__chat {
    height: auto !important;
  }
}