@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");

      :root {
        --font: Roboto;
        --alt-font: Roboto;
        --accent-color: #009999;
        --secondary-color: #ffffff;
        --link-color: #66ffd5;
        --accent-highlight-color: #003333;
        --accent-highlight-background-color: #00e5e5;
        --accent-tinted-color-70: #b3e0e0;
        --accent-tinted-color-80: #ccebeb;
        --accent-tinted-color-90: #e6f5f5;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #00cccc;
        --secondary-hover-color: #e6e6e6;
        --secondary-contrast-color: #111;
        --link-hover-color: #00ffb9;
      }
      
body { background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/v1/course-uploads/fe87432e-24c2-4dc1-a503-a4b2611c0bf9/aigunhnxd1al-SiemensBackground.png'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/fe87432e-24c2-4dc1-a503-a4b2611c0bf9/gmgb9zbx9r7t-300x48sie-logo-petrol-rgb.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}


/* Bold and Italic Color Change */
strong, b {
  color: #009999;
}
/* Navigation Arrow Color */
.icon-navigateleft {
  color: #FFFFFF;
}
.icon-navigateright {
  color: #FFFFFF;
}




/* Student content link styling */
.learner__content a:link,
.learner__content a:visited {
  color: #0066CC !important;        
  text-decoration: none !important;  
}


.learner__content a:hover,
.learner__content a:active {
  text-decoration: underline !important;
}


.button-group .btn.btn--alt {
    color: #009999 !important; /* your desired color */
}








/* -------------------------------
   Reflection formatting
---------------------------------*/
/* Left Align the Reflection Feedback */
#email-content,
#email-content ul,
#email-content .quiz__start {
    display: block !important;
    text-align: left !important;
}




/* Make the reflection content semi-transparent when feedback is visible */
.question__container--summary .question__body,
.question__container--summary .editor-content.indent-list {
    opacity: 0.3; /* Adjust between 0 (hidden) and 1 (fully visible) */
    pointer-events: none; /* Prevent interaction */
    transition: opacity 0.3s ease;
}




/* Adjust color, font size, and weight */
#email-content p,
#email-content li,
#email-content span,
.question__container--summary .editor-content.indent-list p,
.question__container--summary .editor-content.indent-list li,
.question__container--summary .editor-content.indent-list span {
    color: #000000 !important;      
    font-size: 16px !important;      
    line-height: 1.45 !important;    
    font-weight: 400 !important;      
}


.question__body--strong,
#question__body.question__body--strong p {
  font-weight: 400 !important;
}


/* Bullet formatting */
#email-content ul,
#email-content ol,
.question__container--summary .editor-content.indent-list ul,
.question__container--summary .editor-content.indent-list ol {
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}


/* Reflection Submission button */
button.btn--primary.btn--right span {
    color: transparent;  
    position: relative;  
}
button.btn--primary.btn--right span::after {
    content: "Submit";    
    color: #ffffff;                
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
    font-weight: normal;          
    font-size: 1em;                
    pointer-events: none;          
    white-space: nowrap;          
    text-decoration: underline;
    text-decoration-color: #009999;  
    transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out;
}
button.btn--primary.btn--right:hover {
    background-color: #00cccc;    
    border-color: #00cccc;        
}
button.btn--primary.btn--right:hover span::after {
    color: #ffffff;              
    text-decoration-color: #00cccc;  
}


/* Style the reflection example frame */
.quiz__start {
    border: 2px solid #009999;      
    padding: 1em;                      
    margin: 4em 0 1em 0;              
    border-radius: 4px;              
    background-color: #f9f9f9;      
    position: relative;              
}






















































/* Remove sidebar layout for Wistia videos */


.topic__contained__sidebar {
  display: none !important;
}


.topic__contained__main,
.topic__contained__content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


.topic__contained__content #wistia_grid_57_wrapper,
.topic__contained__content .wistia_responsive_padding,
.topic__contained__content .wistia_responsive_wrapper,
.video__container {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
}


.wistia_responsive_wrapper iframe,
.wistia_responsive_wrapper video {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
}








/* Previous button text */
.directional__nav__button__container--prev .directional__nav__label {
  color: transparent;
  position: relative;
}


.directional__nav__button__container--prev .directional__nav__label::after {
  content: "Previous";
  color: #009999;    
  position: absolute;
  left: 0.2em;      
  top: 0;
  font-weight: normal;
  font-size: 1em;      
}


/* Next button text */
.directional__nav__button__container--next .directional__nav__label {
  color: transparent;
  position: relative;
  text-align: right;  
}


.directional__nav__button__container--next .directional__nav__label::after {
  content: "Next";
  color: #009999;    
  position: absolute;
  right: 0.2em;      
  top: 0;
  font-weight: normal;
  font-size: 1em;      
}




/* Knowledge Check "Next" button format*/


.learner__content a:link,
.learner__content a:visited {
    color: transparent !important;        
    text-decoration: none !important;    
}


.btn.btn--success {
  background-color: #009999;            
  border: 1px solid #009999;            
  color: transparent;                    
  position: relative;                    
  transition: background-color 0.25s ease-in-out,
              border-color 0.25s ease-in-out;
}


.btn.btn--success::after {
  content: "Continue to Next Lesson";    
  color: #ffffff;                        
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);      
  pointer-events: none;                  
  text-decoration: underline;
  text-decoration-color: #009999;        
  transition: text-decoration-color 0.25s ease-in-out;
  white-space: nowrap;                    
}


.btn.btn--success:hover {
  background-color: #00cccc;            
  border-color: #00cccc;                
}


.btn.btn--success:hover::after {
  text-decoration-color: #00cccc;        
}










/* Adjust Content Text styling  */
body.ember-application.learn .editor-content.indent-list p,
body.ember-application.learn .editor-content.indent-list li,
body.ember-application.learn .editor-content.indent-list span {
    color: #000000 !important;        
    font-size: 16px !important;      
    line-height: 1.45 !important;    
}




/* Reflection Reset button */
.summary__restart button.retake-survey span {
    color: transparent;  
    position: relative;  
}
.summary__restart button.retake-survey span::after {
    content: "Reset";  
    color: #ffffff;              
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
    font-weight: normal;          
    font-size: 1em;              
    pointer-events: none;        
    white-space: nowrap;          
    text-decoration: underline;
    text-decoration-color: #009999;  
    transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out;
}
.summary__restart button.retake-survey:hover {
    background-color: #00cccc;  
    border-color: #00cccc;      
}
.summary__restart button.retake-survey:hover span::after {
    color: #ffffff;              
    text-decoration-color: #00cccc;  
}
























/* Center GIFs */
p img {
  display: block;
  margin: 0 auto;
}






/* Objective Table Formatting */
/* ===== Global Table Styling ===== */
table:not(.tw-override) {
border-collapse: collapse;
font-family: 'Roboto', sans-serif !important;
font-size: 16px !important;
color: #000 !important;
line-height: 1.45 !important;
width: 100%;
margin-bottom: 1rem;
}


/* Collapse borders for all tables */
table {
border-collapse: collapse;
border-spacing: 0;
}


/* Table cell spacing and alignment */
table td, table th {
padding: 8px 12px;
vertical-align: middle;  /* vertically center content */
}


/* Remove zebra striping and background */
table tr {
background-color: transparent !important;
}


/* Standardize paragraphs inside table cells */
table td p, table th p {
font-family: 'Roboto', sans-serif !important;
font-size: 16px !important;
color: #000 !important;
line-height: 1.45 !important;
margin: 0;
}


/* ===== Bullet / Icon Images inside table cells ===== */
table td img {
max-height: 15em !important; /* keeps image roughly quadruple text height */
width: auto !important;      /* maintain aspect ratio */
height: auto !important;     /* maintain aspect ratio */
display: block !important;
margin: 0 auto !important;   /* center image horizontally */
}



.atlas-embed-widget {
    position: absolute !important;
    top: 50px;     
    left: 50%;
    transform: translateX(-50%);
    width: 400px; 
    height: 300px;
    z-index: 1000 !important;
}


.reflection-warning {
    transition: opacity 2s ease-in-out !important; 
    opacity: 1 !important; 
}



body {
    /*display: flex; Commented this line by Arun - Altair*/
    justify-content: center;  /* horizontal center */
    align-items: center;      /* vertical center */
    height: 100vh;            /* full viewport height */
    margin: 0;
    background: url(https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/v1/course-uploads/fe87432e-24c2-4dc1-a503-a4b2611c0bf9/aigunhnxd1al-SiemensBackground.png)!important;
    background-size: cover;
    background-position: center;
}

h3 {
    background: #ffffff !important;
    padding: 15px 25px;
    border-radius: 6px;
    text-align: center;
}