#demoguide-container {
    position: fixed;
    top: 10%;
    right: 0;
    padding: 2.8vw;
    width: 30vw;
    box-shadow: 0px 0px 16px 10px rgb(0, 0, 0, 0.15);
    margin: 20px;
    background: white;
    z-index: 99999;
    border-bottom: 1.2vw solid #d0271d;
    border-radius: 3%;
    height: 80%;
    max-height: fit-content;
    overflow-y: auto;
 }
 
 #demoguide-container.hidden {
   visibility: hidden;
 }

 .dg-title {
     font-family: "proxima-nova", sans-serif;
     font-weight: 700;
     font-style: normal;
     font-size: 1.5vw;
 }

 .dg-description {
     font-family: "proxima-nova", sans-serif;
     font-weight: 400;
     font-style: normal;    
     font-size: 1vw;
 }

 #dg-progress-container {
     width: 100%;
     margin:0;
 }
 
 #dg-progress-bar-container {
     background-color: #e0e0e0;
     border: 1px solid #ccc;
     border-radius: 10px;
     position: relative;
     height: 10px;
     overflow: hidden;
     width: 85%;
     display: inline-block;
 }

 #dg-progress-bar {
     height: 100%;
     background-color: #d0271d;
     width: 0;
     transition: width 0.3s ease;
 }
 
 #dg-percentage-container {
    height: 100%;
    display: inline-block;
 }
 
 #dg-progress-label {
     /*position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);*/
     font-family:'TaubSans-Regular'; 
     font-size: 1vw;
     font-weight: bold;
     /*line-height: 30px;*/
 }

 .dg-workflow-title {
     font-size: 1vw;
     font-family: "proxima-nova", sans-serif;
     font-weight: 700;
     font-style: normal;
     padding: 0.5vw 0;
     margin: 0;
     color: #3b3b3b;
     padding-left: 1vw;
 }
 
 .dg-workflow-title a,  #dg-workflow-container-id > div > ol > li > a {
     /*text-decoration: none;*/
     color: #3b3b3b;
 }
 
 .dg-workflow-title a:not(.dg-completed):hover,  #dg-workflow-container-id > div > ol > li > a:not(.dg-completed):hover{
     text-decoration: none;
     font-weight: 600;
 }
 

 /*.dg-workflow-title:has(.dg-active) {
  background-color: #EFF0F0;
 }*/
 

 a.dg-completed {
     color: #ababab;
     text-decoration-line: line-through;
 }

 .dg-workflow-container {
     margin-top: 25px;
 }

 .w-title.dg-completed{
     color: #b3b3b3;
     text-decoration-line: none;
 }
 
/* .w-title.dg-active span{
     color: #d0271d!important;
     text-decoration-line: none;
 }*/
 
 .dg-workflow-container ol {
     margin: 0 0 0 1vw;
     line-height: 1.5;
     font-family: "proxima-nova", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 1vw;
     list-style: disc;
     color: #3b3b3b;
     padding: 0 0 0 2.3vw;
 }
 
 .dg-close {
  position: fixed;
  top: calc(10% + 20px);
  right: 2.5vw;
  padding: 1vw 1vw 0vw 0vw;
  font-size: 1.2vw;
  line-height: 1;
  cursor: pointer;
}

#dg-content-container > ul {
 padding-inline-start: 1.2vw;
}

 /* Firefox */
#demoguide-container {
 scrollbar-width: thin;
 scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
 scrollbar-gutter: stable;
}