/* Video Loader Styles */

#dynamic_pdf_modal#dynamic_pdf_modal {
    text-align: center;
    width: 90%; 
    height: 90%; 
    border: black 5px solid; 
    background: black; 
    text-align: center;
    /* overflow-x: scroll; */
    margin: auto;

}

#modal_page_container#modal_page_container {
    position: fixed;
    height: 10%; 
    width: 89%;
    background: red;
    box-shadow: none;
    /* margin: auto;   */
    
}

#close_modal#close_modal {
    position: relative; 
    z-index:999; 
    font: normal bolder 20px; 
    margin-right: 2.5%;
    background: black;
    color: white; 
    margin: auto;
    
}

#modal_header#modal_header {
    position: fixed;
    font-weight: bolder;
    text-align: center;
    font-size: 2vw;
    text-shadow: 2px black;
    word-spacing: 1vw;
    letter-spacing: 1vw;
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
}

#button_container#button_container {
    position: relative;
    text-align: center;
    margin-top: 2%; 
}   

#para1_container {
    border: solid black 6px;
    margin-top: 1vw;
}

#para1 {
    color: black;
    background: linear-gradient(rgb(92, 90, 90), rgb(161, 158, 158), rgb(110, 106, 106));
    padding: 5px; 
    text-indent: 35px;
    font: 1vw bold; 
    margin: 5px; 
  
}

#prev1#prev1 {
    position: relative;
    display: inline;
    z-index: 999;
    margin-right: 10%;
    margin-top: 2%;
    /* float: left; */
}

#next1#next1 {
    position: relative;
    display: inline;
    z-index: 999;
    margin-left: 10%;
    margin-top: 2%;
    /* float: right; */
}

.btn {
    border: solid 5px black;
}

#video_filename {
    display: inline;
    color: blue;
    font-size: 1vw;
    margin-top: 2%;
}

#pdf_loader {
    width: 100%;
    height: 90%;
    margin: auto; 

}

#video_stack {
    width: 100%;
    height: 90%;
    margin: auto; 
    margin-top: 15%;
    
    /* margin: 12.5% 0 0 6.25%;  */
}

#picture_cell {
    height: 90%;
    width: 90%;
    margin: auto; 

}

/* ------------------------------------------------- */