html.bg-dark {
    background: url(../images/body-night.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-attachment: fixed !important;
    color: #F5F5F5;
}
.bg-dark body {
    background: rgba(0,0,0,0.1) !important;
}
.bg-dark hr, .bg-dark .loginarea .panel hr {
    border-color: rgba(255,255,255,0.09);
}
.bg-dark p {
    color: #ececec;
}
.bg-dark h1 {
    color: #fff;
}
.bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5 {
    color: #ececec;
}
.bg-dark .form-control::placeholder {
    color: #ececec;
}
.bg-dark small, .bg-dark label {
    color: #ececec;
}
.bg-dark .currency form * {
    color: #ececec !important;
}
.bg-dark .border-light {
    border-color: rgba(255,255,255,0.1) !important;
}
.bg-dark input::-webkit-scrollbar-track,
.bg-dark .rskin .common_box form input[type="password"]::-webkit-scrollbar-track,
.bg-dark .rskin .common_box form input[type="text"]::-webkit-scrollbar-track,
.bg-dark .rskin select::-webkit-scrollbar-track,
.bg-dark .rskin textarea::-webkit-scrollbar-track,
.bg-dark .rskin .tooltip::-webkit-scrollbar-track,
.bg-dark input.search::-webkit-scrollbar-track,
.bg-dark  textarea::-webkit-scrollbar-track {
  background: #26292f !important;
}
.bg-dark optgroup,
.bg-dark option,
.bg-dark option:disabled,
.bg-dark select option {
    margin: 40px;
    background: #141526;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  background: #26292f !important;
}
.bg-dark .btn-light, .bg-dark .btn-secondary, .bg-dark .btn-default {
    background: rgba(0,0,0,0.4) !important;
    border-color: rgba(255,255,255,0.07) !important;
    color: #ececec !important;
}
.bg-dark .btn-light:hover, .bg-dark .btn-light:focus, .bg-dark .btn-light:active, .bg-dark .btn-secondary:hover, .bg-dark .btn-secondary:focus, .bg-dark .btn-secondary:active,
.bg-dark .btn-default:hover, .bg-dark .btn-default:hover, .bg-dark .btn-default:focus {
    background: rgba(0,0,0,0.2) !important;
    border-color: rgba(255,255,255,0.05) !important;
}
.bg-dark .virtus-nav {
    background: rgba(20, 21, 38, 0.45) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #F5F5F5;
}
.bg-dark .loginarea .limg {
    background: rgba(255,255,255,0.77);
    opacity: 0.9 !important;
    padding: 11px;
    border-radius: 5px;
}
.bg-dark .form-control, .bg-dark .form-control, .bg-dark select, .bg-dark textarea {
    background: rgba(0, 0, 0, 0.2) !important;
    color: #ececec;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
.bg-dark .nav-tabs .nav-item .nav-link {
    border-color: transparent !important;
    background: transparent !important;
    color: #ececec !important;
}
.bg-dark .card .nav-tabs .nav-item .nav-link.active,.bg-dark .card .nav-tabs .nav-item .nav-link:hover,.bg-dark .card .nav-tabs .nav-item .nav-link:focus {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(0,0,0,0.3) !important;
    color: #fff !important;
}
.bg-dark .form-control:hover, .bg-dark .form-control:hover, .bg-dark select:hover, .bg-dark textarea:hover {
    border-color: rgba(255,255,255,0.2) !important;
    background: rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
}
.bg-dark .loginarea .panel-footer {
    background: transparent;
}
.bg-dark .cards .card {
    background: rgba(20, 21, 38, 0.8) !important;
    box-shadow: rgb(8 8 8 / 20%) 0 4px 14px !important;
    backdrop-filter: blur(10px);
}
.bg-dark input {
    background-color: rgba(0,0,0,0.3) !important;
    color: #fff !important;
}
.bg-dark input[type=checkbox]:before {
    background-color: #d3d3d3;
    color: #fff !important;
}
.bg-dark .list-group.list-options .list-group-item,
   .bg-dark .nav .nav-tabs li a,
    .bg-dark .nav-tabs .nav li .nav-link,
     .bg-dark .nav-tabs .nav li a,
      .bg-dark .nav-tabs li .nav .nav-item a,
       .bg-dark .pagination .page-item .page-link,
        .bg-dark .text-secondary,
         .bg-dark .top-focus-box,
          .bg-dark div.pagination .page-item ul.pagination li a,
           .bg-dark div.pagination ul.pagination .page-item li a,
            .bg-dark div.pagination ul.pagination li .page-item a,
             .bg-dark div.pagination ul.pagination li .page-link,
             .bg-dark div.pagination ul.pagination li a {
    background: rgba(0,0,0,0.25) !important;
    backdrop-filter: blur(10px);
    color: #C6C6C6 !important;
    border-color: rgba(255,255,255,0.05);
}
.bg-dark .list-group.list-options .list-group-item:hover, .bg-dark .list-group.list-options .list-group-item:focus {
    background: #141526 !important;
    color: #F5F5F5 !important;
}
.bg-dark .nav-tabs li .navbar-light .navbar-nav .active>a,
 .bg-dark .nav-tabs li .navbar-light .navbar-nav .show>a,
  .bg-dark .nav-tabs li .navbar-light .navbar-nav a.active,
   .bg-dark .nav-tabs li .navbar-light .navbar-nav a.show,
    .bg-dark .nav-tabs li.active .navbar-light .navbar-nav a,
    .bg-dark .navbar-light .navbar-nav .active>.nav-link,
      .bg-dark .navbar-light .navbar-nav .nav-link.active,
       .bg-dark .navbar-light .navbar-nav .nav-link.show,
        .bg-dark .navbar-light .navbar-nav .nav-tabs li .active>a,
         .bg-dark .navbar-light .navbar-nav .nav-tabs li .show>a,
          .bg-dark .navbar-light .navbar-nav .nav-tabs li a.active,
           .bg-dark .navbar-light .navbar-nav .nav-tabs li a.show,
            .bg-dark .navbar-light .navbar-nav .nav-tabs li.active a,
             .bg-dark .navbar-light .navbar-nav .show>.nav-link,
             .bg-dark .navbar-light .navbar-nav .nav-link:hover {
    color: #Fff;
}
.bg-dark .virtus-nav .nav-item .nav-link {
     color: #C6C6C6 !important;
}
.bg-dark .virtus-nav .nav-item .nav-link.mypreferences {
    color: black !important;
    background: rgba(255, 2555, 255, 0.7) !important;
}
.bg-dark .card-myinfo .mybalance2 .list-group-item.credits {
    background: rgba(255, 2555, 255, 0.02) !important;
    color: #fff !important;
}
.bg-dark .alert {
    border: 1px solid rgba(255,255,255,0.08);
}
.bg-dark .alert-warning {
    background: rgba(121,88,20,0.11) !important;
}
.bg-dark .nav-content nav.navbar .navbar-nav > .active > a, .bg-dark nav.navbar .navbar-nav > .active > a:hover, .bg-dark nav.navbar .navbar-nav > .active > a:focus {
    color: #Fff !important;
}
.bg-dark .virtus-nav .dropdown-menu {
    background: #141526 !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    color: #F5F5F5;
}
.bg-dark .virtus-nav .dropdown-menu .dropdown-item {
   color: #C6C6C6;
}
.bg-dark .virtus-nav .dropdown-menu .dropdown-item:hover, .bg-dark .virtus-nav .dropdown-menu .dropdown-item:focus {
    color: #fff;
    background: #0b0c1b !important;
}
.bg-dark .dropdown-divider {
    border-color: rgba(255,255,255,0.09);
}
.bg-dark .card, .bg-dark .loginarea .panel {
    background: rgba(0, 0, 0, 0.22) !important;
    box-shadow: rgb(8 8 8 / 20%) 0 4px 14px !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #F5F5F5;
}
.bg-dark .loginarea .panel .panel-footer {
    border-top: none !important;
}
.bg-dark .loginarea .panel-footer a {
    background: rgba(20, 21, 38, 0.6) !important;
}
.bg-dark .col-border {
    border-color: rgba(255,255,255,0.06);
}
.bg-dark .card-myinfo img {
    background: rgba(0,0,0,0.1) !important;
    border-color: rgba(255,255,255,0.06) !important;
}
.bg-dark #create-account {
    background: rgba(0,0,0,0.4) !important;
    border-color: rgba(255,255,255,0.07) !important;
    box-shadow: rgba(149, 157, 165, 0.05) 0 4px 22px !important;
}
.bg-dark .goadmin .badge-info, .bg-dark .card .alert-info {
    background: rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
}
.bg-dark .card-links .badge {
    background: rgba(0, 0, 0, 0.6) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}
.bg-dark .modal-content {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(15px);
    color: #F5F5F5;
}
.bg-dark .input-group>.input-group-append>.input-group-text {
    background: rgba(0,0,0,0.45) !important;
    color: #ececec;
    border-color: rgba(255,255,255,0.06) !important;
}
.bg-dark .modal-header, .bg-dark .modal-footer {
    border-color: rgba(255,255,255,0.06) !important;
}
.bg-dark .modal-header h5, .bg-dark .modal-header h4, .bg-dark .modal-header h3 {
    color: #F5F5F5;
}
.bg-dark .card-blesta > .card-header, .bg-dark .card-footer, .bg-dark .list-group .list-group-item {
    background: rgba(0, 0, 0, 0.3) !important;
    color: #F5F5F5;
}
.bg-dark .list-group .list-group-item:hover {
    background: rgba(0, 0, 0, 0.4) !important;
    color: #F5F5F5;
}
.bg-dark .table, .bg-dark .radio label {
    color: #f5f5f5;
}
.bg-dark .table>thead>tr>th {
    background: rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f5f5f5;
}
.bg-dark a.list-group-item.active, .bg-dark a.list-group-item.active:focus {
    background: rgba(0, 0, 0, 0.4) !important;
}
.bg-dark .table-responsive .table td,.bg-dark .table-responsive .table th,.bg-dark .table-responsive .table tr {
    background: rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #f5f5f5;
}
.bg-dark .table-responsive .table td:hover,.bg-dark .table-responsive .table th:hover,.bg-dark .table-responsive .table tr:hover {
    background: rgba(0, 0, 0, 0.36) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
.bg-dark .table>thead>tr>th>a, .bg-dark  .table>thead>tr>th>a:focus, .bg-dark  .table>thead>tr>th>a:hover {
    color: #e9e9e9;
}
.bg-dark .title h3 {
    color: #fff;
}
.bg-dark .card, .bg-dark .list-group {
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    box-shadow: rgba(71, 73, 75, 0.05) 0 4px 22px !important;
}
.bg-dark .card-body h4, .bg-dark .panel .panel-body h4 {
    color: #fff !important;
    border-color: rgba(255,255,255,0.09) !important;
}
.bg-dark .close {
    color: #F5F5F5;
}
.bg-dark .footery {
    background: rgba(20, 21, 38, 0.6) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    border-top-color: rgba(255,255,255,0.09);
    backdrop-filter: blur(15px);
    color: #C6C6C6;
}
.bg-dark .btn-top {
    background: rgba(20, 21, 38, 0.8) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(15px);
    color: #C6C6C6;
}
.bg-dark .btn-top:hover, .bg-dark .btn-top:focus {
    background: rgba(20, 21, 38, 0.6) !important;
    color: #C6C6C6;
}
.bg-dark .nav-tabs {
    border-color: rgba(255,255,255,0.09);
}
.bg-dark .footery h5 {
    color: #fff;
}
.bg-dark .footery li a {
        color: #C6C6C6 !important;
}
.bg-dark .alert-info {
    background: #0b0c1b !important;
    color: #F5F5F5 !important;
}
.bg-dark .alert-warning {
    background: rgba(0,0,0,0.3);
    border-left: 3px solid #C9A140;
    color: #C9A140;
        backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.bg-dark .text-danger {
   color: #d75a5a !important;
}
.bg-dark .top-focus-box,.bg-dark .well,.bg-dark form.widget_filter_form, .bg-dark .bg-light{
    border-color: rgba(255,255,255,0.07) !important;
    background: rgba(0, 0, 0, 0.12) !important;
}
.bg-dark .row .ticket-reply div.replier {
    border-color: rgba(255,255,255,0.07) !important;
}
.bg-dark .breadcrumb {
    border-color: rgba(255,255,255,0.07) !important;
    background: rgba(0, 0, 0, 0.22) !important;
}
.bg-dark .row .ticket-reply div.top-bar.staff-reply, .bg-dark .row .ticket-reply div.top-bar {
    border-color: rgba(255,255,255,0.07) !important;
    background: rgba(0, 0, 0, 0.22) !important;
    color: #fff;
}
.bg-dark .row .ticket-reply div.top-bar.staff-reply {
    background: var(--blueh) !important;
}
.bg-dark .img-thumbnail {
    background: rgba(0,0,0,0.01) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.09);
}
.bg-dark .breadcrumb-item+.breadcrumb-item {
    color: #fff;
}
.bg-dark .section-title h3 {
    color: #fff;
}
.bg-dark table {
    border-color: rgba(255,255,255,0.07) !important;
}
.bg-dark .card-body, .bg-dark .rate {
    border-top: 1px solid rgba(255,255,255,0.07) !important;
    background: rgba(0, 0, 0, 0.22) !important;
    box-shadow: rgb(8 8 8 / 20%) 0 4px 14px !important;
}
.bg-dark .card-footer, .panel .panel-footer {
    border-top: 1px solid rgba(255,255,255,0.07) !important;
}
.bg-dark .loading_container {
    background: rgba(0,0,0,0.1) !important;
}
.bg-dark .card-blesta>.list-group .list-group-item {
   color: #F5F5F5;
   background: transparent;
}
.bg-dark .cards .card .card-content .card-label {
    color: #F5F5F5 !important;
}
.bg-dark #client_cards_get_invoices_count {
    background: rgba(31, 41, 64, 0.1) !important;
}
.bg-dark .card-links>.active, .bg-dark .card-links>.active a, .bg-dark .panel-links>.active, .bg-dark .panel-links>.active a {
    color: #fff;
}
.bg-dark #support_manager_get_open_tickets_count, .bg-dark #domains_get_domain_count, .bg-dark #order_get_orders_count {
    background: none !important;
}
.bg-dark .modal-content .feas img {
    opacity: 0.8;
}
.bg-dark #domains_get_domain_count,
.bg-dark #support_manager_get_open_tickets_count, 
.bg-dark #order_get_orders_count, 
.bg-dark #client_cards_get_invoices_count,
.bg-dark #client_cards_get_services_count {
    background-color: rgba(0,0,0,0.25) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
.bg-dark #client_cards_get_services_count {
    background-color: rgba(0,0,0,0.38) !important;
}
.bg-dark #package-config .radio {
    background-color: rgba(0,0,0,0.2) !important;
}
.bg-dark #domains_get_domain_count:hover,
.bg-dark #support_manager_get_open_tickets_count:hover, 
.bg-dark #order_get_orders_count:hover, 
.bg-dark #client_cards_get_invoices_count:hover {
    background: rgba(0,0,0,0.35) !important;
}
.bg-dark #client_cards_get_services_count:hover {
    background-color: rgba(0,0,0,0.32) !important;
}
.bg-dark .navbar-light .navbar-toggler {
    background-color: rgba(255, 255, 255, 0.5);
}
.bg-dark .light {
    display: none;
}
.bg-dark .dark {
    display: block;
}
.bg-dark .bg-light.card-order {
    background: rgba(0, 0, 0, 0.3) !important;
}
.bg-dark .md-editor {
    background: transparent !important;
    border-color: rgba(255,255,255,0.01);
}
.bg-dark .md-editor>.md-header {
    background: rgba(0,0,0,0.2) !important;
}
.bg-dark .md-editor.md-fullscreen-mode .md-input, .bg-dark .md-editor.md-fullscreen-mode .md-preview {
    background: rgba(0,0,0,0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}
.bg-dark .mrheading .container {
    background: rgba(0, 0, 0, 0.22) !important;
    box-shadow: rgb(8 8 8 / 20%) 0 4px 14px !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.bg-dark .card-order.table-responsive .table td, .bg-dark .card-order.table-responsive .table th, .bg-dark .card-order.table-responsive .table tr,
.bg-dark .card-order.table-responsive .table td:hover, .bg-dark .card-order.table-responsive .table th:hover, .bg-dark .card-order.table-responsive .table tr:hover {
    background-color: transparent !important;
}
@media screen and (max-width: 767px) { 
    .bg-dark .footery small {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
    html.bg-dark {
        background-position: 0% 0% !important;
    }
    .bg-dark nav.navbar .navbar-nav .show .dropdown-menu > a:hover, .bg-dark  nav.navbar .navbar-nav .show .dropdown-menu > a:focus, .bg-dark  nav.navbar .navbar-nav .show .dropdown-menu > a {
        color: #F5F5F5 !important;
    }
}