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

header, footer {
    display: none;
}

p, li{
    color: white;
}

.modal-body p {
    color: inherit;
}

a:link {
    text-decoration: none;
    /*color: #6c757d !important;*/
}

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

#lesson-header {
    border-bottom: 1px solid rgba(255,255,255,.2);
}

#lesson-footer {
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.display-none {
    display: none !important;
}

.modal-backdrop
{
    opacity:0.7 !important;
}

.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);  }

.comment-body p {
    color: black;
}

.button-dark {
    background-color: #15181d !important;
}