.rc97_lp.rc97 .rc97w2 {
        padding: 40px;
   }
   
   .rc97.rc97_lp .rc97w2 h2.rwaccent {
        padding-top: 0;
        font-size: 3.6rem;
        font-family: var(--oracleserif);
        font-weight: 400;
   }

   .rc97.rc97_lp .rc97w5 {
        padding-top: 20px;
   }
   
   .lp_container {
        height: auto;
   }

   .lp_body {
        display: flex;
        align-items: stretch;
        margin-top: 20px;
        flex-direction: row;
        justify-content: flex-start;
        height: auto;
   }

   .lp_body .lp_main_content {
       /* flex: 4; */
       /* flex-grow: 4; */
       flex: 0 0 auto;
       border: solid 1px lightgray;
       /* height: 100%; */
       /* max-height: 35vw; */
       width: 65%;
   }

   .lp_body .lp_main_content .article_container, .lp_body .lp_main_content .document_container {
        padding: 20px;
        /* background-image: url("/a/aconex/img/utilities-lp-background.jpg");  */
        height: 100%; 
        background-size: cover;
        aspect-ratio: 16/9;
   }

   .lp_body .lp_main_content .article_container .view_article_button, .lp_body .lp_main_content .document_container .view_document_button {
        border: none;
        border-radius: 5px;
        padding: 1.2rem 1.6rem 1.2rem;
        background-color: 312D2A;
        color: white;
        font-size: 1.4rem;
   }

   .lp_body .lp_main_content .article_container .view_article_button:hover, .lp_body .lp_main_content .document_container .view_document_button:hover {
        cursor: pointer;
        /* background-color: darkgray; */
   }

   .lp_body .lp_navigation {
       /* flex: 2;
       flex-grow: 2; */
       flex: 0 0 auto;
       width: 35%;
       border: solid 1px lightgray;
       /* height: 100% */
       /* max-height: 35vw; */
       aspect-ratio: 16/9;
   }

   @media (max-width: 768px) {
        .lp_body {
            flex-direction: column;
        }
    
        .lp_container .lp_main_content {
            flex-basis: 100%; /* Items take full width on smaller screens, stacking vertically */
            min-height: 30vh;
            width: 100%;
        }

        .lp_container .lp_navigation {
            flex-basis: 100%; /* Items take full width on smaller screens, stacking vertically */
            overflow: auto;
            position: relative;
            width: 100%;
        }

        .lp_container .lp_navigation .lp_tabs {
            position: sticky;
            top: 0;
            z-index: 100;
            background-color: lightgray;
            height: 15% !important;
        }

        .lp_container .lp_navigation .lp_duration {
            position: sticky;
            top: 44;
            z-index: 100;
            background-color: lightgray;
            height: 15% !important;
        }

        .lp_container .lp_navigation .lp_sections_container {
            position: relative;
            z-index: 0;
        }

        .lp_popup_container .w11close {
            /* inset-inline-end: 10rem; */
            right: 1%;
            writing-mode: horizontal-tb;
       }
    }

   .lp_container .lp_navigation .lp_tabs {
      /* padding: 10px 0px 10px 20px; */
      border-bottom: solid 1px lightgray;
      display: flex;
      height: 10%;
   }

   .lp_container .lp_navigation .lp_tabs .single_tab.playlist_tab {
    flex: 1;
    border-bottom: solid 3px #5C855A;
    padding: 10px 0px 10px 20px;
   }

   .lp_container .lp_navigation .lp_tabs .single_tab.other_tab {
        flex: 4;
        text-align: right;
        padding-right: 20px;
        padding-top: 4px;
   }

   .lp_container .lp_navigation .lp_duration {
      padding: 10px 0px 10px 0px;
      /* border-bottom: solid 1px lightgray; */
      display: flex;
      height: 10%;
   }

   .lp_container .lp_navigation .lp_duration .progress_reset_container { 
        padding-left: 15px;
        flex: 5;
   }

   .lp_container .lp_navigation .lp_duration .progress_reset_container .progress_reset_button {
        width: 110px;
        padding: 3px;
        border-radius: 5px;
        border: solid 1px lightgray;
    }

    .lp_container .lp_navigation .lp_duration .progress_reset_container .progress_reset_button:hover {
        cursor: pointer;
        background-color: gray;
    }

   .lp_container .lp_navigation .lp_duration .duration_container {
      flex: 2;
      font-size: 1.4rem;
   }

   .lp_container .lp_navigation .lp_progress {
       padding: 10px 0px 10px 0px;
       border-bottom: solid 1px lightgray;
       height: 10%;
   }

   .lp_container .lp_navigation .lp_progress .progress_container {
      /* text-align: right;
      flex: 1;
      padding-right: 10px; */
      width: 100%;
      padding-left: 15px;
   }

   .lp_container .lp_navigation .lp_progress .progress_container #progress_bar {
      width: 89%;
      accent-color: #5C855A;
   }

   .lp_body .lp_navigation .lp_sections_container {
        overflow: scroll;
        height: 80%;
        max-height: 80%;
        overflow-x: hidden;
        scrollbar-width: thin;
        border-bottom: solid 1px lightgray;
   }

   /* .lp_body .lp_navigation .lp_sections_container::-webkit-scrollbar {
        color: orange;
   } */

   .lp_container .lp_navigation .single_section_container {
      padding: 10px 0px 10px 0px;
   }

   .lp_container .lp_body .lp_navigation .single_section_container .single_section_title {
        display: flex;
        padding-left: 20px;
   }

   .lp_container .lp_body .lp_navigation .single_section_container .single_section_title .single_section_title_text {
        font-size: 1.6rem;
        flex: 10;
   }

   .lp_container .lp_body .lp_navigation .single_section_container .single_section_title .single_section_title_text:hover {
        cursor: pointer;
   }

   .lp_container .lp_body .lp_navigation .single_section_container .single_section_title .icn-img {
        flex: 1;
        font-size: 20px;
   }

   .lp_container .lp_body .lp_navigation .single_section_container .single_section_title .icn-img:hover {
        cursor: pointer;
   }

   .lp_container .lp_navigation .single_section_container .single_sub_section_container {
      display: flex;
      padding: 8px 0px 8px 15px;
   }

   .lp_container .lp_navigation .single_section_container .single_sub_section_container:hover {
        cursor:pointer;
   }

   .lp_container .lp_navigation .single_section_container .single_sub_section_container.selected {
        background: lightgray;
   }

   .lp_container .lp_navigation .single_section_container .single_sub_section_container .single_sub_section_icon {
      flex: 1;
      padding-top: 0px;
      font-size: 20px;
      color: gray;
   }

   .lp_container .lp_navigation .single_section_container .single_sub_section_container .single_sub_section_icon.incomplete {
      color: orange;
   }

   .lp_container .lp_navigation .single_section_container .single_sub_section_container .single_sub_section_icon.complete {
      color: green;
   }

   .lp_container .lp_navigation .single_section_container .single_sub_section_container .single_sub_section_title {
      flex: 10;
      font-size: 1.4rem;
   }

   .lp_container .lp_navigation .single_section_container .single_sub_section_container .single_sub_section_duration {
      flex: 1;
      font-size: 1.4rem;
   }

   .lp_container .lp_main_content .kt_player {
        aspect-ratio: 16/9;
   }

    .lp_popup_container .article_open_new_tab_link {
        border: solid 1px;
        padding: 1.2rem 1.6rem 1.2rem;;
        background: transparent;
        color: white !important;
        border-radius: 5px;
        font-size: 1.4rem;
   }

   .lp_popup_container .article_open_new_tab_link:hover {
        text-decoration: none;
        background-color: white;
        color: black !important ;
   }

   .lp_popup_container .w11close {
        /* inset-inline-end: 10rem; */
        right: 6%;
        writing-mode: horizontal-tb;
   }

    @media (769px <= width <= 1520px) {
        .lp_popup_container .w11close {
            /* inset-inline-end: 10rem; */
            right: 6%;
            writing-mode: horizontal-tb;
       }
    }

    @media (width > 1520px) {
        .lp_popup_container .w11close {
            /* inset-inline-end: 10rem; */
            right: 8%;
            writing-mode: horizontal-tb;
       }
    }

    .lp_popup_container .please_wait_div {
          transform: translate(-50%, -50%);
          content: " ";
          display: block;
          position: absolute;
          opacity: 1;
          width: 40px;
          height: 40px;
          top: 50%;
          left: 50%;
          background: url('/asset/web/i/loading-sprite-light.png') 0 0 no-repeat;
          transition: opacity 300ms;
          animation: lightboxloading 600ms steps(6) infinite;
    }