/*monitoring*/
.servers-online-line .progress-bar.bg-danger {
    background-color: rgb(249, 25, 46) !important;
    box-shadow: 0 0px 7px 0 rgb(249, 25, 46);
    background-size: 1rem 1rem;
    border: 0px solid rgb(247, 247, 247);
    border-radius: 0px;
    animation: 1s linear 0s normal none infinite running progress-bar-stripes;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 85%, transparent 85%, transparent);
}
.progress-val {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 28px !important;
    font-size: 13px;
}
.progress-bar {
    margin: -1px;
    border-radius: 3px 0px 0px 3px;
}
.progress-bar.bg-info {
    background-color: #E1EFFA !important;
    border: 1px solid #CADDED;
}
.progress-bar.bg-success {
    background-color: #E3F5DC !important;
    border: 1px solid #CDE8C3;
}
.progress-bar.bg-warning {
    background-color: rgb(255, 240, 210) !important;
    border: 1px solid rgb(232, 221, 202);
}
.progress-bar.bg-danger {
    background-color: #FCE3E3 !important;
    border: 1px solid #E8CACA;
}
.monitoring-table {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(227, 228, 232);
    box-shadow: inset 0 -1px 0 rgb(215, 216, 219);
    border-radius: 15px;
    margin-bottom: 30px !important;
}
.monitoring-table thead td {
    padding: 15px 30px 15px 30px;
    font-weight: bold;
    font-size: 16px;
    color: rgb(21, 21, 21);
}
.monitoring-table tbody td {
    padding: 15px 30px 15px 30px;
    font-size: 16px;
    color: rgb(21, 21, 21);
}
.monitoring-table tbody > tr > td:not(:first-child), .monitoring-table thead > tr > td:not(:first-child) {
    text-align: center;
	background-color: #180d1e;
    border: 2px solid #262836;
    box-shadow: 0 2px 12px #8a2be2;
}
.monitoring-table tbody > tr > td a {
    color: rgb(223, 105, 52) !important;
}
.monitoring-table tbody > tr > td:last-child > a {
    display: inline-block;
    margin: -10px 0px -10px 0px;
    padding: 7px;
    border-radius: 2px;
    text-align: center;
    font-size: 15px;
    padding-right: 11px;
}
.monitoring-table tbody > tr > td:last-child > a > i {
    display: block;
    margin: 0;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(1) {
    background: rgb(227, 245, 220);
    border: 1px solid #CDE8C3;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(1):hover {
    background: rgba(227, 245, 220, 0.7);
    box-shadow: 0 0 2px 3px rgba(227, 245, 220, 0.7);
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(1) > i {
    color: rgb(115, 159, 42);
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(2) {
    background: rgb(252, 227, 227);
    border: 1px solid #E8CACA;
    padding-right: 8px;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(2):hover {
    background: rgba(252, 227, 227, 0.7);
    box-shadow: 0 0 2px 3px rgba(252, 227, 227, 0.7);
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(2) > i {
    color: rgb(159, 87, 42);
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(3) {
    background: rgb(255, 240, 210);
    border: 1px solid rgb(232, 221, 202);
    padding-right: 8px;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(3):hover {
    background: rgba(255, 240, 210, 0.7);
    box-shadow: 0 0 2px 3px rgba(255, 240, 210, 0.7);
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(3) > i {
    color: rgb(159, 116, 42);
}
.monitoring-table td[colspan="10"] {
    padding: 15px 5px 15px 5px !important;
}
.monitoring-table .game-icon {
    width: 20px;
    height: 20px;
    margin: -5px;
    margin-left: 0;
    margin-right: 5px;
}
.popover-map-img {
    width: 100px;
    height: 100px;
    margin: -5px -8px;
    border-radius: 2px;
}
.monitoring-table {
    background: rgb(34, 35, 43);
    border: 1px solid rgb(34, 35, 43);
    box-shadow: inset 0 -1px 0 rgb(34, 35, 43);
	background-color: #180d1e;
    border: 2px solid #262836;
    box-shadow: 0 2px 12px #8a2be2;
}
.monitoring-table thead td {
    color: rgb(183, 186, 205);
}
.servers-online-line {
    background: rgba(49, 52, 72, 0.29);
    border: 1px solid rgb(49, 52, 72);
    overflow: hidden;
}
.servers-online-line .progress-bar {
    background-color: rgb(49, 52, 72) !important;
    border: 0 !important;
}
.monitoring-table tbody > tr > td:last-child > a {
    background: rgb(42, 47, 54) !important;
    border: 0px solid rgba(56, 189, 86, 0) !important;
	border-radius: 15px;
}
.monitoring-table tbody > tr > td:last-child > a:hover {
    box-shadow: 0 0 1px 0px rgba(223, 87, 46, 0.95) !important;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(1) > i {
    color: rgb(156, 240, 16);
	box-shadow: 0 2px 12px #8a2be2;
}
.monitoring-table tbody > tr > td a {
    color: rgb(230, 18, 18) !important;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(2) > i {
    color: rgb(255, 27, 27);
	box-shadow: 0 2px 12px #8a2be2;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(3) > i {
    color: rgb(255, 161, 0);
	box-shadow: 0 2px 12px #8a2be2;
}

.progress.servers-online-line {
    top: 10px !important;
}

.servers-online-line .progress-bar.bg-danger {
    background-color: rgb(249, 25, 46) !important;
    box-shadow: 0 0px 7px 0 rgb(249, 25, 46);
    background-size: 1rem 1rem;
    border: 0px solid rgb(247, 247, 247);
    border-radius: 0px;
    animation: 1s linear 0s normal none infinite running progress-bar-stripes;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 85%, transparent 85%, transparent);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.servers-online-line .progress-bar.bg-warning, .servers-online-line .progress-bar.bg-success, .servers-online-line .progress-bar.bg-info {
    background-color: rgb(0, 123, 255) !important;
    box-shadow: 0 0px 7px 0 rgb(0, 123, 255);
    background-size: 1rem 1rem;
    border: 0px solid rgb(247, 247, 247);
    border-radius: 0px;
    animation: 1s linear 0s normal none infinite running progress-bar-stripes;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 85%, transparent);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
html, body {
  background-size: 100% 100% !important;
  background-attachment: fixed!important;
  background: url(../img/bg_11.webp) no-repeat;
}
.rainbow::before {
    content: '';
    position: carousel-item;
    z-index: -2;
    left: -100%;
    top: -100%;
    width: 300%;
    height: 300%;
    background-color: #399953;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#399953, #399953), linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33), linear-gradient(#377af5, #377af5);
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}

@media (max-width: 991.99px) {
  .pagination > li {
    display: inline !important;
  }
  .pagination > li.pagination-excess {
    display: none !important;
  }
}

/* SAFE SEO CORE v3.2: accessibility + PageSpeed refinements */
.a11y-link-button {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
}
.a11y-link-button.small {
    font-size: 12px;
    border-bottom: 1px solid currentColor;
}
.a11y-link-button:hover,
.a11y-link-button:focus {
    text-decoration: underline;
}
.server-connect-link {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    color: rgb(230, 18, 18);
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.server-connect-link:hover,
.server-connect-link:focus {
    color: #ff5b5b;
}
.popover-map-img {
    width: 160px !important;
    height: auto !important;
    max-width: 100%;
    object-fit: contain;
}
#online_users a img,
#top_users a img,
#forum .row .col-lg-8 img,
#forum_topics .row .col-lg-8 img,
#forum.row .col-lg-8 img,
#forum_topics.row .col-lg-8 img {
    object-fit: cover;
}
.download-video-link {
    display: block;
    line-height: 0;
}
.download-cs-video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.footer-cs-video {
    display: block;
    max-width: 100%;
    height: auto;
}
/* Inline links must be distinguishable by more than color (WCAG/Lighthouse). */
.with_code p a:not(.btn),
#last_activity p a:not(.btn),
.wapper > .footer p a:not(.btn) {
    text-decoration: underline;
    text-underline-offset: 2px;
}