/* ------------------------------------------------------------------------------------------------------------------------
DARK MODE STYLES
--------------------------------------------------------------------------------------------------------------------------- */

.dark-mode{background:#283041;color:#e1ebf5}
.dark-mode ::selection{background:#fff;color:#283041}
.dark-mode .loader{color:#283041}
.dark-mode .page .section-gray{background:#283041}
.dark-mode .page .section-white{background:#2a3244}
.dark-mode .page .section-light{background:#2a3244}
.dark-mode .page .section-body{background:#283041}
.dark-mode .page .section-dark{background:#283041}
.dark-mode a:hover{
    color: rgb(126, 32, 6) !important;
}
.dark-mode .text-gray-dark, 
.dark-mode .text-gray{
    color: #dde1e6 !important;
}

.dark-mode #left-sidebar, .dark-mode #Notifications .card-header,
.dark-mode #Notifications, .dark-mode .Notificationsbar,
.dark-mode .user_div{
    background:#283041; border: none;
    color:#e1ebf5;
}
.dark-mode #left-sidebar .metismenu a, .dark-mode #left-sidebar .metismenu .g_heading{color:#e1ebf5}
.dark-mode #left-sidebar #left-sidebar-nav .sidebarfootertext .footertext, 
.dark-mode .container-fluid #loadvideos div.videoinfo .videotitle, 
.dark-mode .container-fluid #loadvideos div.videoinfo .videoauthor, 
.dark-mode .container-fluid #loadchannelhomevideos #delsinglepopular_videodiv div.videoinfo .videoauthor,
.dark-mode .container-fluid #loadchannelhomevideos #delsinglepopular_videodiv div.videoinfo .videotitle,
.dark-mode .container-fluid #advertbox h6{
    color:#dbe0e6 !important;
}
.dark-mode .container-fluid #advertbox{
    background:#283041 !important; border: none;
    color:#e1ebf5;
}
.dark-mode #left-sidebar #left-sidebar-nav .sidebarfootertext .footertext:hover, 
.dark-mode #left-sidebar .metismenu a:hover{
    color: rgb(126, 32, 6) !important;
}


/* .dark-mode #left-sidebar .brand-name,.dark-mode .user_div .brand-name{color:#e1ebf5} */

.dark-mode #left-sidebar .card,
.dark-mode .user_div .card{background:transparent}
.dark-mode .user_div .card-header,
.dark-mode .card-header.default-header{
    background: #e1ebf5 !important; border: none;
    color: #000 !important;
}
.dark-mode .user_div .usernav a, 
.dark-mode .card-body .usernav a,
.dark-mode .card-body .usernav .userremovechannelform{
    background:#283041 !important;
    color:#e1ebf5;
}

.dark-mode form input[placeholder],
.dark-mode form select option[selected],
.dark-mode form input[value],
.dark-mode form textarea[placeholder]{
    color:#e1ebf5 !important;
}



.dark-mode .theme_div .card, .dark-mode .card{
    background:#283041 !important; 
    color:#e1ebf5 !important;
}
.dark-mode .main_body .filter_row{
    background:#283041 !important; 
}


.dark-mode #header_top, 
.dark-mode #settingsidebar{
    background:#283041 !important; 
    color: #e1ebf5 !important;
}

.dark-mode #settingsidebar a.settingbar, 
.dark-mode #settingsidebar .setting-list .switchtext, 
.dark-mode #settingsidebar  .switchtext{
    color: #e1ebf5 !important;
}

.dark-mode #header_top .brand-logo{background:#2d364a}
.dark-mode #header_top .nav-link{color:#e1ebf5}
.dark-mode #header_top .nav-link:hover{background:#fff; color: #2d364a;}

.dark-mode .navbar, 
.dark-mode .navbar .page-header .right .notification a{
    background:#283041 !important; 
    color:#e1ebf5 !important;
}
.dark-mode .page-header .right .nav-pills .nav-link,
.dark-mode .page-header .left .nav-link.fabars{color:#fff}
.dark-mode .page-header .left .navbar-brand{color:rgb(226, 199, 199)}

.dark-mode .page-header .right .notification .nav-link.loginbtn,
.dark-mode .btn{
    background: #e1ebf5 !important;
    color: #2d364a !important;
    border: none !important;
}

.dark-mode .metismenu .active>a{color:#e1ebf5}
.dark-mode .metismenu .active ul .active a{color:#e1ebf5}
.dark-mode .metismenu a,.dark-mode .metismenu ul a{color:#6e7175}
.dark-mode .metismenu .has-arrow:after{color:rgba(255,255,255,0.2)}
.dark-mode .metismenu.grid>li>a{border-color:#2d364a}
.dark-mode .header{background:#283041}
.dark-mode .header .nav-tabs .nav-link{color:#fff}
.dark-mode .header .nav-tabs .nav-link.active{border-color:#fff}
.dark-mode .header .dropdown-menu .dropdown-item:hover,
.dark-mode .header .dropdown-menu .dropdown-item.active{color:#fff}
.dark-mode .card{background:#2a3244;border-color:#2d364a;color:#e1ebf5}
.dark-mode .card-header{border-color:#2d364a}
.dark-mode .card-header.bline{border-color:#2d364a}
.dark-mode .page-title,.dark-mode .form-control-plaintext{color:#e1ebf5}
.dark-mode .table thead th{border-color:#585858}
.dark-mode .table td,.dark-mode .table th{border-color:#2d364a}
.dark-mode .table.table_custom thead tr{background:transparent}
.dark-mode .table.table_custom thead tr th{color:#fff}
.dark-mode .table.table_custom tr{background:#2a3244}
.dark-mode .table.table_custom.border-style tr td{border-color:#2d364a}
.dark-mode .table.table_custom.border-style tr:hover td{border-top-color:#2185d0;border-bottom-color:#2185d0}
.dark-mode .table.table_custom.border-style tr:hover td:first-child{border-left-color:#2185d0}
.dark-mode .table.table_custom.border-style tr:hover td:last-child{border-right-color:#2185d0}
.dark-mode .table.table-custom td,.dark-mode .table.table-custom th{background:#2a3244}
.dark-mode .form-control:disabled,.dark-mode .dataTables_wrapper .dataTables_filter:disabled,
.dataTables_wrapper .dark-mode .dataTables_filter:disabled,.dark-mode .form-control[readonly],
.dark-mode .dataTables_wrapper .dataTables_filter[readonly],
.dataTables_wrapper .dark-mode .dataTables_filter[readonly]{background:#283041}
.dark-mode .gender_overview{background:#2d364a}
.dark-mode .selectize-input{background:transparent;border-color:#2d364a}
.dark-mode .selectize-input.full{background:transparent;border-color:#2d364a}
.dark-mode .multiselect_div>.btn-group .btn,
.dark-mode .multiselect_div>.btn-group .dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .dark-mode .multiselect_div>.btn-group .paginate_button
{background:transparent;border-color:#2d364a;color:#fff}

.dark-mode .multiselect_div>.btn-group .btn.btn-success,
.dark-mode .multiselect_div>.btn-group .dataTables_wrapper .dataTables_paginate .btn-success.paginate_button,
.dataTables_wrapper .dataTables_paginate .dark-mode .multiselect_div>.btn-group .btn-success.paginate_button
{background:#21ba45;color:#fff}
.dark-mode .multiselect_div>.btn-group .btn.btn-primary,
.dark-mode .multiselect_div>.btn-group .dataTables_wrapper .dataTables_paginate .btn-primary.paginate_button,
.dataTables_wrapper .dataTables_paginate .dark-mode .multiselect_div>.btn-group .btn-primary.paginate_button{background:#17a2b8;color:#fff}
.dark-mode .form-control,.dark-mode .dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dark-mode .dataTables_filter,.dark-mode .input-group-append>.btn,
.dark-mode .dataTables_wrapper .dataTables_paginate .input-group-append>.paginate_button,
.dataTables_wrapper .dataTables_paginate .dark-mode .input-group-append>.paginate_button,
.dark-mode .custom-select{background:transparent;border-color:#2d364a}
.dark-mode .custom-checkbox .custom-control-label:before{background-color:#2d364a}
.dark-mode .input-group-text,.dark-mode .page-header,.dark-mode .timeline_item,
.dark-mode .timeline_item .tl_avatar,.dark-mode .recent_comments li,.dark-mode .feeds_widget li,
.dark-mode .list-group-item,.dark-mode .progress,.dark-mode .file_folder a,
.dark-mode .chat_app .chat_list,.dark-mode .selectgroup-button,.dark-mode .card-footer{border-color:#2d364a}
.dark-mode .btn.btn-default,.dark-mode .dataTables_wrapper .dataTables_paginate .btn-default.paginate_button,
.dataTables_wrapper .dataTables_paginate .dark-mode .btn-default.paginate_button,
.dark-mode .dataTables_wrapper .dataTables_paginate .btn-default.paginate_button{border-color:#2d364a;background:transparent}
.dark-mode .todo_list li,.dark-mode .nav-tabs,.dark-mode .chat_app .chat_windows .chat-message{border-color:#2d364a}
.dark-mode .right_chat li{background:#2d364a}.dark-mode .right_chat .media .name{color:#e1ebf5}
.dark-mode .offcanvas-active #header_top{background:#2a3244}.dark-mode .list-widget a{border-color:#2d364a;color:#e1ebf5}
.dark-mode .dropify-wrapper{background-color:#283041;border-color:#2d364a}
.dark-mode .dropify-wrapper:hover{
    background-image:linear-gradient(-45deg, #2a3244 25%, transparent 25%, transparent 50%, #2a3244 50%, #2a3244 75%, transparent 75%, transparent)
}
.dark-mode .list-group-item{background:#2a3244}
.dark-mode .right_chat li:hover{background:#283041}
.dark-mode #calendar.fc .fc-toolbar h2{color:#e1ebf5}
.dark-mode #calendar.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content,
.dark-mode #calendar.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content,
.dark-mode #calendar.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg,
.dark-mode #calendar.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg{border-color:#2d364a !important}
.dark-mode #calendar.fc .fc-view-container .fc-other-month{background:#283041}
.dark-mode .inbox .detail{background:#2a3244}
.dark-mode .inbox .detail .detail-header{background:#283041}
.dark-mode .note-editor.note-frame{background:#283041;border-color:#2d364a}
.dark-mode .note-editor.note-frame .note-editing-area .note-editable{background:#283041;color:#e1ebf5}
.dark-mode .wizard>.steps .disabled a,.dark-mode .wizard>.steps .disabled a:hover,
.dark-mode .wizard>.steps .disabled a:active{background:#283041}
.dark-mode .wizard>.content{background:#283041}
.dark-mode .progress{background:#2d364a}
.dark-mode #page_top .right_chat li{background:inherit}
.dark-mode #page_top .right_chat .media .name{color:#fff;}
.dark-mode #page_top .feeds_widget li{border-color:#E8E9E9}

/* .dark-mode .apexcharts-canvas .apexcharts-yaxis .apexcharts-yaxis-label,
.dark-mode .apexcharts-canvas .apexcharts-yaxis .apexcharts-xaxis-label,
.dark-mode .apexcharts-canvas .apexcharts-xaxis .apexcharts-yaxis-label,
.dark-mode .apexcharts-canvas .apexcharts-xaxis .apexcharts-xaxis-label{fill:#80868e !important}
.dark-mode .apexcharts-canvas .apexcharts-legend .apexcharts-legend-text{color:#80868e !important}
.dark-mode .apexcharts-canvas .apexcharts-gridline{stroke:#2d364a !important}
.dark-mode .apexcharts-canvas .apexcharts-pie-series path{stroke:#2a3244 !important}
.dark-mode .apexcharts-canvas .apexcharts-radialbar-track path{stroke:#2d364a !important}
.dark-mode .apexcharts-canvas .apexcharts-radar-series polygon{fill:#2a3244 !important;stroke:#2d364a !important}
.dark-mode .apexcharts-canvas .apexcharts-radar-series line{stroke:#2d364a !important} */



.dark-mode .modal .modal-content{
    background:#2d364a !important;
}
.dark-mode .btn{color:#B9CA00}
/* .dark-mode .metismenu.grid>li>a{border-color:rgba(255,255,255,0.2)} */
/* .dark-mode.sidebar_dark .sidebar .metismenu .active>a{color:rgb(126, 32, 6)}
.dark-mode.sidebar_dark .sidebar .metismenu .active ul .active a{color:rgb(126, 32, 6)} */
.dark-mode .nav-tabs .nav-link.active{
    color:rgb(126, 32, 6);
}