/*wartrom.ru - moded NEON*/
body {
    margin: 0 auto;
    max-width: 500px;
    background-color: #15242c;
    color: #fff;
    font-size: 13px;
}

body,
input,
select,
textarea {
    font-family: Verdana, Arial, sans-serif;
}

input,
textarea,
select {
    color: #000;
    font-size: 12px;
    margin: 2px 0px;
    background-color: #f0e6d1;
    border-bottom: solid 1px #f0e6d1;
    border-top: solid 1px #f0e6d1;
    border-left: solid 1px #f0e6d1;
    border-right: solid 1px #f0e6d1;
}
.lime
 {
    /* margin: 0 auto; */
    /* max-width: 500px; */
    /* background-color: #15242c; */
    color: green;
    /* font-size: 13px; */
}
.red
 {
    color: #977d7d;
}
.smalls minor
 {
    color: red;
}
.moder
 {
    color: orange;
}

/********************************/
.rzd {
    background: #192b35;
}

.v {
    border: 1px #525252 solid;
    border-left: 1px #983636 solid;
    border-right: 1px #2f4072 solid;
}

.verhihka {
    background: #15242c;
    font-size: 12px;
    color: #fff;
    padding: 4px;
}

.count_user2 {
    /*height: 1px;
    background-color: #000;*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 0 5px;
}

.div_stanciya{
    padding: 5px;
}

.nev44 {
    padding: 3px;
    word-wrap: break-word;
}
.nev4 {
    width: 100%;
    line-height: normal;
}
.row {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -2px;
}
/***************************/
b {
    font-size: 103%;
    font-weight: bold;
    color: #fff;
    padding:1px 0;
}

p {
    margin: 0;
    padding: 0;
}

a:link,
a:active,
a:visited,
a:hover {
    text-decoration: none;
    color: #f4d06e;
}

a.button_one {
    background-color: #1f3441;
    color: #fff;
    font-weight: normal;
    padding: 3px 10px;
    font-size: 11px;
}

li { padding: 0px; }

ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ol {
    margin: 0;
    padding: 0 0 0 26px;
}

hr {
    padding: 0;
    margin: 5px 0;
    height: 0;
    border-top: none;
    border-right: none;
    border-bottom: #666 dotted 1px;
}

hr.line {
    background: url("/img/design/hr.png") no-repeat;
    width: 100%;
}

img { vertical-align: middle; }

.gameBorder {
    border: 1px #525252 solid;
    border-left: 1px #983636 solid;
    border-right: 1px #2f4072 solid;
}

.text {
    padding: 3px;
    word-wrap: break-word;
}

.m10 { margin: 10px 0; }
.menu { background: #192b35; }
.wide { width: 30%; }
.w100 { width: 100%; }
.small { font-size: 11px; }
.right { text-align:right; }
.center { text-align:center; }

.dot {
    border-radius: 4px;
    background: #1d1c1a;
    margin: 3px 0 0 0;
    padding: 3px 7px 3px 7px;
    border: 1px dotted #808080;
    }

.head {
    background: #15242c;
    font-size: 12px;
    color: #fff;
    padding: 4px;
}

.foot {
    background: #15242c url("/img/wfooter.png");
    font-size: 12px;
    color: #fff;
    padding: 4px;
    text-align: center;
}

.info {
    display: block;
    background: #1f3441;
    color: #fff;
    margin: 3px 0px;
    padding: 4px 10px;
   /* border-left: #fd8e2f 2px solid;*/
}

.inform {
    text-align: center;
    font-size: 12px;
    color: #fff;
    border: #bcd solid 1px;
    border-radius: 4px;
    margin: 3px 0 0 0;
    padding: 3px 7px 3px 7px;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-dark {
    color: #ffffff;
    background-color: #232b38;
    border-color: #595b62;
}

.top {
    padding: 4px 0px;
    background: #0a2540;
    border-top: #061d33 2px solid;
    border-bottom: #061d33 2px solid;
}

.button {
    padding-top: 5px;
    padding-bottom: 5px;
}

.page span.str {
    background-color: #333;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    padding: 3px 10px;
}

img.avatar {
    float: left;
    margin: 4px;
}

img.item {
    float: left;
    width: 32px;
    margin: 0 5px 0 0;
}

.ct {
    width: 100px;
    text-align: center;
}

.form { width: 40%; }
/*Line*/

.hr_menu {
    padding: 0;
    margin: 1px 0;
    height: 0;
    border-bottom: #15242c solid 1px;
}

.link { display: block; }

.link-4 {
    padding: 4px;
    display: block;
}

.link-8 {
    padding: 8px;
    display: block;
}

.link:hover,
.link-4:hover,
.link-8:hover {
    background-color: #1d313d;
}

ul.l_menu li {
    padding: 8px;
    display: block;
}

ul.l_menu li:hover{
    background-color: #1d313d;
}

/*Stats line*/
ul.stats li.stat {
    width: 50%;
}

.bar,
.t {
    margin: 0;
    padding: 3px;
}

.bar {
    height: 7px;
    padding-left: 1px;
    position: relative;
    background-position: 0 -40px;
}

.bar2 {
    height: 1px;
    background-color: #000;
    width: 100%;
}

.percent3 {
    height: 1px;
    background-color: #F5DA7E;
    min-width: 0;
    max-width: 100%;
    width:100%;
}

.bar div {
    background: url(../img/design/line.gif) 0 0 no-repeat;
    height: 7px;
    width: 100%;
    background-position: 100% 0;
}

.bar div.percent {
    height: 7px;
    min-width: 0px;
    -width: 1px;
    background-position: 100% -40px;
    float: left;
}

.bar div.percent2 {
    height: 7px;
    min-width: 0px;
    -width: 1px;
    background-position: 100% -20px;
    float:left;
}

/*Other*/
.pay_table{
    border: #666 dashed 1px;
    background-color: #1f3441;
    margin: 5px;
    padding: 5px;
}
/*Color*/
.c {}
.cRed {color:#DF6161; }
.cl {color:#f4d06e; }
.cInfo {color:#FFFF33; }
.cWhite {color: #fff; }
.cYellow {color:#cedb3a; }
.cGreen {color:#33CC33; }
.cDGreen {color:#99CC99 }
.cBlue {color:#95B9C7; }
.cGrey {color:#666; }
.cV {color:#FF6600; }
.cUp {color:#ffa800; }
.cModer {color:#afdab6; }
.cAdmin {color:#9CC; }
/**/

.footer_menu {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 13px 0 4px;
}

.footer_menu .l {
    display: table-cell;
    text-align: center;
}

.footer_menu .l img {
    width: 64px;
    height: 64px;
}

.line-box {
    width: 100%;
    border-top: solid 1px#5c64ad;
    border-bottom: solid 1px #5c64ad;
    background: #0f0921;
}

.box {
    width: 100%;
    line-height: normal;
}

.box_menu {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 13px 0 4px;
}

.box_menu .l {
    display: table-cell;
    text-align: center;
}

.box_menu .r {
    display: table-row;
    text-align: center;
}
/**/
.bosshp0 {  background: url("/img/icon/hp/0.png") repeat-x }
.bosshp1 {  background: url("/img/icon/hp/1.png") repeat-x }
.bosshp2 {  background: url("/img/icon/hp/2.png") repeat-x }
.bosshp3 {  background: url("/img/icon/hp/3.png") repeat-x }
.bosshp4 {  background: url("/img/icon/hp/4.png") repeat-x }


/* Admin Panel Styles */
.admin-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 15px; border-radius: 10px; margin: 10px 0; }
.admin-title { color: white; font-size: 18px; font-weight: bold; }

.admin-button { display: inline-block; background: linear-gradient(45deg, #667eea, #764ba2); color: white; padding: 10px 20px; 
    border-radius: 5px; text-decoration: none; margin: 5px; transition: all 0.3s; }
.admin-button:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
.admin-button.primary { background: linear-gradient(45deg, #4CAF50, #45a049); }
.admin-button.secondary { background: linear-gradient(45deg, #2196F3, #0b7dda); }
.admin-button.danger { background: linear-gradient(45deg, #f44336, #da190b); }

.admin-form { background: white; padding: 20px; border-radius: 10px; margin: 10px 0; }
.form-group { margin: 15px 0; }
.form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; }

.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
.stat-card { background: white; padding: 20px; border-radius: 10px; text-align: center; }
.stat-icon { font-size: 30px; margin-bottom: 10px; }
.stat-value { font-size: 24px; font-weight: bold; color: #667eea; }
.stat-label { color: #666; }

/* Notifications */
.success-message { background: #d4edda; color: #155724; padding: 10px; border-radius: 5px; }
.error-message { background: #f8d7da; color: #721c24; padding: 10px; border-radius: 5px; }
.info-message { background: #d1ecf1; color: #0c5460; padding: 10px; border-radius: 5px; }