body, .preloader, .lockscreen-logo  { 
             color:#eeeeee!important;              background:black!important;              background-color:black!important;         }
    
            body, .preloader a, .login-logo a, .register-logo a, .lockscreen-logo a { 
             color:#1770dd!important;         }
    
            body, .preloader a:hover, .login-logo a:hover, .register-logo a:hover, .lockscreen-logo a:hover { 
             color:#1770dd!important;         }
    
            .text-muted { 
             color:white!important;         }  
    

            .breadcrumb-item > a {  color:white!important;  }  
        .breadcrumb-item > a:hover {  color:#cc0000!important;  }  
        .breadcrumb-item.active {  color:#cc0000!important;  }  
    

            .dark-mode, .preloader { 
             color:white!important;              background-color:#660000!important;         }


        .dark-mode .info-box,
        .dark-mode .card,
        .dark-mode .main-footer,
        .dark-mode .products-list > .item,
        .dark-mode .product-description,
        .dark-mode .users-list-name,
        .dark-mode .nav-pills .nav-link,
        .dark-mode .users-list-date,
        .dark-mode .direct-chat-timestamp,
        .dark-mode .content-wrapper,
        [class*="sidebar-dark"] .btn-sidebar, [class*="sidebar-dark"] .form-control-sidebar  {
             color:white;              background-color:#660000;         }

                    body :is(h1,h2,h3,h4,h5,h6) :not(.card),
            pre {
                 color:white;             }
        
                    body .content-header :is(h1,h2,h3,h4,h5,h6) {
                 color:white;             }
            
            .content-wrapper,
        .dark-mode .content-wrapper .content-header { 
             color:white;              background:black!important;         }

    
            .bs-stepper .step-trigger, pre {
             color:white;         }
    

            .content-wrapper a:not(.btn,i,.page-link) {  color:white;  }   
    
            .content-wrapper a:hover:not(.btn,i,.page-link) {  color:black;  }
    
            .navbar, 
        .navbar-brand { 
             color:white!important;              background-color:#660000!important;         }
    
            .navbar-nav .nav-link { 
             color:white!important;  
            }
    


            .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
             background-color:#cc0000!important;              color:white!important;         }
    
            .nav-header {
             color:white!important;         }
    
            .main-header {   border-bottom: 1px solid black!important;  }
    

            .main-sidebar { 
             color:white!important;              background-color:#660000!important;         }
    
            .nav-treeview > .nav-item > .nav-link {  color:white!important;  }
        .sidebar a {  color:white!important;  }
    
            .nav-treeview > .nav-item > .nav-link.active{
             color:white!important;              background-color:#f44336!important;         }
    

            .control-sidebar { 
             color:black!important;              background-color:white!important;         }
    
            .control-sidebar a {  color:#1770dd!important;  }
        .control-sidebar a:hover {  color:#177070!important;  }
    

            .main-footer { 
             color:white;              background-color:#660000;         }
     
             .main-footer a {  color:white;  }
     
             .main-footer a:hover {  color:black;  }
     
             .main-footer {   border-top: 1px solid black!important;  }
    

            .brand-link { 
             color:white!important;              background-color:#660000!important;                             
        }
    
            .brand-link:hover {  color:black!important;  }
    
            .info-box, .page-link, .list-group-item, .register-box, .login-card-body, .register-card-body, .dropdown-item, .dropdown-menu, .callout,
        .card, .card-comments, .card-comments .username, .card-comments .comment-text, .direct-chat-timestamp,
        .attachment-block, .attachment-block .attachment-text, 
        .timeline > div > .timeline-item,
        .timeline > div > .timeline-item > .timeline-header,
        blockquote { 
             color:white;              background-color:#444444; }
    
            .post,
        .fc-theme-bootstrap a:not([href]),
        .user-block .description { 
             color:white; 
        }
    

            .card a:not(.btn,i,.page-link), .card-comments a:not(.btn,i,.page-link),
        .info-box a:not(.btn,i,.page-link), .callout a:not(.btn,i,.page-link), .page-link a:not(.btn,i,.page-link),
        .timeline > div > .timeline-item a:not(.btn,i,.page-link),
        .timeline > div > .timeline-item > .timeline-header a:not(.btn,i,.page-link),
        .card .nav-pills .nav-link a:not(.btn,i,.page-link),
        blockquote a:not(.btn,i,.page-link) { color:white; }
    
            .card a:hover:not(.btn,i,.page-link), .card-comments a:hover:not(.btn,i,.page-link),
        .info-box a:hover:not(.btn,i,.page-link), .callout a:hover:not(.btn), .page-link a:hover :not(.btn,i,.page-link),
        .timeline > div > .timeline-item a:hover:not(.btn,i,.page-link),
        .timeline > div > .timeline-item > .timeline-header a:hover:not(.btn,i,.page-link),
        blockquote a:hover:not(.btn,i,.page-link) {  color:black!important;  }
    
            .login-card-body { 
             color:white!important;              background-color:#444444!important;  }
    
            .btn-tool {
             color:white!important; 
        }
    

            .register-logo { 
             color:#eeeeee!important;              background:black!important;  }
    
            .card,
        .small-box,
        .info-box,
        .alert,
        .callout,
        .timeline-item,
        .color-palette-set { 
              border: 2px solid white!important;                 
        }
    
            .card-header {
              border-bottom: 2px solid white!important;                 
        }
    
            .form-control:not(.is-valid,.is-warning,.is-invalid), 
        .form-control-sidebar,
        .select2-container--default .select2-selection--single,
        .select2-container--default .select2-selection--multiple,
        .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered,
        .select2-dropdown,
        .ranges,
        .select2-container--bootstrap4 .select2-selection,
        .bootstrap-duallistbox-container select,
        .input-group-text,
        .todo-list > li,
        .custom-file-label,

        .custom-select { 
             color:white!important;              background:black!important;              
                  border-top: 2px solid white !important;                    border-left: 2px solid white !important;                    border-bottom: 2px solid white !important;                    border-right: 2px solid white !important;  
                            
        }
    
            .form-control { 
             color:white!important;              background-color:black!important;             
        }
    
      
        .input-group-append > .input-group-text {
            padding: 0rem .5rem 0rem .5rem !important;  
            border-left: 0px solid white !important;

        }

        .input-group-append > .btn, .input-group-append > .btn:hover {
            padding: 0rem .5rem 0rem .5rem !important;  
            border-left: 0px solid white !important;
        }

        .input-group-prepend > .input-group-text {
            padding: 0rem .75rem 0rem .75rem !important;  
            border-right: 0px solid white !important;

        }

        .input-group-prepend > .btn {
            padding: 0rem .75rem 0rem .75rem !important;  
            border-right-width: 0px!important;

        }
        



    



            .custom-file-label::after {
             color:white!important;              background:black!important; 
        }
    

            .select2-container--default .select2-selection--single .select2-selection__rendered { color:white!important; }
    
    
    
            span > .select2-search__field {
             border: 2px solid white;                 
        }
    
            .select2-search__field { 
             color:white!important;              background-color:black!important;         }
    
            .form-control:focus, 
        .select2-container--default .select2-selection--single:focus,
        .select2-container--default .select2-selection--multiple:focus,
        .select2-container--default .select2-selection--multiple .select2-selection__choice,
        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice,
        .select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus,
        .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
        .select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"],
        .custom-select:focus { 
             color:white!important;              background-color:#990000!important;               border: 2px solid white;     
        }
    

    
            .form-control:read-only,
        .custom-select:read-only { 
             color:white;              background-color:#6fa8dc;         }
    

            .form-control:disabled, 
        .select2-container--default.select2-container--disabled .select2-selection--single,
        .select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection,
        .custom-select:disabled { 
             color:white;              background-color:#bcbcbc;         }
    

            .bootstrap-switch, 
        .bootstrap-switch.bootstrap-switch-focused,
        .sp-original-input-container .sp-add-on { 
             color:white!important;               border: 2px solid white;     
        }
    
            .bootstrap-switch .bootstrap-switch-label { 
             background:black;         }
    
        
            .bootstrap-switch .bootstrap-switch-handle-on {   border-right: 2px solid white;  }
        .bootstrap-switch .bootstrap-switch-handle-off {   border-left: 2px solid white;  }
        .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single,
        .select2-container--bootstrap4.select2-container--focus .select2-selection { 
              border: 2px solid white;    
        }
    






            .table { 
             color:black!important;              background-color:#f4cccc!important; 
              border-left: 2px solid white!important;                 
              border-top: 2px solid white!important;                 
              border-bottom: 2px solid white!important;                 
        }

        .table td { 
             color:black!important;  
              border-bottom: 2px solid white!important;                 
              border-right: 2px solid white!important;    
        }	
    

            .table thead th,
        .table.table-head-fixed thead tr:nth-child(1) th { 
             color:white!important;              background-color:#660000;              color:white;              background-color:#660000; box-shadow: inset 0 0px 0 #dee2e6;               border-bottom: 2px solid white!important;                 
              border-right: 2px solid white!important;    
        }

        table > tfoot > tr > th { 
             color:white!important;               border-bottom: 2px solid white!important;                 
              border-right: 2px solid white!important;     
              border-top: 2px solid white!important;    
             background-color:#660000; box-shadow: inset 0 0px 0 #dee2e6;         }
    
            table > thead > tr > th {   border-top: 0px!important;  }
    
            .table a {  color:#2986cc!important;  }
    
            .table a:hover {  color:black!important;  }
    
            .table td, .table th {   border-top: 0px!important;  }
    
            .table-bordered td, .table-bordered th {
              border: 2px solid white;    
        }
    

            .jsgrid-table { 
             color:black;               border-left: 2px solid white;     
              border-top: 2px solid white;     
              border-bottom: 2px solid white;     
             background-color:#f4cccc;         }
    
            .jsgrid-table td { 
             color:black;               border-bottom: 2px solid white;     
              border-right: 2px solid white;     
        }	
    

            .jsgrid-header-row > .jsgrid-header-cell {  
              border-right: 2px solid white!important;     
             color:white!important;              background-color:#660000; box-shadow: inset 0 0px 0 #dee2e6;         }


    
            .jsgrid-row > .jsgrid-cell { 
             color:black;              background-color:#f4cccc;         }
    

            .jsgrid-alt-row > .jsgrid-cell, tr.even > td
        { 
             color:black;              background-color:#fff2cc;         }
    

            .jsgrid-selected-row > .jsgrid-cell, 
        td.fc-daygrid-day:hover,
        tr:hover:not(.fc-scrollgrid-section) td:not(.fc-daygrid-day,.day,.weekend) { 
             color:black!important;              background-color:#6aa84f;              background:#6aa84f;               border-color: white;     
        }
    

            .jsgrid-header-row > .jsgrid-header-cell {   border-top:0px!important;  }
        .jsgrid-edit-row > .jsgrid-cell, .jsgrid-filter-row > .jsgrid-cell, .jsgrid-grid-body, .jsgrid-grid-header, .jsgrid-header-row > .jsgrid-header-cell, .jsgrid-insert-row > .jsgrid-cell {
              border:0px;         }
    

            .page-item.disabled .page-link {
             background-color:#333333!important;              color:#bcbcbc!important;               border-color: white;     

        }
    
            a.page-link {
             background-color:#660000!important;              color:white!important;               border-color: white;     
        }
    
            .page-link:hover {
             background-color:#f44336!important;              color:white!important;         }
    

            .page-item.active .page-link {
             background-color:#cc0000!important;              color:white!important;               border-color: white;     
        }
    
            .btn, .btn:hover, .page-link {   border: 1px solid white !important;   }
        .dropdown-divider { border-top: 1px solid white; }
    

    
    
    
    

    
    
    
    
    
    
    
    

       

       

       

       

       

       


    /* MISC TWEAK */
    .login-logo, .register-logo {
        margin-bottom: 0rem;
    }