form div .form-label{
    display:flex;
    align-items:center;
}

.card .card-body ul{
	list-style-type: none;
	padding-left: 0;
}

.bg-gradient-blue {
    background-image: linear-gradient(180deg, #0b9bf4 10%, #87D2FF 100%);
    background-size: cover;
}

.bg-gradient-blue-revert {
    background-image: linear-gradient(180deg, #87D2FF 10%, #0b9bf4 100%);
    background-size: cover;
}

.btn-blue {
    color: #fff;
    background-color: #87D2FF;
    border-color: #87D2FF;
}

.btn-blue:hover {
    color: #fff;
    background-color: #0b9bf4;
    border-color: #d4daed;
}

.btn-blue:focus, .btn-blue.focus {
    color: #fff;
    background-color: #0b9bf4;
    border-color: #d4daed;
    box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}

.btn-blue.disabled, .btn-blue:disabled {
    color: #fff;
    background-color: #87D2FF;
    border-color: #87D2FF;
}

.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #d4daed;
    border-color: #cbd3e9;
}

.btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}


.lesson_details p, .lesson_details h4{
    color: black;
}

video-player-container {
  width: 100%;
  height: 1000px;
}

video-player {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.note-toolbar{
    position: fixed;
    top: 40px;
}