body {
    /*background: url(../img/video_bg.jpg) 50% 0 no-repeat #15181c;*/
    /*color: #fff;*/
}

header, footer {
    display: none;
}


a:link {
    text-decoration: none;
}

:root {
    /*--plyr-color-main: #932ab6;*/
}

nav {
    border: black;
}

#lesson-header {
    border-bottom: 1px solid #DDDDDD;
}

#lesson-footer {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.dropdown-toggle {
    border: 1px solid rgba(255,255,255,.2); background-color: #F0F4FA
}

#lesson-body p {
    font-size: larger;
    line-height: 200%;
}

#lesson-name {
    color: black;
}

.modal .modal-dialog-aside{
    width: 450px;
    max-width:80%; height: 100%; margin:0;
    transform: translate(0); transition: transform .2s;
}

.modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
.modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%); }
.modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }

.modal.show .modal-dialog-aside{ transform: translateX(0);  }

.btn-style {
    background-color: #195ec8;
    color: #FFFFFF;
    border-radius: .3rem;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}