body {
    background-color: #0b0b0b;
    background-image: url(/templates/Telerock/images/cepi_3.png), linear-gradient(to right, #0b0b0b, #0b0b0b);
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
    background-size: auto, cover;
    color: #d9d9d9;
    font-family: Montserrat, sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.01em;
}

 @media (max-width:434px)
{ 
	.xxxafveawf
	{
    position: static;
    top: 78px;
    right: 9px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	} 
    .no-mobiles-btns{
    display:none;

    }
}           
 @media (min-width:434px)
{ 
	.xxxafveawf
	{
            	position: absolute;
                top: 78px;
                right: 9px;
	} 
}  

a {
  font-size: 14px;
  letter-spacing: 0px;
  color: #d9d9d9;
  font-weight: bold;
  text-decoration: none;
  
}
.main-block {
  background: #181818;
  transition: .3s linear;

}
.main-block:hover {
  background: #2e2e2e87;
  transition: .3s linear;
}

.list-group-item {
  background: none;
}




    
    #category{
        width: 100%;
    height: 59%;
    }    
 .qq-uploader .file-preview-card {
    display: inline-block;
    width: 100%!important;
    margin: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    height: auto;
    transition: inherit;
}
.file-preview-card, .folder-preview-card {
    position: relative;
    transition: all 200ms ease-in-out;
    width: calc((100% - 32px) / 5);
    border: 1px solid #313131;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border-radius: 5px;
}  
.file-preview-card .file-content, .folder-preview-card .file-content {
    transition: all 200ms ease-in-out;
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: solid 0px transparent;
    border-top: solid 0px transparent;
    border-right: solid 0px transparent;
    cursor: pointer;
} 
.file-preview-card .file-footer-bottom {
    transition: all 200ms ease-in-out;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #f5f5f500;
    border-top: solid 0px #fff;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    border-bottom: solid 1px transparent;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}    
.file-preview-card .file-footer-caption {
    transition: all 200ms ease-in-out;
    line-height: 1.5715;
    padding: 0.75rem 0 0.75rem 0;
    border-bottom: 0px solid #ddd;
    margin-left: auto;
    margin-right: auto;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
}  
    
select option {
    background-color: #151515!important;
    color: #dfdfdf!important;
} 
select {
    padding: 6px 12px!important;

}   
    
@media (max-width: 519px){
.add_cat {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 11px;
    align-items: normal;
    background-color: #151515!important;
    border: 1px solid #272727!important;
}
    }



 /* Header */
.headers {
    /* width: 1921px; */
    height: 70px;
    background-color: #151515;
    position: -webkit-sticky;
    position: sticky;
    top: 0;

    z-index: 97; /* Число может быть изменено в зависимости от вашего дизайна */
}

.hpoisk-mobile {
  width: 384px;
  height: 40px;
  border-radius: 10px;
  background-color: #cfcfcf;
  border: 1px solid #cfcfcf;
}

 /* Поиск в header */
.hpoisk {
  width: 384px;
  height: 40px;
  border-radius: 10px;
  background-color: #1d1d1d;
  border: 1px solid #202020;
}

 /* sidebar | Слева меню */
 .sidebar-menu {
  width: 220px;
  height: calc(100vh - 100px);
  border-radius: 10px;
  background-color: #151515;
  border: 1px solid #202020;
  padding: 7px;
}

.icon-main {
  font-size: 20px;
  margin: 0px 7px 0px 0px;
}

.exit-btn {
  border-radius: 10px!important;
  background-color: #1a1a1a;
  border: 1px solid #202020;
  text-align: left;
  padding: 9px 0px 9px 17px;
}

.list-group-item {
    /* position: relative; */
    display: flex;
    padding: 0.7rem 1rem;
    color: #d9d9d9;
    text-decoration: none;
    /* background-color: #fff; */
    border: 1px solid rgb(0 0 0 / 0%);
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding: 9px 0px 9px 17px;
}

/* Slider */

.slick-slide {
    margin: 0px 9px;
}



.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


 /* Контент временный, это не должно здесь быть, но он есть временно пока идёт разработка */
.contents {
  width: 970px;
  height: 300px;
  border-radius: 10px;
  background-color: #151515;
  border: 1px solid #272727;
}
.content-category {
  width: 970px;
  height: 300px;
  max-width: 100%; /* Изменено с фиксированных пикселей на проценты */
  height: auto; /* Убрано фиксированное значение высоты */

}

.ms-9-0 {
  margin-left: 9.0rem!important;
}

.contents {
  max-width: 100%; /* Изменено с фиксированных пикселей на проценты */
  height: auto; /* Убрано фиксированное значение высоты */
  padding: 14px 27px 0px 27px;
}

@media (max-width: 991px) {
  .contents {
    max-width: 100%; /* На устройствах с шириной до 991px контент будет занимать всю доступную ширину */
    padding: 14px 27px 0px 27px;
  }
}

@media (min-width: 991px) {
  .card {
    width: calc(50% - 10px); /* Ширина карточки (50% с учетом отступов) */
    margin-bottom: 20px; /* Отступ между карточками */
  }
}

.card {
  background-color: #1d1d1d!important;
  border: 1px solid #272727;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background: #1d1d1d;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
    transition: .3s linear;
}

.sdgbsd {

}

@media (min-width: 993px){
.col-md-9 {
    flex: 0 0 auto;
    width: 76%!important;
}
}

@media (max-width: 993px){
  .col-md-9 {
      flex: 0 0 auto;
      width: 100%!important;
  }
  .minez {
      width: 79%!important;
  }    
  }



.text-13 {
  position: relative;
}

.hover-info::before {
  content: attr(titles);
  position: absolute;
  background-color: black;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  top: -30px;
  left: 20%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 999;
  display: none;
}

.text-13:hover .hover-info::before {
  display: block;
}

.Shithead {
  height: 102px;
  margin-right: 10px;
  width: 102px;
  border: 1px solid #272727;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background: #272727;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-left: -4px;
}
.text-style {
  font-size: 4.368083rem;
  font-weight: bold;
}

.btnnavi {
  height: 40px;
  border-radius: 10px;
  background-color: #181818;
  border: 1px solid #272727;
  color: #f3f2f2;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.btnnavix {
  height: 40px;
  border-radius: 10px;
  background-color: #181818;
  border: 1px solid #272727;
  color: #f3f2f2;
  display: flex;
  width: 40px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.wide{
  background: #1d1d1d!important;
  border: 1px solid #1f1f1f!important;
}

.spannavigatorgovno {
  height: 40px;
  border-radius: 10px;
  background-color: #202020;
  border: 1px solid #272727;
  color: #f3f2f2;
  display: flex;
  width: 40px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.pryamougolnik-2-holder {
  height: 40px;
  left: 16px;
  position: absolute;
  top: 17px;
  width: 64px;
  background: url(/templates/Telerock/images/pryamougolnik_2.png) no-repeat;
}

.text {
  left: 1000px;
  position: absolute;
  top: 147px;
  color: #ffffff;
  font-size: 2.062499rem;
  font-weight: 600;
  line-height: 35px;
}

.gruppa-2-kopiya {
  height: 75px;
  left: 1293px;
  position: absolute;
  top: 125px;
  width: 96px;
  background: url(/templates/Telerock/images/sticker_4_kopiya.png) no-repeat;
}

.layer {
  left: 16px;
  position: absolute;
  top: 7px;
}

.icon {
  position: absolute;
  top: 9px;
  right: 9px;
}

.icon i {
  font-size: 19px;
  color: #d9d9d9;
}

.cepi-3-kopiya {
    pointer-events: none;
}



.cepi-3-kopiya {
  left: 933px;
  position: absolute;
  top: 17px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Равномерное распределение карточек */
}

.card-in {
  display: flex;
  padding: 8px 0px 8px 0px;
  
}

.pryamougolnik-1-kopiya-7 {
  margin-right: 10px; /* Отступ между картинкой и текстом */
}

.col-13 {
  flex: 1; /* Растягиваем блок с текстом на всю доступную ширину */
}

.text-12 {
  font-weight: bold;
  font-size: 16px;
  color: #d9d9d9;
  margin-bottom: 0rem;
}
.text-style-2 {
  text-transform: uppercase;
}

.text-13 {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #777;
}

.text-style-2 {
  color: #777;
}

.a-b-link:hover {
  
  padding: 7px 18px;
  color: #000000;

}

.a-b-link {
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: url(/templates/Telerock/images/pryamougolnik_1_kopiya_8.png) no-repeat;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  
  padding: 7px 18px;
  color: #000;

}


.sloi-39 {
  margin-left: 5px; /* Отступ между текстом и дополнительной иконкой */
}

.catblock {
  position: relative;
  height: 122px;
  border: 1px solid #272727;
  border-radius: 11px;
  background-color: #1d1d1db8;
  overflow: hidden;
  backdrop-filter: blur(2px);
}

.catblock::after {
  content: "";
  position: absolute;
  top: -67px;
  right: -120px;
  bottom: 0;
  width: 100%;
  background-image: url(/templates/Telerock/images/test.png);
  background-size: cover;
  background-position: center;
  transform: rotate(348deg);
  z-index: 4;
}
.contentss {
  width: 970px;
  height: 300px;
}

.text-main-title {
  opacity: 0.97;
  color: #e0e0e0;
  font-size: 1.0625rem;
  font-weight: bold;
}

.main-block {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 20px 15px 15px;
}

.text-20 {
  font-size: 1rem;
  font-weight: bold;
}

.img-main-site{
  z-index: 5;
}

.btnmore {

  height: 40px;
  border-radius: 10px;
  background-color: #1d1d1d;
  border: 1px solid #272727;
  color: #f3f2f2;

  
  display: flex;
  flex-direction: row;
  align-items: center;


}

.moref {
display: flex;
justify-content: center;
margin: 0px 0px 13px;
}

.load-contents{
  font-size: 21px;
  margin: -2px 7px 0px 0px;
}

.load-contcents{
  font-size: 21px;
}

@keyframes rotate {
  to {
      transform: rotate(360deg);
  }
}

.load-contents-load {
  animation: rotate 2s linear infinite;
}


.notification {
  position: fixed;
  top: 10px;
  right: 10px;
  background: linear-gradient(to right, rgb(245 50 230 / 25%), rgb(177 16 90 / 25%), rgb(41 123 223 / 70%));
  color: #fff;
  padding: 10px 20px;
  z-index: 999;
  border-radius: 5px;
  display: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}

/* Эффект черного */
.filter-imgs{
  filter: grayscale(1);
}

.icon-suka{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
color: #c7c7c7;
font-size: 24px;
}

.form-control.hpoisk:focus {
  color: white; /* Цвет текста в фокусе */
  background-color: #222; /* Цвет фона при фокусе */
  border: 1px solid #666; /* Толщина и цвет рамки при фокусе */
}

.telerock {
  left: 80px;
  position: absolute;
  top: 16px;
  color: #ffffff;
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
}

.bbb{
  font-weight: 500;
  transition: .3s linear;
}
.pryamougolnik-1-kopiya-13-holder {
  height: 17px;
  left: 4px;
  position: absolute;
  top: 2px;
  width: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url(/templates/Telerock/images/pryamougolnik_1_kopiya_13.png) no-repeat;
}

.text-11 {
  color: rgba(213, 213, 213, 0.97);
  font-size: 0.75rem;
  font-weight: 600;
}

.text-10 {
  left: 2px;
  position: absolute;
  top: 0;
  opacity: 0.97;
  color: #000000;
  font-weight: bold;
  line-height: 17px;
  font-size: 19px;
  text-align: center;
}



@media (min-width: 992px) {

  .mobile-menu{
    display: none;
  } 
  .mmenus{
    display: none!important;
  }     

}

@media (max-width: 992px) {
  .sidebar-menu {
    display: none;
  }
  .testt {
    display: none;
  }
  .mmenuss{
    display: none!important;
  }     
}

@media (max-width: 483px) {

  .bannerminusxe{
    display: none;
  }

}



.golbs{
  font-size: 0.8em;
  height: 24px;
  position: absolute;
  right: 79px; 
  top: 35px;
  border: 1px solid #202020;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #1d1d1d;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}


.infono{
  font-size: 34px;
  color: #de37e9;
  margin: 0px 27px 0px 0px;

}

.text-infono{

}

.error-info{
  font-weight: 700;
}

.icon-styles{
  background: #1d1d1d;
  padding: 5px 10px;
  border-radius: 11px;
}

.infostyle {
  display: flex;
  justify-content: center;
  margin: 0px 0px 13px;
  align-items: center;
}

.imgmaintelega{
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 11px;
  margin-left: -4px;
}

.list-group-item:first-child {
  border-top-left-radius: 6px!important;
  border-top-right-radius: 6px!important;
}





.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(3px);
  z-index: 99;
  overflow: auto;
}

.modal-content {
  background-color: #111111;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #272727;
}


.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.input-logins {
  background: #1d1d1d;
  color: #c5c5c5;
  border: var(--bs-border-width) solid #272727;
}

.form-control:focus {
  color: #c5c5c5!important;
  background-color: #1d1d1d!important;
  border-color: #272727!important;;
  outline: 0!important;
  box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0)!important;
}

.input-logins::placeholder {
  color: white;
}

.btn-gavno {
display: flex;
justify-content: space-between;
}

.text-32467 {
  left: -45px;
  position: absolute;
  top: 1.3px;
  color: rgba(213, 213, 213, 0.97);
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
}

.golbss {
  font-size: 0.8em;
  position: absolute;
  top: 35px;
}


.reg-page{
  position: fixed;
    top: 0;
    left: 933px;
    /* width: 100%; */
    /* height: 100%; */
    z-index: -1; 
        user-select: none; /* Предотвращает выделение текста */
    pointer-events: none; /* Предотвращает взаимодействие с элементом мышью (нельзя его выделять или перетаскивать) */
}

.bbcodes{
  background: #000;
    color: #fff;
    border-radius: 8px;
    border: none;
    padding: 9px;
}

.bbcodes:hover{
  background: #111111;
    color: #fff;
    border-radius: 8px;
    border: none;
    padding: 9px;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: rgb(255 255 255);
  background-color: #ff3cccad;
  border: var(--bs-border-width) solid rgb(184 53 151);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 #fff0;
}

.dropdown-menu {
  max-height: 326px;
  overflow-y: auto;
  padding: 10px; 
}
/* Hide scrollbar arrows */
.dropdown-menu::-webkit-scrollbar {
  width: 10px; /* Width of the scrollbar */
  height: 10px; /* Height of the scrollbar */
}

/* Track (the area behind the thumb) */
.dropdown-menu::-webkit-scrollbar-track {
  background: rgb(27, 27, 27); /* Transparent background */
  border-radius: 50px;
}

/* Handle (the draggable part of the scrollbar) */
.dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 11px;
  background-color: #c9c9c9;
  border: 1px solid #272727;
}




.toggle {
  align-items: center;
  border-radius: 100px;
  display: flex;
  font-weight: 700;
}
.toggle:last-of-type {
  margin: 0;
}

.toggle__input {
  clip: rect(0 0 0 0);
  clip-path: inset(10%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.toggle__input:not([disabled]):active + .toggle-track, .toggle__input:not([disabled]):focus + .toggle-track {
  border: 1px solid #272727;

}
.toggle__input:disabled + .toggle-track {
  cursor: not-allowed;
  opacity: 0.7;
}

.toggle-track {
  background: #e5efe9;
  /* border: 1px solid #5a72b5; */
  /* border-radius: 100px; */
  cursor: pointer;
  display: flex;
  /* height: 23px; */
  margin-right: 12px;
  position: relative;
  /* width: 46px; */
  width: 43px;
  height: 24px;
  border-radius: 10px;
  background-color: #1b1b1b;
  border: 1px solid #272727;
}

.toggle-indicator {
  align-items: center;
  border-radius: 24px;
  bottom: 3px;
  display: flex;
  justify-content: center;
  left: 3px;
  outline: solid 2px transparent;
  position: absolute;
  transition: 1.25s;
  width: 16px;
  height: 16px;
  background-color: #d9d9d9;
}

.checkMark {
  fill: #fff;
  height: 10px;
  width: 10px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

.toggle__input:checked + .toggle-track .toggle-indicator {
  background-image: url(/templates/Telerock/images/up/bd.png);
  transform: translateX(19px);
}
.toggle__input:checked + .toggle-track .toggle-indicator .checkMark {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

@media screen and (-ms-high-contrast: active) {
  .toggle-track {
    border-radius: 0;
  }
}
.checkseks {
  display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin: 20px 0px 0px 0px;
  }

.hzgavn {
  background-color: #151515 !important;
  border: 1px solid #272727;
  border-radius: 11px;
  background: #1d1d1d;
  transition: .3s linear;
}
.hzgavn:hover {
  background-color: #191919 !important;
  transition: .3s linear;
}

.card-insx {
  display: flex;
  padding: 6px 6px 6px 6px;
  align-items: center;
  flex-direction: row;
}

.imgmaintelegarela {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 11px;
}

.textfull-news{
  opacity: 0.969;
    font-size: 13px;
    letter-spacing: 0px;
    color: #717171!important;
    font-weight: 700;
}
.tgme_header_info{
display: none;
}

.card-full{
  border-radius: 10px;
  background-color: #151515!important;
  border: 1px solid #272727!important;	
  }
  .card-idv {
      display: flex;
      /* padding: 8px 0px 8px 0px; */
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
  }
  .text-90{
    font-size: 12px;
    font-weight: bold;
      color: #777;
  }
  .telegramlinkfull{
      border-radius: 10px;
      background-color: #1d1d1d;
      border: 1px solid #272727;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .link-full-btn{
      display: flex;
      flex-direction: column;
  }
  
  #dle-comments-form{
      display: none;
  }
  /* Profile */

  .avatarka {
    width: 100%;
    height: 215px;
    object-fit: cover;
    border-radius: 11px;
}

.card-profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.username-mail{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.text-92 {
  font-size: 12px;
  font-weight: bold;
  color: #777;
  margin-bottom: 0rem;
}

.hpoissk {
  border-radius: 10px;
  background-color: #1d1d1d;
  border: 1px solid #313131;
  color: #b9b9b9;
}



input::placeholder {
  color: white;
}

/* If you want to target a specific input by ID */
#fullname::placeholder {
  color: white;
}

/* If you want to target a specific input by class */
.wide::placeholder {
  color: white;
}

/* CSS */
.custom-upload-button {
  display: inline-block;
  padding: 8px 12px;
  width: 100%;
  cursor: pointer;
  border-radius: 10px;
  background-color: #1d1d1d;
  border: 1px solid #202020;
  color: #b9b9b9;
}

.custom-upload-button:hover {
  background-color: #272727;
}

/* Make sure to adjust the styles to match your design */

/* Стилизация общего контейнера select */
select {
  padding: 6px 30px;
  font-size: 16px;
  border: 1px solid #272727;
  border-radius: 8px;
  background: #151515;
  color: #fff;
}

/* Стилизация опций внутри select */
select option {
  background-color: #151515;
  color: #333;
}

/* Стилизация активного или выбранного элемента select */
select option:checked {
  background-color: #202020;
  color: #fff;
}


/* addnews */

.add_cat{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    border-radius: 11px;
    background-color: #151515!important;
    border: 1px solid #272727!important;
  }    

 #xf_teleram_name{
    border-radius: 6px;
    background-color: #1d1d1d;
    border: 1px solid #313131;
    color: #d5d5d5;
    padding: 5px;
 } 

 .qq-upload-button{
  background: #2d2d2d;
  color: #fff;
  padding: 8px;
  width: -webkit-fill-available!important;	
 }

 #selectedCategories {
  margin-top: 10px;
}

.banners-main{
    position: relative;
    z-index: -1;   
}

.wysiwygeditor{
  width: 100%!important;  
  height: 140px!important;  
  background: #1d1d1d;
  border: 1px solid #313131;
  border-radius: 11px;
  padding: 13px;
  color: #ffff;
}

.settingssite{
  background: #1d1d1d;
  border-radius: 11px;
  padding: 9px;
  border: 1px solid #272727;
  cursor: pointer;
}


/* Играем с сайтом */
::selection {
    background-color: #262626;
    color: #d9d9d9;
}

@media (min-width: 1033px) {
  .mbcs{  
     display: flex!important;
    flex-direction: row!important;
    justify-content: center!important;
    flex-wrap: nowrap!important;  
    }
}    
    
    
.textblock{
  
border-radius: 10px;
background-color: #1d1d1d;
border: 1px solid #202020;
    }
    
.text-upp{
padding: 7px;
    font-size: 12px;
    text-align: center;
    margin: 5px; 
    }
 
 .dim{
     
    height: 247px;    
     flex-direction: column;
    justify-content: flex-end;
     border: 1px solid #202020;
    }
    
    
  .dropdown-menu.show {
    display: flex!important;
    flex-direction: column;  
}  
.text-gla{
        font-size: 16px;
    letter-spacing: 0px;
    color: #d9d9d9;
    font-weight: 600;
    text-align: center;
    }
.uptelegasuka {
   /*  width: 270px;  */
    margin: 0px 8px;
    background-image: url(/templates/Telerock/images/up/fon-price.png); /* {theme}/images/fon-price.png  */
    height: 370px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    background-color: #151515;
    border: 1px solid #202020;
}
 
.texttitleup{
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
    }
    
.blocks{
display: flex;
    flex-direction: column;
    align-items: center;
    }
    
.knopka{
width: 100%;
height: 40px;
border-radius: 10px;
background-color: #1d1d1d;
border: 1px solid #202020;
display: flex;
    justify-content: space-between;
    align-items: center;  
    
    
    position: relative;
 
    
    }
.price{
    width: 67px;
    height: 30px;
    display: flex;
    border-radius: 9px;
    background-color: #151515;
    border: 1px solid #202020;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    }
    
.kupon {
    width: 53px;
    height: 30px;
    background-size: cover;
    display: flex;
    background-image: url(/templates/Telerock/images/up/bd.png);
    border-radius: 9px;
    border: 1px solid #202020;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: bold;
}

.zzz {
    position: absolute;
    top: -13px;
    right: -22px;
    transform: rotate(10deg);
}   
.info-block-btn{    
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #1d1d1d;
    border: 1px solid #202020;
}    

    .info-block-btn:hover{
     cursor: help;   
    }
    
    
    
/* Для Webkit браузеров (Chrome, Safari) */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: none; /* Цвет фона */
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to top, #4a4a4a, #4a4a4a, #4a4a4a);
    border-radius: 6px; /* Скругленные углы */
}

.like-minus{
   	font-size: 18px;
    font-weight: 600;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background-color: #1d1d1d;
    border: 1px solid #272727;"
 }
.like-minus:hover{    
    background-image: url(/templates/Telerock/images/logo.png);
    border: none;
    color:#000;
    font-weight: 900!important;
 }  
.zxcsaf::before {
    font-weight: 900!important;
}    

  



    .ui-dialog-titlebar{
        display: flex;
    justify-content: space-between;
    padding: 3px 0px 16px;
    }
    
    .ui-dialog-titlebar-close {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M4 4l16 16M4 20L20 4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important;
        background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background: #1d1d1d00;
    border: 1px solid #31313100;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    color: #fff0;
}
    .ui-dialog-buttonpane{
        border-radius: 10px!important;
    background-color: #15151500!important;
    border: 1px solid #20202000!important;
    padding: 8px 0px!important;
    }
     .ui-dialog-buttonpane button{
        background: #1d1d1d;
    border: 1px solid #313131;
    border-radius: 4px;
    color: #fff;
    padding: 4px 22px;
         margin-right: 5px;
           }
    .ui-widget-content{
        border-radius: 10px;
        background-color: #151515;
        border: 1px solid #202020;
        padding: 8px 13px;
    }

 /* Акауо */
.a-b-link:hover {
    -webkit-animation: scale-up .4s cubic-bezier(.39, .575, .5649999999999999, 1) both,gradient 50.3s linear infinite both;
    animation: scale-up .4s cubic-bezier(.39, .575, .5649999999999999, 1) both,gradient 35.3s linear infinite both
}

@-webkit-keyframes gradient {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(13000deg)
    }
}

.pryamougolnik-1-kopiya-13-holder:hover {
    -webkit-animation: scale-up .4s cubic-bezier(.39, .575, .5649999999999999, 1) both,gradient 50.3s linear infinite both;
    animation: scale-up .4s cubic-bezier(.39, .575, .5649999999999999, 1) both,gradient 35.3s linear infinite both
}

@-webkit-keyframes gradient {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(25000deg)
    }
}
.card:hover {
   background-color: #2525259e !important;
   transition: .3s linear;
}
.text-21 {
  ont-weight: 800;
  color: #717171;
  font-size: 0.9rem;
  margin: 0px
}
.text-main-title {
  margin: 40px 0px 0px 0px;
  margin-bottom: -2px
}
.like-minus:hover {
    -webkit-animation: scale-up .4s cubic-bezier(.39, .575, .5649999999999999, 1) both,gradient 50.3s linear infinite both;
    animation: scale-up .4s cubic-bezier(.39, .575, .5649999999999999, 1) both,gradient 35.3s linear infinite both
}

@-webkit-keyframes gradient {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(25000deg)
    }
}
.img-main-site {
    z-index: 5;
    position: absolute;
}
.main-block:hover div img {
  transform: scale(1.09);
  transition: .3s linear;
}
.main-block div img {;
  transition: .3s linear;
}
.text-main-title {
  z-index: 6;
  position: fixed;
}
.text-main-title {
   margin: 50px 0px 0px 0px;
}
.text-21 {
  margin: 70px 0px 0px 0px;
}
.text-12 {
	display: inline-block;
}
.pornhub { 
	display: inline-block; background-image: url(/templates/Telerock/images/up/bd.png); border-radius: 20px; width: 32px;
}
.pornhub span { 
	color: #000; margin: 0px 3px 0px 5px;
}

.link-full-btn {
  transition: .3s linear;
}

.link-full-btn:hover {
  background-color: #191919 !important;
  transition: .3s linear;
}
.billing-table tr {
	border-top: 1px solid #ffffff00;
}
.billing-foto
{
	border: 0px;
}

 /* Конец */