html{
    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: var(--text-white);
}
body {
    background: var(--bg-main) !important;
}
hr, .loginarea .panel hr {
    border-color: var(--border);
}
.form-control::placeholder {
    color: var(--text);
}
.currency form * {
    color: var(--text) !important;
}
.border-light {
    border-color: var(--border) !important;
}
input::-webkit-scrollbar-track,
.rskin .common_box form input[type="password"]::-webkit-scrollbar-track,
.rskin .common_box form input[type="text"]::-webkit-scrollbar-track,
.rskin select::-webkit-scrollbar-track,
.rskin textarea::-webkit-scrollbar-track,
.rskin .tooltip::-webkit-scrollbar-track,
input.search::-webkit-scrollbar-track,
 textarea::-webkit-scrollbar-track {
  background: var(--bg-input) !important;
}
optgroup,
option,
option:disabled,
select option {
    margin: var(--spacing-lg);
    background: var(--bg-elevated);
    color: var(--text-white);
    text-shadow: 0 1px 0 var(--bg-hover);
  background: var(--bg-input) !important;
}
.btn-light, .btn-secondary, .btn-default {
    background: var(--bg-hover) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-default:hover, .btn-default:hover, .btn-default:focus {
    background: rgba(0,0,0,0.2) !important;
    border-color: var(--border) !important;
}
.virtus-nav {
    background: var(--bg-elevated) !important;
    box-shadow: var(--shadow) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--border);
    color: var(--text-white);
}
.loginarea .limg {
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-sm);
}
.nav-tabs .nav-item .nav-link {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--text) !important;
}
.card .nav-tabs .nav-item .nav-link.active,.card .nav-tabs .nav-item .nav-link:hover,.card .nav-tabs .nav-item .nav-link:focus {
    border-color: var(--border) !important;
    background: var(--bg-card) !important;
    color: var(--text-white) !important;
}
.form-control:hover, .form-control:hover, select:hover, textarea:hover {
    border-color: var(--border-focus) !important;
    background: rgba(0, 0, 0, 0.2) !important;
    color: var(--text-white) !important;
}
.loginarea .panel-footer {
    background: transparent;
}
.cards .card {
    background: var(--bg-hover) !important;
    box-shadow: var(--shadow) !important;
    backdrop-filter: blur(10px);
}
input {
    background-color: var(--bg-card) !important;
    color: var(--text-white) !important;
}
input[type=checkbox]:before {
    background-color: #d3d3d3;
    color: var(--text-white) !important;
}
.list-group.list-options .list-group-item,
   .nav .nav-tabs li a,
    .nav-tabs .nav li .nav-link,
     .nav-tabs .nav li a,
      .nav-tabs li .nav .nav-item a,
       .pagination .page-item .page-link,
        .text-secondary,
         .top-focus-box,
          div.pagination .page-item ul.pagination li a,
           div.pagination ul.pagination .page-item li a,
            div.pagination ul.pagination li .page-item a,
             div.pagination ul.pagination li .page-link,
             div.pagination ul.pagination li a {
    background: var(--bg-card) !important;
    backdrop-filter: blur(10px);
    color: var(--text-muted) !important;
    border-color: var(--border);
}
.list-group.list-options .list-group-item:hover, .list-group.list-options .list-group-item:focus {
    background: var(--bg-elevated) !important;
    color: var(--text-white) !important;
}
.nav-tabs li .navbar-light .navbar-nav .active>a,
 .nav-tabs li .navbar-light .navbar-nav .show>a,
  .nav-tabs li .navbar-light .navbar-nav a.active,
   .nav-tabs li .navbar-light .navbar-nav a.show,
    .nav-tabs li.active .navbar-light .navbar-nav a,
    .navbar-light .navbar-nav .active>.nav-link,
      .navbar-light .navbar-nav .nav-link.active,
       .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .nav-tabs li .active>a,
         .navbar-light .navbar-nav .nav-tabs li .show>a,
          .navbar-light .navbar-nav .nav-tabs li a.active,
           .navbar-light .navbar-nav .nav-tabs li a.show,
            .navbar-light .navbar-nav .nav-tabs li.active a,
             .navbar-light .navbar-nav .show>.nav-link,
             .navbar-light .navbar-nav .nav-link:hover {
    color: #Fff;
}
.virtus-nav .nav-item .nav-link {
     color: var(--text-muted) !important;
}
.card-myinfo .mybalance2 .list-group-item.credits {
    background: rgba(255, 2555, 255, 0.02) !important;
    color: var(--text-white) !important;
}
.alert {
    border: 1px solid var(--border);
}
.alert-warning {
    background: rgba(121,88,20,0.11) !important;
}
.nav-content nav.navbar .navbar-nav > .active > a, nav.navbar .navbar-nav > .active > a:hover, nav.navbar .navbar-nav > .active > a:focus {
    color: #Fff !important;
}
.virtus-nav .dropdown-menu {
    background: var(--bg-elevated) !important;
    box-shadow: var(--shadow) !important;
    color: var(--text-white);
}
.virtus-nav .dropdown-menu .dropdown-item {
   color: var(--text-muted);
}
.virtus-nav .dropdown-menu .dropdown-item:hover, .virtus-nav .dropdown-menu .dropdown-item:focus {
    color: var(--text-white);
    background: var(--bg-card) !important;
}
.dropdown-divider {
    border-color: var(--border);
}
.card {
    background: var(--bg-card) !important;
    box-shadow: var(--shadow) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--border);
    color: var(--text-white);
}
.loginarea .panel .panel-footer {
    border-top: none !important;
}
.loginarea .panel-footer a {
    background: var(--bg-card) !important;
}
.col-border {
    border-color: var(--border);
}
.card-myinfo img {
    background: var(--bg-main) !important;
    border-color: var(--border) !important;
}
#create-account {
    background: var(--bg-hover) !important;
    border-color: var(--border) !important;
    box-shadow: rgba(149, 157, 165, 0.05) 0 4px 22px !important;
}
.goadmin .badge-info, .card .alert-info {
    background: var(--bg-card) !important;
    box-shadow: var(--shadow) !important;
}
.card-links .badge {
    background: var(--bg-main) !important;
    box-shadow: var(--shadow) !important;
    border: 1px solid var(--border-focus) !important;
}
.modal-content {
    background: var(--bg-elevated) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(15px);
    color: var(--text-white);
}
.input-group>.input-group-append>.input-group-text {
    background: var(--bg-input) !important;
    color: var(--text);
    border-color: var(--border) !important;
}
.modal-header, .modal-footer {
    border-color: var(--border) !important;
}
.modal-header h5, .modal-header h4, .modal-header h3 {
    color: var(--text-white);
}
.card-blesta > .card-header, .card-footer, .list-group .list-group-item {
    background: var(--bg-card) !important;
    color: var(--text-white);
}
.list-group .list-group-item:hover {
    background: var(--bg-hover) !important;
    color: var(--text-white);
}
.table, .radio label {
    color: var(--text);
}
.table>thead>tr>th {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    color: var(--text);
}
a.list-group-item.active, a.list-group-item.active:focus {
    background: var(--bg-hover) !important;
}
.table-responsive .table td,.table-responsive .table th,.table-responsive .table tr {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    color: var(--text);
}
.table-responsive .table td:hover,.table-responsive .table th:hover,.table-responsive .table tr:hover {
    background: var(--bg-hover) !important;
    border-color: var(--border) !important;
}
.table>thead>tr>th>a,  .table>thead>tr>th>a:focus,  .table>thead>tr>th>a:hover {
    color: var(--text);
}
.title h3 {
    color: var(--text-white);
}
.card, .list-group {
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    box-shadow: rgba(71, 73, 75, 0.05) 0 4px 22px !important;
}
.card-body h4, .panel .panel-body h4 {
    color: var(--text-white) !important;
    border-color: var(--border) !important;
}
.close {
    color: var(--text-white);
}
.footery {
    background: var(--bg-card) !important;
    box-shadow: var(--shadow) !important;
    border-top-color: var(--border);
    backdrop-filter: blur(15px);
    color: var(--text-muted);
}
.btn-top {
    background: var(--bg-hover) !important;
    box-shadow: var(--shadow) !important;
    backdrop-filter: blur(15px);
    color: var(--text-muted);
}
.btn-top:hover, .btn-top:focus {
    background: var(--bg-card) !important;
    color: var(--text-muted);
}
.nav-tabs {
    border-color: var(--border);
}
.footery h5 {
    color: var(--text-white);
}
.footery li a {
        color: var(--text-muted) !important;
}
.alert-info {
    background: var(--bg-card) !important;
    color: var(--text-white) !important;
}
.alert-warning {
    background: var(--bg-card);
    border-left: 3px solid #C9A140;
    color: #C9A140;
        backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.text-danger {
   color: #d75a5a !important;
}
.top-focus-box,.well,form.widget_filter_form, .bg-dark{
    border-color: var(--border) !important;
    background: rgba(0, 0, 0, 0.12) !important;
}
.row .ticket-reply div.replier {
    border-color: var(--border) !important;
}
.breadcrumb {
    border-color: var(--border) !important;
    background: var(--bg-card) !important;
}
.row .ticket-reply div.top-bar.staff-reply, .row .ticket-reply div.top-bar {
    border-color: var(--border) !important;
    background: var(--bg-card) !important;
    color: var(--text-white);
}
.row .ticket-reply div.top-bar.staff-reply {
    background: var(--blueh) !important;
}
.img-thumbnail {
    background: rgba(0,0,0,0.01) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--border);
}
.breadcrumb-item+.breadcrumb-item {
    color: var(--text-white);
}
.section-title h3 {
    color: var(--text-white);
}
table {
    border-color: var(--border) !important;
}
.card-body, .rate {
    border-top: 1px solid var(--border) !important;
    background: rgba(0, 0, 0, 0.2) !important;
    box-shadow: var(--shadow) !important;
}
.card-footer, .panel .panel-footer {
    border-top: 1px solid var(--border) !important;
}
.loading_container {
    background: var(--bg-main) !important;
}
.card-blesta>.list-group .list-group-item {
   color: var(--text-white);
   background: transparent;
}
.cards .card .card-content .card-label {
    color: var(--text-white) !important;
}
#client_cards_get_invoices_count {
    background: rgba(31, 41, 64, 0.1) !important;
}
.card-links>.active, .card-links>.active a, .panel-links>.active, .panel-links>.active a {
    color: var(--text-white);
}
#support_manager_get_open_tickets_count, #domains_get_domain_count, #order_get_orders_count {
    background: none !important;
}
.modal-content .feas img {
    opacity: 0.8;
}
#domains_get_domain_count,
#support_manager_get_open_tickets_count, 
#order_get_orders_count, 
#client_cards_get_invoices_count,
#client_cards_get_services_count {
    background-color: var(--bg-card) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
#client_cards_get_services_count {
    background-color: rgba(0,0,0,0.26) !important;
}
#package-config .radio {
    background-color: rgba(0,0,0,0.2) !important;
}
#domains_get_domain_count:hover,
#support_manager_get_open_tickets_count:hover, 
#order_get_orders_count:hover, 
#client_cards_get_invoices_count:hover {
    background: rgba(0,0,0,0.35) !important;
}
#client_cards_get_services_count:hover {
    background-color: rgba(0,0,0,0.32) !important;
}
.navbar-light .navbar-toggler {
    background-color: rgba(255, 255, 255, 0.5);
}
.bg-dark.card-order {
    background: var(--bg-card) !important;
}
.md-editor {
    background: transparent !important;
    border-color: rgba(255,255,255,0.01);
}
.md-editor>.md-header {
    background: rgba(0,0,0,0.2) !important;
}
.md-editor.md-fullscreen-mode .md-input, .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;
}
.feature-box, .price-box-h {
    background: var(--bg-card) !important;
    box-shadow: var(--shadow) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.sidebar-box-slider {
    background: rgba(0, 0, 0, 0.32) !important;
    border-color: var(--border);
    color: var(--text);
    border-bottom: 4px solid var(--blue);
}
.feature-box, .price-box-h, .price-box-h ul li {
    border-color: var(--border);
    color: var(--text);
}
.price-box-h.featured{
    border-color: var(--blue);
    background: var(--bg-card) !important;
}
.fixed-store {
    border-color: var(--border);
    color: var(--text);
    background: var(--bg-card) !important;
}
.fixed-store span {
    color: var(--text-muted);
}
.card-order.table-responsive .table td, .card-order.table-responsive .table th, .card-order.table-responsive .table tr,
.card-order.table-responsive .table td:hover, .card-order.table-responsive .table th:hover, .card-order.table-responsive .table tr:hover {
    background-color: transparent !important;
}
.list-group.package-groups {
    border: none !important;
}
@media screen and (max-width: 767px) { 
    .footery small {
    border-bottom: 1px solid var(--border);
}
    html{
        background-position: 0% 0% !important;
    }
    nav.navbar .navbar-nav .show .dropdown-menu > a:hover,  nav.navbar .navbar-nav .show .dropdown-menu > a:focus,  nav.navbar .navbar-nav .show .dropdown-menu > a {
        color: var(--text-white) !important;
    }
}