@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {font-family: Roboto; font-style: normal; font-weight: normal; font-size: 16px; line-height: 150%; color: #FFFFFF; background: #0E0E0F;}

:root, body {font-size: 10px; line-height: 1.5;}

@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}
@media (min-width: 1254px) { .container { max-width: 1254px; } }

h1, .h1 {font-weight: 900; font-size: 4rem; line-height: 120%; text-transform: uppercase;}
h2, .h2 {font-weight: bold; font-size: 3rem; line-height: 120%; text-transform: uppercase;}
h3, .h3 {font-weight: bold; font-size: 2.25rem; line-height: 120%; text-transform: uppercase;}
h4, .h4 {font-weight: bold; font-size: 1.5rem; line-height: 120%;}
h5, .h5 {font-style: normal; font-weight: 400;font-size: 1.125rem; line-height: 120%;}
.h4-s1 {font-weight: 500; font-size: 1.5rem; line-height: 120%;}
.h4-s2 {font-weight: bold; font-size: 1.5rem; line-height: 120%; text-transform: uppercase;}
.h5-s1 {font-weight: 500; font-size:  1.125rem; line-height: 120%; text-transform: uppercase;}
.h5-s2 {font-style: normal; font-weight: 300; font-size: 1.125rem; line-height: 120%;}
.h5-s3 {font-size: 1.125rem; line-height: 120%;}
h6, .h6 {font-weight: normal; font-size: .875rem; line-height: 120%;}
.h6-s2 {font-weight: 500; font-size: .875rem; line-height: 16px;}
.p-s1 {font-style: normal; font-weight: normal; font-size: 1rem; line-height: 120%;}
.p-s2 {font-weight: bold; line-height: 120%;}
.p-s3 {line-height: 120%; text-decoration-line: underline;}

.mark, mark {background-color: #8b0000; color: #fff;}

a {color: #fff; text-decoration: none;}
a:hover {color: #C81D12; text-decoration: none;}
a:active, header .active {color: #95160E; text-decoration: none;}
a:focus {color: #95160E; text-decoration: none;}


#center main {overflow: inherit;}


.btn {border-radius: 2px; padding: 1rem 2rem;}
.btn-red {background: linear-gradient(81.29deg, #C2281E 0%, #95160E 54.17%, #920D0D 100%); color: #fff; padding: 1rem 2rem;}
.btn-red:hover {background: linear-gradient(81.29deg, #BC1414 0%, #C2281E 100%); box-shadow: 0px 22px 44px -12px rgba(255, 43, 36, 0.25); color: #fff;}
.btn-red:focus {background: #95160E; box-shadow: 0px 22px 44px -12px rgba(255, 43, 36, 0.2); color: #fff;}

.btn-black {background: transparent; border: 2px solid #C2281E; color: #FFE0DE; padding: .93rem 2rem;}
.btn-black:hover {border: 2px solid #C2281E; color: #BC1414;}
.btn-black:focus {box-shadow: 0px 22px 44px -12px rgba(255, 43, 36, 0.35); color: #BC1414;}
.open-menu {display: flex!important;}
.close-menu {display: none;}


input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {position:relative; padding-left:1rem; cursor:pointer;}
input[type="checkbox"] + label::before {content:url('/images/icons/uncheck.png'); position:absolute; right:100%; top:-4px;}
input[type="checkbox"]:checked + label::before {content:url('/images/icons/check.png');}

/*HEADER*/

@media (min-width: 1200px){
header #navbar-content {flex-direction: column; margin-left: 100px;} 
header #top_menu {width: 100%; flex-direction: row;}
}

header .container {align-items: baseline!important;}
header #top_menu {justify-content: center; align-items: baseline; position: relative;}
header #top_menu ul .active a {color: #95160E;}
header #top_menu .user-menu {background: rgba(18, 17, 18, 0.2); backdrop-filter: blur(40px); padding: 1rem;}
header #top_menu .menu-header {flex-direction: column;}
header #top_menu .menu-header li a {font-size: 2rem}
header #navbar-content {margin-bottom: 135px;}
.menu-btn,  .menu-btn:focus {background: transparent; text-decoration: none; border: none; outline: none; cursor: pointer;}
.user-menu {position: absolute; top: 175px; text-align: left;}
.user-menu li a {font-size: 1.5rem;}
.header-link {margin-top: 1rem; justify-content: flex-start; width: 30%;}
.header-link img:hover {filter:invert(50%);}


@media (min-width: 576px) {
	header #navbar-content {margin-bottom: 0;}
}


@media (min-width: 768px) {
	header #top_menu {flex-direction: row; justify-content: space-between; align-items: baseline; position: relative;}
	header #top_menu .menu-header {width: 70%;justify-content: space-between;margin-top: 1rem;flex-direction: row;
	margin-bottom: 0; display: flex; align-items: baseline; flex-direction: row;}
	header #top_menu .menu-header li a {font-size: 1rem}
	.header-link {margin-top: 1rem; justify-content: space-around; width: auto;}
	.user-menu {position: absolute; top: 55px; right: 0; text-align: right;}
	.user-menu li a {font-size: 1rem;}
}

/*TOP*/
.mod-banner,
.mod-project,
.mod-advantage,
.mod-registration {padding: 0;}
.mod-banner::before {background: linear-gradient(180deg, rgba(15, 15, 16, 0) 77.36%, #0F0F10 100%), url('/images/modules/mod-banner/001O.jpg') no-repeat center top; top: 0; background-size: cover;}
.mod-banner .item,
.mod-project .item,
.mod-advantage .item,
.mod-registration .item,
.mod-start .item {height: calc(100vh - 100px); min-height: 550px;}
/*.mod-banner .item .container, .mod-banner .item .container .row > div {height: 70%;} */
.mod-banner .item .container .row > div,
.mod-project .item .container .row > div,
.mod-advantage .item .container .row > div,
.mod-registration .item .container .row > div {display: flex; flex-direction: column; justify-content: flex-start;}
.mod-banner .item .container, .home .mod-banner .item .container .row-item > .col-lg-8 {height: 60%;}
.mod-banner .container {display: flex; flex-direction: column; justify-content: center;}
.mod-banner .row {margin-top: 100px;}
.mod-banner .items .title {text-align: center;}

@media (min-width: 576px) {
	.mod-banner .item .container {height: 100%;}
	.mod-banner .item .container .row {height: }
	.mod-banner .item .container .row > div {height: 50%;}
	.mod-banner .item .container .row-item > .col-lg-8 {height: 70%;}
	.mod-banner .title {margin-bottom: 100px;}
	.mod-banner .row {margin-top: 0;}
}

.mod-banner .items-status {align-items: flex-end;}
.mod-banner .status {width: 90%; background: rgba(18, 17, 18, 0.2); backdrop-filter: blur(60px); 
border-radius: 6px; padding: 2rem 2rem; }


@media (min-width: 1200px) {
	.mod-banner::before {top: -165px;}
	.mod-banner .container .row {flex-direction: row;}
}

.mod-banner .items-status {left: -45px; top: 30px;}

@media (min-width: 992px) {
	.mod-banner .items-status {left: 0; margin-left: 16.66%;}
}

@media (min-width: 576px) {
	.mod-banner .status {background: rgba(18, 17, 18, 0.2); backdrop-filter: blur(60px); 
border-radius: 6px; padding: 2rem 1.5rem;}
}

/*MOD-NEWS*/
.mod-news {transparent; position: relative;}
.mod-news .img-news {position: relative; z-index: -10; display: block;}
.mod-news .item:hover .img-news {transform: scale(1.2); transition: object-fit 200ms;} 
.mod-news .item:hover .title {color: #95160E;}
.mod-news .item {margin-bottom: 2rem; overflow: hidden;}
.mod-news .item:hover {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.36%, rgba(0, 0, 0, 0.58) 56.09%), rgba(0, 0, 0, 0.2);}
.mod-news .text {position: absolute; bottom: 0;}
.mod-news .head-news {align-items: baseline; justify-content: space-between;}
.mod-news .title,  .mod-news .introtext {cursor: pointer;}

@media (min-width: 768px) {
	.mod-news .item {margin-bottom: 0;}
}

/*MOD-PROJECT*/

.mod-project {margin-bottom: 200px;}
.mod-project::before {background: url('/images/modules/mod-project/002.avif') no-repeat center;
top: -110px; background-size: cover;}

@media (min-width: 992px) {
	.mod-project::before {background-size: contain;}
} 

.mod-project .nav-tabs {border-bottom: none;}
.mod-project .chat {flex-direction: column; align-items: center; background: rgba(18, 17, 18, 0.4);
backdrop-filter: blur(60px); border-radius: 6px; margin-top: 2rem;}
.mod-project .introtext {width: 100%;}
.mod-project .chat .item-nav .nav-link:hover,
.mod-project .chat .item-nav .nav-link:focus,
.mod-project .chat .item-nav .nav-link:active,
.mod-project .chat .item-nav .nav-link:link {border: none; text-decoration: none; background: transparent;}
.mod-project .chat .nav-tabs .nav-link.active {color: #95160E;}
.mod-project .chat .nav-tabs .nav-link {font-size: 4rem;}
.mod-project .item .container .row {margin-top: 100px; align-items: center;}
.mod-project .btn-red {width: 100%;}
.mod-project .chat .tab-content {position: relative; text-align: left; width: 100%;}
.mod-project .chat .tab-content .title-server {margin-bottom: 3rem;}
.mod-project .chat .item-nav {position: absolute; top: 55px;}
.mod-project .message-item .username {font-style: normal; font-weight: bold; font-size: 1rem; line-height: 120%; color: #95160E; 
text-transform: uppercase;}
.mod-project .nav-link {padding: 3px;}
.mod-project .message-item {margin-bottom: 1rem;}
.mod-project .chat {height: calc(70vh - 100px); min-height: 350px;}
.mod-project .chat .tab-pane {max-height: 450px; overflow-y: scroll; min-width: 280px;}


@media (min-width: 576px) {
	.mod-project .introtext {width: 80%;}
	.mod-project .btn-red {width: 50%;}
	.mod-project .chat .item-nav {position: absolute; top: 85px;}
}

@media(min-width: 992px) {
	.mod-project .item .container, .mod-project .item .container .row,
	.mod-project .item .container .row > div {height: 80%;}
	.mod-project .chat {height: auto; min-height: 550px;}
}

@media (max-width: 300px) {
	.mod-project .chat .tab-pane {min-width: inherit;}
}

/*MOD-ADVANTAGE*/

.mod-advantage::before {background: url('/images/modules/mod-advantage/001.avif') no-repeat;
top: -145px; background-size: cover;}
.mod-advantage .item {display: flex;}
.mod-advantage .item .row {justify-content: flex-end; }
.mod-advantage .items {background: linear-gradient(81.29deg, rgba(194, 40, 30, 0.05) 0%, rgba(149, 22, 14, 0.05) 54.17%, rgba(146, 13, 13, 0.05) 100%), rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px); border-radius: 4px; border: 1px solid #2F1718; align-items: center; padding: 1.1rem;}

@media (min-width: 768px) {
	.mod-advantage::before {background: url('/images/modules/mod-advantage/001.avif') no-repeat center;
top: -321px; background-size: cover;}
}
@media (min-width: 576px) {
	.mod-advantage::before {background: url('/images/modules/mod-advantage/001.avif') no-repeat;
top: -302px; background-size: cover;}
}
@media (min-width: 992px) {
	.mod-advantage::before {background: url('/images/modules/mod-advantage/001.avif') no-repeat;
top: -302px; background-size: 80% 100%;}
}


/*MOD-DISCORD*/

.mod-discord::before {background: transparent;}
.mod-discord .text {align-items: baseline; justify-content: flex-end;}
.mod-discord .btn-discord {width: 60%;}
.mod-discord .col-img {display: none;} 
.btn-discord {background: #fff; box-shadow: 0px 11px 44px -12px rgba(208, 107, 255, 0.2); 
border-radius: 2px; color:#7D80D1; padding: 1rem 2rem;}

@media (min-width: 992px) {
	.mod-discord::before {background: url('/images/modules/mod-discord/001.avif') no-repeat; background-size: 100% 100%;}
	.mod-discord .text {align-items: baseline; justify-content: flex-end;}
	.mod-discord .col-img {display: block;}
}
@media (min-width: 576px) {
	.btn-discord {background: url('/images/icons/dis_btn.png') no-repeat #FFFFFF; box-shadow: 0px 11px 44px -12px rgba(208, 107, 255, 0.2); 
border-radius: 2px; color:#7D80D1; padding: 1rem 2rem; background-position-x: 16px; background-position-x: 10%; background-position-y: 46%;}
}

/*MOD-REGISTRATION*/

.mod-registration {top: 0; margin-bottom: 55px;}
.mod-registration::before {background: linear-gradient(0deg, rgba(15, 15, 16, 0) 77.36%, #0F0F10 100%), linear-gradient(180deg, rgba(15, 15, 16, 0) 77.36%, #0F0F10 100%), url('/images/modules/mod-registration/001.avif') no-repeat center;
top: 25px; background-size: cover;}
.mod-registration .item-registration {background: #302D38; border-radius: 6px; border: 1px solid #2B2A32;}
.mod-registration .item {align-items: center;}
.mod-registration .item  .row {justify-content: center;}
.mod-registration .item-registration {align-items: center;}
.mod-registration .item-registration .text-decor {text-decoration: underline;}
.mod-registration .item-registration .button .btn {margin-bottom: 2rem;}
.mod-registration .item-registration .button {text-align: center;}

@media (min-width: 576px) {
	.mod-registration .item-registration .button .btn {margin-bottom: 0;}
	.mod-registration {top: 35px; margin-bottom: 55px;}
}

/*FOOTER*/

#center {margin-bottom: 50px;}
.footer_items {display: flex; align-items: center; justify-content: space-between;
flex-direction:column; margin-bottom: 3rem;}
.footer_items .footer-menu {justify-content: space-between;  flex-direction: column; text-align: center;}
.footer_items .footer-menu li, .author p {margin-bottom: 1rem;}
.footer_items a {font-size: 1.3rem;}
.author p a, .author p, #author .red {font-size: 1.2rem}
#author .red {color: #C2281E;}
.author {flex-direction: column; align-items: center;}


@media (min-width: 992px) {
	.footer_items {display: flex; align-items: baseline; justify-content: space-between; 
	flex-direction: row; margin-bottom: 3rem;}
	.footer_items a, .author p a, #author .red {font-size: 1rem;}
	.author p {font-size: .875rem!important;}
	.footer_items .footer-menu li {margin-bottom: 0;}
	.footer_items .footer-menu {justify-content: space-between; flex-direction: row; text-align: left;}
	.author {flex-direction: row; align-items: baseline;}
}

/*START*/
.mod-start::before {background: url('/images/modules/mod-start/001.webp') no-repeat top; background-size: cover; top: -163px; margin-bottom: -50px;}
.mod-start {padding: 0; margin-bottom: 170px;}
.mod-start .item .container, .mod-start .item .container .row-item > .col-lg-4 {height: 85%;}
.mod-start .item {display: flex; align-items: center;}
.mod-start .items {background: linear-gradient(157.9deg, rgba(36, 39, 44, 0.3) 0%, rgba(38, 41, 46, 0) 85.56%), linear-gradient(219.08deg, rgba(197, 86, 61, 0.05) 0%, rgba(120, 37, 87, 0.05) 100%), rgba(54, 66, 73, 0.1);
backdrop-filter: blur(60px); border-radius: 6px; border: 1px solid #B1998B; align-items: center;}
.mod-start .red {color:#95160E; font-weight: 700;}
.mod-start .item .row  {justify-content: center;}
.mod-start .item .row {text-align: center;}

@media (min-width: 768px) {
	.mod-start .item .row {justify-content: flex-start;}
	.mod-start .item .row {text-align: left;}
}
@media (min-width: 576px) {
	.mod-start .item .container, .mod-start .item .container .row-item > .col-lg-4 {height: 70%;}
}


/*NEWS*/
.novosti .blog::before, .novosti .com-blog::before {background: #0E0E0F;}
.novosti .mod-news {padding: 0; margin-top: 0;}
.novosti .mod-news .img-news {width: 100%;}

.novosti .blog .item .image {width: 184px; height: 184px; margin-bottom: 2rem;}
.novosti .blog .news-item .items:hover .text a {color: #95160E; }
.novosti .blog .news-item .text {width: 60%; justify-content: space-between; margin-bottom: 5rem;}
.novosti .blog .item .introtext {color: #CACACA;}
.novosti .blog .item .image img {display: block; object-fit: cover; max-height: 184px; width: 184px; position: relative; z-index: -10;}
.novosti .com-blog .link {display: flex; align-items: center; justify-content: space-between;}
.novosti .mod-news .item {margin-bottom: 2rem;}
.novosti .blog .news-item .items {flex-direction: column;}
.novosti .mod-news .row {display: none;}


@media (min-width: 992px) {
	.novosti .mod-news .item {margin-bottom: 0;}
	.novosti .blog::before {background: url('/images/modules/mod-news/004.webp') no-repeat; background-size: contain; top: -270px; 
margin-left: -25vw;}
.novosti .com-blog::before {background: url('/images/modules/mod-news/005.webp') no-repeat; background-size: 100%; top: -260px;}
}
@media (min-width: 576px) {
	.novosti .mod-news .img-news {width: auto;}
	.novosti .blog .item .text {margin-bottom: 1rem;}
	.novosti .blog .news-item .items {flex-direction: row;}
	.novosti .blog .item .image {width: auto; height: auto; margin-bottom: 0;}
	.novosti .mod-news {padding: 0; margin-top: 100px;}
	.novosti .mod-news .row {display: flex;}

}


.breadcrumb {background:none; color:#fff; align-items: center; font-style: normal; font-weight: 300; font-size: 16px; line-height: 16px; cursor: pointer;}
.breadcrumb .pathway, .breadcrumb .active {font-style: normal; font-weight: 300; font-size: 16px; line-height: 16px;}
.breadcrumb a {color:#fff;}
.breadcrumb span:hover {color: #C81D12; text-decoration: none;}
.breadcrumb .divider {margin:0 .5rem;}
.breadcrumb .active .divider {display:none;}


.pager.pagenav {position:relative; display:flex; margin:0; padding:0; justify-content: flex-end;}
.pager.pagenav > li {display:block;}
.pager.pagenav .previous {margin-right: 5rem;}
.pager.pagenav .previous::before {content:'< ';}
.pager.pagenav .next::after {content:' >';}
.pager.pagenav::after {content:''; display:block; clear:both;}


.animated.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.animated.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.animated.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.animated.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.animated.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.animated.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.animated.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.animated.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.animated.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.animated.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}

.modal-header, .modal-footer, .o-proekte .modal-header {border: none;}
.home .modal-dialog, .o-proekte .modal-dialog {height: 396px; top: 0;}
.home .modal-content, .o-proekte .modal-content {width: auto;}
.modal-content {background: #0E0E0F; border-radius: 6px; padding: 1rem;}
.home .modal-header .close, .o-proekte .modal-header .close {color: #fff; font-size: 2.5rem; font-weight: 400;}
.home .modal-header .close:focus, .o-proekte .modal-header .close:focus  {outline: none;}
.home .modal-body, .o-proekte .modal-body {align-items: center; justify-content: center;}
.home .modal-body .button-item, .o-proekte .modal-body .button-item  {flex-direction: column}
.home .modal-body .button-item .launcher, .o-proekte .modal-body .button-item .launcher  {margin-right: 0;}
.home .modal-body .button-item a, .o-proekte .modal-body .button-item a {margin-bottom: 1rem;}


@media (min-width: 1200px) {
	.home .modal-content, .o-proekte .modal-content {background: #0E0E0F; border-radius: 6px; width: 700px; padding: 1rem;}
}
@media (min-width: 776px) {
	.home .modal-body .button-item, .o-proekte .modal-body .button-item {flex-direction: row!important;}
	.home .modal-body .button-item .launcher, .o-proekte .modal-body .button-item .launcher  {margin-right: 1rem;}
}

@media (min-width: 576px) {
	.home .modal-dialog, .o-proekte .modal-dialog {height: 396px;}
	.home .mod-banner .modal-dialog {top: 350px;}
}


/*INPUT*/

@media (min-width: 992px) {
	.vkhod, .registratsiya, .tekhpodderzhka, .tablitsa-aktivnosti, .smenit-parol {background: url(/images/modules/mod-news/004.png) no-repeat #0E0E0F;
	background-position-x: right;}
}

.vkhod #middle .nav-tabs {display: flex; flex-direction: column; border-bottom: none; align-items: center;}

.vkhod input[type="text"],
.vkhod input[type="password"],
.vkhod input[type="email"], 
.registratsiya input[type="text"],
.registratsiya input[type="password"],
.registratsiya input[type="email"] {background: transparent; border-bottom: 1px solid #808080; border-top: none;
 border-left: none; border-right: none; margin-bottom: 2rem; outline: none; color: #fff;}
 
.vkhod button[type="submit"],
.registratsiya button[type="submit"] {border-radius: 2px; background: linear-gradient(81.29deg, #C2281E 0%, #95160E 54.17%, #920D0D 100%); 
color: #fff; padding: 1rem 2rem; border: none; font-style: normal;font-weight: 500;font-size: 18px;line-height: 120%;text-transform: uppercase; margin-bottom: 1rem;}
.vkhod button[type="submit"]:hover,
.registratsiya button[type="submit"]:hover {background: linear-gradient(81.29deg, #BC1414 0%, #C2281E 100%); box-shadow: 0px 22px 44px -12px rgba(255, 43, 36, 0.25); color: #fff;}
.vkhod button[type="submit"]:focus,
.registratsiya button[type="submit"]:focus {background: #95160E; box-shadow: 0px 22px 44px -12px rgba(255, 43, 36, 0.2); color: #fff; border-radius: 2px;} 
.vkhod button[type="submit"]:active,
.registratsiya button[type="submit"]:active {background: linear-gradient(81.29deg, #BC1414 0%, #C2281E 100%)!important; box-shadow: 0px 22px 44px -12px rgba(255, 43, 36, 0.25)!important; color: #fff;}
.controls .btn {font-style: normal;font-weight: 500;font-size: 18px;line-height: 120%;text-transform: uppercase; margin-bottom: 1rem; outline: none;}
.vkhod button[type="submit"] {width: 100%;}

.page-input, .registration {display: flex; justify-content: center;}
.registration {margin: 5rem 0;}
.registration legend {margin-bottom: 2rem;}
.registration .field-spacer {color: #C81D12;}

@media (min-width: 992px) {
	.page-input, .registration {justify-content: flex-start;}
	.vkhod #middle .nav-tabs {align-items: baseline;}
	.vkhod .reset, .vkhod .remind {max-width: min-content;}
}

@media (min-width: 768px) {
	.vkhod .reset, .vkhod .remind {max-width: min-content;}
}

/********************/


.mod-usercach {}
.header-users, .mod-usercach .table {margin-bottom: 120px;}
.header-users {align-items: baseline; flex-direction: column; margin-top: 3.5rem;}
.server-name {color: #7FFF5F; position: relative;}
/*.username .server-name::before {content: ''; display: block; position: absolute; background: #7FFF5F; width: 8px; height: 8px; 
border-radius: 50%; right: 16px; top: 1px;} */
.username {margin-bottom: 2rem;}
.user-cash, .user-help {background: rgba(18, 17, 18, 0.4); backdrop-filter: blur(60px); border-radius: 6px;}
.table-dark {background: transparent;}
.table td, .table th, .table thead th  {border-bottom: none; border-top: none;}
.table-dark.table-striped tbody tr:nth-of-type(odd) {background: #18181B;}
.table td:first-child {color: #fff;}
.table td {color: #C6C6C6;}
.table th:last-child, .table td:last-child {text-align: end;}

@media (min-width: 992px) {
	/*.server-name::before {content: ''; display: block; position: absolute; background: #7FFF5F; width: 8px; height: 8px; 
	border-radius: 50%; right: 25px; top: 3px;} */
	.header-users {flex-direction: row; align-items: center;}
	.user-cash {padding: 1.5rem;}
	.user-help {padding: 1.8rem;}
	.username {margin-bottom: 0;}
}
@media (min-width: 576px) {
	.table-com-active .alert {width: 22vw;}
}


.tekhpodderzhka .message .nav-tabs,
.tekhpodderzhka .message .nav-tabs .nav-link.active {background-color: transparent; border: none; color: #95160E; font-style: normal;
font-weight: 500; font-size: 1.125rem; line-height: 120%; border: none;}
.tekhpodderzhka .message .nav-tabs a:active, .tekhpodderzhka .message .nav-tabs a:hover,
.tekhpodderzhka .message .nav-tabs a:focus {outline: none; border: none;}
.tekhpodderzhka .message .nav-tabs {margin-bottom: 1.5rem;}
.tekhpodderzhka .message .nav-tabs .nav-link {border: none;}

.btn-message, .btn-message:focus {background: transparent; border: none; cursor: pointer; outline: none; width: 36px; height: 21px;}
.accordion .card, .accordion .card-header {background: transparent; border: none;}
.accordion .card-header {padding: 0;}
.accordion .card-header .btn {padding: 0; color: #C81D12;}
.accordion .card-body {padding: 0;}

.modal-header .form-group input[type="text"], .form-group textarea, .form-group textarea:focus {background: transparent; border: none;  border-bottom: 1px solid #FFFFFF; outline: none; 
border-radius: 1px;}
.form-group textarea {height: 30px;}
.modal-header .form-group input[type="text"]:focus, .form-group textarea:focus  {outline: none; box-shadow: none;color: #fff;}
.modal-header .form-group input[type="file"] {background: transparent; border: none; opacity: 0; cursor: pointer;}
.modal-header .form-group input[type="text"]:active, .form-group textarea:active {background: transparent;}
.tekhpodderzhka .modal-header {border-bottom: none; }
.tekhpodderzhka .modal-header .close {outline: none; color: #fff; position: absolute; top: 0;  right: 15px; font-size: 2.5rem; font-weight: 300; text-shadow: none;}
.tekhpodderzhka .modal-header .form-file {display: flex; flex-direction: row-reverse; position: relative;}
.tekhpodderzhka .modal-header .form-file label::before {content: ''; display: block; position: absolute; background: url('/images/icons/file_upload.png') no-repeat;
width: 24px; height: 24px; left: -27px; top: -7px;}
.tekhpodderzhka .modal-header .form-file label {position: absolute; display: flex; width: 100%; left: 24px; cursor: pointer; top: 4px;}
.tekhpodderzhka .modal-header .title-server {border-bottom: 1px solid #FFFFFF; position: relative;}
.tekhpodderzhka .modal-header .title-server select, .title-server select option {background: transparent; border: none; appearance: none;}
.tekhpodderzhka .modal-header .title-server select {color: #fff;}
.tekhpodderzhka .modal-header .title-server select:active {outline: none;}
.tekhpodderzhka .modal-header .title-server::after {content: ''; position: absolute; display: block; background: url('/images/icons/triangle.png') no-repeat;
width: 12px; height: 10px; right: 0; top: 8px;}
.tekhpodderzhka .form-control {padding: 0;}

option {color: #000;}

@media (min-width: 576px) {
.modal-dialog {max-width: 700px;}
}

.tekhpodderzhka .modal-content {align-items: center; }
.item-page .icons {display: none;}


.accordion-support .card {background:none;}
.accordion-support .card .card-header {padding: 1rem 0; cursor:pointer; background:#18181B;}
.accordion-support .card:nth-child(odd) .card-header {background:#0E0E0F;}
.accordion-support .card .card-header:hover {opacity:.9;}
.accordion-support .card .card-header > div:nth-last-child(1)::before {content:''; position: absolute; transform: translateY(-50%); top: 50%; background: url('/images/icons/minus.png') no-repeat; display: block; width: 21px; height: 21px; right: -5px; }
.accordion-support .card .card-header.collapsed > div:nth-last-child(1)::before {content:''; background: url('/images/icons/plus.png') no-repeat; position: absolute; display: block; width: 21px; height: 21px; right: -5px;}

.border-edit {background: rgba(18, 17, 18, 0.8); backdrop-filter: blur(60px); border-radius: 6px;}
.profile-edit .form-control, .profile-edit .btn-red {width: 70%;}
.profile-edit .form-control {background: transparent; color: #fff; border: none;  border-bottom: 1px solid #FFFFFF; outline: none; 
border-radius: 1px; box-shadow: none;}

@media (min-width: 576px) {
	.accordion-support .card .card-header > div:nth-last-child(1)::before {content:''; position: absolute; transform: translateY(-50%); top: 50%; background: url('/images/icons/minus.png') no-repeat; display: block; width: 21px; height: 21px; right: 10px; }
	.accordion-support .card .card-header.collapsed > div:nth-last-child(1)::before {content:''; background: url('/images/icons/plus.png') no-repeat; position: absolute; display: block; width: 21px; height: 21px; right: 10px;}
}

@media (min-width: 992px) {
	.tablitsa-aktivnosti header #top_menu .user-menu, .tekhpodderzhka header #top_menu .user-menu {
		background: rgba(18, 17, 18, 1);backdrop-filter: blur(40px);padding: 1rem;border-radius: 2px;}
}


* {
	scrollbar-width: thin;
	scrollbar-color: rgba(18, 17, 18, 0.4);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 12px;
}

*::-webkit-scrollbar-track {
	background: rgba(18, 17, 18, 0.2);
}

*::-webkit-scrollbar-thumb {
	background: rgba(18, 17, 18, 1);
	border-radius: 20px;
	border: 3px solid rgba(18, 17, 18, 1);
}