@import 'notify.css?v=2';

.achievenents { position: relative; }
.achievenents .tabs_head { margin: 0px; padding: 0px; }
.achievenents .tabs_head:after { content: ""; display: block; clear: both; height: 5px; background: #46c765; }
.achievenents .tabs_head > li { margin: 0px; padding: 0px; cursor: pointer; display: block; float: left; padding: 10px 15px; background: #e9eaeb; color: #707070; }
.achievenents .tabs_head > li.active, .achievenents .tabs_head > li.active:hover { background: #46c765; color: #fff; }
.achievenents .tabs_head > li:hover { background: #d6d6d7; }
@-webkit-keyframes progress-bar-stripes {
  from { background-position: 40px 0; }
  to { background-position: 0 0; }
}
@-o-keyframes progress-bar-stripes {
  from { background-position: 40px 0; }
  to { background-position: 0 0; }
}
@keyframes progress-bar-stripes {
  from { background-position: 40px 0; }
  to { background-position: 0 0; }
}
.achievenents .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.achievenents .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }
.achievenents .progress-striped .progress-bar, .achievenents .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.achievenents .progress.active .progress-bar, .achievenents .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.achievenents .progress-bar-success { background-color: #5cb85c; }
.achievenents .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.achievenents .progress-bar-info { background-color: #5bc0de; }
.achievenents .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.achievenents .progress-bar-warning { background-color: #f0ad4e; }
.achievenents .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.achievenents .progress-bar-danger { background-color: #d9534f; }
.achievenents .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

/* Block */
.achiev_block { overflow: hidden; position: relative; padding: 5px 5px 5px 50px; margin: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05) }
.achiev_block .avatar { float: left; width: 40px; height: 40px; margin: 0 5px 0 -45px; border-radius: 3px; text-align: center }
.achiev_block .avatar img { position: relative; width: 40px; height: 40px; border-radius: 4px }
.achiev_block .advice_num { margin: 5px 0; float: left; background: rgba(119, 119, 119, 1); color: #fff; border-radius: 3px; font-size: 11px; padding: 0 5px; height: 14px; line-height: 14px }
.achiev_block .achiev_btext { overflow: hidden; background: #f5f5f5; border-radius: 3px; padding: 10px }
.achiev_btext_h { margin-bottom: .5em }
.achiev_btext_h span { display: inline-block; font-size: 14px; font-weight: 700; line-height: normal; padding: 0 }
.achiev_meta { float: right; font-size: 12px; cursor: default; color: #aaa }
.achiev_info { text-align: center; padding: 10px }

/* Achievements */
.ult-list, .ult-item { border: 1px dotted #d6d6d6; margin: 0 }
.ult-list { border-width: 0 0 1px 0 }
.ult-list li, .ult-list, .ult-place, .ult-name { display: block; overflow: hidden; }
.ult-item { line-height: normal; padding: 12px 0; border-width: 1px 0 0 0 }
.ult-item:hover { background-color: #f7f7f7 }
.ult-item-wrap { padding: 0 25px 0 90px }
.ult-img { float: left; margin-left: -90px; width: 50px; padding: 0 15px 0 25px }
.ult-info { float: right; width: 100% }
.ult-info h3 { font-size: 1.1em }
.ulr-obj { margin-left: 1em; float: right }
.iaward { float: left; overflow: hidden; display: block; height: 0; line-height: normal; width: 48px; padding-top: 48px; background-color: #eee; background-size: contain; margin-right: 1em; }
.awards { margin: 0 0 20px; padding: 0; }
.awards .ult-item-wrap { padding: 0 25px }
.awards li h4 { font-weight: 400 }
.awards li p, .awline-noact h4 { color: #777B7C }
.awline-noact .iaward { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); zoom: 1 }
.awards input { float: right; margin: .1em 0 0 .6em; vertical-align: middle }
.iawards-act, .iawards-noact { float: right; font-size: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 2px 5px; background: #97B312; color: #fff; text-transform: uppercase }
.iawards-noact { background: #B6B6B6 }