:root {
    --container-color:#fff;
    --page-title-color: #6c757d;
}

.bg-secondary {
    background-color: #A9BBBF !important;
}

.

.page-title-color {
    color: var(--page-title-color) !important;
}

.custom-container {
    background-color: var(--container-color); 
    color: #000 !important;
    box-shadow: 0px 1px 2px 0px #d8d8d8;
}

.radio-container:not(.bg-warning, .bg-secondary) {
    background-color: #0A686E !important;
    color: #fff !important;
}

.answer .radio-container {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: normal !important;
}



.sub-radio-container {
    background-color: #0E8992 !important;
}

.module-radio-container {
    background-color: #11ABB6 !important;
}

.col-form-label {
    color: #6c757d !important;
}

input.form-control{
    background-color: #ECEEEE !important;
    color: #000 !important;
}

input.form-control:not(.input-group input.form-control) {
    border: 1px solid #6c757d !important;
}

button.btn:not((.btn-warning, .btn-danger)) {
   background-color: #07464B !important; 
   /* background-color: #0140EF !important;  */
   font-weight: normal !important;
}

.color-l {
    color: #6c757d !important;
}

#main-panel {
    background-color: #f6f8fe !important;
}

.page-title {
    color: var(--page-title-color) !important;
}

.folder-header {
    background-color: var(--container-color);  
    color: #000;
}

.folder-header:not(.custom-shadow-top) {
    box-shadow: 0px 1px 2px 0px #d8d8d8;
}

.folder-body {
    background-color: var(--container-color); 
}
.folder-body:not(.custom-shadow-top) {
    box-shadow: 0px 1px 2px 0px #d8d8d8;
}

.folder-header::before {
    box-shadow: 0 -25px 0px -1px var(--container-color);
}

.folder  {
    color: #000;
}

#performance {
    background-color: var(--container-color); 
}

.bg-circle {
    background-color: #6c757d;
}

.folder-body-dark {
    background-color: #6c757d;
}

.fab {
    background: #6c757d;
}

.popovertext {
    background-color: #6c757d; 
}

.module-title{
  border: #6c757d 5px solid;
}

.folder .module-title {
  border: #6c757d 5px solid;
  color: #6c757d;
}

.bg-dark {
    background-color: var(--container-color) !important; 
    box-shadow: 0px 1px 2px 0px #d8d8d8;
}

.big-small-text .big-text {
    color: #000;
}
.big-small-text .small-text {
    color: #000;
}

.box {
    background-color: var(--container-color);
    box-shadow: 0px 1px 2px 0px #d8d8d8;
}
.box-line {
    background-color: #F6F8FE;
}
.bbox-text {
    color: #6c757d;
}
.box.active {
    color: #07464B; 
}
.box.w-hover:hover div {
    color: #07464B !important; 
}

.card {
    background-color: var(--container-color) !important; 
    color: #000 !important;
}

.bg-circle {
    background-color: #d8d8d8; 
    border: 2px solid #609D9F;
    color: #000;
}

.vid-inactive {
    background-color: #6c757d;
    color: #d8d8d8;
}

.box-dark {
    background-color: var(--container-color) !important; 
    color: #000;
    box-shadow: 0px 1px 2px 0px #d8d8d8;
}

.sidebar {
    box-shadow: -6px 0px 13px;
}

.card-header, .card-footer {
    background-color: transparent;
}

.folder-header.header-active {
  box-shadow: 0px -6px 3px -3px #d8d8d8;
}

.table th, .table td {
    color: #000 !important;
}

.big-calendar .day {
   background-color: var(--container-color) !important; 
    color: #000;
    box-shadow: 0px 1px 2px 0px #d8d8d8;
}

.flashcard-title {
    color: #6c757d;
}

#flashcard {
    color: #000;
}

.table.w-hover tbody tr:hover td {
    color: #609D9F !important;
}

a:hover, a:focus {
    color: #609D9F !important;
}

.box-dark .col-form-label:not(.radio-container), .box-dark input.form-control, .box-dark .input-group-text {
    color: #000 !important;
}

.box-dark input.form-control {
    border: 1px solid #6c757d !important;
}

.box-dark .btn {
    color: #fff;
} 

.box-dark textarea.form-control {
    color: #000;
    background-color: #ECEEEE;
}


.btn:not(.toggle, .btn-warning, .btn-danger), .navbar .navbar-nav>a.btn {
    background-color: #07464B !important;
    color: #fff !important;
}

.input-group-text {
    background-color: #d8d8d8 !important;
}

.box-dark select.form-control {
    background-color: #ECEEEE;
    color: #000;
}

.form-control{
    background-color: #ECEEEE !important;
    color: #000 !important;
}

.form-control:not(.input-group input.form-control) {
    border: 1px solid #6c757d !important;
}

.box-dark .form-control {
    background-color: #ECEEEE !important;
    color: #000;
}

.vl .video-thumbnail {
    background-color: #f4f4f4;
    border: 0.3rem #d8d8d8 solid;
}

.card-zoom .card-img-top {
    background-color: #f4f4f4;
    border: 0.3rem #d8d8d8 solid;
}

.folder-body .folder-body:not(.custom-shadow-top) {
    background-color: #f4f4f4;
}

.text-primary {
    color: #000 !important;
}

.video-thumnail {
    background-color: #f4f4f4 !important;
    border: 0.3rem #d8d8d8 solid !important;
}

.alert a {
    font-weight: bold;
}

.answer {
   border: 0.3rem #fff solid; 
}

.answer.correct {
    border: 0.3rem green solid !important; 
}

.letter-correct-answer {
    box-shadow: 0px 1px 2px 0px #d8d8d8;
}

.btn-primary {
    border-color: inherit;
}

.input-group .input-group-prepend .input-group-text {
    padding: 10px 10px 10px 18px;
}

.btn-sm {
    font-size: 14px !important;
    border-radius: 0.1875rem !important;
    padding: 5px 15px !important;
}

.bg-warning * {
    color: #000 !important;
}