*{
  box-sizing: border-box;  
}

body {
    margin: auto;
    max-width: 550px;
    background: url(/style/fon.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    background-color: #0E0E0E;
    color: #cbcac2;
    font-family: Myriad Pro,verdana,tahoma,sans-serif;
    font-size: 12px;
}
li{
    list-style-type: none;
}
ul{
    padding: 0px;
    margin: 0px;
    padding-inline-start: 0px;
}

.content{

    margin-top: 26px;
    margin-bottom: 0px;
    background: rgb(14 14 14);

}
.content__inside{
    background: #000;
}
.main{
    background: #1b1b1b;
    margin-top: 28px;
}
.footer{
    padding-bottom: 50px;
    background-color: rgba(0, 0, 0, 0.30);
}

#nav_menu{
    position: fixed;
    bottom: 0;
    background: #1b1b1b;
    padding-top: 0px;
    z-index: 10;
    width: 100%;
    max-width: 550px;
    min-width: 350px;
    margin-left: 0px;
}
#nav_menu a{
    width: 20%;
    display: inline-block;
    border: 1px solid #111;
    border-right:0px;
    height: 50px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    font-size:12px;
    float: left;
    border-radius: 0px;

}
#nav_menu a img{
    width: 24px;
    max-height: 24px;
}
#nav_menu a span{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#nav_menu a:hover{
    background-color: rgba(5, 15, 1, 0.55);
    box-shadow: 0 0 7px #838a8a;
}
.udata_puls{
    background: #1c1c1c;
    background: linear-gradient(to top,#242C30,#1c1c1c);
    border-bottom: 1px #425763 solid;
    text-align: center;
    width: 100%;
    min-height: 25px;
    font-size: 12px;

}
header{
    background: #242424;
    position: fixed;
    top: 0;
    padding-top: 0px;
    z-index: 10;
    width: 100%;
    max-width: 550px;
    min-width: 350px;
    border-bottom: 1px solid #363D45;
    text-align: center;
    font-family: stalker;
}
header li{
    min-width:10%;
    display: inline-block;
    margin:4px;
}

.top-user-alert{
    color: white;
    font-weight: 300;
    z-index: 900;
    display: block;
    position: absolute;
    width: 70%;
    top:5%;
    left: 15%;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 10px;
    background-color: rgba(1, 10, 15, 0.8);
    text-align: center;
}


.lvl-progress{
    font-size:10px;
    width: 100%;
}
.lvl-progress__td-1{
    height:6px; width: 40px;background: #222;border-radius: 4px;border: 1px solid #222;text-align: center;
}










textarea,input,select {
    background-color: rgba(20,20,20,0.3);
    color: white;
    border: 1px solid #363D45;
    vertical-align: middle;
    width: 30%;
    max-width: 100%;
    padding: 7px;
}

textarea:hover,input:hover,select:hover {
    background:#111111;
    cursor: pointer;
}
.textarea,.list-textarea input{
    color: white;
    vertical-align: middle;
    display: block;
    max-width: 100%;
    width: 100%;
    border-radius:0px;
}
.textarea:hover,.list-textarea input:hover {
    color: white;
    border: 1px solid #474B4B;
    vertical-align: middle;
    max-width: 100%;
    border-radius:0px;
}

/*- Технические элементы -*/

.input input, .input select, .input textarea {
    color: #e1dcde;
    background: #000000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding: 8px;
    border: 1px solid #333333;
    margin: 0 0 10px 0px;
    border-radius: 8px;
    max-width: 90%;
    width: 90%;
    box-sizing: border-box;
}
  .input input[type="submit"] {
  background: #000;
  font-family: 'El Messiri', sans-serif;
  font-weight: 700;
  border: 1px solid #222;
  color: #fff;
}
table{
    border-collapse:collapse;

}
hr {
    border-top: 1px #000000 solid;
    border-bottom: 1px #425763 solid;
}

.stats {
border: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, #7a7a7a 50%, transparent 100%);
border-image-slice: 1;
padding: 15px;
color: #dbd6c9;
}

.stats2 {
border-top: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, #7a7a7a 50%, transparent 100%);
border-image-slice: 1;
	margin: 9px;
color: #dbd6c9;
}
a {
text-decoration:none;
color: oklab(0.58 0.05 0.13);
border-radius:2px;
display:inline-block;
}

a:hover {
text-decoration:none;
color:#ddd;
border-radius:2px;
}

/*mods*/
/**/
/*list*/
.list li{
  display:block;
  margin-bottom:5px;
  padding:5px;
  border:1px solid #363D45;
  color:#b5c4c6;
}
.list-none li{
  display:block;
  margin-bottom:5px;
  padding:5px;
  color:#b5c4c6;
}
.links, .list-links a{
    display: block;
    background: #373739 url(links.png);
    border: 1px solid #222;
    padding: 6px;
    margin: 2px 0 auto;
    color: #fff;
    text-decoration: none;
}
.ppg{
    text-decoration: none;
    background-color: #1B1B1B;
    padding: 8px;
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #0a0a0a;
    display: block;
    position: relative;
    z-index: 0;
    color:#c77228;
}
.ppg2{
    color:#009933;
    padding: 4px 4px 4px 4px;
    display:inline-block;
}
.ppg3 a,.ppg3 li,.ppg4, .list-a{
    text-decoration: none;
    background-color: #1B1B1B;
    padding: 8px;
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #0a0a0a;
    display: block;
    position: relative;
    z-index: 0;
    color:#c77228;
}
.select li,.select a{
    display: block;
    width: 100%;
    border:1px solid #474B4B;
    background-color:#000;
    padding:4px;
    margin-bottom:2px;
    margin-top:2px;
    border-radius:2px;
}
.ppg3 a:hover,.ppg3 li:hover,.ppg4:hover, .back:hover{
    background-color: rgba(60,60,60,0.1);   
}
.ppg2:hover{
    color:#009999;
    padding: 4px 4px 4px 4px;
    background:#000;
    display:inline-block;
}
.ppg:hover{
    background-color: #070f16;
}
.ppg_center:hover{
    text-align:center;
    text-decoration:none;
    color:#ddd;
    background:#222;
}
.show-up__ppg{
    text-decoration: none;
    background-color: #1B1B1B;
    padding: 8px;
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #0a0a0a;
    display: block;
    background-image: url('../img/ico/s2.png');
    background-repeat: no-repeat;
    background-position: right 10px center; 
    position: relative;
    z-index: 0;
    color:#ddd;
}


.block{
  display:block;
  margin-bottom:5px;
  padding:5px;
  border:1px solid #363D45;
}
.block3 {
    bottom: 0;
    background: #2c2b28;
    padding: 6px;
    z-index: 10;
    width: 100%;
    max-width: 550px;
    background-color: rgba(1, 10, 15, 0.6);
    background-image: url(/theme/plan.jpg);
}
.block4{
    text-decoration: none;
    color:#ddd;
    background: #1B1B1B;
    padding: 6px;
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #0a0a0a;
    display: block;
    margin: 3px 0px;

}
.block_5 {
    background-color: rgba(20,20,20,0.3);
    border: 1px solid #363D45;
}
.block_6, .block_2{
    margin: 5px;
    background-color: #151311;
    padding: 7px;
    font-size: 13px;
    border-bottom: 1px solid #2f281f;
}.popup, .popup_block, .popup_head, .popup_page {
    background: rgba(22, 22, 22, 0.8) !important; /* Полупрозрачный фон (исходный цвет #161616 с 80% непрозрачности) */
    border: none !important; /* Рамка убрана. Если нужна, закомментируйте или измените. */
    z-index: 100;
    position: fixed;
    margin: auto;
    max-width: 540px;
    /* Остальные свойства сохранены: */
    /* top, width, display, padding, max-height, overflow будут определены ниже или в JS */
}

.popup { /* Стили для основного контейнера .popup, если он используется отдельно */
    top: 10%; /* Пример позиционирования */
    width: 99%; /* Пример ширины */
    /* Фон и рамка уже заданы общим правилом выше. */
    /* background: rgba(22, 22, 22, 0.8) !important; */ /* Можно продублировать или уточнить, если нужно */
    /* border: none !important; */
}

.popup__inside { /* Внутренний контейнер, стили для него не меняем, если не требуется */
    overflow: auto;
    padding: 2px; /* Оставляем padding, если он нужен для содержимого */
    z-index: 100;
    width: 100%;
    /* Если содержимое .popup__inside должно иметь свой фон, его нужно задать здесь.
       По умолчанию он будет прозрачным и будет виден фон родительского .popup. */
}

/* Более специфичные стили для .popup_block, .popup_head, .popup_page.
  - background: также изменен на полупрозрачный черный. 
    Это переопределит предыдущее правило, если селектор более специфичен, 
    или будет работать совместно, если эти классы используются вместе с .popup.
    Убраны все сложные фоновые изображения.
*/
.popup_block, .popup_head, .popup_page {
    top: 25px;
    width: 100%;
    display: none; /* Это свойство обычно управляется JavaScript для показа/скрытия окна */
    padding: 10px; /* Оставляем padding, если он нужен для содержимого и не создает эффект фона */
    max-height: 75vh;
    overflow: auto;
    background: rgba(22, 22, 22, 0.8) !important; /* Полупрозрачный фон (80% непрозрачности). Убраны все фоновые картинки. */
    /* border: none !important; */ /* Рамка уже должна быть убрана общим правилом выше. */
}

/* Остальные стили из вашего фрагмента остаются без изменений, так как они не влияют на фон контейнера */
.coub__wrap, .d-show, .pos-r,
.vesh__block {
    position: relative;
}

.popup_block__inside, .popup_head__inside, .popup_page__inside {
    overflow: auto;
    width: 100%;
     /* Если здесь нужен свой фон (например, если .popup_head должен быть менее прозрачным, чем .popup),
       задайте его здесь. Иначе будет виден фон родителя. */
}

.forum-rating a, .ovh {
    overflow: hidden;
}

.popup__close { /* Стили для кнопки закрытия, фон кнопки не меняем, если не требуется */
    background: url(start/bleft.png) right center no-repeat, url(start/bright.png) left center no-repeat, url(start/bcenter.png) center repeat-x;
    display: inline-block;
    color: #a25e4b;
    text-decoration: none;
    font-size: 12px;
    padding: 12px 15px;
    margin: 3px 0;
    width: 100%;
}

.popup__block-list {
    width: 30%;
    height: 80px;
    display: inline-block;
    border: 1px solid #888; /* Оставляем рамку для этих блоков, если она нужна */
    border-bottom: none;
    margin: 0 2px 15px;
}

.popup__block-list__img {
    width: 100%;
    height: 80px;
    display: inline-block;
}

.popup__block-text {
    font-size: 10px;
    text-decoration: none;
    color: #c19442;
    background-color: #444; /* Оставляем фон для текста блока, если он нужен для читаемости */
    width: 100%;
    displ
    background: url(start/bleft.png) right center no-repeat,url(start/bright.png) left center no-repeat,url(start/bcenter.png) center repeat-x;
    display: inline-block;
    color: #a25e4b;
    text-decoration: none;
    font-size: 12px;
    padding: 12px 15px;
    margin: 3px 0;
    width: 100%;
}       
.active{
    background: #161616 !important;     
}
.selected{
    color: #1c9614 !important;
}

.hover:hover{
    background-color: rgba(60,60,60,0.1) !important;
    cursor: pointer;

}
.button {
    background: #3c3d3e;
    display: inline-block;
    color: #e3f1f6;
    text-align: center;
    padding: 7px 0;
    font-size: 14px;
    background: -webkit-radial-gradient(#30383c, #212629, #15181a);
    border: 1px solid #30383c;
    background: -o-radial-gradient(#30383c, #212629, #15181a);
    background: -moz-radial-gradient(#30383c, #212629, #15181a);
    background: radial-gradient(#30383c, #212629, #15181a);
    border-radius: 0px;
}
.button2 {
    background-color: #111111;
    color: white;
    border: 1px solid #363D45;
    vertical-align: middle;
    width: 30%;
    max-width: 100%;
    padding: 7px;
}
.button:hover{
    background: #161616;  
}
h5{
    background: #1c1c1c;
    background: linear-gradient(to top,#242C30,#1c1c1c);
    border-top: #434242 solid 1px;
    border-bottom: #090909 solid 1px;
    padding: 6px;
    margin: 0px;
    text-align: center;
}
.title1{
	background: url(/style/img/fon_title.jpg);
	background-color: #0D0D0B;
	color: #C7C7C0;
	line-height: 3.4em;
	height:53px;
	text-align: center;
	font-size:15px;
    font-family: stalker;
}
.title_3 {
    color: rgb(255 212 134)!important;

    font-size: 16px;

    padding: 6px;

    background: #1e1d1d;
    margin: 0;
    text-align: center;
}
.title_2 {
font-size: 25px;
font-weight: 600;
font-family: 'El Messiri', sans-serif;
color: #fffbfd;
margin: 0 0 15px 0;
}
h6{
    background: #1e1d1d;
    padding: 6px;
    margin: 0px;
    text-align: center;
    font-size: 20px;
}
.not-item{
    background-color: #070f16;
    color: #b9c7e1d4;
    padding: 6px;
/* border: 1px solid #29424d;
*/}
.line{
    background:url('d-li.png') repeat-x;
    height: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
}


.social-links{
    color: #fff;
    font-size: 14px;
    padding: 5px;
    border: 2px solid #fff;
    margin: 5px;
}






/*encycl*/
.vesh__block{
    background: #111;
    border:1px solid #4e4e4e;
    display: inline-block;
    text-align: center;
    float: left;
    position: relative;
}
.vesh__weapon{
    width: 28.56%;
    height: 14.28%;
}
.vesh__weapon a{
    width: 100%;
    padding-top: 50%;
}

.vesh__body{
    width: 14.28%;
    height: 28.56%;
}
.vesh__body a{
    width: 100%;
    padding-top: 100%;
}


.vesh__thing{
    width: 14.28%;
    height: 14.28%;
}
.vesh__thing a{
    width: 100%;
    padding-top: 100%;
}


.vesh__block-link{
    background-size: 70%;
    background-position: center;
    background-repeat:no-repeat;
}
.vesh__block img{
    max-width: 100%;
    max-height: 100%;
}
.unik{
    border-color: #00ffff;
}
.elit{
    border-color: gold;
}
.encycl div{
    color: #fff;
}
.encycl li{
  display:block;
  margin-bottom:5px;
  padding:5px;
  border:1px solid #363D45;
  color:#b5c4c6;
}

.vesh{
    margin: 5px 0px;
    background: #191919;
    border: 1px solid #3d3d3d;
}
.eq{
    width: 50px;
    height: 50px;
    margin-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px;
    float: left;

    background: #000000;
    padding: 3px;
    margin-right: 5px;
    border-radius: 8px;
}
.eq img{
    height: 50px;
    width: 50px;   
}
.navig{
 text-decoration: none;
    color: #c77228;
    padding: 2px;
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #0a0a0a;
    display: block;
    text-align: center;
}
.navig a{
    display: inline-block;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    padding: 0 7px;
    color: #fafcff;
    border-bottom: 1px solid #2b2a2a;
    background-color: rgba(1, 10, 15, 0.8);
    border-radius: 3px;
    margin: 2px 3px;
    text-decoration: none;
    box-sizing: border-box;
}
.error-page{
margin: 5px;
    padding: 5px;
    color: #FFFAFA;
    background: #191970;
    background: linear-gradient(to bottom, #970004, #ff0046);
    border: 4px ridge #000000;
    border-radius: 10px;
    box-shadow: inset 0 0 15px 2px #3c1300;
}
 
.npc_title {
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    background: #121212;
    color: #a6a6a6;
    padding: 8px;
    border-bottom: 1px solid #444e4f;
    min-height: 100px;
}

.mob_info li{
    padding: 3px;
}



.pda a{
    font-size: 10px;
    display: inline-block;
    margin: 4px;
    border:1px solid #111;
    width: 30%;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    background-color: #222;
}
.pda a img{
    width: 48px;
    max-height: 48px;
}
.pda a span{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    #chat{
        width: 100%;
        /*background-color: rgba(1, 10, 15, 0.6);*/
    }
    #chat::-webkit-scrollbar {
        width: 0px;
        height: 6px;
    }
    .chat_panel{
    bottom: 0;
    background: #2c2b28;
    padding: 6px;
    z-index: 10;
    width: 100%;
    max-width: 550px;
    background-color: rgba(1, 10, 15, 0.6);
    background-image: url(/theme/plan.jpg);
    border-top: 2px #000 solid;
    border-bottom: 2px #000 solid;
    font-size: 16px;

    }
    .navigMsg{
        display: block;
        min-height: 50px;
        font-size: 0.9em;
        border-bottom: 1px solid #282828;
        background-color: rgba(20,20,20,0.3);
        color: #CF950E;
        padding-top: 3px;
        background:#000;padding-left: 4px; font-size: 1em;
    }
    .chat__avatar{
        width:50px; 
        margin: 2px;
    }
    .chat__wrap-text{
        background: #1B1B1B; min-height: 55px; padding: 4px; 
        border-radius: 2px;
        border-left: 2px solid white;
    }
/* HIDE RADIO */
    .key-switch-img{
        display: inline-block;
    }
    .key-switch-img li{
        display: inline-block;
    }
    .key-switch-img input[type=checkbox], .key-switch-img input[type=radio]{ 
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
    }

    /* IMAGE STYLES */
    .key-switch-img input[type=checkbox] + li,.key-switch-img input[type=radio]:checked + li{
      cursor: pointer;
    }

    /* CHECKED STYLES */
    .key-switch-img input[type=checkbox]:checked + li,.key-switch-img input[type=radio]:checked + li{
      border: 2px solid #ade892;
    }
.coub__wrap{
 width: 100%;
 border-radius: 8px;
 background: #222;
 padding: 5px 0px;
}
.coub__wrap {
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 padding-top: 25px;
 height: 0;
}
.coub__wrap iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}


.view_usr__name{
    display: block;
    margin: 1px 0;
    padding: 5px 7px;
    background: #100e0e;
    color: #b8cccd;
    box-sizing: border-box;
    border-left: 1px solid #36073c;
}
.view_usr span{
    color: orange;
    font-size: 13px;
    margin: 1px 0;
    padding: 1px 7px;
}
.view_usr{
    font-size: 14px;
}
.footerLink{
    color: #aaaadd;
    text-decoration: underline;
    margin:5px;
}
.click, .list-click li{
    display: block;
    width: 100%;
    cursor: pointer;
    background-image: url('/img/ico/hand_point.png');
    background-size: auto;
    background-position: right center;
    background-repeat: no-repeat;
}
.d-show{
    background-image: url('../img/ico/s2.png');
    background-repeat: no-repeat;
    background-position: right 10px center; 
    position: relative;
    z-index: 0;
}
.ico{
    vertical-align: bottom; opacity: 0.9; max-height: 18px;
    padding-right:3px;
}
.bg-hdark5 {
    background-color: rgba(0, 0, 0, 0.30);
}
.line {
    padding: 1px;
    background: #333;
    margin-bottom: 5px;
    margin-top: 2px;
}
.btn {
    background: url(start/bleft.png) right center no-repeat,url(start/bright.png) left center no-repeat,url(start/bcenter.png) center repeat-x;
    display: inline-block;
    color: #a25e4b;
    font-size: 12px;
    padding: 12px 15px;
    margin: 3px 0;
    width: 100%;
}

.title-poster {
font-family: 'El Messiri', sans-serif;
display: block;
position: absolute;
width: 100%;
top: 25px;
font-size: 25px;
font-weight: 600;
color: #fffbfd;
text-shadow: 0px 0px 20px #6a1f3f, 0px 0px 1em #ff004e;
}

.btn_2 {
font-size: 14px;
padding: 8px;
margin: 0 0 10px 0px;
border-radius: 8px;
max-width:90%; 
width:90%; 
box-sizing: border-box;
  background: #101010;
  font-family: 'El Messiri', sans-serif;
  font-weight: 700;
  border: 1px solid #222;
  color: #fff;
}
.btn_4 {
    width: 100%;
    margin-top: 4px;
    font-weight: 700;
    border: 1px solid #222;
    color: #fff;

    padding: 8px;
    box-sizing: border-box;
    background: #333;
    font-family: 'El Messiri',sans-serif;
    font-size: 14px;
}
#load_animation{
  position:absolute;z-index:999;width:100%;height:100%;display: none;
}
#load_animation_error{
  position:absolute;z-index:999;width:100%;height:100%;
}

.c1{color: #4682b4 !important;}
.c2{color: rgb(255 212 134) !important;}
.c3{color: #7ac755 !important;}
.c4{color: #d3ff3b !important;}
.c5{color: #4682b4 !important;}
.c6{color: #4682b4 !important;}
.c7{color: #4682b4 !important;}
.c8{color: #4682b4 !important;}
.c9{color: #4682b4 !important;}
.c10{color: #4682b4 !important;}


.p0{padding: 0px !important;}
.p1{padding: 1px !important;}
.p3{padding: 3px !important;}
.p5{padding: 5px !important;}
.p6{padding: 6px !important;}
.p8{padding: 8px !important;}
.p10{padding: 10px !important;}
.p20{padding: 20px !important;}

.pt0{padding: 0px !important;}
.pt1{padding: 1px !important;}
.pt3{padding: 3px !important;}
.pt5{padding: 5px !important;}
.pt10{padding: 10px !important;}
.pt20{padding: 20px !important;}

.pb0{padding: 0px !important;}
.pb1{padding: 1px !important;}
.pb3{padding: 3px !important;}
.pb5{padding: 5px !important;}
.pb10{padding: 10px !important;}
.pb20{padding: 20px !important;}

.green{color: green !important;}
.red{color: red !important;}
.blue{color: blue !important;}
.white{color: white !important;}


.mr8{margin-right: 8px !important;}
.m0{margin:0px;}
.d-none{display: none;}
.d-block{display: block;}

.center{text-align: center;}
.c-pointer{cursor: pointer;}
.w5{width: 5% !important}
.w10{width: 10% !important}
.w20{width: 20% !important}
.w25{width: 25% !important}
.w30{width: 30% !important}
.w49{width: 49% !important}
.w70{width: 70% !important}
.w75{width: 75% !important}
.w90{width: 90% !important}
.w95{width: 95% !important}
.w100{width: 100% !important}
.wp20{width: 20px !important}
.wp70{width: 70px !important}
.wp200{width: 200px !important}
.hp20{height: 20px !important}
.hp30{height: 30px !important}
.hp50{height: 50px !important}
.hp100{height: 100px !important}
.hp200{height: 200px !important}
.hp300{height: 300px !important}
.h100{height: 100% !important}
.tar{text-align: right}
.tal{text-align: left}
.tac{text-align: center}
.mw90{max-width: 90px}
.mw100{max-width: 100px}
.mw120{max-width: 120px}
.mw200{max-width: 200px}
.mw250{max-width: 250px}
.mh100{max-height: 100px}
.minw200{min-width: 200px}


.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px}
.ml20{margin-left: 20px}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}

.mt5{margin-top: 5px !important}
.mt3{margin-top: 3px !important}
.mt2{margin-top: 2px !important}
.mt10{margin-top: 10px !important}
.mb10{margin-bottom: 10px}
.mb5{margin-bottom: 5px}
.mb3{margin-bottom: 3px}
.mb2{margin-bottom: 2px}
.m15{margin: 15px}
.m10{margin: 10px}
.m5{margin: 5px}
.m3{margin: 3px}
.m0{margin: 0px}
.m0auto{margin: 0 auto}


.ul{list-style-type: disc;margin-left: -10px}
.tbs2{border-spacing: 2px}
.tbs0{border-spacing: 0px}
.font120{font-size: 120%}
.fr{float: right}
.cfl{clear: left}
.cfr{clear: right}
.vm, .vam{vertical-align: middle}
.vat{vertical-align: top}
.vatt{vertical-align: text-top}
.vatm{vertical-align: text-middle}
.hidden{display: none}
.d-ib{display: inline-block}
.d-b{display: block}
.pos-r{position: relative}
.pos-a{position: absolute}
.lot{width: 72px; height: 72px}
.rot10{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}
.tdn{text-decoration: none}
.op25{opacity: .25; -moz-opacity: .25; filter: alpha(opacity=25);}
.op40{opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
.op50{opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);}
.op100{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
.ovh{overflow:hidden}
.award_a {animation: awarda 0.4s forwards linear; -webkit-animation: awarda 0.4s forwards linear; transform: translateZ(0);}
@-webkit-keyframes awarda {from { transform: scaleX(0.75) scaleY(0.9)} to { transform: scaleX(1) scaleY(1)}}
@keyframes awarda { from { transform: scaleX(0.75) scaleY(0.9)} to { transform: scaleX(1) scaleY(1)}}
.btl_btn_hdr{background:url('//img0.flibu.mobi/img/battle/btn-top.png') 0 0 repeat-x #1d1b18}
.pt1{padding-top: 1px}
.pt3{padding-top: 3px}
.pb1{padding-bottom: 1px}
.pb3{padding-bottom: 3px}
.pl10{padding-bottom: 10px}
.bgc333{background-color: #333}
.bgc_btl_me{background-color: #251C10}
.bgc_btl_enemy{background-color: #202325}
.pad0{padding: 0}
.pad1{padding: 1px}
.pad3{padding: 3px}
.pad5{padding: 5px}
.pad10{padding: 10px}
.top0{top: 0px}
.left0{left: 0px}
.right0{right: 0px}

.row{display: table-row;}
.cell{display: table-cell;}
.small{font-size: 10px !important}


.ng_div {
    background: #e6e6fa;
    color: #000;
    font-family: sans-serif;
    margin: .1pt;
    opacity: 2.95;
    padding: 4px;
}
.font-stalker{
    font-family: 'stalker';
}
.inventar_ramka2 {
    -webkit-border-image: url(/img/i/ramka2.png) 3 fill round;
    margin: 0px 0px 3px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(36, 36, 34);
    border-image: url(/img/i/ramka2.png) 3 / 1 / 0 round;
}

.ppg, .links, .list-links a, .ppg3 a,.ppg3 li,.ppg4, .list-a{
    
    text-decoration: none;

      color: #BCA78A !important;

    margin-bottom: 1px !important;

    font-weight: bold;

    border-radius: 2px !important;

    background-color: #303234;

padding:8px;
    display: block;
    position: relative;
    z-index: 0;
}
.ppg:hover, .links:hover, .list-links a:hover  ,.ppg3 a:hover,.ppg3 li:hover,.ppg4:hover, .list-a:hover{
    background-color: #2a2b2d;
}
.w50 {
    width: 50% !important;
}
.fl {
    float: left;
}

.online-user-list {
	background: #000;
	box-shadow: 0 0 3px #000;
	padding: 5px;
	margin: 3px 0px;
	border-radius: 3px;
}

.online-user-list__img {
	width: 45px;
	border-radius: 3px;
	float: left;
}

.online-user-list__data {
	margin-left: 50px;
}

.online-user-list__login {
	margin: -4px -4px 5px 0;
	border-radius: 3px;
}

.online-user-list__line {
	margin-bottom: 3px;
}

.online-user-list__clear {
	clear: both;
}

.online-user-list__clan-img {
	max-height: 15px;
	max-width: 30px;
	vertical-align: top;
	margin-right: -1px;
}

/**/
.online-user-sections {
	margin: 3px -10px;
	background: #000;
	box-shadow: 0 0 3px #000;
	border-radius: 3px;
	padding: 2px;
	text-align: center;
}

/**/
.online-user-search {
	margin: 3px -10px;
	background: #000;
	box-shadow: 0 0 3px #000;
	border-radius: 3px;
	padding: 5px;
	box-sizing: border-box;
	font-size: 0;
}

.online-user-search__login {
	width: calc(50% - 3px) !important;
	border-radius: 3px;
	background: #000 !important;
	border: 1px solid #b28420 !important;
}

.online-user-search__button {
	margin-right: 0 !important;
}

.ui-link {
  font-size: 13px;
  display: block;
  margin: 1px 0;
  padding: 5px 7px;
  background: #100e0e;
  color: #b8cccd;
  box-sizing: border-box;
  border-left: 1px solid #36073c;
}

.ui-link--green {
  border-left: 1px solid #1b351b;
}

.ui-link:hover {
  border-left: 1px solid #8f139e;
}

.ui-link--green:hover {
  border-left: 1px solid #218021;
}

.ui-link--red {
  border-left: 1px solid #421010;
}

.ui-link--disable {
	pointer-events: none;
}

.ui-link--red:hover {
  border-left: 1px solid #9c2c2c;
}

.ui-link + .ui-link {
  margin-top: 3px;
}

.ui-link--radius {
	border-radius: 3px;
}

.ui-link-wrap {
  margin: 3px 0;
  font-size: 0;
}

.ui-link--50 {
  font-size: 13px;
  display: inline-block;
  width: 50%;
  width: calc(50% - 2px);
}

.ui-link--50 + .ui-link--50 {
  margin-left: 4px;
}

.ui-link--dib {
	display: inline-block;
}

.ui-link-wrap--center {
	text-align: center;
}
.vn {
    border-left: 1px solid #000000;
    
    max-width: 190px;
    min-height: 9px;
   background:#585E5A;

}

/* --- Стили для Flexbox контейнера кнопок --- */
.flex-container {
  display: flex; /* Включает Flexbox */
  justify-content: space-between; /* Распределяет место между кнопками */
  /* align-items: center; */ /* Раскомментируйте, если нужно выравнивание по вертикали */
  width: 100%;
  gap: 5px; /* Промежуток между кнопками */
}

/* Стили для кнопок внутри flex-контейнера */
.flex-container .button.w50 {
   flex-basis: 49%; /* Базовая ширина (можно использовать flex: 1; для равного растягивания) */
   /* flex-grow: 1; */ /* Раскомментируйте для равного растягивания */
   text-align: center;
   margin: 0; /* Убираем внешние отступы */
   width: auto !important; /* Переопределяем w50, чтобы flex-basis работал */
}

/* --- Стили для зеленой кнопки "Взять/Выдать" --- */
.button-take {
    background: #4CAF50 !important; /* Зеленый цвет фона (с !important на всякий случай) */
    color: white !important; /* Белый цвет текста */
    border-color: #367c39 !important; /* Цвет рамки */
    /* Можно убрать градиент, если он мешает */
    background-image: none !important;
    background: -webkit-radial-gradient(#5cb860, #4CAF50, #388E3C) !important; /* Зеленый градиент */
    background: -o-radial-gradient(#5cb860, #4CAF50, #388E3C) !important;
    background: -moz-radial-gradient(#5cb860, #4CAF50, #388E3C) !important;
    background: radial-gradient(#5cb860, #4CAF50, #388E3C) !important;
}
.button-take:hover {
    background: #45a049 !important; /* Цвет при наведении */
    border-color: #2d6a30 !important;
    background-image: none !important;
    background: -webkit-radial-gradient(#66bb6a, #4caf50, #45a049) !important; /* Зеленый градиент при наведении */
    background: -o-radial-gradient(#66bb6a, #4caf50, #45a049) !important;
    background: -moz-radial-gradient(#66bb6a, #4caf50, #45a049) !important;
    background: radial-gradient(#66bb6a, #4caf50, #45a049) !important;
}