:root[data-theme=yellow_black]{
  --accent-color-800: #ffa500 !important;
  --accent-color-900: #ffa500 !important;
  --font-color-700: #fff !important;
  --font-color-800: #fff !important;
  --font-color-900: #fff !important;
}
.NavDropDown-module__linkName,
.HeaderNav-module__link,
.PlayerBalance-module__btn,
.PlayerMenu-module__profileLink{
  text-transform: none;
}
.server__info-div{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.server__info-box{
  max-width: 540px;
  width: 100%;
  border: solid #ffa500 1px;
  border-radius: 10px;
  padding: 15px;
  cursor: pointer;
  text-align: start;
  transition: all 300ms ease 0s;
}
.server__info-box:hover{
  transform: scale(0.97);
}
.server__info-box-txt{
  font-size: 16px;
  line-height: 15px;
  color: #ffa500;
}
.server__info-box-title{
  font-size: 18px;
  line-height: 15px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #FFF;
}
.Page-module__wrapper{
  border: 1px solid #ffa500;
  border-radius: 10px;
  color: #ffff;
  margin-bottom: 45px;
}
.Page-module__wrapper .boxBody{
  padding-top: 0px !important;
  border-radius: 0 0 10px 10px;
}
.server__info-txt{
	user-select: all;
    margin-bottom: 2rem;
    cursor: pointer;
  	color: #fff;
  	font-size: 18px !important;
}
.Page-module__header{
  color: #ffff;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 15px;
}
.CustomPage-module__wrapper{
  flex-direction: column;
}
.block-item-time{
  font-size: 18px;
  color: #ffff;
}
.wipe__block{
  display: flex;
  justify-content: center;
  gap: 20px;
}
.block-item{
  padding: 5px;
  border: 1px solid #ffa500;
  border-radius: 10px;
  margin: 15px 0;
}
.block-item-image{
  width: 100px;
  height: 100px;
  object-fit: contain;
}
#pay-p,
#pay-p2{
  text-align: justify;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
}
#pay-h{
  padding: 10px 20px;
  background-color: #dd3863;
}
#adminPay{
  color: #ffa500;
  font-weight: 600;
}
.payment__content{
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.payment{
  background: url('https://media.discordapp.net/attachments/702264176948674560/1208440374176124999/vbeghub_ava_vk-fotor-20240217185017.jpg?ex=65e34acc&is=65d0d5cc&hm=1d48a8591496763fd4e8c74f749371f0c37b84da23d082a5e51e8e991c0c251b&=&format=webp&width=662&height=662');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  border: 1px solid #ffa500;
  
  transition: 200ms;
}
.payment:hover{
  transform: scale(0.97);
}
.payment__link{
  border-radius: 10px;
  height: 207px;
  padding: 10px;
  background-color: #00000084;
}
.menubox{
  height: 207px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menurules,
.menublock,
.menukit{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  background: #212428 !important;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #ffa500 !important;
  z-index: 999;
  width: 100%;
  transition: 200ms;
  cursor: pointer;
}
.menurules:hover,
.menublock:hover,
.menukit:hover{
  transform: scale(0.97);
}
.menubox__img{
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.Banner-module__img{
  margin: 10px 0;
  transition: 0.3s;
}
.Categories-module__category.Categories-module__active, .Categories-module__category:hover,
.Search-module__iconWrapper{
  background-color: #ffa500 !important;
}
.Banner-module__img:hover{
  transform: scale(1.03);
}
.Index-module__wrapper{
  flex-direction: column;
  align-items: center;
  margin-top: -5px !important;
}
.Widgets-module__widgetWrapper:nth-of-type(1){
  border: 1px solid #ffa500;
  border-radius: 10px;
}
.Widgets-module__wrapper{
  margin-top: -4px !important;
  margin-bottom: 10px !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin-right: 0px !important;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.Widgets-module__widgetWrapper+.Widgets-module__widgetWrapper{
  margin-top: 0px;
}
.Header-module__wrapper{
  border-radius: 10px !important;
  background-color: #212428 !important;
  border: 1px solid #ffa500;
}
.boxHeader{
  border-radius: 10px 10px 0 0 !important;
}
.Search-module__wrapper{
  border: 1px solid #ffa500;
}
.Shop-module__wrapper{
  border: 1px solid #ffa500;
  border-radius: 10px;
  margin-bottom: 10px !important;
}
.Shop-module__wrapper .boxHeader, 
.Shop-module__wrapper .boxBody,
.Shop-module__wrapper .boxFooter{
  background: #212428 !important;
}
.boxFooter{
  border-radius: 0 0 10px 10px !important;
}
.LangSwitcher-module__btn:hover,
.PlayerBalance-module__btn:hover,
.PlayerMenu-module__profileLink:hover{
  background-color: #ffa500 !important;
}
.HeaderNav-module__link:hover{
  color: #ffa500 !important;
}
.Product-module__wrapper,
.ModalLayout-module__modal{
  border: 1px solid #ffa500;
  border-radius: 10px !important;
}
.Products-module__wrapper{
  grid-template-columns: repeat(auto-fill,minmax(195px,1fr));
}
.Product-module__wrapper:hover .Product-module__img{
  transform:scale(1.05);
  filter: grayscale(1);
}
.Product-module__img{
  padding: 10%;
  transition: 0.3s;
}
.Product-module__name{
  transform: translateY(0%) !important;
  text-align: center;
  background-color: transparent;
  color: #ffff !important;
}
.Product-module__price{
  top: 10px;
  left: 10px;
  background-color: transparent;
  color: #ffff !important;
}
.Categories-module__categories{
  justify-content: center;
  margin: 0px !important;
  gap: 20px;
}
.Categories-module__category{
  width: 49%;
  margin: 0px;
}
.Categories-module__category:nth-of-type(1){
  display: none !important;
}
.desc-service{
    padding-left: 5px !important;
    margin-bottom: 7px !important;
    margin-top: 7px !important;
    height: 20px !important;
    padding-top: 0px !important;
  }
.desc-service {
    background: #1c2030;
    height: 30px;
    border-radius: 0 15px 15px 0;
    padding-left: 15px;
    padding-top: 5px;
    margin-bottom: 10px;
    box-shadow: -3px 0 #ee3e61;
    color: #ffff !important;
    background: transparent !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.desc-service a{
  padding: 5px 10px;
  background: #ffff;
  color: #333;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productModalDescription{
  background: transparent !important;
}
.productModalImg{
  max-width: 250px !important;
  height: unset;
  margin-bottom: 0;
}
.ProductModal-module__header{
  justify-content: center;
  color: #ffa500 !important;
}
.ModalLayout-module__modal{
  width: 370px !important;
}

/* ********************** Modal - Window ****************************************** */
#ExtModal{
  background: transparent !important;
  display: flex;
  justify-content: center;
  align-items: start;
  overflow-y: scroll; 
}
#ExtModal::-webkit-scrollbar {
  width: 0;
}
.kit-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.kit-items__item {
    width: 6.5% !important;
}
.kit-item {
    background: transparent;
    margin: 8px;
    border-radius: 10px;
  	border: 1px solid #ffa500;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.3s;
}
.kit-item:hover{
  transform: rotate(10deg);
}
.kit-item__image {
    width: 100%;
    transform: scale(0.7);
}
.modal-title{
  margin: 20px 0 !important;
  text-align: center;
  font-size: 25px;
  color: #ffa500 !important;
  background: transparent !important;
  margin: 0;
  line-height: 1.42857143;
}
.btn{
  padding: 7px 13px;
  outline-style: none!important;
  user-select: none;
  touch-action: manipulation;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  margin-bottom: 0;
  display: inline-block;
}
.store-categories2{
  text-align: center;
}
.btn.btn-secondary {
  color: #ffa500 !important;
  border-radius: 10px;
  font-size: 15px;
  background: transparent !important;
  border: 1px solid #ffa500;
  cursor: pointer;
  margin: 5px;
  width: 10%;
  transition: 0.3s;
}
.btn.btn-secondary:hover{
  transform: scale(1.1) !important;
}
.modal.fade.show .modal-dialog.modal-lg .modal-content{
  position: relative;
  border-radius: 5px 30px;
  overflow: hidden;
  color: #ffa500 !important;
  background: #212428 !important;
  border: 1px solid #ffa500 !important;
  outline: 0;
  width: 75%; 
  padding: 10px 0;
  z-index: 9999 !important;
  margin: 10px auto !important;
}
.kit-item{
  margin: 5px !important;
}
.fade.show {
    opacity: 1;
    backdrop-filter: blur(5px);
}

.serverheader{
  border-radius: 15px;
  font-size: 20px;
  margin-top: 10px;
}
.ProductModal-module__roulette{
  width: 900px !important;
}
.RouletteContent-module__rouletteItem,
.productModalContainsItem,
.TotalSum-module__inputWrapper{
  border-radius: 10px;
  border: 1px solid #ffa500;
}
.boxHeader,
.RouletteContent-module__lineWrapper,
.boxBody,
.boxFooter,
.Product-module__wrapper,
.productModalContainsItem,
.RouletteContent-module__rouletteItem{
  background-color: #212428 !important;
}
.Button-module__btn.Button-module__accent{
  background-color: #ffa500 !important;
}
.MonitoringWidget-module__header,
.Shop-module__header,
.ProductItemSelector-module__label{
  color: #ffa500 !important;
}
.ProductItemSelector-module__label{
  text-align: center;
  font-size: 18px !important;
  font-weight: 400 !important;
}
.ProductItemSelector-module__items{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
#quit{
  width: 100%;
}
.exitBtn #quit{
  text-align: end;
  transition: 200ms !important;
  transition:200ms;
  position:absolute;
  top:0px;
  right:0px;
  margin-right: 12px;
  margin-top: 16px;
  font-size:20px;
  cursor:pointer;
  font-weight:900;
  color: #fff !important;  
}
.MonitoringServer-module__progressBar{
  background-image: none !important;
  background-color: #ffa500 !important;
}
.MonitoringServer-module__name,
.MonitoringServer-module__info,
.Categories-module__category,
.HeaderNav-module__link,
.LangSwitcher-module__currentLang,
.PlayerMenu-module__loginLink,
.Header-module__logo,
.ProductItemSelector-module__label,
.ProductModal-module__header{
  color: #fff !important;
}
.Product-module__discount{
  color:#333;
  background: #fff;
  margin: 5px;
  border-radius: 10px;
}
.PlayerMenu-module__loginLink:hover{
  background-color:#ffa500 !important;
}
#modalClose{
  height: 100vh;
  overflow-x: scroll;
}
#modalClose::-webkit-scrollbar {
  display: none;
}
@media(max-width:1096px){
  .Widgets-module__wrapper{
    flex-direction: column; 
  }
}
@media(max-width: 554px){
  .Categories-module__category{
    width: max-content;
  }
}
@media(max-width: 457px){
  .Products-module__wrapper {
    grid-template-columns: repeat(auto-fill,minmax(165px,1fr));
	}
}
@media(max-width: 554px){
  .Products-module__wrapper{
    grid-template-columns: repeat(auto-fill,minmax(145px,1fr));
  }
  .Banner-module__img{
    transform: scale(1.28);
  }
  .modal.fade.show .modal-dialog.modal-lg .modal-content{
    width: 90%;
  }
  .serverheader{
    font-size: 16px;
    line-height: 16px;
  }
  .modal-title{
    font-size: 18px !important;
    line-height: 18px !important;
    margin: 10px 0 !important;
  }
  #quit{
    font-size: 14px !important;
    margin-right: 0px !important;
    margin-top: 5px !important;
  }
  .btn.btn-secondary{
    width: max-content !important;
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 5px !important;
  }
  .kit-items__item{
    width: 20% !important;
  }
  .wipe__block{
    flex-wrap: wrap !important;
    gap: 5px !important;
  }
  .block-item-image{
    width: 50px;
    height: 50px;
  }
  .block-item-time{
    font-size: 16px;
    line-height: 16px;
  }
}
@media(max-width:373px){
  .payment__content{
    font-size: 16px !important;
    line-height: 16px !important;
  }
  .payment__link{
    height: 250px !important;
  }
  .menubox{
    height:250px;
    justify-content: space-evenly;
  }
}