body, .preloader, .lockscreen-logo  { 
             color:#686c71!important;              background:#eeeef8!important;              background-color:#eeeef8!important;         }
    
    
    
    

            .breadcrumb-item > a {  color:#686c71!important;  }  
        .breadcrumb-item > a:hover {  color:#007bff!important;  }  
        .breadcrumb-item.active {  }  
    

    
    
    

    
    
            .navbar, 
        .navbar-brand { 
             color:#0004ff!important;                     }
    
    


            .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
                         color:#2962ff!important;         }
    
            .nav-header {
             color:#0004ff!important;         }
    
    

    
    
            .nav-treeview > .nav-item > .nav-link.active{
             color:#2962ff!important;                     }
    

    
    

    
     
     
     

    
            .brand-link:hover {  }
    
    
    

    
    
    
    

            .register-logo { 
             color:#686c71!important;              background:#eeeef8!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:#222222!important;              background:#eeeef8!important;              
                  border-top: 1px solid #80bdff !important;                    border-left: 1px solid #80bdff !important;                    border-bottom: 1px solid #80bdff !important;                    border-right: 1px solid #80bdff !important;  
                            
        }
    
            .form-control { 
             color:#222222!important;              background-color:#eeeef8!important;             
        }
    
      
        .input-group-append > .input-group-text {
            padding: 0rem .5rem 0rem .5rem !important;  
            border-left: 0px solid #80bdff !important;

        }

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

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

        }

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

        }
        



    



            .custom-file-label::after {
             color:#222222!important;              background:#eeeef8!important; 
        }
    

            .select2-container--default .select2-selection--single .select2-selection__rendered { color:#222222!important; }
    
    
    
            span > .select2-search__field {
             border: 1px solid #80bdff;                 
        }
    
            .select2-search__field { 
             color:#222222!important;              background-color:#eeeef8!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 { 
                                      border: 1px solid #80bdff;     
        }
    

            .form-control::placeholder {
             color:#222222!important; 
        }
    
    

    

            .bootstrap-switch, 
        .bootstrap-switch.bootstrap-switch-focused,
        .sp-original-input-container .sp-add-on { 
             color:#222222!important;               border: 1px solid #80bdff;     
        }
    
            .bootstrap-switch .bootstrap-switch-label { 
             background:#eeeef8;         }
    
        
            .bootstrap-switch .bootstrap-switch-handle-on {   border-right: 1px solid #80bdff;  }
        .bootstrap-switch .bootstrap-switch-handle-off {   border-left: 1px solid #80bdff;  }
        .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: 1px solid #80bdff;    
        }
    






    

            .table thead th,
        .table.table-head-fixed thead tr:nth-child(1) th { 
             color:white!important;              background-color:#2962ff;              color:white;              background-color:#2962ff; box-shadow: inset 0 0px 0 #dee2e6;                             
               
        }

        table > tfoot > tr > th { 
             color:white!important;                             
                
               
             background-color:#2962ff; box-shadow: inset 0 0px 0 #dee2e6;         }
    
    
    
    
    
    

    
    

            .jsgrid-header-row > .jsgrid-header-cell {  
                
             color:white!important;              background-color:#2962ff; box-shadow: inset 0 0px 0 #dee2e6;         }


    
    

    

    

    

    
    
    

            .page-item.active .page-link {
             background-color:#2962ff!important;                            
        }
    
    

    
    
    
    

    
    
    
    
    
    
    
    

      
        .alert-warning { background-color: #2962ff !important; } 
        .bg-primary { background-color: #2962ff !important; }
        .btn-primary { background-color: #2962ff !important; }
        .btn-outline-primary { color:#2962ff !important; }
        .btn-outline-primary:hover { color:white !important; background-color: #2962ff !important;  }
        .btn.bg-gradient-primary:hover { background: #2962ff !important; }

        .active .bs-stepper-circle { background-color: #2962ff!important; }


           
            .bg-gradient-primary { background: #2962ff linear-gradient(180deg,#2962ff,#2962ff) repeat-x !important; }
          


        .card-primary:not(.card-outline) > .card-header { background-color: #2962ff !important; }
        .card-primary.card-outline-tabs > .card-header a.active {
            border-top: 3px solid #2962ff!important;
        }

        .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before, .icheck-primary > input:first-child:checked + label::before {
            background-color: #2962ff!important;
            border-color: #2962ff!important;
            border: 1px solid #2962ff!important;
        }

        .icheck-primary > input:first-child:hover + input[type="hidden"] + label::before, .icheck-primary > input:first-child:hover + label::before {
            border: 3px solid #2962ff!important;

        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
            background: #2962ff!important;     
                    }
        
        .custom-control-input:checked ~ .custom-control-label::before { background-color: #2962ff!important; }
        .custom-range::-moz-range-thumb { background-color: #2962ff!important; }
        .progress-bar-primary { background-color: #2962ff!important; }
        .text-primary { color: #2962ff!important; }
        .card-primary:not(.card-outline) > .card-header { background-color: #2962ff!important; }
        select > option:checked { background: #2962ff -webkit-linear-gradient(bottom, #2962ff 0%, #2962ff 100%)!important; }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                        background-color: #2962ff!important;
        }

        .direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before {
            border-left-color: #2962ff!important;
        }

        .direct-chat-primary .left > .direct-chat-text::after, .direct-chat-primary .left > .direct-chat-text::before {
            border-right-color: #2962ff!important;
        }

        .direct-chat-primary .right > .direct-chat-text {
            background-color: #2962ff!important;
            border-color: #2962ff!important;
                    }

        .direct-chat-primary .left > .direct-chat-text {
            background-color: #2962ff!important;
            border-color: #2962ff!important;
                    }

        .badge-primary {
                        background-color: #2962ff!important;
        }

        blockquote { border-left-color: #2962ff; }
        blockquote.quote-primary { border-color: #2962ff!important; }

        .card-primary.card-outline { border-top: 3px solid #2962ff; }
        .callout.callout-primary { border-left-color: #2962ff!important; }


       

      
        .alert-warning { background-color: #6c757d !important; } 
        .bg-secondary { background-color: #6c757d !important; }
        .btn-secondary { background-color: #6c757d !important; }
        .btn-outline-secondary { color:#6c757d !important; }
        .btn-outline-secondary:hover { color:white !important; background-color: #6c757d !important; }
        .btn.bg-gradient-secondary:hover { background: #6c757d !important; }

           
            .bg-gradient-secondary { background: #6c757d linear-gradient(180deg,#6c757d,#6c757d) repeat-x !important; }
          


        .card-secondary:not(.card-outline) > .card-header { background-color: #6c757d !important; }
        .card-secondary.card-outline-tabs > .card-header a.active {
            border-top: 3px solid #6c757d!important;
        }

        .icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before, .icheck-secondary > input:first-child:checked + label::before {
            background-color: #6c757d!important;
            border-color: #6c757d!important;
            border: 1px solid #6c757d!important;
        }

        .icheck-secondary > input:first-child:hover + input[type="hidden"] + label::before, .icheck-secondary > input:first-child:hover + label::before {
            border: 3px solid #6c757d!important;

        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
            background: #6c757d!important;     
                    }
        
        .progress-bar-secondary { background-color: #6c757d!important; }
        .text-secondary { color: #6c757d!important; }
        .card-secondary:not(.card-outline) > .card-header { background-color: #6c757d!important; }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                        background-color: #6c757d!important;
        }

        .direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before {
            border-left-color: #6c757d!important;
        }

        .direct-chat-secondary .left > .direct-chat-text::after, .direct-chat-secondary .left > .direct-chat-text::before {
            border-right-color: #6c757d!important;
        }

        .direct-chat-secondary .right > .direct-chat-text {
            background-color: #6c757d!important;
            border-color: #6c757d!important;
                    }

        .direct-chat-secondary .left > .direct-chat-text {
            background-color: #6c757d!important;
            border-color: #6c757d!important;
                    }

        .badge-secondary {
                        background-color: #6c757d!important;
        }

        blockquote.quote-secondary {
            border-color: #6c757d!important;
        }

        .card-secondary.card-outline { border-top: 3px solid #6c757d; }
        .callout.callout-secondary { border-left-color: #6c757d!important; }


       

     
        .alert-warning { background-color: #17a2b8 !important; } 
        .bg-info { background-color: #17a2b8 !important; }
        .btn-info { background-color: #17a2b8 !important; }
        .btn-outline-info { color:#17a2b8 !important; }
        .btn-outline-info:hover { color:white !important; background-color: #17a2b8 !important; }
        .btn.bg-gradient-info:hover { background: #17a2b8 !important; }

           
            .bg-gradient-info { background: #17a2b8 linear-gradient(180deg,#17a2b8,#17a2b8) repeat-x !important; }
          




        .card-info:not(.card-outline) > .card-header { background-color: #17a2b8 !important; }
        .card-info.card-outline-tabs > .card-header a.active {
            border-top: 3px solid #17a2b8!important;
        }

        .icheck-info > input:first-child:checked + input[type="hidden"] + label::before, .icheck-info > input:first-child:checked + label::before {
            background-color: #17a2b8!important;
            border-color: #17a2b8!important;
            border: 1px solid #17a2b8!important;
        }

        .icheck-info > input:first-child:hover + input[type="hidden"] + label::before, .icheck-info > input:first-child:hover + label::before {
            border: 3px solid #17a2b8!important;

        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
            background: #17a2b8!important;     
                    }
        
        .progress-bar-info { background-color: #17a2b8!important; }
        .text-info { color: #17a2b8!important; }
        .card-info:not(.card-outline) > .card-header { background-color: #17a2b8!important; }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                        background-color: #17a2b8!important;
        }

        .direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before {
            border-left-color: #17a2b8!important;
        }

        .direct-chat-info .left > .direct-chat-text::after, .direct-chat-info .left > .direct-chat-text::before {
            border-right-color: #17a2b8!important;
        }

        .direct-chat-info .right > .direct-chat-text {
            background-color: #17a2b8!important;
            border-color: #17a2b8!important;
                    }

        .direct-chat-info .left > .direct-chat-text {
            background-color: #17a2b8!important;
            border-color: #17a2b8!important;
                    }

        .badge-info {
                        background-color: #17a2b8!important;
        }

        blockquote.quote-info {
            border-color: #17a2b8!important;
        }

        .card-info.card-outline { border-top: 3px solid #17a2b8; }
        .callout.callout-info { border-left-color: #17a2b8!important; }
        

       

      
        .alert-warning { background-color: #ffc107 !important; }
        .bg-warning { background-color: #ffc107 !important; }
        .btn-warning { background-color: #ffc107 !important; }
        .btn-outline-warning { color:#ffc107 !important; }
        .btn-outline-warning:hover { color:white !important; background-color: #ffc107 !important; }
        .btn.bg-gradient-warning:hover { background: #ffc107 !important; }

           
            .bg-gradient-warning { background: #ffc107 linear-gradient(180deg,#ffc107,#ffc107) repeat-x !important; }
         



        .card-warning:not(.card-outline) > .card-header { background-color: #ffc107 !important; }
        .card-warning.card-outline-tabs > .card-header a.active {
            border-top: 3px solid #ffc107!important;
        }

        .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before, .icheck-warning > input:first-child:checked + label::before {
            background-color: #ffc107!important;
            border-color: #ffc107!important;
            border: 1px solid #ffc107!important;
        }

        .icheck-warning > input:first-child:hover + input[type="hidden"] + label::before, .icheck-warning > input:first-child:hover + label::before {
            border: 3px solid #ffc107!important;

        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
            background: #ffc107!important;     
                    }
        
        .progress-bar-warning { background-color: #ffc107!important; }
        .text-warning { color: #ffc107!important; }
        .card-warning:not(.card-outline) > .card-header { background-color: #ffc107!important; }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                        background-color: #ffc107!important;
        }

        .direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before {
            border-left-color: #ffc107!important;
        }

        .direct-chat-warning .left > .direct-chat-text::after, .direct-chat-warning .left > .direct-chat-text::before {
            border-right-color: #ffc107!important;
        }

        .direct-chat-warning .right > .direct-chat-text {
            background-color: #ffc107!important;
            border-color: #ffc107!important;
                    }

        .direct-chat-warning .left > .direct-chat-text {
            background-color: #ffc107!important;
            border-color: #ffc107!important;
                    }

        .badge-warning {
                        background-color: #ffc107!important;
        }

        blockquote.quote-warning {
            border-color: #ffc107!important;
        }

        .card-info.card-warning { border-top: 3px solid #ffc107; }
        .callout.callout-warning { border-left-color: #ffc107!important; }

       

      
        .alert-warning { background-color: #28a745 !important; } 
        .bg-success { background-color: #28a745 !important; }
        .btn-success { background-color: #28a745 !important; }
        .btn-outline-success { color:#28a745 !important; }
        .btn-outline-success:hover { color:white !important; background-color: #28a745 !important; }
        .btn.bg-gradient-success:hover { background: #28a745 !important; }

           
            .bg-gradient-success { background: #28a745 linear-gradient(180deg,#28a745,#28a745) repeat-x !important; }
         


        .card-success:not(.card-outline) > .card-header { background-color: #28a745 !important; }
        .card-success.card-outline-tabs > .card-header a.active {
            border-top: 3px solid #28a745!important;
        }

        .icheck-success > input:first-child:checked + input[type="hidden"] + label::before, .icheck-success > input:first-child:checked + label::before {
            background-color: #28a745!important;
            border-color: #28a745!important;
            border: 1px solid #28a745!important;
        }

        .icheck-success > input:first-child:hover + input[type="hidden"] + label::before, .icheck-success > input:first-child:hover + label::before {
            border: 3px solid #28a745!important;

        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
            background: #28a745!important;     
                    }
        
        .progress-bar-success { background-color: #28a745!important; }
        .text-success { color: #28a745!important; }
        .card-success:not(.card-outline) > .card-header { background-color: #28a745!important; }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                        background-color: #28a745!important;
        }

        .direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before {
            border-left-color: #28a745!important;
        }

        .direct-chat-success .left > .direct-chat-text::after, .direct-chat-success .left > .direct-chat-text::before {
            border-right-color: #28a745!important;
        }

        .direct-chat-success .right > .direct-chat-text {
            background-color: #28a745!important;
            border-color: #28a745!important;
                    }

        .direct-chat-success .left > .direct-chat-text {
            background-color: #28a745!important;
            border-color: #28a745!important;
                    }

        .badge-success {
                        background-color: #28a745!important;
        }

        blockquote.quote-success {
            border-color: #28a745!important;
        }

        .card-info.card-success { border-top: 3px solid #28a745; }
        .callout.callout-success { border-left-color: #28a745!important; }

       

      
        .alert-warning { background-color: #dc3545 !important; } 
        .bg-danger { background-color: #dc3545 !important; }
        .btn-danger { background-color: #dc3545 !important; }
        .btn-outline-danger { color:#dc3545 !important; }
        .btn-outline-danger:hover { color:white !important; background-color: #dc3545 !important; }
        .btn.bg-gradient-danger:hover { background: #dc3545 !important; }

           
            .bg-gradient-danger { background: #dc3545 linear-gradient(180deg,#dc3545,#dc3545) repeat-x !important; }
         


        .card-danger:not(.card-outline) > .card-header { background-color: #dc3545 !important; }
        .card-danger.card-outline-tabs > .card-header a.active {
            border-top: 3px solid #dc3545!important;
        }

        .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before, .icheck-danger > input:first-child:checked + label::before {
            background-color: #dc3545!important;
            border-color: #dc3545!important;
            border: 1px solid #dc3545!important;
        }

        .icheck-danger > input:first-child:hover + input[type="hidden"] + label::before, .icheck-danger > input:first-child:hover + label::before {
            border: 3px solid #dc3545!important;

        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
            background: #dc3545!important;     
                    }
        
        .progress-bar-danger { background-color: #dc3545!important; }
        .text-danger { color: #dc3545!important; }
        .card-danger:not(.card-outline) > .card-header { background-color: #dc3545!important; }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                        background-color: #dc3545!important;
        }

        .direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before {
            border-left-color: #dc3545!important;
        }

        .direct-chat-danger .left > .direct-chat-text::after, .direct-chat-danger .left > .direct-chat-text::before {
            border-right-color: #dc3545!important;
        }

        .direct-chat-danger .right > .direct-chat-text {
            background-color: #dc3545!important;
            border-color: #dc3545!important;
                    }

        .direct-chat-danger .left > .direct-chat-text {
            background-color: #dc3545!important;
            border-color: #dc3545!important;
                    }

        .badge-danger {
                        background-color: #dc3545!important;
        }

        blockquote.quote-danger {
            border-color: #dc3545!important;
        }

        .card-info.card-danger { border-top: 3px solid #dc3545; }

        .callout.callout-danger { border-left-color: #dc3545!important; }

       


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