.theme-dark {
  --color-bg-dark: #01131e;
  --color-text-dark: #f0f0f0;
  --color-text-opposite: #080808;
  --color-border-constrast: #5F6062;

  --color-bg-primary: #9f4545;
  --color-border-primary: #F76C6C;
  --color-text-primary: var(--color-text-dark);
  --color-bg-secondary: #353e63;
  --color-border-secondary: #455caf;
  --color-text-secondary: var(--color-text-dark);
  --color-bg-info: #2a5765;
  --color-border-info: #2a5765;
  --color-text-info: var(--color-text-dark);
  --color-bg-success: #254a25;
  --color-border-success: #3a753a;
  --color-text-success: var(--color-text-dark);
  --color-bg-warning: #533c1a;
  --color-border-warning: #9f7333;
  --color-text-warning: var(--color-text-dark);
  --color-bg-danger: #531a27;
  --color-border-danger: #9f3350;
  --color-text-danger: var(--color-text-dark);
  --color-bg-default: #232323;
  --color-border-default: #606060;
  --color-text-default: var(--color-text-dark);
  --color-bg-pink: #3b254a;
  --color-border-pink: #663a75;
  --color-text-pink: var(--color-text-dark);

  --color-text-title: #5bc0de;

  --color-bg-gradient-1: #61685b;
  --color-bg-gradient-2: #613230;
  --color-bg-gradient-3: #082d5e;

  background: var(--color-bg-dark);
  color: var(--color-text-dark);
}
.theme-dark a {
  color: var(--color-text-dark);
}

.theme-dark #menu .list-group-item.current a {
  background-color: var(--color-bg-primary);
}
.theme-dark #menu .list-group-item a {
  color: var(--color-text-dark);
}
.theme-dark #menu .list-group-item a,
.theme-dark #menu .list-group-item > label {
  color: var(--color-text-dark);
}
.theme-dark #menu {
  border-color: var(--color-border-constrast);
}
.theme-dark #menu .menu-toggle {
  border: 1px solid var(--color-border-constrast);
  background: var(--color-bg-dark);
  color: var(--color-text-dark);
}
.theme-dark .flag-icon.inactive {
  opacity: 0.3;
}

.theme-dark #dynamic_content {
  border-color: var(--color-border-constrast);
}
.theme-dark .btn-wordle {
  background: var(--color-bg-gradient-1);
}
.theme-dark #top_menu #breadcrumb {
  color: var(--color-text-dark);
}
.theme-dark #top_menu a {
  color: var(--color-text-dark);
}
.theme-dark .dropdown-menu {
  background: var(--color-bg-dark);
  border-color: var(--color-border-constrast);
}
.theme-dark .dropdown-menu a:hover {
  background: #022439;
}
.theme-dark footer .footer {
  background: var(--color-bg-dark);
  color: var(--color-text-dark);
  border-color: var(--color-border-constrast);
}
.theme-dark footer .mycow_copy {
  border-color: var(--color-border-constrast);
}
.theme-dark footer .footer a {
  color: var(--color-text-dark);
}
.theme-dark .table>thead>tr>th {
  color: var(--color-text-dark);
  border-color: var(--color-border-constrast);
}
.theme-dark .table>tbody>tr>td,
.theme-dark .table>tbody>tr>th,
.theme-dark .table>tfoot>tr>td,
.theme-dark .table>tfoot>tr>th,
.theme-dark .table>thead>tr>td,
.theme-dark .table>thead>tr>th,
.theme-dark .table>tbody>tr>td,
.theme-dark .table>tbody>tr>th,
.theme-dark .table>tfoot>tr>td,
.theme-dark .table>tfoot>tr>th,
.theme-dark .table>thead>tr>td,
.theme-dark .table>thead>tr>th
{
  border-color: var(--color-border-constrast);
}
.theme-dark .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.theme-dark.dashboard .widget {
  color: var(--color-text-dark);
}
.theme-dark.dashboard .widget,
.theme-dark.dashboard .widget .widget-header {
  border-color: var(--color-border-constrast);
}
.theme-dark.newspaper .articles article {
  border-color: var(--color-border-constrast);
  box-shadow: 0 2px 2px var(--color-border-constrast);
}
.theme-dark.newspaper .express {
  background-color: var(--color-bg-gradient-2);
}
.theme-dark.newspaper .videonews article h2,
.theme-dark .article-video-small h2,
.theme-dark .archive_list_category article h4 {
  background-color: var(--color-bg-gradient-3);
}

.theme-dark hr {
  border-color: var(--color-border-constrast);
}
.theme-dark .text-gray {
  color: #ccc;
}
.theme-dark.dashboard .highlight {
  color: var(--color-text-dark);
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark h1 a,
.theme-dark h2 a,
.theme-dark h3 a,
.theme-dark h4 a,
.theme-dark h5 a,
.theme-dark h6 a {
  color: var(--color-text-title);
}

.theme-dark .editor .main-frame #content .editor-menu .list-group-item a,
.theme-dark #headingMenuCollapse .list-group-item a {
  color: var(--color-text-dark);
}

.theme-dark acronym {
  background: #5a533b;
}

.theme-dark .menu_exercise {
  border-color: var(--color-border-constrast);
}

.theme-dark.qcm .qcm_list {
  background: rgba(200, 224, 253, 0.3);
}

.theme-dark .mci-plus-blue {
  background-image: url(/img/mcw-2021/icon/plus_blue_dark.svg);
}

.theme-dark.editor .root a {
  color: var(--color-text-default);
  border-color: var(--color-border-constrast);
}
.theme-dark.editor .root a:hover {
  color: var(--color-text-opposite);
}
.theme-dark.editor .main-frame #content .editor-menu .list-group-item a,
.theme-dark.editor .main-frame #content .editor-menu .list-group-item,
.theme-dark #headingMenuCollapse .list-group-item a,
.theme-dark #headingMenuCollapse .list-group-item {
  color: var(--color-text-dark);
  border-color: var(--color-border-constrast);
}

.theme-dark.editor .main-frame #content .editor-menu .list-group-item.current,
.theme-dark #headingMenuCollapse .list-group-item.current {
  background: rgba(251, 232, 165, 0.3);
  color: var(--color-text-dark);
}

.theme-dark .hero {
  background-image: url(../../img/mcw-2021/hero_bg_dark.svg);
}

.theme-dark.home .features,
.theme-dark.home .payment_secured{
  background-color: var(--color-bg-gradient-1);
}

.theme-dark.home .features h4,
.theme-dark.home .payment_secured h3 {
  color: var(--color-text-title);
}
.theme-dark.home #main p {
  color: var(--color-text-dark);
}
.theme-dark.home #news {
  background-color: var(--color-bg-gradient-3);
}
.theme-dark.home #exercise {
  background-color: var(--color-bg-gradient-2);
}

.theme-dark .menu_exercise a h2 {
  color: var(--color-text-title);
}
.theme-dark .menu_exercise .cta {
  background-color: var(--color-bg-secondary);
}
.theme-dark .menu_exercise ol li,
.theme-dark .menu_exercise ol li a,
.theme-dark .menu_exercise ul li,
.theme-dark .menu_exercise ul li a {
  color: var(--color-text-dark);
}

.theme-dark .phrases-item {
  border-color: var(--color-border-constrast);
}

.theme-dark .list-group-item {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-dark);
}

.theme-dark .pccontent.thatslife .pctitle {
  color: var(--color-text-title);
  border-color: var(--color-border-warning);
}
.theme-dark .pccontent.thatslife .pclinks a {
  background-color: var(--color-bg-warning);
}
.theme-dark .pccontent.thatslife .pclinks > a.active {
  background-color: var(--color-border-warning);
}

.theme-dark .pccontent.events .pclinks a {
  background-color: var(--color-bg-danger);
}
.theme-dark .pccontent.events .pclinks a.active {
  background-color: var(--color-border-danger);
}
.theme-dark .pccontent.events .pctitle {
  color: var(--color-text-title);
  border-color: var(--color-border-danger);
}

.theme-dark .list-group-condensed li {
  border-color: var(--color-border-constrast);
}
.theme-dark .lexical dt,
.theme-dark dl.lexical {
  background-color: var(--color-bg-gradient-1);
  border-color: var(--color-border-constrast);
  color: var(--color-text-dark);
}
.theme-dark .lexical dd {
  background-color: transparent;
  border-color: var(--color-border-constrast);
  color: var(--color-text-dark);
}

.theme-dark .flashcard {
  background-image: linear-gradient(#333333, #1c1c1c);
  border-color: var(--color-border-constrast);
}
.theme-dark .flashcard .data {
  color: var(--color-text-dark);
}
.theme-dark #chrono {
  border-color: var(--color-border-default);
}

.theme-dark.share .content_document .share_title {
  color: var(--color-text-default);
}

.theme-dark .well {
  background-color: var(--color-bg-gradient-1);
  border-color: var(--color-border-constrast);
  color: var(--color-text-dark);
}

.theme-dark #Stat-user .well-card {
  background-color: var(--color-bg-gradient-1);
  border-color: var(--color-border-constrast);
  color: var(--color-text-dark);
}
.theme-dark .detailPageTypeParent {
  background-color: var(--color-bg-gradient-1);
}
.theme-dark .row-stats-month {
  background-color: var(--color-bg-gradient-2);
}
.theme-dark .row-stats-jour {
  background-color: var(--color-bg-gradient-1);
}
.theme-dark.offers.result .score {
  background-color: var(--color-bg-success);
}
.theme-dark.offers.result .scale {
  color: var(--color-text-dark);
}

.theme-dark .form-control {
  background-color: var(--color-bg-dark);
  border-color: var(--color-border-constrast);
  color: var(--color-text-dark);
}
.theme-dark .input-group-addon {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-border-secondary);
  color: var(--color-text-dark);
}
.theme-dark .nav-tabs {
  border-color: var(--color-border-constrast);
}
.theme-dark .nav>li>a:focus,
.theme-dark .nav>li>a:hover {
  border-color: var(--color-border-constrast);
}

.theme-dark .nav-tabs>li.active>a,
.theme-dark .nav-tabs>li.active>a:focus,
.theme-dark .nav-tabs>li.active>a:hover {
  background-color: var(--color-bg-default);
  border-color: var(--color-border-default);
  color: var(--color-text-default);
}

.theme-dark.pro #dynamic_content {
  background: url(../../img/mcw-2021/pro_bg_dark.svg) top center no-repeat;
}

.theme-dark .alert-primary,
.theme-dark .label-primary,
.theme-dark .btn-primary,
.theme-dark .btn-primary:hover,
.theme-dark .btn-primary:focus ,
.theme-dark.home #exercise .btn-primary {
  background: var(--color-bg-primary);
  border-color: var(--color-border-primary);
  color: var(--color-text-primary);
}

.theme-dark .alert-secondary,
.theme-dark .label-secondary,
.theme-dark .btn-secondary,
.theme-dark .btn-secondary:hover,
.theme-dark .btn-secondary:focus {
  background: var(--color-bg-secondary);
  border-color: var(--color-border-secondary);
  color: var(--color-text-secondary);
}

.theme-dark .alert-info,
.theme-dark .label-info,
.theme-dark .btn-info,
.theme-dark .btn-info:hover,
.theme-dark .btn-info:focus {
  background: var(--color-bg-info);
  border-color: var(--color-border-info);
  color: var(--color-text-info);
}

.theme-dark .alert-success,
.theme-dark .label-success,
.theme-dark .btn-success,
.theme-dark .btn-success:hover,
.theme-dark .btn-success:focus {
  background: var(--color-bg-success);
  border-color: var(--color-border-success);
  color: var(--color-text-success);
}

.theme-dark .alert-pink,
.theme-dark .label-pink,
.theme-dark .btn-pink,
.theme-dark .btn-pink:hover,
.theme-dark .btn-pink:focus {
  background: var(--color-bg-pink);
  border-color: var(--color-border-pink);
  color: var(--color-text-pink);
}

.theme-dark .alert-warning,
.theme-dark .label-warning,
.theme-dark .btn-warning,
.theme-dark .btn-warning:hover,
.theme-dark .btn-warning:focus {
  background: var(--color-bg-warning);
  border-color: var(--color-border-warning);
  color: var(--color-text-warning);
}

.theme-dark .alert-danger,
.theme-dark .label-danger,
.theme-dark .btn-danger,
.theme-dark .btn-danger:hover,
.theme-dark .btn-danger:focus {
  background: var(--color-bg-danger);
  border-color: var(--color-border-danger);
  color: var(--color-text-danger);
}

.theme-dark .alert-default,
.theme-dark .label-default,
.theme-dark .btn-default,
.theme-dark .btn-default:hover,
.theme-dark .btn-default:focus {
  background: var(--color-bg-default);
  border-color: var(--color-border-default);
  color: var(--color-text-default);
}

.theme-dark .list-group-item-outline-secondary a.btn {
  color: var(--color-text-default)
}

.theme-dark .list-group-item-outline-primary,
.theme-dark .list-group-item-outline-primary a,
.theme-dark .list-group-item-outline-secondary,
.theme-dark .list-group-item-outline-secondary a {
  background: none;
  color: var(--color-text-default);
}
.theme-dark .list-group-item-outline-primary,
.theme-dark .list-group-item-outline-primary a {
  border-color: var(--color-border-primary);
  color: var(--color-border-primary);
}
.theme-dark .list-group-item-outline-secondary,
.theme-dark .list-group-item-outline-secondary a {
  border-color: var(--color-border-secondary);
  color: var(--color-border-secondary);
}
.theme-dark .btn-outline-primary {
  color: var(--color-border-primary);
}
.theme-dark .btn-outline-secondary {
  color: var(--color-border-secondary);
}

.theme-dark .level--a1 {
  background-color: var(--color-border-success);
}
.theme-dark .level--a2 {
  background-color: var(--color-bg-success);
}
.theme-dark .level--b1 {
  background-color: var(--color-border-warning);
}
.theme-dark .level--b2 {
  background-color: var(--color-bg-warning);
}
.theme-dark .level--c1 {
  background-color: var(--color-border-danger);
}
.theme-dark .level--c1 {
  background-color: var(--color-bg-danger);
}

.theme-dark .ui-tooltip {
  background: var(--color-bg-default);
  color: var(--color-text-dark);
}

.theme-dark.llm .message {
  background: var(--color-bg-gradient-1);
  color: var(--color-text-dark);
}
.theme-dark.llm .send_message {
  background: var(--color-bg-gradient-1);
  color: var(--color-text-dark);
}

.theme-dark .jumbotron {
  background: var(--color-bg-gradient-1);
  color: var(--color-text-dark);
}

.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-bg-primary);
  color: var(--color-text-dark);
}
.theme-dark .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-dark);
}

.theme-dark .select2-dropdown,
.theme-dark .select2-container--default .select2-selection--single {
  background-color: var(--color-bg-dark);
  color: var(--color-text-dark);
}

.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--color-text-dark);
}

.theme-dark .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: var(--color-bg-secondary);
}


.theme-dark .filter-choice {
  border-color: var(--color-text-dark);
  color: var(--color-text-dark);
}

.theme-dark .filter-choice:hover {
  border-color: #ff9e35;
  color: #ff9e35;
}

