body{ background: url(/img/inf/info-back.jpg) no-repeat top right #e2e0e0; }
html body{ min-width: 0; }
.main-content {padding: 10px 20px;}

/* user items */
.pers_name{ text-align:center; line-height:1.4em;font-weight:bold; }
.pers { box-sizing: content-box; }
#pers_container{float:left;}
#pers_container h2{font-weight:bold; text-align:center; font-size:13px; margin:4px 0 3px; padding:0; line-height:1em;}

.special_shadow .user_shadow { height: 260px; }
.special_shadow .animal { bottom: 0; top: auto; }
.special_shadow .middle_col .animal { opacity: 0.2; }
.special_shadow .middle_col:hover .animal { opacity: 0.8; }
.pers .item-data { cursor: pointer; }
.onl{color:green;}
.inb{color:#a00;}
#stats{float:left; margin-left: 20px; font-size:12px; font-size:11px; position:relative; z-index:50;}
#stats label{display: inline-block; width:100px;}
#stats input[type=number]{width:45px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#dress_result{display:none; position:absolute; top:50px; left:50px; background:#eee; border:1px solid #ccc; padding:10px; z-index:999;}
#dress_result .cont{width:360px;}
#dress_result .cont a{display:block; float:left; width:60px; line-height:60px; overflow:hidden; height:60px; border-bottom:2px solid #eee;}
#dress_result .cont a img{ display:block; float:left; margin-right:4px;}
#dress_result .cont a:hover{background:#ddd;}
#close{display:block; float:right; line-height:30px;}
#takeoff{display:block; float:left; line-height:30px;}
.battles_{float:left; margin-left:20px;}
/*#dressing_container{width:1000px;}*/
#priems_cont{ position:absolute; top:355px; left:20px; z-index:5; }
#user_priem_list{overflow:hidden;}
#user_priem_list span{display:block; float:left; margin-right:4px; margin-bottom:4px; width:40px; height:25px; cursor: pointer;}
#user_priem_list span.empty{cursor: default;}
#user_priem_list span img{ width:40px; height:25px; }
#statistics{float:left; margin-left: 20px; font-size:11px; line-height:1.3em;}
#statistics .data_block{width:260px;}
#statistics .data_block div{border-bottom:1px solid #ccc; margin-bottom:3px; padding:0 3px 3px; text-align:right; display:none;}
#statistics .data_block.active div{display:block;}
#statistics label{display: inline-block; float:left; text-align:left;}
#statistics h2{border-bottom: 2px solid #aaa; font-size:11px; font-weight:bold; margin:4px 0 3px; cursor:pointer;}
#select_priems_list{padding-top:10px;}
#select_priems_list img{width:40px; height:25px;}
#select_priems_list > div{padding-bottom:3px; width:450px;}
h3{font-size:13px; font-weight: bold; margin:3px 0 5px;}
.priem_type_cont{margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #aaa;}
.err{color:#f00;}
#pr_save_load{display:none;}
.anc_data_block{margin:0 0 10px 0; font-size:13px;}
#userdata .anc_data_block{ word-break:break-all; word-wrap: break-word; }
.user-data label{display: inline-block; padding-right:5px; float:left; text-align:left; font-size:13px;}
.default_data_block{width:280px; margin:0 0 10px 10px; border-bottom:1px solid #aaa; font-size:10px;}
.default_data_block div {margin-bottom:1px; padding:0 3px 3px;white-space:nowrap; overflow:hidden;}
.default_data_block label{display: inline-block; padding-right:5px; float:left; text-align:left; font-size:13px;}
.default_data_block b{font-size:13px;}
.default_data_block.small, .default_data_block.small label, .default_data_block.small b{font-size:10px; line-height:1.1em;}
.default_data_block.effects { border-bottom: 0; padding-top: 15px;}
.default_data_block.effects div {white-space: normal; padding-left: 25px;}
.default_data_block.effects div > img {margin-left: -25px; }
.default_data_block.effects .injury > img {margin-bottom: -5px; }
.default_data_block .clan-state { white-space: normal; padding-left: 38px; }
.default_data_block .clan-state > label{ margin-left: -35px; }
#data_blocks{float:left; margin-top:20px;}
#statistics{display:none;}
b.green{color:#009000;}

#pdata{text-align:center; font-size:10px;width: 240px;}
#userdata h2, #gifts h2, #flowers h2, #lich h2, #iplog h2{font-size:16px; font-weight:bold; line-height:1em; margin:0 0 5px 0; padding:0;}

#medals, #achievements {margin-left:10px;  max-width: 280px; }
#iplog .list-row { line-height: 20px; }

.medal, .achieve { display: inline-block; min-width: 33px; text-align: center;  padding-top: 7px; }

/* info bloks */
.data { border: 1px solid #d0d0d0; border-top: 0; border-bottom-color: #afafaf; padding-bottom: 0;  position: relative; background-color: rgba(226, 224, 224, 0.7); }
.data h3 { padding-top: 8px; margin-top: 0px; padding-left: 15px; border-bottom: 1px solid #d2d1d1; padding-bottom: 10px; background-color: rgba(247, 247, 247, 0.2); font-size: 18px; line-height: 28px; font-weight: bold; color: #6d6d6d; margin-bottom: 0; font-family: inherit;}
.data h3.clickable {  cursor: pointer;  }
.data h3 .achieve { padding-top: 0; }
.data h3 .item:hover { cursor: pointer; color: #2f2f2f; }
.data h3 .item.achieve { margin-left: 10px; padding-left: 10px; border-left: 1px solid #adaaaa; color: #bfbfbf; }
.data .collapse { border-top: 1px solid #d2d1d1; background-color: rgba(247, 247, 247, 0.2); padding: 15px; font-size: 14px; font-weight: bold; text-align: center; color: #8c8c8c}
.data .collapse:hover { cursor: pointer; color: #000; }
.data.limited .bottom-overlay { height: 29px; background: url(/img/inf/bottom.png) repeat-x top left; position: absolute; left: 0; bottom: 44px; width: 100%; }
.data.limited .block-content { max-height: 200px; overflow: hidden;}
.data .h-collapse:hover { cursor: pointer; }
/* collapsible gifts blocks */
 .data.limited .block-content.special { max-height: 75px; overflow: hidden; }
.data.limited .block-content.all { max-height: 200px; overflow: hidden; }
.data.limited .block-content.all.single { max-height: 300px; }

.user-data , .user-delo, .user-iplog { margin-top: 30px; }
.user-data .block-content, .user-delo .block-content, .user-iplog .block-content, .gifts .block-content { padding-top: 10px; padding-bottom: 10px;  }

.data.closed .block-content { display: none; }

/* gifts */
.gifts { margin-top: 15px; }
.gifts .gift {width:58px; height:58px; border:1px solid #aaa; border-color:#eee #999 #999 #eee; overflow:hidden; display: inline-block; margin:3px; background-color: rgba(255, 255, 255, 0.2);}
.gifts .gift img {width:60px; height:60px; margin:-1px 0 0 -1px;}

.gifts .gift-80.gift {width:80px; height:80px;}
.gifts .gift-80.gift img {width:80px; height:80px; margin: 0;}
/* Фон под картинкой подарка (inventory_meta.m_img_bg, inf.php) */
.gifts .gift.has-bg {background-size: 100% 100%; background-repeat: no-repeat;}

/* user data */
.block-content code { padding-top:7px;}
.block-content date { font-family: monospace; }
.user-delo .block-content date { margin-right: 10px; }
.user-delo .block-content code { display: inline-block; }
.user-iplog .block-content date { margin-right: 10px; }

/* admin notes and watch list (admins only). Colors from the theme.css palette:
   theme.css is not loaded on this page, values are duplicated. */
.user-marks { margin-top: 30px; }
.user-marks .block-content { padding-top: 10px; padding-bottom: 10px; }
.user-marks .block-content date { margin-right: 10px; }
.user-marks h4 { margin: 10px 0 4px; }
.delo-tag { display: inline-block; margin-left: 6px; padding: 0 5px; border: 1px solid; border-radius: 3px; font-size: 11px; line-height: 1.5em; }
.delo-tag.is-admins { color: #c02424; border-color: #c02424; }
.delo-tag.is-author { color: #6a4a8a; border-color: #6a4a8a; }
.marks-empty { color: #6e6560; font-style: italic; }

/* inf link */
a.inf {color: #fff; background: #369; display: inline-block; width: 14px; height: 14px; border-radius: 4px; line-height: 14px; font-size: 14px; text-align: center; font-weight: bold; vertical-align: middle; text-decoration: none; margin: 0px 10px 0 3px; }
a.inf:hover {background: #59d;}

/* user conviction block */
.convicton { padding-bottom: 10px; }
.convicton .msg, .convicton .notice { white-space: normal; margin: 5px 0; padding: 5px 0 5px 5px; border-left: 5px solid #b50404;}
.convicton h4 { font-weight: bold; }
.convicton .state { color: #b50404; font-weight: bold; padding-left: 0; }
.convicton .notice {font-weight: bold; color: #b50404;}

.user-iplog h4 { font-weight: bold; padding-bottom: 10px;}
.user-iplog .final-list { padding: 15px 0; }
.user-iplog .final-list .itm { padding: 5px 10px 5px 0; display: inline-block; }
.user-iplog .final-list .itm .inf { margin: 0px 3px 0 0; }
.user-iplog .final-list .itm .cnt { font-weight: bold; }

/* tooltip */
#sp_tooltip { border-radius: 5px; overflow: hidden; /*opacity: 0.95;*/ border-color: #d2d1d1; background-color: #f1f1f1; }
#sp_tooltip h3 { background-color: #f3f3f3; border-bottom: 1px solid #d2d1d1;}

/* header */
#topHeader .inner { padding: 0 30px; position: relative;}
#topHeader .inner .inf { position: absolute; top: 6px; left: 9px; width: 15px; height: 17px; line-height: 17px; margin: 0; background-color: #f9f9f9; color: #8e8e8e; }
#topHeader .inner .inf:hover {background-color: #fff; }

#topHeader {  background-color: rgba(247, 247, 247, 0.5);  color: white; margin: 20px 0 10px; padding: 5px; margin-left: 20px; margin-right: 20px; }

#topHeader h1 { padding: 0 0 2px; margin: 0; font-size: 18px; line-height: 28px;  color: #6d6d6d; font-weight: bold; text-align: left; }
#topHeader h1 .right { float: right; }
#topHeader .info { line-height: 16px; }
#topHeader .info a { padding: 0; margin: 0; }
#topHeader .info img { margin-bottom: -1px; }
#topHeader .info, #topHeader .info a { font-size: 12px; color: #e4e4e4 }

/*#topHeader .info a:hover { color: #15de15 }
#topHeader .info .current img { margin-bottom: -2px; }
*/
.pers_name { display: none;}

.animate-opacity{ opacity: 1; -webkit-animation:opac 1s;animation:opac 1s}

.mod-block { border: 1px solid grey; width: 275px; padding: 10px; float: right; border-radius: 5px; background-color: rgba(247, 247, 247, 0.7); }
.mod-block ul li a { line-height: 20px; font-weight: bold; color: #888; }
.mod-block ul li a:hover { color: #2f2f2f; }

/*animated avatar*/
.pers {
    position: relative;
    z-index: 1; 
}

.pers-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    z-index: -1;
    pointer-events: none;
}

@media (max-width: 868px) {
    body {min-width: 320px !important;}
    .mod-block { width: 90%; margin: 0 auto; float: none; clear: both; }
    .mod-block li { display: inline-block; width: 50%; }
    #achievements { padding-bottom: 15px; }
}

@media (max-width: 600px) {
    #topHeader h1 { text-align: center; }
    #pers_container, #data_blocks { float: none; }
    #pers_container .pers, #data_blocks .default_data_block, .pers-location { width: 240px; margin: 0 auto; }
    #medals, #achievements { padding-top: 10px; text-align: center; max-width: 400px; margin: 0 auto; line-height: 30px; }
    #pdata { margin: 0 auto;}
    .mod-block li { display: block; width: 100%; }
    body{ background: url(/img/inf/info-back-sm.jpg) no-repeat top right #e2e0e0; }
}
/*
@media (max-width: 450px) {
    #pers_container .pers, #data_blocks .default_data_block, .pers-location { margin: 0 auto; }
}
*/