/*generinc*/
.card.login-box{border-radius:2rem;background:rgba(0,0,0,0.65) !important}

@media (prefers-color-scheme: dark) {
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul{background:rgba(0, 0, 0, 0.9);}
  .bg-light{background-color: rgba(255, 255, 255, 0.1) !important;}
    .card {
        background-color: rgba(255, 255, 255, 0.1);
        color: #ffffff;
    }
}
body.blacked {
    /* Colores de fondo */
    --bg-primary: #263238;
    --bg-secondary: #383f48;
    --bg-tertiary: #1a1f27;
    
    /* Colores de texto */
    --text-primary: #CCC;
    --text-secondary: #99abb4;
    --text-bright: #ffffff;
    
    /* Colores de borde */
    --border-color: rgba(120, 130, 140, 0.13);
    
    /* Colores de acento */
    /* --rx-color1 ya existe en el CSS original */
    --accent-blue: #009efb;
    --accent-red: #fc4b6c;
  }
  
  body.blacked {
    color: var(--text-primary);
  }
    
  body.blacked .card {
    border:0;
    background: var(--bg-primary); }
    
  body.blacked html body .text-dark {
    color: var(--text-primary); }
    
  body.blacked html body .bg-light {
    background-color: var(--bg-secondary); }
    
  body.blacked .label-default {
    background-color: var(--bg-secondary); }
    
  body.blacked .pagination > li > a:hover,
  body.blacked .pagination > li > span:hover,
  body.blacked .pagination > li > a:focus,
  body.blacked .pagination > li > span:focus {
    background-color: var(--bg-secondary); }
    
  body.blacked .table-hover tbody tr:hover {
    background: var(--bg-secondary); }
  
  body.blacked .select2-dropdown{
    background-color: var(--bg-primary) !important;
    color: var(--text-bright);
  }
    
  body.blacked .mega-dropdown .nav-accordion .card-header h5 a {
    color: var(--text-primary); }
          
  body.blacked ul.list-style-none li a {
    color: var(--text-primary);
  }
        
  body.blacked .dropdown-item {
    color: var(--text-primary); }
  
  body.blacked .form-control {
    color: var(--text-primary);
  }
    
  body.blacked .card-no-border .card {
    border-color: #3e4e56;
  }
    
  body.blacked .thr.thr-anim:not(.no-logged) .page-wrapper,body.blacked:not(.no-logged) .page-wrapper {
    background: var(--bg-secondary);
    background-color: var(--bg-secondary) !important;

  }
    
  body.blacked .topbar ul.dropdown-user li a {
    color: var(--text-primary); }
  body.blacked .topbar ul.dropdown-user li a:hover {
    background: var(--bg-secondary);
  }
            
  body.blacked .page-titles {
    background: var(--bg-primary);
  }
    
  body.blacked .chatonline li a span {
    color: var(--text-primary); }
      
  body.blacked .footer {
    color: var(--text-primary);
  }
    
  body.blacked .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--text-primary);
  }
  
  body.blacked .card-actions a {
    color: var(--text-primary);
  }
      
  body.blacked ul.list-icons li a {
    color: var(--text-primary); }
        
  body.blacked .c3-legend-item {
    fill: var(--text-primary); }
    
  body.blacked .ct-chart .ct-series-b .ct-slice-donut {
    stroke: var(--bg-secondary); }
      
  body.blacked .fileinput .input-group-addon {
    border: none;
    border-bottom: 1px solid var(--border-color);
    background: transparent;
    color: var(--text-primary); }
    
  body.blacked .customtab li a.nav-link {
    color: var(--text-primary); }
    
  body.blacked .profile-tab li a.nav-link,
  body.blacked .customtab li a.nav-link {
    color: var(--text-primary); }
  body.blacked .profile-tab li a.nav-link.active,
  body.blacked .customtab li a.nav-link.active {
    border-bottom: 2px solid var(--rx-color1);
    color: var(--rx-color1); }
  body.blacked .profile-tab li a.nav-link:hover,
  body.blacked .customtab li a.nav-link:hover {
    color: var(--rx-color1); }
      
  body.blacked .bootstrap-select .dropdown-menu li a {
    color: var(--text-primary); }
  body.blacked .bootstrap-select .dropdown-menu li a:hover, 
  body.blacked .bootstrap-select .dropdown-menu li a:focus {
    color: var(--accent-blue);
    background: var(--bg-secondary); }
      
  body.blacked .select2-container--default .select2-selection--single {
    border-color: var(--border-color);
  }
    
  body.blacked .form-control-line .form-control {
    border-bottom: 1px solid var(--border-color); }
    
  body.blacked .floating-labels .form-control {
    border-bottom: 1px solid var(--border-color); }
  body.blacked .floating-labels .form-control:focus {
    color: var(--text-primary);
  }
      
  body.blacked .floating-labels label {
    color: var(--text-primary);
  }
    
  body.blacked .pagination-circle li a {
    background: var(--bg-secondary);
  }
    
  body.blacked .pagination-circle li.disabled a {
    background: var(--bg-secondary);
  }
    
  body.blacked .dropzone {
    border: 1px dashed var(--border-color); }
    
  body.blacked .note-editor.note-frame {
    border: 1px solid var(--border-color); }
    
  body.blacked .table-striped tbody tr:nth-of-type(odd) {
    background: var(--bg-secondary)  !important;}
  
  body.blacked .dataTables_wrapper .dataTables_paginate .paginate_button,
  body.blacked .dataTables_filter input {
    color: var(--text-primary);
  }
   
  body.blacked .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background-color: var(--text-primary); }
    
  body.blacked .tablesaw-bar .btn-group label {
    color: var(--text-primary) !important; }
  body.blacked #demo-input-search2,
  body.blacked #demo-show-entries {
    color: var(--text-primary);
  }
    
  body.blacked .footable .pagination li.disabled a {
    color: #636c72;
    background-color: var(--bg-primary);
  }
    
  body.blacked .footable-odd {
    background: var(--bg-secondary); }
    
  body.blacked .icon-list-demo div {
    color: var(--text-primary); }
    
  body.blacked .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: var(--bg-primary);
    background: var(--bg-secondary); }
    
  body.blacked .show-grid [class^=col-] {
    border: 1px solid var(--border-color);
    background-color: var(--bg-secondary); }
  
  body.blacked .customtab2 li a.nav-link {
    color: var(--text-primary); }
    
  body.blacked .list-group a.list-group-item:hover {
    background: var(--bg-secondary); }
    
  body.blacked .list-group-item.disabled {
    color: var(--text-secondary);
    background: var(--bg-secondary); }
  
  body.blacked .el-element-overlay .el-card-item .el-card-content a {
    color: var(--text-primary); }
        
  body.blacked .timeline:before {
    background-color: var(--bg-secondary); }
    
  body.blacked .dd3-handle:before {
    color: var(--text-primary);
  }
    
  body.blacked .gmaps-panaroma {
    background: var(--bg-secondary);
  }
    
  body.blacked .inbox-panel .list-group .list-group-item a,
  body.blacked .chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon {
    color: var(--text-primary);
  }
            
  body.blacked .inbox-panel .list-group .list-group-item.active, 
  body.blacked .inbox-panel .list-group .list-group-item:hover {
    background: var(--bg-secondary);
  }
      
  body.blacked .fc-button, 
  body.blacked .mailbox .message-center a .mail-contnet .time,
  body.blacked .inbox-center a {
    color: var(--text-primary);
  }
    
  body.blacked .fc th.fc-widget-header,
  body.blacked .message-box .message-widget a .mail-contnet .time,
  body.blacked .list-style-none li a {
    color: var(--text-primary); }
        
  body.blacked .sidebar-nav ul li.nav-small-cap {
    color: var(--text-secondary);
  }
          
  body.blacked .mailbox .message-center a:hover {
    background: var(--bg-secondary); }
        
  body.blacked .message-box .message-widget a:hover {
    background: var(--bg-secondary); }	  
        
  body.blacked .fc-button:hover {
    background: var(--bg-secondary);
  }
      
  body.blacked .fc-unthemed .fc-today {
    border: 1px solid var(--accent-red);
    background: var(--bg-secondary) !important; }
    
  /*
  Template Name: Monster Admin
  Author: Themedesigner
  Email: niravjoshi87@gmail.com
  File: scss
  */
  /*Theme Colors*/
  body.blacked .form-control, 
  body.blacked .btn-secondary:hover, 
  body.blacked .form-control:focus, 
  body.blacked .btn-secondary.active, 
  body.blacked .card-outline-danger, 
  body.blacked .card-outline-info, 
  body.blacked .card-outline-warning, 
  body.blacked .card-outline-success, 
  body.blacked .card-outline-primary, 
  body.blacked .popover-title, 
  body.blacked .select2-container--default .select2-selection--single, 
  body.blacked .select2-container--default .select2-selection--multiple, 
  body.blacked .bootstrap-tagsinput, 
  body.blacked .footable .pagination li a, 
  body.blacked .select2-container--default .select2-selection--single .select2-selection__rendered, 
  body.blacked .ms-container .ms-selectable li.ms-elem-selectable, 
  body.blacked .ms-container .ms-selection li.ms-elem-selection, 
  body.blacked .jsgrid-row > .jsgrid-cell, 
  body.blacked .page-item .page-link, 
  body.blacked .page-item.disabled .page-link, 
  body.blacked .minimal-faq .card .card-header, 
  body.blacked .mega-dropdown .nav-accordion .card-header {
    background-color: var(--bg-primary); }
  
  body.blacked .right-sidebar, 
  body.blacked .select2-dropdown, 
  body.blacked .dropify-wrapper, 
  body.blacked .dropify-wrapper .dropify-preview, 
  body.blacked .wizard-content .wizard > .steps > ul > li.current .step, 
  body.blacked .wizard-content .wizard > .steps > ul > li .step, 
  body.blacked .wizard-content .wizard.wizard-circle > .steps > ul > li.current:after, 
  body.blacked .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after, 
  body.blacked .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before, 
  body.blacked .note-editor.note-frame .note-editing-area .note-editable, 
  body.blacked .modal-content, 
  body.blacked .jsgrid-alt-row > .jsgrid-cell, 
  body.blacked .css-bar:after {
    background: var(--bg-secondary); }
  
  body.blacked .h1, 
  body.blacked .h2, 
  body.blacked .h3, 
  body.blacked .h4, 
  body.blacked .h5, 
  body.blacked .h6, 
  body.blacked h1, 
  body.blacked h2, 
  body.blacked h3, 
  body.blacked h4, 
  body.blacked h5, 
  body.blacked h6, 
  body.blacked .footable .pagination li a, 
  body.blacked .select2-container--default .select2-selection--single .select2-selection__rendered, 
  body.blacked .ms-container .ms-selectable li.ms-elem-selectable, 
  body.blacked .ms-container .ms-selection li.ms-elem-selection, 
  body.blacked .close, 
  body.blacked .page-item .page-link {
    color: var(--text-bright); }
  
  /*******************
  Border Colors
  *******************/
  body.blacked .table td, 
  body.blacked .nav-tabs, 
  body.blacked hr, 
  body.blacked .form-control, 
  body.blacked ul.wysihtml5-toolbar, 
  body.blacked .tabcontent-border, 
  body.blacked .select2-container--default .select2-selection--single, 
  body.blacked .select2-container--default .select2-selection--multiple, 
  body.blacked .select2-container--default .select2-selection--multiple .select2-selection__choice, 
  body.blacked .bootstrap-tagsinput, 
  body.blacked .ms-container .ms-selectable li.ms-elem-selectable, 
  body.blacked .ms-container .ms-selection li.ms-elem-selection, 
  body.blacked .ms-container .ms-list, 
  body.blacked .wizard-content .wizard.wizard-circle > .steps .step, 
  body.blacked .table-bordered, 
  body.blacked .modal-footer, 
  body.blacked .modal-header, 
  body.blacked .jsgrid-header-row > .jsgrid-header-cell, 
  body.blacked .jsgrid-edit-row > .jsgrid-cell, 
  body.blacked .jsgrid-filter-row > .jsgrid-cell, 
  body.blacked .jsgrid-grid-body, 
  body.blacked .jsgrid-grid-header, 
  body.blacked .jsgrid-header-row > .jsgrid-header-cell, 
  body.blacked .jsgrid-insert-row > .jsgrid-cell, 
  body.blacked .bootstrap-table .table > thead > tr > th, 
  body.blacked .bootstrap-table .table, 
  body.blacked .fixed-table-container, 
  body.blacked .page-item .page-link, 
  body.blacked .page-item.disabled .page-link, 
  body.blacked .featured-plan .pricing-body, 
  body.blacked .footable .pagination li a, 
  body.blacked .footable .pagination li.disabled a, 
  body.blacked .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
  body.blacked .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
  body.blacked .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: var(--border-color); }
  
  /*******************
  /*Background Colors light*/
  /*******************/
  body.blacked .progress, 
  body.blacked .fc-day, 
  body.blacked .css-bar > i, 
  body.blacked .dropzone, 
  body.blacked code, 
  body.blacked .popover, 
  body.blacked .grid-stack-item-content, 
  body.blacked .form-control:disabled, 
  body.blacked .form-control[readonly], 
  body.blacked .select2-container--default .select2-selection--multiple .select2-selection__choice, 
  body.blacked .ms-container .ms-selectable, 
  body.blacked .ms-container .ms-selection, 
  body.blacked .wizard-content .wizard > .actions > ul > li > a[href="#previous"], 
  body.blacked .jsgrid-grid-header, 
  body.blacked .jsgrid-filter-row > .jsgrid-cell, 
  body.blacked .dropdown-menu, 
  body.blacked .mega-dropdown .dropdown-menu {
    background-color: var(--bg-secondary); }
  
  body.blacked .grid-stack-item-content, 
  body.blacked .input-group-addon, 
  body.blacked .wizard-content .wizard > .steps > ul > li.current > a, 
  body.blacked .mailbox ul li .drop-title, 
  body.blacked .topbar .navbar-light .navbar-nav .nav-link {
    color: var(--text-bright); }
  
  /*******************
  /*Background Colors border*/
  /*******************/
  body.blacked .fc th.fc-mon, 
  body.blacked .fc th.fc-wed, 
  body.blacked .fc th.fc-fri, 
  body.blacked .fc th.fc-sun, 
  body.blacked .fc th.fc-tue, 
  body.blacked .fc th.fc-thu, 
  body.blacked .fc th.fc-sat {
    background: var(--border-color); }
  
  /*******************
  /*Background Colors dark*/
  /*******************/
  body.blacked .topbar .top-navbar .app-search .srh-btn {
    background: none; }
  
  body.blacked .btn-secondary, 
  body.blacked .glyphs.character-mapping input {
    background: var(--bg-secondary);
    border-color: #272c36;
    color: var(--text-primary); }
  body.blacked .btn-secondary:hover, 
  body.blacked .btn-secondary.active, 
  body.blacked .glyphs.character-mapping input:hover, 
  body.blacked .glyphs.character-mapping input.active {
    color: var(--text-primary);
    border-color: #272c36; }
  
  body.blacked .custom-select {
    border-color: #272c36;
    color: var(--text-primary); }
  
  body.blacked .checkbox label::after, 
  body.blacked .glyphs.character-mapping li, 
  body.blacked .breadcrumb-item.active, 
  body.blacked .dropdown-menu {
    color: var(--text-primary); }
  
  body.blacked .card-header, 
  body.blacked .card-footer, 
  body.blacked .jsgrid-header-row > .jsgrid-header-cell, 
  body.blacked .featured-plan .pricing-body {
    background-color: var(--bg-tertiary); }
  
  body.blacked .vtabs .tabs-vertical li .nav-link {
    color: var(--text-primary); }
  
  body.blacked .nav-tabs .nav-item.show .nav-link, 
  body.blacked .nav-tabs .nav-link.active, 
  body.blacked .nav-tabs .nav-link:hover {
    background-color: var(--bg-primary);
    border-color: var(--border-color) var(--border-color) var(--bg-primary);
    color: var(--text-bright); }
  
  /*******************
  /*Background Colors Transparent*/
  /*******************/
  body.blacked .list-group-item, 
  body.blacked .checkbox label::before, 
  body.blacked .footer, 
  body.blacked .btn-outline-primary, 
  body.blacked .customvtab .tabs-vertical li .nav-link.active, 
  body.blacked .customvtab .tabs-vertical li .nav-link:hover, 
  body.blacked .customvtab .tabs-vertical li .nav-link:focus, 
  body.blacked .bd-example-popover-static, 
  body.blacked .myadmin-dd .dd-list .dd-item .dd-handle, 
  body.blacked .myadmin-dd-empty .dd-list .dd3-content, 
  body.blacked .myadmin-dd-empty .dd-list .dd3-handle, 
  body.blacked .highlight, 
  body.blacked .custom-file-control {
    background: transparent; }
  
  body.blacked .tabs-vertical li .nav-link.active, 
  body.blacked .tabs-vertical li .nav-link:hover, 
  body.blacked .tabs-vertical li .nav-link.active:focus, 
  body.blacked .dd-item > button {
    color: var(--text-bright); }
  
  /*******************
  /*Border Colors Transparent*/
  /*******************/
  body.blacked .comment-widgets .comment-row, 
  body.blacked .stylish-table tbody tr {
    border-left-color: transparent; }
  
  body.blacked .calendar-events, 
  body.blacked .popover-title {
    border-color: transparent; }
  
  body.blacked .popover.bs-tether-element-attached-bottom::after, 
  body.blacked .popover.popover-top::after {
    border-top-color: var(--bg-secondary); }
  
  body.blacked .popover.bs-tether-element-attached-top::after, 
  body.blacked .popover.popover-bottom::after {
    border-bottom-color: var(--bg-secondary);
    top: -9px; }
  
  body.blacked .popover.bs-tether-element-attached-left::after, 
  body.blacked .popover.popover-right::after {
    border-right-color: var(--bg-secondary); }
  
  body.blacked .popover.bs-tether-element-attached-right::after, 
  body.blacked .popover.popover-left::after {
    border-left-color: var(--bg-secondary); }
  
  body.blacked .bootstrap-switch .bootstrap-switch-label {
    background: var(--bg-primary); }
  
  body.blacked .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, 
  body.blacked .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, 
  body.blacked .list-group-item, 
  body.blacked .pagination > li > a, 
  body.blacked .pagination > li > span {
    color: var(--text-primary); }
  
  body.blacked .list-group-item, 
  body.blacked .custom-file-control {
    border-color: var(--border-color); }
  
  body.blacked a.list-group-item:hover {
    color: var(--text-bright); }
  
  body.blacked .bootstrap-switch {
    border-color: var(--border-color); }
  
  body.blacked .dp-off {
    background-color: var(--bg-primary) !important; }
  
  /*******************
  /*Dashboard 1*/
  /*******************/
  body.blacked .total-revenue4 .ct-series-a .ct-line, 
  body.blacked .total-revenue4 .ct-series-b .ct-line {
    stroke-width: 2px; }
  
  body.blacked .ct-label, 
  body.blacked .ct-grid {
    fill: rgba(255, 255, 255, 0.3);
    stroke: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3); }
  
  body.blacked .irs-line {
    opacity: 0.1; }
  
  body.blacked .mega-dropdown .dropdown-menu {
    background-image: none; }
  
  body.blacked .input-group-text {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color); }
  
  body.blacked .custom-control-label::before {
    background-color: var(--bg-secondary); }
  
  body.blacked .dtSelected{
    background-color: #222 !important;
  }