html, body {
    font-family: "Montserrat", sans-serif;
    line-height: 20px;
    background: url(../img/bg_head_stars.png) 50px -135px repeat #110e16;
    background-size: cover;
    font-size: 12px;
    color: #ffffff;
  }
  
    
    a, a[onclick] {
      color: rgb(108, 151, 212);
    }
    a:hover, a[onclick]:hover {
      color: #608fd1;
    }
    
    table.table-bordered td, table.table-bordered th {
         border-color: rgb(42, 41, 49);
    }
    table.table > tbody > tr.primary > td {
      background: rgba(108, 151, 212, 0.1);
      border-color: rgba(108, 151, 212, 0.2);
      color: rgb(183, 180, 191);
    }
    table.table > tbody > tr.primary > td span {
      color: rgb(108, 151, 212);
    }
    table.table > tbody > tr.success > td {
      background: rgba(71, 188, 138, 0.1);
      border-color: rgba(71, 188, 138, 0.2);
      color: rgb(183, 180, 191);
    }
    table.table > tbody > tr.success > td span {
      color: rgb(71, 188, 138);
    }
    table.table > tbody > tr.info > td {
      background: rgba(53, 172, 172, 0.1);
      border-color: rgba(53, 172, 172, 0.2);
      color: rgb(183, 180, 191);
    }
    table.table > tbody > tr.info > td span {
      color: rgb(53, 172, 172);
    }
    table.table > tbody > tr.warning > td {
      background: rgba(207, 106, 50, 0.1);
      border-color: rgba(207, 106, 50, 0.2);
      color: rgb(183, 180, 191);
    }
    table.table > tbody > tr.warning > td span {
      color: rgb(207, 106, 50);
    }
    table.table > tbody > tr.danger > td {
      background: rgba(216, 87, 82, 0.1);
      border-color: rgba(216, 87, 82, 0.2);
      color: rgb(183, 180, 191);
    }
    table.table > tbody > tr.danger > td span {
      color: rgb(216, 87, 82);
    }
    table.table > tbody > tr.error > td {
      background: rgba(216, 87, 82, 0.1);
      border-color: rgba(216, 87, 82, 0.2);
      color: rgb(183, 180, 191);
    }
    table.table > tbody > tr.error > td span {
      color: rgb(216, 87, 82);
    }
    table.table > tbody > tr *, table.table > tbody > tr > td {
      color: rgb(183, 180, 191);
    }
    table td[colspan$="10"] img, table td[colspan$="10"] {
      color: rgb(183, 180, 191);
      background-color: transparent;
    }
    
    .text-primary {
      color: rgb(108, 151, 212) !important;
    }
    
    .text-success {
      color: rgb(71, 188, 138) !important;
    }
    
    .text-info {
      color: rgb(53, 172, 172) !important;
    }
    
    .text-warning {
      color: rgb(207, 106, 50) !important;
    }
    
    .text-danger {
      color: rgb(216, 87, 82) !important;
    }
    
    .text-error {
      color: rgb(216, 87, 82) !important;
    }
    
    .table .table {
      background-color: transparent;
    }
    
    small {
      color: rgb(174, 174, 174);
    }
    
    .block {

background-color: rgb(11 9 16);
    border-color: #050505;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 15px;
    }
    .block .block_head {
      color: rgb(230, 230, 230);
    }
    .block .block_head a {
      color: rgb(230, 230, 230);
    }
    .block.block-search > .input-search {
      background: rgb(54, 53, 62);
      border-top: 1px solid rgb(54, 53, 62);
      border-left: 1px solid rgb(108, 151, 212);
      border-bottom: 1px solid rgb(54, 53, 62);
    }
    .block.block-search > .input-search i.fa-search {
      color: rgb(108, 151, 212);
    }
    .block.block-table > .table-responsive {
        border-color: rgb(42, 41, 49);
    }
    
    .wapper .navigation {
    background: rgb(11 9 19 / 95%);
    border-bottom: 1px solid rgb(34, 33, 39);
    }
    .wapper .navigation .breadcrumb li > a {
      color: rgb(183, 180, 191);
    }
    .wapper .navigation .breadcrumb li.active {
      color: rgb(174, 174, 174);
    }
    .wapper .header {
      background: rgb(11 9 19 / 95%);
      border-bottom: 1px solid rgb(34, 33, 39);
    }
    .wapper .header .collapsible-menu > li > a {
  background: rgb(11 9 19 / 0%);
      color: rgb(230, 230, 230);
      border-bottom: 1px solid rgb(34, 33, 39);
    }
    .wapper .header .collapsible-menu > li > a::after, .wapper .header .collapsible-menu > li > a::before {
  background: rgb(11 9 19 / 0%);
    }
    .wapper .header .collapsible-menu > li > a.open {
  background: rgb(11 9 19 / 0%);
      border-color: rgb(108, 151, 212);
    }
    .wapper .header .collapsible-menu > li ul {
      background: rgb(11 9 19 / 95%);
      border-radius: 0 0 6px 6px;
    }
    .wapper .header .collapsible-menu > li ul > li:hover {
      background: rgb(11 9 19 / 95%);
    }
    .wapper .header .collapsible-menu > li ul > li > a {
      color: rgb(183, 180, 191);
      border-bottom: none;
    }
    .wapper .header .collapsible-menu.user-menu > li > a h3 {
      color: rgb(230, 230, 230);
    }
    .wapper .header .collapsible-menu.user-menu > li > a p {
      color: rgb(183, 180, 191);
    }
    .wapper .header .collapsible-menu.user-menu .point {
      background: rgb(71, 188, 138);
      border: 2px solid rgb(42, 41, 49);
    }
    .wapper .header .menu-trigger {
    background: var(--border-color, #333);
    color: rgb(230, 230, 230);
    }
    @media (max-width: 991.99px) {
      .wapper .header {
      background: rgb(11 9 19 / 95%);
        border-bottom: 1px solid rgb(34, 33, 39);
      }
      .wapper .header .collapsible-menu > li {
        border-radius: 8px;
        overflow: hidden;
      }
      .news_block {
          height: auto;
          display: flex;
          gap: 20px;
          padding: 20px;
          border-radius: 18px;
          align-items: center;
          justify-content: space-between;
          flex-direction: column
      }
      .flex_new_new {
          display: flex;
          width: 100%;
          gap: 20px;
          flex-direction: column;
          align-items: stretch
      }
  
      .news-block-img {
          height: 200px;
          width: 100%;
          background: #212d47;
          border-radius: 16px
      }
  
      .flex_info_new {
          display: flex;
          flex-direction: column;
          width: 100%
      }
      .news-button-bottom {
          cursor: pointer;
          text-align: center;
          display: flex;
          font-size: 9.5px;
          letter-spacing: 1px;
          padding: 11px 0;
          width: 100%;
          position: relative;
          font-weight: 600;
          border-radius: 50px;
          transition: .2s all;
          justify-content: center;
          align-items: center
      }
      .news_info {
          display: flex;
          border-top: solid 1px #212d47;
          width: 100%;
          justify-content: space-between
      }
      .wapper .header .collapsible-menu > li > a {
        border-bottom: 1px solid rgb(34, 33, 39);
        color: rgb(230, 230, 230);
      }
      .wapper .header .collapsible-menu > li > a.open {
  background: rgb(11 9 19 / 0%);
        border-color: rgb(108, 151, 212);
      }
      .wapper .header .collapsible-menu > li > a:hover {
  background: rgb(11 9 19 / 0%);
      }
      .wapper .header .collapsible-menu > li ul > li > a {
        color: rgb(230, 230, 230);
        border-bottom: 1px solid rgb(42, 41, 49);
      }
      .wapper .header .collapsible-menu > li ul > li > a:hover {
        background: transparent;
      }
      .wapper .header .collapsible-menu.user-menu > li {
        border-radius: 0;
        overflow: visible;
      }
      .wapper .header .collapsible-menu.user-menu > li > ul {
    background: rgb(11 9 19 / 95%);
        box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.03);
      }
      .wapper .header .collapsible-menu.user-menu > li > ul > li:hover {
    background: rgb(11 9 19 / 95%);
      }
      .wapper .header .collapsible-menu.user-menu > li > ul > li > a {
        color: rgb(230, 230, 230);
      }
      .wapper .header .collapsible-menu.user-menu > li > a {
    background: rgb(11 9 19 / 95%);
      }
      .wapper .header .collapsible-menu.user-menu > li > a > p {
        color: rgb(230, 230, 230);
      }
      .wapper .header .collapsible-menu.user-menu > li > a.open {
     background: rgb(11 9 19 / 95%);
        border-color: rgb(108, 151, 212);
      }
    }
    .wapper .monitoring .server {
      border-radius: 8px;
      border-color: rgb(34, 33, 39);
      border-bottom: 2px solid rgb(186, 119, 202);
      background: rgb(34, 33, 39);
      box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.03);
    }
    .wapper .monitoring .server:nth-child(odd) {
      background: rgb(34, 33, 39);
      border-bottom: 2px solid rgb(53, 172, 172);
    }
    .wapper .monitoring .server:nth-child(3n) {
      background: rgb(34, 33, 39);
      border-bottom: 2px solid rgb(207, 106, 50);
    }
    .wapper .monitoring .server h3 {
      color: rgb(183, 180, 191);
    }
    .wapper .monitoring .server .map-image {
      border-radius: 6px;
    }
    .wapper .monitoring .server > p {
      color: rgb(174, 174, 174);
    }
    .wapper .monitoring .server > p a {
      color: rgb(174, 174, 174);
    }
.wapper > .footer {
  background: url(https://donbas-cs.com.ua/templates/standart/img/botom.jpg?anti_cache=1746221662086) no-repeat center/cover;
    background-color: rgb(1 0 1 / 69%);
  background-blend-mode: overlay; /* Режим смешивания (можно попробовать multiply, screen, soft-light) */
  border-radius: 5px;
  border: 1px solid rgb(46, 40, 72);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.8);
}
    .wapper > .footer strong {
      color: rgb(230, 230, 230);
    }
    .wapper > .footer ul li a {
      color: rgb(183, 180, 191);
    }
    .wapper > .footer hr {
      border-color: rgb(42, 41, 49);
    }
    .wapper > .footer #copyright {
      border-color: rgb(42, 41, 49);
    }
    
    .btn {
      border: 2px solid transparent;
  }
  
  a, input, button, label {
      box-shadow: none;
  }
  
  a.btn, input.btn, button.btn, label.btn {
      border-radius: 6px;
  }
  
  a.btn.active:focus, a.btn.focus, a.btn:focus, a.btn.active, a.btn:active, a.btn:focus:active, 
  input.btn.active:focus, input.btn.focus, input.btn:focus, input.btn.active, input.btn:active, input.btn:focus:active, 
  button.btn.active:focus, button.btn.focus, button.btn:focus, button.btn.active, button.btn:active, button.btn:focus:active, 
  label.btn.active:focus, label.btn.focus, label.btn:focus, label.btn.active, label.btn:active, label.btn:focus:active {
      box-shadow: none;
  }
  
  a.btn.btn-primary, input.btn.btn-primary, button.btn.btn-primary, label.btn.btn-primary {
    background: #1a2634;
    border: 1px solid #60a5fa;
    color: #e6f0ff;
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 2px 6px rgba(10, 20, 40, 0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.btn.btn-primary:not([disabled]):not(.disabled):hover, 
a.btn.btn-primary:not([disabled]):not(.disabled):focus, 
input.btn.btn-primary:not([disabled]):not(.disabled):hover, 
input.btn.btn-primary:not([disabled]):not(.disabled):focus, 
button.btn.btn-primary:not([disabled]):not(.disabled):hover, 
button.btn.btn-primary:not([disabled]):not(.disabled):focus, 
label.btn.btn-primary:not([disabled]):not(.disabled):hover, 
label.btn.btn-primary:not([disabled]):not(.disabled):focus {
    background: #263548;
    border-color: #8bc2ff;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(10, 20, 40, 0.25);
}

a.btn.btn-outline-primary, a.btn.btn-default, 
input.btn.btn-outline-primary, input.btn.btn-default, 
button.btn.btn-outline-primary, button.btn.btn-default, 
label.btn.btn-outline-primary, label.btn.btn-default {
    background: transparent;
    color: var(--border-color);
    border: 1px solid #60a5fa;
    border-radius: 6px;
       padding: 2px 16px;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

a.btn.btn-outline-primary:not([disabled]):not(.disabled):hover, 
a.btn.btn-outline-primary:not([disabled]):not(.disabled):focus, 
a.btn.btn-default:not([disabled]):not(.disabled):hover, 
a.btn.btn-default:not([disabled]):not(.disabled):focus, 
input.btn.btn-outline-primary:not([disabled]):not(.disabled):hover, 
input.btn.btn-outline-primary:not([disabled]):not(.disabled):focus, 
button.btn.btn-outline-primary:not([disabled]):not(.disabled):hover, 
button.btn.btn-outline-primary:not([disabled]):not(.disabled):focus, 
label.btn.btn-outline-primary:not([disabled]):not(.disabled):hover, 
label.btn.btn-outline-primary:not([disabled]):not(.disabled):focus {
    background: #60a5fa;
    color: #1a2634;
    box-shadow: 0 2px 6px rgba(10, 20, 40, 0.2);
}
  
    .form-control::placeholder {
      color: rgb(174, 174, 174);
    }
    
    textarea.form-control, input.form-control, input[type=file], select.form-control, select[type=file], .form-control {
      background: rgb(54, 53, 62);
      border-color: rgb(58, 56, 70);
      border-radius: 8px;
      color: rgb(183, 180, 191);
      box-shadow: none;
    }
    textarea.form-control:focus, input.form-control:focus, input[type=file]:focus, select.form-control:focus, select[type=file]:focus, .form-control:focus {
      color: rgb(183, 180, 191);
      border-color: rgb(58, 56, 70);
      background: rgb(54, 53, 62);
      box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.03);
    }
    
    .input_error {
      border-color: rgb(216, 87, 82) !important;
      background-color: rgba(216, 87, 82, 0.2) !important;
    }
    
    .input_success {
      border-color: rgb(71, 188, 138) !important;
      background-color: rgba(71, 188, 138, 0.7) !important;
    }
    
    .error_message {
      color: rgb(216, 87, 82) !important;
    }
    
    .success_message {
      color: rgb(71, 188, 138) !important;
    }
    
    #last_activity span p a, #mybans span p a, table.table > tbody > tr > td a {
      color: rgb(108, 151, 212);
    }
    
    #last_activity span p, #mybans span p {
      color: rgb(183, 180, 191);
    }
    
    #new_news div:not(.loader) p:last-child, .news div:not(.loader) p:last-child {
      color: rgb(174, 174, 174);
    }
    
    #main-slider.carousel {
      border-radius: 15px;
        box-shadow: 0 2px 12px rgb(77, 134, 209);
    }
    #main-slider.carousel .carousel-control-prev, #main-slider.carousel .carousel-control-next {
      border-radius: 6px;
      border: 1px solid rgb(34, 33, 39);
      box-shadow: 0 2px 12px rgb(77, 134, 209);
      background: rgb(34, 33, 39);
    }
    
    #online_users a span:nth-child(3) {
      color: rgb(183, 180, 191);
    }
    
    #top_users a div > span {
      color: rgb(183, 180, 191);
    }
    #top_users a div > p span {
      color: rgb(183, 180, 191);
    }
    #top_users a div > p span i::before {
      color: rgba(108, 151, 212, 0.5);
    }
    
    #forum .row .col-lg-8 > div p span i::before, #forum.row .col-lg-8 > div p span i::before, #forum_topics .row .col-lg-8 > div p span i::before, #forum_topics.row .col-lg-8 > div p span i::before {
      color: rgba(108, 151, 212, 0.5);
    }
    
    #events .event > div > a, #events .event span {
      color: rgb(183, 180, 191);
    }
    
    .vertical-center-line::after {
      background: rgb(42, 41, 49);
    }
    
    .vertical-navigation ul li {
    border-color: #222127;
    transition: transform 0.5s ease, background 1.3s ease, border-color 2.3s ease;
  }
  
  .vertical-navigation ul li:hover, .vertical-navigation ul li.active {
    background: rgba(34, 33, 39, 0.6);
    border-color: #6c97d4;
    border-radius: 12px;
    transform: translateX(-10px); /* Сдвиг влево на 10 пикселей */
  }
  
  .vertical-navigation ul li a {
    border-color: #2a2931;
    color: #b7b4bf;
  }
  
  .vertical-navigation ul li a.active {
    background: rgba(34, 33, 39, 0.6);
    border-color: #6c97d4;
  }
  .vertical-navigation ul li a.active::before {
    background-color: #2a2931;
  }
    
    .empty-element {
      border-top: rgb(42, 41, 49);
      color: rgb(174, 174, 174);
    }
    
    .servers-online-line {
      background: rgb(54, 53, 62);
      border: rgb(58, 56, 70);
    }
    .servers-online-line .progress-bar.bg-primary {
      background-color: rgb(108, 151, 212) !important;
      border-color: rgb(108, 151, 212);
    }
    .servers-online-line .progress-bar.bg-success {
      background-color: rgb(71, 188, 138) !important;
      border-color: rgb(71, 188, 138);
    }
    .servers-online-line .progress-bar.bg-info {
      background-color: rgb(53, 172, 172) !important;
      border-color: rgb(53, 172, 172);
    }
    .servers-online-line .progress-bar.bg-warning {
      background-color: rgb(207, 106, 50) !important;
      border-color: rgb(207, 106, 50);
    }
    .servers-online-line .progress-bar.bg-danger {
      background-color: rgb(216, 87, 82) !important;
      border-color: rgb(216, 87, 82);
    }
    .servers-online-line .progress-bar.bg-error {
      background-color: rgb(216, 87, 82) !important;
      border-color: rgb(216, 87, 82);
    }
    .servers-online-line .progress-val {
      color: rgb(230, 230, 230);
    }
    
    .label.label-primary, #stats .label.label-primary {
      background-color: rgb(108, 151, 212);
      color: #ffffff;
      border-color: rgb(108, 151, 212);
    }
    .label.label-success, #stats .label.label-success {
      background-color: rgb(71, 188, 138);
      color: #ffffff;
      border-color: rgb(71, 188, 138);
    }
    .label.label-info, #stats .label.label-info {
      background-color: rgb(53, 172, 172);
      color: #ffffff;
      border-color: rgb(53, 172, 172);
    }
    .label.label-warning, #stats .label.label-warning {
      background-color: rgb(207, 106, 50);
      color: #ffffff;
      border-color: rgb(207, 106, 50);
    }
    .label.label-danger, #stats .label.label-danger {
      background-color: rgb(216, 87, 82);
      color: #ffffff;
      border-color: rgb(216, 87, 82);
    }
    .label.label-error, #stats .label.label-error {
      background-color: rgb(216, 87, 82);
      color: #ffffff;
      border-color: rgb(216, 87, 82);
    }
    
    #stats .progress span {
      color: #ffffff;
    }
    
    .progress {
      background-color: rgb(54, 53, 62);
      border-radius: 6px;
      overflow: hidden;
      color: #ffffff;
    }
    .progress span {
      color: #ffffff;
    }
    
    .form-group label h4 {
      color: rgb(230, 230, 230);
    }
    
    .noty-block, .bs-callout {
  
    }
    .noty-block.primary, .noty-block.bs-callout-primary, .bs-callout.primary, .bs-callout.bs-callout-primary {
      color: #ffffff;
      background-color: rgb(108, 151, 212) !important;
      border-color: rgb(108, 151, 212);
    }
    .noty-block.primary *, .noty-block.bs-callout-primary *, .bs-callout.primary *, .bs-callout.bs-callout-primary * {
      color: #ffffff;
    }
    /* Уведомление успеха */
    .noty-block.success, 
    .noty-block.bs-callout-success, 
    .bs-callout.success, 
    .bs-callout.bs-callout-success {
  
      padding: 15px;
  
    }
    
    .noty-block.success h4, 
    .noty-block.success p {
      font-weight: bold;
      font-size: 16px;
    }
    
    .noty-block.success *, 
    .noty-block.bs-callout-success *, 
    .bs-callout.success *, 
    .bs-callout.bs-callout-success * {
      color: #ffffff;
      font-size: 15px;
    }
    
    /* Уведомление информации */
    .noty-block.info, 
    .noty-block.bs-callout-info, 
    .bs-callout.info, 
    .bs-callout.bs-callout-info {
      color: #ffffff;
      background-color: rgb(40, 132, 132) !important; /* Темнее исходного фона */
      border-color: rgb(40, 132, 132);
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }
    
    .noty-block.info h4, 
    .noty-block.info p {
      font-weight: bold;
      font-size: 16px;
    }
    
    .noty-block.info *, 
    .noty-block.bs-callout-info *, 
    .bs-callout.info *, 
    .bs-callout.bs-callout-info * {
      color: #ffffff;
      font-size: 15px;
    }
    
    /* Уведомление предупреждения */
    .noty-block.warning, 
    .noty-block.bs-callout-warning, 
    .bs-callout.warning, 
    .bs-callout.bs-callout-warning {
      color: #ffffff;
      background-color: rgb(179, 87, 38) !important; /* Темнее исходного фона */
      border-color: rgb(179, 87, 38);
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }
    
    .noty-block.warning h4, 
    .noty-block.warning p {
      font-weight: bold;
      font-size: 16px;
    }
    
    .noty-block.warning *, 
    .noty-block.bs-callout-warning *, 
    .bs-callout.warning *, 
    .bs-callout.bs-callout-warning * {
      color: #ffffff;
      font-size: 15px;
    }
    
    /* Уведомление об ошибке */
    .noty-block.danger, 
    .noty-block.bs-callout-danger, 
    .bs-callout.danger, 
    .bs-callout.bs-callout-danger {
      color: #ffffff;
      background-color: rgb(186, 71, 66) !important; /* Темнее исходного фона */
      border-color: rgb(186, 71, 66);
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }
    
    .noty-block.danger h4, 
    .noty-block.danger p {
      font-weight: bold;
      font-size: 16px;
    }
    
    .noty-block.danger *, 
    .noty-block.bs-callout-danger *, 
    .bs-callout.danger *, 
    .bs-callout.bs-callout-danger * {
      color: #ffffff;
      font-size: 15px;
    }
    
    /* Уведомление об ошибке (альтернативное) */
    .noty-block.error, 
    .noty-block.bs-callout-error, 
    .bs-callout.error, 
    .bs-callout.bs-callout-error {
      color: #ffffff;
      background-color: rgb(186, 71, 66) !important; /* Темнее исходного фона */
      border-color: rgb(186, 71, 66);
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }
    
    .noty-block.error h4, 
    .noty-block.error p {
      font-weight: bold;
      font-size: 16px;
    }
    
    .noty-block.error *, 
    .noty-block.bs-callout-error *, 
    .bs-callout.error *, 
    .bs-callout.bs-callout-error * {
      color: #ffffff;
      font-size: 15px;
    }
    
    
    .noty_bar .noty_message {
      background: rgb(108, 151, 212);
      color: #ffffff;
      border: 1px solid rgb(108, 151, 212);
      box-shadow: none;
    }
    .noty_bar .noty_message a {
      color: #ffffff;
    }
    .noty_bar.noty_type_error .noty_message {
      background: rgb(216, 87, 82);
      border-color: rgb(216, 87, 82);
    }
    .noty_bar.noty_type_success .noty_message {
      background: rgb(71, 188, 138);
      border-color: rgb(71, 188, 138);
    }
    
    #smile_btn {
      filter: brightness(0%) contrast(1%);
    }
    
    .modal .modal-content {
      background-color: rgb(16 15 19);
    }
    .modal .modal-content .modal-header h4 {
      color: rgb(230, 230, 230);
    }
    
    .close {
      color: rgb(230, 230, 230);
      text-shadow: 0 1px 0 rgb(0, 0, 0);
    }
    .close:hover {
      color: rgb(230, 230, 230);
    }
    
    #chat #chat_messages .chat_message .message .info .date {
      color: rgb(174, 174, 174);
    }
    
  #forum > h2, #forum .col-lg-12 > h2, #forum_topics > h2, #forum_topics .col-lg-12 > h2 {
background: rgb(38 36 43 / 57%);
    border-top: rgb(42, 41, 49);
    border-left: 5px solid rgb(255 0 0);
    border-bottom: rgb(42, 41, 49);
    color: rgb(230, 230, 230);
  }
    
    #new_news div:not(.loader) a h3, .news div:not(.loader) a h3 {
      color: rgb(108, 151, 212);
    }
    
    #forum .row .col-lg-8 > div h3 a, #forum.row .col-lg-8 > div h3 a, #forum_topics .row .col-lg-8 > div h3 a, #forum_topics.row .col-lg-8 > div h3 a,
    #forum .row .col-lg-4 p a, #forum.row .col-lg-4 p a, #forum_topics .row .col-lg-4 p a, #forum_topics.row .col-lg-4 p a {
      color: rgb(108, 151, 212);
    }
    
    #forum .row .col-lg-8 > div p, #forum.row .col-lg-8 > div p, #forum_topics .row .col-lg-8 > div p, #forum_topics.row .col-lg-8 > div p,
    #forum .row .col-lg-4 p, #forum.row .col-lg-4 p, #forum_topics .row .col-lg-4 p, #forum_topics.row .col-lg-4 p,
    #forum .row .col-lg-8 > div p span a, #forum.row .col-lg-8 > div p span a, #forum_topics .row .col-lg-8 > div p span a, #forum_topics.row .col-lg-8 > div p span a,
    #forum .row .col-lg-8 > div p span, #forum.row .col-lg-8 > div p span, #forum_topics .row .col-lg-8 > div p span, #forum_topics.row .col-lg-8 > div p span {
      color: rgb(174, 174, 174);
    }
    
    a.small {
      color: rgb(183, 180, 191);
      border-color: rgb(108, 151, 212);
    }
    a.small:hover, a.small:focus, a.small:visited {
      color: rgb(230, 230, 230);
    }
    
    .registration .privacy-policy {
      border: 1px solid rgb(42, 41, 49);
      border-left: 3px solid rgb(42, 41, 49);
      background: rgb(54, 53, 62);
      color: rgb(174, 174, 174);
      border-radius: 8px;
      line-height: 1.5;
      font-size: 13px;
    }
    
    .text-error, .text-danger {
      color: rgb(216, 87, 82) !important;
    }
    
    .pagination > li > a, .pagination > li > span, .pagination > .disabled > a, .pagination > .disabled > span {
      color: rgb(183, 180, 191);
      background-color: rgb(34, 33, 39);
      border-color: rgb(34, 33, 39);
    }
    .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus {
      color: rgb(230, 230, 230);
      background-color: rgb(108, 151, 212);
      border-color: rgb(108, 151, 212);
    }
    .pagination > .active > a, .pagination > .active > span {
      color: rgb(230, 230, 230);
      background-color: rgb(108, 151, 212);
      border-color: rgb(108, 151, 212);
    }
    .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
      color: rgb(230, 230, 230);
      background-color: #608fd1;
      border-color: #608fd1;
    }
    
    .profile-page #friends::after {
      background: linear-gradient(to top, rgb(34, 33, 39), rgba(255, 255, 255, 0));
    }
    
    .topic-answers div[id^=answer] .center-area::after, .topic-answers div[id^=answer] .bottom-area::after {
      content: " ";
      height: 100%;
      position: absolute;
      width: 1px;
      background: rgb(42, 41, 49);
      top: 0;
    }
    
    blockquote {
      border-radius: 8px;
      padding: 10px;
      margin: 0 0 5px;
      border-left: 5px solid rgb(42, 41, 49);
      background: rgba(42, 41, 49, 0.5);
    }
    
    .comment > div .info .date, .comment > div .dell_message, .comment > div .edit_message {
      color: rgb(174, 174, 174);
    }
    
    .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
      border-top-color: rgb(42, 41, 49);
    }
    
    .popover {
      background: rgb(42, 41, 49);
      border-color: rgb(42, 41, 49);
    }
    .popover .popover-body {
      color: rgb(183, 180, 191);
    }
    
    .owl-carousel.smiles_panel .owl-prev, .owl-carousel.smiles_panel .owl-next {
      border-color: rgb(34, 33, 39);
    }
    
    .owl-carousel.smiles_panel .smilebtn {
      border-color: rgb(34, 33, 39);
    }
    .owl-carousel.smiles_panel .smilebtn:hover, .owl-carousel.smiles_panel .smilebtn:active {
      background: rgb(34, 33, 39);
    }
    
    .table-responsive,
    #last_activity span, #mybans span, #top_users a, #online_users a, #chat #chat_messages .chat_message, #chat, #events .event,
    #forum .row .col-lg-8, #forum.row .col-lg-8, #forum_topics .row .col-lg-8, #forum_topics.row .col-lg-8,
    #forum .row .col-lg-4, #forum.row .col-lg-4, #forum_topics .row .col-lg-4, #forum_topics.row .col-lg-4,
    #new_news div:not(.loader), .news div:not(.loader), .new > p:last-child, .comment, .friend, .user, #companions div {
   border-color: rgb(42, 41, 49);
    }
    
    #bans tr td:nth-child(1):hover, #tickets tr td:nth-child(2):hover, #open_tickets tr td:nth-child(2):hover,
    #close_tickets tr td:nth-child(2):hover, #search_ban_res_min tr td:nth-child(2):hover {
      background-color: rgb(42, 41, 49);
    }
    
    .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn,
    .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn,
    .input-group-sm > .input-group-prepend > .input-group-text {
      border-radius: 6px;
    }
    
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
    .input-group > .input-group-append:not(:last-child) > .btn,
    .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn,
    .input-group > .input-group-prepend > .input-group-text {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    
    table.table > tbody > tr > td h4.modal-title {
      color: rgb(230, 230, 230);
    }
    
    #place_for_messages .dialog > div:nth-child(1), 
#place_for_messages .dialog > div:nth-child(2) {
    background: #1a2634;
    border: 1px solid #1a2634;
    border-radius: 6px;
    padding: 10px;
    color: #e6f0ff;
    transition: background 0.2s ease, border-color 0.2s ease;
}

#place_for_messages .dialog > div:nth-child(1):hover, 
#place_for_messages .dialog > div:nth-child(2):hover {
    background: #263548;
    border-color: #60a5fa;
}
    
    .pay_area .block img {
      opacity: 0.7;
      border-radius: 8px;
    }
    
    .purse .row .col-lg-3 > div {
      border-radius: 8px;
    }
    .purse .row .col-lg-3:nth-child(1) > div, .purse .row .col-lg-3:nth-child(2) > div, .purse .row .col-lg-3:nth-child(3) > div, .purse .row .col-lg-3:nth-child(4) > div {
      background-color: rgb(42, 41, 49);
      border-color: rgb(42, 41, 49);
      color: rgb(230, 230, 230);
    }
    .purse .row .col-lg-3:nth-child(1) > div {
      color: rgb(108, 151, 212);
    }
    .purse .row .col-lg-3:nth-child(2) > div {
      color: rgb(53, 172, 172);
    }
    .purse .row .col-lg-3:nth-child(3) > div {
      color: rgb(186, 119, 202);
    }
    .purse .row .col-lg-3:nth-child(4) > div {
      color: rgb(71, 188, 138);
    }
    
    div.buy-product-key-info {
      background: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.2);
      border-radius: 8px;
    }
    
    .profile-page .profile table tbody tr td[colspan="2"] h4 {
      margin-left: -40px;
      background: rgb(42, 41, 49);
      border-top: 1px solid rgb(42, 41, 49);
      border-left: 1px solid rgb(108, 151, 212);
      border-bottom: 1px solid rgb(42, 41, 49);
      color: rgb(230, 230, 230);
    }
    
    .topic-answers div[id^=answer] .top-area {
      background: rgb(14 25 35);
      border-top: rgb(42, 41, 49);
      border-left: 5px solid rgb(108, 151, 212);
      border-bottom: rgb(42, 41, 49);
      color: rgb(230, 230, 230);
    }
    .topic-answers div[id^=answer] .top-area .right-side a {
      color: rgb(174, 174, 174);
    }
    .topic-answers div[id^=answer] .center-area .left-side p {
      color: rgb(183, 180, 191);
    }
    .topic-answers div[id^=answer] .center-area .left-side p::after {
      background: rgb(42, 41, 49);
    }
    .topic-answers div[id^=answer] .center-area .right-side .edited {
      color: rgb(174, 174, 174);
    }
    .topic-answers div[id^=answer] .center-area .right-side .signature {
      color: rgb(174, 174, 174);
      border-color: rgb(42, 41, 49);
    }
    .topic-answers div[id^=answer] .bottom-area {
      border-color: rgb(42, 41, 49);
    }
    .topic-answers div[id^=answer] .bottom-area::after {
      background: rgb(42, 41, 49);
    }
    
    div.spoiler div.spoiler-title {
      border-color: rgb(42, 41, 49);
      background: rgb(42, 41, 49);
    }
    div.spoiler div.spoiler-content {
      border-color: rgb(42, 41, 49);
      background: rgb(34, 33, 39);
    }
    
    .new > p:last-child {
      color: rgb(174, 174, 174);
    }
    
    #news a.small-new {
      border-color: rgb(42, 41, 49);
    }
    #news a.small-new div p {
      color: rgb(174, 174, 174);
    }
    
    .reward, .product-block, #my_cases_area .opened-case {
      border-color: rgb(42, 41, 49) !important;
    }
    
    .sortition #prizes h5, .sortition #prizes .prize span {
      color: rgb(34, 33, 39);
    }
    
    .monitoring-table {
background-color: rgb(11 9 16);
    border-color: #050505;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 15px;
    }
    .monitoring-table > table > tbody > tr > td .servers-online-line {
        background: rgb(36 37 38 / 16%);
        border: double 2px rgb(59 66 102);
    }
    .monitoring-table > table > tbody > tr > td .servers-online-line .progress-bar.bg-primary {
      background-color: rgb(108, 151, 212) !important;
      border-color: rgb(108, 151, 212);
    }
    .monitoring-table > table > tbody > tr > td .servers-online-line .progress-bar.bg-success {
      background-color: rgb(71, 188, 138) !important;
      border-color: rgb(71, 188, 138);
    }
    .monitoring-table > table > tbody > tr > td .servers-online-line .progress-bar.bg-info {
      background-color: rgb(53, 172, 172) !important;
      border-color: rgb(53, 172, 172);
    }
    .monitoring-table > table > tbody > tr > td .servers-online-line .progress-bar.bg-warning {
      background-color: rgb(207, 106, 50) !important;
      border-color: rgb(207, 106, 50);
    }
    .monitoring-table > table > tbody > tr > td .servers-online-line .progress-bar.bg-danger {
      background-color: rgb(216, 87, 82) !important;
      border-color: rgb(216, 87, 82);
    }
    .monitoring-table > table > tbody > tr > td .servers-online-line .progress-bar.bg-error {
      background-color: rgb(216, 87, 82) !important;
      border-color: rgb(216, 87, 82);
    }
    .monitoring-table > table > tbody > tr > td .servers-online-line .progress-val {
      color: rgb(230, 230, 230);
    }
    .monitoring-table > table > tbody > tr > td a {
      color: #ffffff;
    }
   .server-links {
    text-align: center; /* Центрируем содержимое ячейки */
}

.link-wrapper {
    display: inline-block; /* Делаем ссылки блочными для центрирования */
    margin: 0 4px; /* Отступ между ссылками */
background-image: linear-gradient(181deg,
 color-mix(in srgb, var(--border-color) 40%, transparent), transparent);
    border: 1px solid rgb(108, 151, 212); /* Граница для всех ссылок */
    padding: 5px; /* Отступ внутри кнопки для лучшего вида */
    border-radius: 4px; /* Скругление углов для кнопочного вида */
}

.link-wrapper:hover {
    background: rgba(119, 119, 119, 0.23); /* Фон при наведении */
}

.link-icon {
    font-size: 16px; /* Размер иконки */
    color: #fff; /* Белый цвет иконки для контраста с фоном */
}
  
    
    .b-page_newyear > .b-page__content {
      background-color: rgb(34, 33, 39) !important;
    }
    
    /*# sourceMappingURL=theme_dark.css.map */