html {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

body {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

div {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

span {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

applet {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

object {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

iframe {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h1 {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h2 {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h3 {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h4 {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h5 {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h6 {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

p {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

pre {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

a {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

abbr {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

acronym {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

address {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

big {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

cite {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

code {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

del {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

dfn {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

em {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

img {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ins {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

kbd {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

q {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

s {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

samp {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

small {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

strike {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

strong {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

sub {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

sup {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

tt {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

var {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

b {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

u {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

i {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

center {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

dl {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

dt {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

dd {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ol {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ul {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

li {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

fieldset {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

form {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

label {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

legend {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

table {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

caption {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

tbody {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

tfoot {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

thead {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

tr {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

th {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

td {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

article {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

aside {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

canvas {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

details {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

embed {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

figure {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

figcaption {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

footer {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

header {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

hgroup {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

menu {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

nav {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

output {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ruby {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

section {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

summary {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

time {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

mark {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

audio {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

video {
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

html {
    line-height: 1;
}

ol {
    list-style: none;
}

ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

th {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q {
    quotes: none;
}

blockquote {
    quotes: none;
}

q::before {
    content: none;
}

q::after {
    content: none;
}

blockquote::before {
    content: none;
}

blockquote::after {
    content: none;
}

a img {
    border: currentColor;
    border-image: none;
}

article {
    display: block;
}

aside {
    display: block;
}

details {
    display: block;
}

figcaption {
    display: block;
}

figure {
    display: block;
}

footer {
    display: block;
}

header {
    display: block;
}

hgroup {
    display: block;
}

menu {
    display: block;
}

nav {
    display: block;
}

section {
    display: block;
}

summary {
    display: block;
}

#emblem-edit {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.emblem-layer-options .layer-modinputs .modinput {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.grid-container::before {
    line-height: 0;
    display: table;
    content: "";
}

.base-middle-content::before {
    line-height: 0;
    display: table;
    content: "";
}

.row::before {
    line-height: 0;
    display: table;
    content: "";
}

.clearfix::before {
    line-height: 0;
    display: table;
    content: "";
}

ul.avatars::before {
    line-height: 0;
    display: table;
    content: "";
}

#joinflow-loginpopup-form .joinflow-buttons::before {
    line-height: 0;
    display: table;
    content: "";
}

.emblem-layer-options .layer-actions::before {
    line-height: 0;
    display: table;
    content: "";
}

.emblem-layer-options .layer-colors::before {
    line-height: 0;
    display: table;
    content: "";
}

.emblem-layer-options .layer-modinputs::before {
    line-height: 0;
    display: table;
    content: "";
}

.row-tight::before {
    line-height: 0;
    display: table;
    content: "";
}

.common-replyform::before {
    line-height: 0;
    display: table;
    content: "";
}

.grid-container::after {
    line-height: 0;
    display: table;
    content: "";
}

.base-middle-content::after {
    line-height: 0;
    display: table;
    content: "";
}

.row::after {
    line-height: 0;
    display: table;
    content: "";
}

.clearfix::after {
    line-height: 0;
    display: table;
    content: "";
}

ul.avatars::after {
    line-height: 0;
    display: table;
    content: "";
}

#joinflow-loginpopup-form .joinflow-buttons::after {
    line-height: 0;
    display: table;
    content: "";
}

.emblem-layer-options .layer-actions::after {
    line-height: 0;
    display: table;
    content: "";
}

.emblem-layer-options .layer-colors::after {
    line-height: 0;
    display: table;
    content: "";
}

.emblem-layer-options .layer-modinputs::after {
    line-height: 0;
    display: table;
    content: "";
}

.row-tight::after {
    line-height: 0;
    display: table;
    content: "";
}

.common-replyform::after {
    line-height: 0;
    display: table;
    content: "";
}

.grid-container::after {
    clear: both;
}

.base-middle-content::after {
    clear: both;
}

.row::after {
    clear: both;
}

.clearfix::after {
    clear: both;
}

ul.avatars::after {
    clear: both;
}

#joinflow-loginpopup-form .joinflow-buttons::after {
    clear: both;
}

.emblem-layer-options .layer-actions::after {
    clear: both;
}

.emblem-layer-options .layer-colors::after {
    clear: both;
}

.emblem-layer-options .layer-modinputs::after {
    clear: both;
}

.row-tight::after {
    clear: both;
}

.common-replyform::after {
    clear: both;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.nowrap {
    white-space: nowrap;
}

.noselect {
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pull-left {
    float: left;
}

.hide {
    display: none !important;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.affix {
    position: fixed;
}

.pull-right {
    float: right;
}

.gamemanager-launchstate-platoon-title {
    float: right;
}

.gamemanager-launchstate-platoon-badge {
    float: right;
}

.fade {
    transition-duration: 0.15s;
    -webkit-transition-property: "opacity, background";
    -moz-transition-property: "opacity, background";
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
}

.center-text {
    text-align: center;
}

.valign-mid {
    vertical-align: middle;
}

    .valign-mid * {
        vertical-align: middle;
    }

.hide-text {
    font: 0px/0 a;
    color: transparent;
    font-size-adjust: none;
    font-stretch: normal;
    text-shadow: none;
}

.squish-text {
    font: 0px/0 serif;
    color: transparent;
    font-size-adjust: none;
    font-stretch: normal;
    text-shadow: none;
}

.percent-suffix::after {
    content: "%";
}

.uppercase {
    text-transform: uppercase;
}

[class*='span'].hide {
    display: none;
}

[class*='span'].pull-right {
    float: right;
}

[class*='span'].gamemanager-launchstate-platoon-title {
    float: right;
}

[class*='span'].gamemanager-launchstate-platoon-badge {
    float: right;
}

.grid-container {
    margin-right: auto;
    margin-left: auto;
}

.base-middle-content {
    margin-right: auto;
    margin-left: auto;
}

.grid-container {
    width: 992px;
}

.base-middle-content {
    width: 992px;
}

.no-gutter.grid-container {
    width: 1024px;
}

.base-middle-content.no-gutter {
    width: 1024px;
}

.topbar .inner {
    width: 1024px;
}

.row {
    margin-left: -16px;
}

.row2 {
    margin-left: 490px;
}

.rowCoopLeaderboard {
    margin-left: 330px;
}

.row + .row {
    margin-top: 16px;
}

.row + .row-tight {
    margin-top: 16px;
}

.no-gutter.row {
    margin-left: 0px;
}

[class*='span'] {
    width: 100%;
    margin-left: 16px;
    float: left;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

[class*='span3'] {
    width: 50%;
    margin-left: 0px;
    float: left;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

[class*='span30'] {
    width: 100%;
    margin-left: 498px;
    float: left;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.no-gutter > [class*='span'] {
    margin-left: 0px;
    float: left;
}

.span1 {
    width: 68px;
}

.no-gutter > .span1 {
    width: 82.66px;
}

.offset1 {
    margin-left: 100px;
}

.no-gutter > .offset1 {
    margin-left: 84px;
}

.span2 {
    width: 152px;
}

.no-gutter > .span2 {
    width: 165.33px;
}

.offset2 {
    margin-left: 184px;
}

.no-gutter > .offset2 {
    margin-left: 168px;
}

.span3 {
    width: 236px;
}

.span30 {
    width: 436px;
}

.no-gutter > .span3 {
    width: 248px;
}

.no-gutter > .span30 {
    width: 408px;
}

.offset3 {
    margin-left: 268px;
}

.no-gutter > .offset3 {
    margin-left: 252px;
}

.span4 {
    width: 320px;
}

.span13 {
    width: 335px;
}

.span14 {
    width: 330px;
}

.span15 {
    width: 330px;
}

.span16 {
    width: 330px;
}

.span17 {
    width: 146px;
}

.no-gutter > .span4 {
    width: 330.66px;
}

.offset4 {
    margin-left: 352px;
}

.no-gutter > .offset4 {
    margin-left: 336px;
}

.span5 {
    width: 404px;
}

.no-gutter > .span5 {
    width: 413.33px;
}

.offset5 {
    margin-left: 436px;
}

.no-gutter > .offset5 {
    margin-left: 420px;
}

.span6 {
    width: 495px;
}

.no-gutter > .span6 {
    width: 496px;
}

.offset6 {
    margin-left: 520px;
}

.no-gutter > .offset6 {
    margin-left: 504px;
}

.span7 {
    width: 572px;
}

.no-gutter > .span7 {
    width: 578.66px;
}

.offset7 {
    margin-left: 604px;
}

.no-gutter > .offset7 {
    margin-left: 588px;
}

.span8 {
    width: 656px;
}

.no-gutter > .span8 {
    width: 661.33px;
}

.span88 {
    width: 651px;
}

.no-gutter > .span88 {
    width: 656.33px;
}
.offset8 {
    margin-left: 688px;
}

.no-gutter > .offset8 {
    margin-left: 672px;
}

.span9 {
    width: 740px;
}

.no-gutter > .span9 {
    width: 744px;
}

.offset9 {
    margin-left: 772px;
}

.no-gutter > .offset9 {
    margin-left: 756px;
}

.span10 {
    width: 824px;
}

.no-gutter > .span10 {
    width: 826.66px;
}

.offset10 {
    margin-left: 856px;
}

.no-gutter > .offset10 {
    margin-left: 840px;
}

.span11 {
    width: 908px;
}

.no-gutter > .span11 {
    width: 909.33px;
}

.offset11 {
    margin-left: 940px;
}

.no-gutter > .offset11 {
    margin-left: 924px;
}

.span12 {
    width: 992px;
}

.no-gutter > .span12 {
    width: 992px;
}

.overlay-container .overlay {
    transition: 0.15s ease-out;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    position: fixed;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.overlay-container .intro.overlay {
    background-color: rgba(0, 0, 0, 0.75);
}

.no-csstransitions .overlay-container .overlay {
    display: none;
}

.overlay-container .show.overlay {
    opacity: 1;
    pointer-events: all;
}

.no-csstransitions .overlay-container .show.overlay {
    display: block;
}

.overlay-container .click-through.overlay {
    pointer-events: none;
}

.avatar {
    width: 36px;
    height: 36px;
    vertical-align: middle;
    display: inline-block;
    /*box-shadow: inset 3px 0px #3f3b3d;  Shadow line Avatar*/
    background-size: 100%;
}

    .avatar img {
        border: 0px currentColor;
        border-image: none;
        width: 100%;
        height: 100%;
    }

.playing.avatar {
    box-shadow: inset 3px 0px #60c0f6;
}

.online.avatar {
    box-shadow: inset 3px 0px #78c753;
}

.xsmall.avatar {
    width: 26px;
    height: 26px;
}

.small.avatar {
    width: 30px;
    height: 30px;
}

.large.avatar {
    width: 60px;
    height: 60px;
}

.xlarge.avatar {
    width: 204px;
    height: 204px;
    box-shadow: inset 6px 0px #3f3b3d;
}

.playing.xlarge.avatar {
    box-shadow: inset 6px 0px #60c0f6;
}

.online.xlarge.avatar {
    box-shadow: inset 6px 0px #78c753;
}

.xxlarge.avatar {
    width: 320px;
    height: 320px;
    box-shadow: inset 8px 0px #3f3b3d;
}

.playing.xxlarge.avatar {
    box-shadow: inset 8px 0px #60c0f6;
}

.online.xxlarge.avatar {
    box-shadow: inset 8px 0px #78c753;
}

.no-frame.avatar {
    box-shadow: none;
}

.avatar + span.username {
    margin-left: 5px;
}

.avatar + a.username {
    margin-left: 5px;
}

ul.avatars {
    list-style: none;
    margin: 0px 0px 0px -5px;
    padding: 8px 0px;
}

    ul.avatars li {
        margin-left: 4px;
        float: left;
    }

#receipt-container {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 2;
    cursor: default;
}

.receipt {
    padding: 8px 16px;
    text-align: center;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 1px;
    font-size: 12px;
    position: relative;
    background-color: rgba(51, 153, 102, 0.9);
}

.checkbox.receipt {
    background: rgba(46, 204, 113, 0.9);
}

.error.receipt {
    background-color: rgba(231, 76, 60, 0.9);
    /*//color: #B94A48;
    //background-color: #D7B4B4;
    //border-color: #EED3D7;*/
}

.skull.receipt {
    background-color: rgba(231, 76, 60, 0.9);
}

.premium.receipt {
    color: rgb(0, 0, 0);
    background-color: rgba(255, 153, 0, 0.9);
}

.receipt a {
    text-decoration: underline;
}

.loader {
    /* background: url("../common/loading-sprite.png") no-repeat 0px 0px; */
    animation: loader 0.5s step-start infinite;
    width: 40px;
    height: 55px;
    vertical-align: middle;
    display: inline-block;
    -webkit-animation: loader 0.5s infinite step-start;
    -moz-animation: loader 0.5s infinite step-start;
    -o-animation: loader 0.5s infinite step-start;
}

.centered.loader {
    left: 50%;
    top: 50%;
    margin-top: -27.5px;
    margin-left: -20px;
    position: absolute;
}

.small.loader {
    animation: loader-small 0.5s step-start infinite;
    width: 18px;
    height: 25px;
    -webkit-animation: loader-small 0.5s infinite step-start;
    -moz-animation: loader-small 0.5s infinite step-start;
    -o-animation: loader-small 0.5s infinite step-start;
}

.centered.small.loader {
    margin-top: -12.5px;
    margin-left: -9px;
}

.no-cssanimations .loader {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

.no-cssanimations .small.loader {
    background: url("../common/loading_blue.gif") no-repeat;
}

.no-cssanimations .big.loader {
    background: url("../common/loading_gray.gif") no-repeat;
}

.tooltip {
    background: rgba(0, 0, 0, 0.9);
    padding: 8px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    line-height: 14px;
    font-size: 11px;
    display: none;
    position: absolute;
    z-index: 4000;
    min-height: 14px;
    max-height: 500px;
    min-width: 20px;
    max-width: 500px;
    opacity: 0;
}

.animate.tooltip {
    transition: opacity 50ms linear;
    -webkit-transition: opacity 50ms linear;
    -moz-transition: opacity 50ms linear;
    -o-transition: opacity 50ms linear;
}

.visible.tooltip {
    display: block;
    opacity: 1;
}

.tooltip .tooltip-callout {
    position: absolute;
}

    .tooltip .tooltip-callout::before {
        border: solid transparent;
        border-image: none;
        width: 0px;
        height: 0px;
        position: absolute;
        content: " ";
        pointer-events: none;
    }

    .tooltip .tooltip-callout::after {
        border: solid transparent;
        border-image: none;
        width: 0px;
        height: 0px;
        position: absolute;
        content: " ";
        pointer-events: none;
    }

.left.tooltip .tooltip-callout {
    left: 100%;
}

    .left.tooltip .tooltip-callout::after {
        border-width: 5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.9);
        top: 50%;
        margin-top: -5px;
    }

.right.tooltip .tooltip-callout {
    right: 100%;
}

    .right.tooltip .tooltip-callout::after {
        border-width: 5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        top: 50%;
        margin-top: -5px;
    }

.below.tooltip .tooltip-callout {
    bottom: 100%;
}

    .below.tooltip .tooltip-callout::after {
        border-width: 5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.9);
        left: 50%;
        margin-left: -5px;
    }

.above.tooltip .tooltip-callout {
    top: 100%;
}

    .above.tooltip .tooltip-callout::after {
        border-width: 5px;
        border-color: rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: 50%;
        margin-left: -5px;
    }

.tooltip .tooltip-body h2 {
    line-height: 1.4;
    font-size: 1.2em;
    margin-bottom: 0.1em;
}

.tooltip .tooltip-body h3 {
    line-height: 1.4;
    font-size: 1.1em;
    margin-bottom: 0.1em;
}

.tooltip-content {
    display: none;
}

.popover-content {
    display: none;
}

.popover {
    background: rgb(253, 253, 253);
    color: rgb(0, 0, 0);
    display: none;
    position: absolute;
    z-index: 3000;
    min-width: 236px;
    opacity: 0;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
    -moz-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
    -o-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}

    .popover::before {
        line-height: 0;
        display: table;
        content: "";
    }

    .popover::after {
        line-height: 0;
        display: table;
        content: "";
    }

    .popover::after {
        clear: both;
    }

.animate.popover {
    transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
}

.visible.popover {
    display: block;
    opacity: 1;
}

.popover .popover-body .popover-content {
    display: block;
}

.popover .popover-body footer a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.popover .popover-body .hover:hover {
    background: rgba(255, 255, 255, 0.1);
}

.popover .popover-body li {
    font-weight: bold;
}

    .popover .popover-body li:hover > a {
        background: rgb(53, 53, 53);
        color: rgb(255, 197, 0);
    }

    .popover .popover-body li:first-child > a {
        border-top-color: currentColor;
        border-top-width: medium;
        border-top-style: none;
    }

    .popover .popover-body li > a {
        color: rgb(53, 53, 53);
        line-height: 35px;
        padding-left: 16px;
        font-size: 12px;
        text-decoration: none;
        border-top-color: rgb(236, 236, 236);
        border-top-width: 1px;
        border-top-style: solid;
        display: block;
    }

.popover footer {
    font-size: 12px;
    border-top-color: rgb(48, 47, 51);
    border-top-width: 1px;
    border-top-style: solid;
}

    .popover footer a {
        padding: 10px;
        text-align: center;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        display: block;
    }

        .popover footer a:hover {
            text-decoration: none;
        }

.popover .popover-callout {
    overflow: visible;
    position: absolute;
}

    .popover .popover-callout::before {
        border: solid transparent;
        border-image: none;
        width: 0px;
        height: 0px;
        position: absolute;
        content: " ";
        pointer-events: none;
    }

    .popover .popover-callout::after {
        border: solid transparent;
        border-image: none;
        width: 0px;
        height: 0px;
        position: absolute;
        content: " ";
        pointer-events: none;
    }

.left.popover .popover-callout {
    left: 100%;
}

    .left.popover .popover-callout::after {
        border-width: 8px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.9);
        top: 50%;
        right: -16px;
        margin-top: -8px;
    }

.right.popover .popover-callout {
    right: 100%;
}

    .right.popover .popover-callout::after {
        border-width: 8px;
        border-color: rgba(0, 0, 0, 0) rgb(241, 241, 241) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: -16px;
        top: 50%;
        margin-top: -8px;
    }

.below.popover .popover-callout {
    bottom: 100%;
}

    .below.popover .popover-callout::after {
        border-width: 8px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(241, 241, 241);
        left: 50%;
        top: -16px;
        margin-left: -8px;
    }

.above.popover .popover-callout {
    top: 100%;
}

    .above.popover .popover-callout::after {
        border-width: 8px;
        border-color: rgb(241, 241, 241) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: 50%;
        bottom: -16px;
        margin-left: -8px;
    }

.popover .popover-body h2 {
    line-height: 1.4;
    font-size: 1.2em;
    margin-bottom: 0.1em;
}

.popover .popover-body h3 {
    line-height: 1.4;
    font-size: 1.1em;
    margin-bottom: 0.1em;
}

.padding-large {
    padding: 24px !important;
}

.padding-large-vertical {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.padding-large-horizontal {
    padding-right: 24px !important;
    padding-left: 24px !important;
}

.padding-large-top {
    padding-top: 24px !important;
}

.padding-large-right {
    padding-right: 24px !important;
}

.padding-large-bottom {
    padding-bottom: 24px !important;
}

.padding-large-left {
    padding-left: 24px !important;
}

.padding {
    padding: 16px !important;
}

.padding-vertical {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.padding-horizontal {
    padding-right: 16px !important;
    padding-left: 16px !important;
}

.padding-top {
    padding-top: 16px !important;
}

.padding-right {
    padding-right: 16px !important;
}

.padding-bottom {
    padding-bottom: 16px !important;
}

.padding-left {
    padding-left: 16px !important;
}

.padding-small {
    padding: 8px !important;
}

.padding-small-vertical {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.padding-small-horizontal {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.padding-small-top {
    padding-top: 8px !important;
}

.padding-small-right {
    padding-right: 8px !important;
}

.padding-small-bottom {
    padding-bottom: 8px !important;
}

.padding-small-left {
    padding-left: 8px !important;
}

.padding-tight {
    padding: 1px !important;
}

.padding-tight-vertical {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.padding-tight-horizontal {
    padding-right: 1px !important;
    padding-left: 1px !important;
}

.padding-tight-top {
    padding-top: 1px !important;
}

.padding-tight-right {
    padding-right: 1px !important;
}

.padding-tight-bottom {
    padding-bottom: 1px !important;
}

.padding-tight-left {
    padding-left: 1px !important;
}

.padding-none {
    padding: 0px !important;
}

.padding-none-vertical {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padding-none-horizontal {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.padding-none-top {
    padding-top: 0px !important;
}

.padding-none-right {
    padding-right: 0px !important;
}

.padding-none-bottom {
    padding-bottom: 0px !important;
}

.padding-none-left {
    padding-left: 0px !important;
}

.npadding-large {
}

.npadding-large-vertical {
}

.npadding-large-horizontal {
}

.npadding-large-top {
}

.npadding-large-right {
}

.npadding-large-bottom {
}

.npadding-large-left {
}

.npadding {
    padding: 16px !important;
}

.npadding-vertical {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.npadding-horizontal {
    padding-right: 16px !important;
    padding-left: 16px !important;
}

.npadding-top {
    padding-top: 16px !important;
}

.npadding-right {
    padding-right: 16px !important;
}

.npadding-bottom {
    padding-bottom: 16px !important;
}

.npadding-left {
    padding-left: 16px !important;
}

.npadding-small {
}

.npadding-small-vertical {
}

.npadding-small-horizontal {
}

.npadding-small-top {
}

.npadding-small-right {
}

.npadding-small-bottom {
}

.npadding-small-left {
}

.npadding-tight {
}

.npadding-tight-vertical {
}

.npadding-tight-horizontal {
}

.npadding-tight-top {
}

.npadding-tight-right {
}

.npadding-tight-bottom {
}

.npadding-tight-left {
}

.npadding-none {
    padding: 0px !important;
}

.npadding-none-vertical {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.npadding-none-horizontal {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.npadding-none-top {
    padding-top: 0px !important;
}

.npadding-none-right {
    padding-right: 0px !important;
}

.npadding-none-bottom {
    padding-bottom: 0px !important;
}

.npadding-none-left {
    padding-left: 0px !important;
}

.margin-large {
    margin: 24px !important;
}

.margin-large-vertical {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.margin-large-horizontal {
    margin-right: 24px !important;
    margin-left: 24px !important;
}

.margin-large-top {
    margin-top: 24px !important;
}

.margin-large-right {
    margin-right: 24px !important;
}

.margin-large-bottom {
    margin-bottom: 24px !important;
}

.margin-large-left {
    margin-left: 24px !important;
}

.margin {
    margin: 16px !important;
}

.margin-vertical {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.margin-horizontal {
    margin-right: 16px !important;
    margin-left: 16px !important;
}

.margin-top {
    margin-top: 16px !important;
}

.margin-right {
    margin-right: 16px !important;
}

.margin-bottom {
    margin-bottom: 16px !important;
}

.margin-left {
    margin-left: 16px !important;
}

.margin-small {
    margin: 8px !important;
}

.margin-small-vertical {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.margin-small-horizontal {
    margin-right: 8px !important;
    margin-left: 8px !important;
}

.margin-small-top {
    margin-top: 8px !important;
}

.margin-small-right {
    margin-right: 8px !important;
}

.margin-small-bottom {
    margin-bottom: 8px !important;
}

.margin-small-left {
    margin-left: 8px !important;
}

.margin-tight {
    margin: 1px !important;
}

.margin-tight-vertical {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.margin-tight-horizontal {
    margin-right: 1px !important;
    margin-left: 1px !important;
}

.margin-tight-top {
    margin-top: 1px !important;
}

.margin-tight-right {
    margin-right: 1px !important;
}

.margin-tight-bottom {
    margin-bottom: 1px !important;
}

.margin-tight-left {
    margin-left: 1px !important;
}

.margin-none {
    margin: 0px !important;
}

.margin-none-vertical {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.margin-none-horizontal {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.margin-none-top {
    margin-top: 0px !important;
}

.margin-none-right {
    margin-right: 0px !important;
}

.margin-none-bottom {
    margin-bottom: 0px !important;
}

.margin-none-left {
    margin-left: 0px !important;
}

.nmargin-large {
    margin: -24px !important;
}

.nmargin-large-vertical {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
}

.nmargin-large-horizontal {
    margin-right: -24px !important;
    margin-left: -24px !important;
}

.nmargin-large-top {
    margin-top: -24px !important;
}

.nmargin-large-right {
    margin-right: -24px !important;
}

.nmargin-large-bottom {
    margin-bottom: -24px !important;
}

.nmargin-large-left {
    margin-left: -24px !important;
}

.nmargin {
    margin: 16px !important;
}

.nmargin-vertical {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.nmargin-horizontal {
    margin-right: 16px !important;
    margin-left: 16px !important;
}

.nmargin-top {
    margin-top: 16px !important;
}

.nmargin-right {
    margin-right: 16px !important;
}

.nmargin-bottom {
    margin-bottom: 16px !important;
}

.nmargin-left {
    margin-left: 16px !important;
}

.nmargin-small {
    margin: -8px !important;
}

.nmargin-small-vertical {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
}

.nmargin-small-horizontal {
    margin-right: -8px !important;
    margin-left: -8px !important;
}

.nmargin-small-top {
    margin-top: -8px !important;
}

.nmargin-small-right {
    margin-right: -8px !important;
}

.nmargin-small-bottom {
    margin-bottom: -8px !important;
}

.nmargin-small-left {
    margin-left: -8px !important;
}

.nmargin-tight {
    margin: -1px !important;
}

.nmargin-tight-vertical {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
}

.nmargin-tight-horizontal {
    margin-right: -1px !important;
    margin-left: -1px !important;
}

.nmargin-tight-top {
    margin-top: -1px !important;
}

.nmargin-tight-right {
    margin-right: -1px !important;
}

.nmargin-tight-bottom {
    margin-bottom: -1px !important;
}

.nmargin-tight-left {
    margin-left: -1px !important;
}

.nmargin-none {
    margin: 0px !important;
}

.nmargin-none-vertical {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.nmargin-none-horizontal {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.nmargin-none-top {
    margin-top: 0px !important;
}

.nmargin-none-right {
    margin-right: 0px !important;
}

.nmargin-none-bottom {
    margin-bottom: 0px !important;
}

.nmargin-none-left {
    margin-left: 0px !important;
}

.ui-select {
    font-size: 12px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .ui-select select {
        left: -99999px;
        width: 100%;
        height: 100%;
        position: absolute;
        box-sizing: border-box;
    }

    .ui-select .options:hover {
        border-color: rgb(255, 255, 255);
        color: rgb(255, 255, 255);
    }

.show-dropdown.ui-select .options {
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.ui-select .options:hover::after {
    border-top-color: rgb(255, 255, 255);
}

.show-dropdown.ui-select .options::after {
    border-top-color: rgb(255, 255, 255);
}

.ui-select .options {
    margin: 0px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    height: 32px;
    color: rgb(213, 221, 229);
    line-height: 32px;
    padding-right: 32px;
    padding-left: 8px;
    display: block;
    position: relative;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
}

    .ui-select .options .option {
        display: none;
    }

    .ui-select .options .selected.option {
        display: block;
    }

    .ui-select .options::after {
        border-width: 4px;
        border-style: solid;
        border-color: rgb(213, 221, 229) transparent transparent;
        border-image: none;
        top: 15px;
        width: 0px;
        height: 0px;
        right: 8px;
        position: absolute;
        content: "";
    }

.show-dropdown.ui-select .dropdown {
    display: block;
}

.ui-select .dropdown {
    border: 1px solid rgb(213, 221, 229);
    border-image: none;
    top: 100%;
    margin-top: -1px;
    display: none;
    position: absolute;
    z-index: 100;
    max-height: 320px;
    background-color: rgba(10, 14, 20, 0.85);
}

    .ui-select .dropdown li {
        padding: 0px 16px;
        height: 34px;
        color: rgb(255, 255, 255);
        line-height: 34px;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.4);
    }

        .ui-select .dropdown li:not(.selected):hover {
            background-color: rgba(100, 100, 100, 0.6);
        }

        .ui-select .dropdown li.selected {
            background: rgb(255, 255, 255);
            color: rgb(0, 0, 0);
        }

    .ui-select .dropdown .jspVerticalBar {
        right: 0px;
    }

.ui-select .jspScrollable.dropdown li {
    width: auto;
    margin-right: -11px;
}

.sticky-scroll {
    position: relative !important;
}

.fixed.sticky-scroll {
    margin: 0px;
    float: none;
    position: fixed !important;
    /*//margin-left: 672px;*/
}

.fixed-bottom.sticky-scroll {
    right: 0px;
    bottom: 0px;
    position: absolute !important;
}

.switch {
    line-height: 17px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

    .switch input[type='checkbox']:not(:checked) {
        background: none;
        margin: 0px;
        padding: 0px;
        border: 0px currentColor;
        border-image: none;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
    }

    .switch input[type='checkbox']:checked {
        background: none;
        margin: 0px;
        padding: 0px;
        border: 0px currentColor;
        border-image: none;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
    }

    .switch input[type='radio']:not(:checked) {
        background: none;
        margin: 0px;
        padding: 0px;
        border: 0px currentColor;
        border-image: none;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
    }

    .switch input[type='radio']:checked {
        background: none;
        margin: 0px;
        padding: 0px;
        border: 0px currentColor;
        border-image: none;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
    }

    .switch input[type='checkbox'] + div {
        background: border-box rgb(59, 62, 67);
        top: -2px;
        width: 40px;
        height: 17px;
        overflow: hidden;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        transition-property: padding, width, background-color;
        transition-duration: 0.4s;
    }

    .switch input[type='radio'] + div {
        background: border-box rgb(59, 62, 67);
        top: -2px;
        width: 40px;
        height: 17px;
        overflow: hidden;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        transition-property: padding, width, background-color;
        transition-duration: 0.4s;
    }

    .switch input[type='checkbox'] + div::before {
        background: rgb(255, 255, 255);
        width: 18px;
        height: 13px;
        margin-top: 2px;
        margin-left: 2px;
        display: block;
        content: "";
    }

    .switch input[type='radio'] + div::before {
        background: rgb(255, 255, 255);
        width: 18px;
        height: 13px;
        margin-top: 2px;
        margin-left: 2px;
        display: block;
        content: "";
    }

    .switch input[type='checkbox']:checked + div {
        background: rgb(125, 190, 86);
        width: 23px;
        padding-left: 17px;
    }

    .switch input[type='radio']:checked + div {
        background: rgb(125, 190, 86);
        width: 23px;
        padding-left: 17px;
    }

    .switch input[type='checkbox']:active + div::before {
        background-color: rgb(255, 255, 255);
    }

    .switch input[type='radio']:active + div::before {
        background-color: rgb(255, 255, 255);
    }

    .switch input[type='checkbox']:focus + div {
        box-shadow: 0px 0px 2px yellow;
    }

    .switch input[type='radio']:focus + div {
        box-shadow: 0px 0px 2px yellow;
    }

    .switch + label {
        top: 2px;
        position: relative;
    }

.scroll-container-outer {
    height: 185px;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative;
}

.scroll-left {
    transition: opacity 0.1s ease-in-out;
    top: 0px;
    width: 45px;
    height: inherit;
    text-align: center;
    line-height: 210px;
    font-size: 50px;
    position: absolute;
    cursor: pointer;
    -ms-user-select: none;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}

.scroll-right {
    transition: opacity 0.1s ease-in-out;
    top: 0px;
    width: 45px;
    height: inherit;
    text-align: center;
    line-height: 210px;
    font-size: 50px;
    position: absolute;
    cursor: pointer;
    -ms-user-select: none;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}

.scroll-left:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.scroll-right:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.disabled.scroll-left {
    cursor: auto;
    opacity: 0.5;
}

.disabled.scroll-right {
    cursor: auto;
    opacity: 0.5;
}

.scroll-left > figure {
    width: 30px;
    height: 59px;
    margin-left: 1px;
    display: inline-block;
    background-image: url("../ui/scroll-arrows.png");
}

.scroll-right > figure {
    width: 30px;
    height: 59px;
    margin-left: 1px;
    display: inline-block;
    background-image: url("../ui/scroll-arrows.png");
}

.scroll-right > figure {
    background-position: -30px 0px;
}

.scroll-left {
    left: 0px;
}

.scroll-right {
    right: 0px;
}

.scroll-container {
    left: 46px;
    top: 0px;
    height: inherit;
    right: 46px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}

.scrollables {
    left: 0;
    float: left;
}

.scrollable {
    width: 190px;
    height: 174px;
    text-align: center;
    overflow: hidden;
    margin-right: 1px;
    float: left;
    white-space: normal;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
}

.selected.scrollable {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 7px #fff;
}

.scrollable span {
    padding-right: 5px;
    padding-left: 5px;
}

.scrollable .title {
    text-transform: uppercase;
    display: block;
}

.selected.scrollable .title {
    color: rgb(0, 0, 0);
}

.scrollable .description {
    color: rgb(138, 138, 138);
    font-size: 13px;
}

.scroll-container .jspScrollable {
}

.scroll-container .jspPane {
    height: inherit;
}

.scroll-container .jspHorizontalBar {
    height: 8px;
}

.scroll-container .jspTrack {
    background: rgba(0, 0, 0, 0.5);
}

.scroll-container .jspDrag {
    opacity: 0.75;
}

#cookie-preferences {
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 25px 8px 8px;
    left: 0px;
    bottom: 0px;
    font-size: 14px;
    position: fixed;
}

    #cookie-preferences a {
        color: rgb(168, 168, 168);
    }

        #cookie-preferences a:hover {
            color: white;
            text-decoration: none;
        }

    #cookie-preferences .close {
        top: 8px;
        right: 8px;
        position: absolute;
        cursor: pointer;
    }

        #cookie-preferences .close::after {
            color: rgb(134, 134, 134);
            content: "?";
        }

        #cookie-preferences .close:hover::after {
            color: rgb(255, 255, 255);
        }

.loadticker {
    /* background: url("../common/loading-sprite.png") no-repeat 0px 0px; */
    display: inline-block;
}

.loadticker-small.loadticker {
    animation: loadticker-small 0.5s step-start infinite;
    width: 18px;
    height: 25px;
    -webkit-animation: loadticker-small 0.5s infinite step-start;
    -moz-animation: loadticker-small 0.5s infinite step-start;
    -o-animation: loadticker-small 0.5s infinite step-start;
}

.loadticker-big.loadticker {
    animation: loadticker-big 0.5s step-start infinite;
    width: 40px;
    height: 55px;
    -webkit-animation: loadticker-big 0.5s infinite step-start;
    -moz-animation: loadticker-big 0.5s infinite step-start;
    -o-animation: loadticker-big 0.5s infinite step-start;
}

.no-cssanimations .loadticker {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

.no-cssanimations .loadticker-small.loadticker {
    background: url("../common/loading_blue.gif") no-repeat;
}

.no-cssanimations .loadticker-big.loadticker {
    background: url("../common/loading_gray.gif") no-repeat;
}

.common-square {
    margin: 0px 3px 2px;
    width: 3px;
    height: 3px;
}

.base-header-headinfo {
    display: none;
}

.show-smart-app-bar #touch-menu {
    -webkit-transform: translate3d(0, 80px, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat;
}

.show-smart-app-bar #comcenter-friends {
    -webkit-transform: translate3d(0, 80px, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat;
}

.show-smart-app-bar #base-background {
    -webkit-transform: translate3d(0, 80px, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat;
}

.show-smart-app-bar #base-header {
    -webkit-transform: translate3d(0, 80px, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat;
}

.show-smart-app-bar #viewport {
    -webkit-transform: translate3d(0, 80px, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat;
}

.show-smart-app-bar #gate-bg {
    -webkit-transform: translate3d(0, 80px, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat;
}

.show-smart-app-bar .gate-content {
    -webkit-transform: translate3d(0, 80px, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat;
}

.show-smart-app-bar .base-header-headinfo {
    left: 0px;
    top: 0px;
    height: 80px;
    right: 0px;
    color: rgb(9, 13, 22);
    overflow: hidden;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    border-bottom-color: rgb(194, 194, 194);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: fixed;
    z-index: 10000;
    box-sizing: border-box;
    background-color: rgb(242, 242, 242);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .show-smart-app-bar .base-header-headinfo a {
        color: rgb(9, 13, 22);
    }

    .show-smart-app-bar .base-header-headinfo .base-header-headinfo-closebutton {
        background: url("../base/shared/dark-close.png") no-repeat;
        left: 10px;
        top: 50%;
        width: 15px;
        height: 14px;
        text-indent: -1000em;
        margin-top: -7px;
        display: block;
        position: absolute;
    }

    .show-smart-app-bar .base-header-headinfo .smart-banner {
        left: 38px;
        top: 0px;
        height: 80px;
        right: 0px;
        bottom: 0px;
        padding-top: 7px;
        position: absolute;
    }

        .show-smart-app-bar .base-header-headinfo .smart-banner p {
            margin: 0px;
            left: 78px;
            top: 22px;
            position: absolute;
        }

            .show-smart-app-bar .base-header-headinfo .smart-banner p span {
                text-transform: uppercase;
                font-size: 13px;
            }

            .show-smart-app-bar .base-header-headinfo .smart-banner p .app-name {
                font-size: 16px;
            }

            .show-smart-app-bar .base-header-headinfo .smart-banner p .app-company {
                display: block;
            }

    .show-smart-app-bar .base-header-headinfo .smart-banner-app-icon {
        width: 64px;
        height: 64px;
    }

    .show-smart-app-bar .base-header-headinfo .smart-banner-app-btn {
        background: rgb(84, 84, 84);
        margin: 0px;
        padding: 0px 25px;
        border: 1px solid rgb(255, 153, 0);
        border-image: none;
        top: 18px;
        height: 40px;
        text-align: center;
        right: 10px;
        color: rgb(255, 153, 0);
        text-transform: uppercase;
        line-height: 38px;
        overflow: hidden;
        font-family: Purista, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        display: inline-block;
        position: absolute;
        cursor: pointer;
        box-sizing: border-box;
        -ms-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -o-user-select: none;
        user-select: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.gamemanager-pluginstate {
    border-bottom-color: rgb(48, 47, 51);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: rgb(243, 243, 243);
}

.fail.gamemanager-state {
    background: rgb(17, 25, 34);
}

.success.gamemanager-state {
    background: rgb(17, 25, 34);
}

.gamemanager-pluginstate-main {
    height: 66px;
    margin-left: 10px;
}

.gamemanager-pluginstate-finish {
    width: 148px;
    margin-bottom: 10px;
    float: left;
}

.gamemanager-pluginstate-missing {
    width: 148px;
    margin-bottom: 10px;
    float: left;
}

.gamemanager-pluginstate-ok {
    width: 148px;
    margin-bottom: 10px;
    float: left;
}

.gamemanager-gamestate-finish {
    padding: 12px 6px;
    text-align: left;
    line-height: 15px;
    clear: both;
    margin-left: 0px;
}

.gamemanager-plugin-content .gamemanager-pluginstate-finish {
    padding: 12px 6px;
    text-align: left;
    line-height: 15px;
    clear: both;
    margin-left: 0px;
}

.gamemanager-pluginstate-finish-download {
    margin-top: 6px;
}

.gamemanager-gamestate-finish a {
    font-size: 11px;
    font-weight: normal;
}

.gamemanager-plugin-content .gamemanager-pluginstate-finish a {
    font-size: 11px;
    font-weight: normal;
}

.gamemanager-gamestate-main {
    margin-left: 10px;
    position: relative;
    min-height: 50px;
}

.gamemanager-gamestate-patcher {
    padding-left: 10px;
    clear: left;
    border-top-color: rgb(237, 237, 237);
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
    background-color: rgb(243, 243, 243);
}

    .gamemanager-gamestate-patcher a {
        font-size: 11px;
    }

.gamemanager-launchstate {
    position: relative;
}

    .gamemanager-launchstate input[type=button] {
        text-transform: uppercase;
        font-size: 14px;
    }

    .gamemanager-launchstate button {
        text-transform: uppercase;
        font-size: 14px;
    }

.gamemanager-launchstate-launch_error.gamemanager-launchstate button {
    font-size: 12px;
}

.gamemanager-launchstate-servername {
    background: rgba(0, 0, 0, 0.7);
    padding: 0px 5px;
    line-height: 32px;
    font-size: 12px;
}

    .gamemanager-launchstate-servername .gamemanager-launchstate-servername-title {
        color: rgb(255, 255, 255);
        white-space: nowrap;
    }

        .gamemanager-launchstate-servername .gamemanager-launchstate-servername-title a {
            color: white;
            font-weight: normal;
            text-decoration: none;
        }

.gamemanager-launchstate-platoon {
    padding: 3px;
    border-top-color: rgb(228, 228, 228);
    border-bottom-color: rgb(228, 228, 228);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    position: relative;
    background-color: rgb(243, 243, 243);
}

    .gamemanager-launchstate-platoon h1 {
        color: rgb(138, 138, 138);
        line-height: 28px;
        padding-left: 11px;
        font-size: 11px;
        font-weight: normal;
    }

.gamemanager-launchstate-platoon-title {
    line-height: 28px;
    margin-right: 5px;
}

.gamemanager-coopstate-map {
    background-position: top;
    position: relative;
    min-height: 150px;
}

.gamemanager-launchstate-map {
    background-position: top;
    position: relative;
    min-height: 150px;
}

.gamemanager-coopstate-map {
    min-height: 85px;
}

.gamemanager-launchstate-launch_post_info .gamemanager-launchstate-map {
    background: rgba(0, 0, 0, 0.75);
    color: rgb(168, 168, 168);
    padding-right: 6px;
    padding-bottom: 55px;
    padding-left: 6px;
}

.gamemanager-launchstate-map::after {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
    left: 0px;
    top: 34px;
    right: 0px;
    bottom: 32px;
    position: absolute;
    content: "";
}

.gamemanager-small-launchstate .gamemanager-launchstate-map::after {
    bottom: 0px;
}

.gamemanager-small-launchstate .gamemanager-launchstate-checkboxes {
    bottom: 0px;
}

.gamemanager-small-launchstate .gamemanager-launchstate-map {
    min-height: 100px;
}

.gamemanager-launchstate-launch_post_info .gamemanager-launchstate-map::after {
    bottom: 0px;
}

.gamemanager-launchstate-premium-queue {
    color: rgb(199, 169, 88);
    padding-left: 25px;
    font-size: 12px;
}

.gamemanager-launchstate-maptitle {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: Purista;
    background-color: rgba(26, 25, 30, 0.8);
}

    .gamemanager-launchstate-maptitle a {
        color: rgb(255, 255, 255);
    }

.gamemanager-launchstate-gameready {
    position: relative;
    z-index: 1;
}

#base-bf3-body .gamemanager-launchstate-maptitle {
    font-family: Purista, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

#base-mohw-body .gamemanager-launchstate-maptitle {
    font-family: Purista, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

#base-bf3-body .gamemanager-launchstate-gameready {
    text-transform: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

#base-mohw-body .gamemanager-launchstate-gameready {
    text-transform: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.gamemanager-launchstate-maptitle {
    padding: 4px 9px;
    line-height: 23px;
    font-size: 15px;
    min-height: 21px;
}

    .gamemanager-launchstate-maptitle .loader {
        margin-top: -3px;
        margin-right: 3px;
    }

    .gamemanager-launchstate-maptitle [class^='icon-'] {
        margin-top: 6px;
    }

    .gamemanager-launchstate-maptitle [class*=' icon-'] {
        margin-top: 6px;
    }

.gamemanager-launchstate-gameready {
    text-align: center;
    padding-top: 6px;
}

.gamemanager-launchstate footer {
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

.gamemanager-launchstate-checkboxes {
    padding: 5px;
    bottom: 30px;
    color: rgb(255, 255, 255);
    line-height: 18px;
    font-size: 12px;
    position: absolute;
    z-index: 1;
}

.gamemanager-launchstate-footer {
    padding: 6px;
    line-height: 18px;
    font-size: 12px;
}

#gamemanager-taskbar {
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid rgb(57, 57, 57);
    border-image: none;
    width: 171px;
    height: 40px;
    line-height: 16px;
    position: relative;
}

    #gamemanager-taskbar:hover {
        background: rgba(42, 42, 42, 0.9);
    }

    #gamemanager-taskbar .active:hover {
        background: none;
    }

#gamemanager-taskbar-container {
    width: 171px;
    height: 40px;
    cursor: pointer;
}

    #gamemanager-taskbar-container .common-close-light {
        left: 153px;
        top: 14px;
        position: absolute;
    }

#gamemanager-taskbar-title {
    left: 6px;
    top: 6px;
    color: rgb(255, 255, 255);
    font-family: Tahoma, Arial, sans-serif;
    position: absolute;
}

#gamemanager-taskbar-description {
    left: 6px;
    bottom: 4px;
    color: rgb(255, 198, 0);
    text-transform: none;
    font-weight: normal;
    position: absolute;
}

.active#gamemanager-taskbar #gamemanager-taskbar-description {
    color: rgb(88, 65, 11);
    font-weight: normal;
    text-shadow: 0px 1px #fddd82;
}

#gamemanager-taskbar-icon {
    top: 12px;
    width: 20px;
    height: 20px;
    right: 25px;
    position: absolute;
}

.gamemanager-taskbar-status-notuptodate #gamemanager-taskbar-description {
    color: rgb(65, 163, 215);
}

.gamemanager-taskbar-status-notuptodate #gamemanager-taskbar-icon {
    background: url("../gamemanager/taskbar-update-icon.png") no-repeat center;
}

.gamemanager-taskbar-status-uptodate #gamemanager-taskbar-description {
    color: rgb(138, 138, 138);
}

.gamemanager-taskbar-status-uptodate #gamemanager-taskbar-icon {
    background: url("../gamemanager/taskbar-ok-icon.png") no-repeat center;
}

.gamemanager-taskbar-status-downloading #gamemanager-taskbar-description {
    color: rgb(255, 255, 255);
}

.gamemanager-taskbar-status-downloading #gamemanager-taskbar-icon {
    background: url("../gamemanager/taskbar-downloading-icon.png") no-repeat center;
}

.gamemanager-taskbar-status-installing #gamemanager-taskbar-description {
    color: rgb(255, 255, 255);
}

.gamemanager-taskbar-status-installing #gamemanager-taskbar-icon {
    background: url("../base/shared/ajax-loader.gif") no-repeat center;
}

.active#gamemanager-taskbar {
    background: url("../comcenter/comcenter-active.png");
    position: relative;
}

    .active#gamemanager-taskbar #gamemanager-taskbar-icon {
        display: none;
    }

    .active#gamemanager-taskbar #gamemanager-taskbar-title {
        color: rgb(53, 53, 53);
    }

.gamemanager-plugin-help {
    background: rgb(253, 253, 253);
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    border-top-color: rgb(126, 127, 128);
    border-top-width: 1px;
    border-top-style: solid;
    z-index: 1000;
}

.gamemanager-currentstate {
    background: rgb(253, 253, 253);
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    border-top-color: rgb(126, 127, 128);
    border-top-width: 1px;
    border-top-style: solid;
    z-index: 1000;
}

.gamemanager-currentteststate {
    width: 237px;
    position: relative;
}

.gamemanager-plugin-help {
    padding: 12px;
    border: 1px solid rgb(34, 30, 37);
    border-image: none;
    left: 25px;
    bottom: 23px;
    display: block;
    position: fixed;
    z-index: 3001;
}

.allow.gamemanager-plugin-help {
    top: 20px;
    bottom: auto;
}

    .allow.gamemanager-plugin-help::after {
        border-width: 0px 10px 10px;
        border-style: solid;
        border-color: rgb(255, 255, 255) transparent;
        left: 9px;
        top: -10px;
        width: 0px;
        display: block;
        position: absolute;
        z-index: 1;
        content: "";
    }

.gamemanager-currentstate-not-visible {
    display: none;
}

.gamemanager-testpage {
    float: left;
    position: relative;
}

.gamemanager-pluginstate-missing-text {
    width: 110px;
    font-size: 11px;
    margin-top: 2px;
    float: left;
}

.gamemanager-pluginstate-missing-button {
    position: absolute;
    top: 10px;
    right: 16px;
}

.gamemanager-launchstate-server {
    top: 12px;
    color: rgb(53, 53, 53);
    font-size: 11px;
    display: inline-block;
    position: relative;
}

.gamemanager-launchstate-cancelbutton {
    float: right;
}

.gamemanager-coopstate-loadingbg {
    margin: 2px 0px 0px -5px;
    float: left;
}

.gamemanager-launchstate-errorbg {
    margin: 2px 0px 0px -5px;
    float: left;
}

.gamemanager-launchstate-errorbg {
    margin: 2px 0px 0px;
    width: 26px;
}

.gamemanager-launchstate-errorheader {
    background: url("../gamemanager/error-triangle.png") no-repeat left top;
    margin: 0px auto;
    width: 58px;
    height: 53px;
    text-indent: -9001px;
    padding-top: 3px;
}

.gamemanager-launchstate-launch_error {
    background: rgb(205, 54, 39);
}

    .gamemanager-launchstate-launch_error section {
        display: none;
    }

    .gamemanager-launchstate-launch_error footer {
        position: relative;
    }

    .gamemanager-launchstate-launch_error .gamemanager-launchstate-maptitle {
        background: none;
        height: auto;
        -ms-zoom: 1;
    }

    .gamemanager-launchstate-launch_error .gamemanager-launchstate-gameready {
        background: none;
        padding: 0px 6px 6px;
        font-size: 13px;
    }

.gamemanager-launchstate-map .gamemanager-launchstate-gameready {
    font-weight: normal;
}

.gamemanager-launchstate-errorbg {
    background: url("../base/shared/gm-error-bg.png") no-repeat center black;
}

.gamemanager-launchstate-gameready-button {
    top: 15px;
    position: relative;
}

.gamemanager-pluginstate-text {
    font-size: 11px;
}

.gamemanager-plugin-icon {
    background: url("../img/plugin-icon.png") no-repeat 0px 13px;
    width: 27px;
    margin-left: 6px;
    float: left;
    min-height: 50px;
}

.gamemanager-game-icon {
    margin: 0px 5px 0px 1px;
    top: 18px;
    width: 27px;
    text-align: center;
    float: left;
    position: relative;
    min-height: 30px;
}

.gamemanager-plugin-content {
    margin-left: 10px;
    position: relative;
    min-height: 64px;
}

.gamemanager-title {
    padding: 12px 0px 2px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: bold;
}

.gamemanager-plugin-top {
    padding-top: 1px;
}

.gamemanager-plugin-right {
    width: 110px;
    padding-left: 5px;
    float: left;
    -ms-word-wrap: normal;
}

.gamemanager-gamestate-right {
    font-size: 11px;
}

.gamemanager-gamestate-patcher-title {
    color: rgb(53, 53, 53);
    font-size: 11px;
}

.gamemanager-gamestate-patcher-cancel {
    background: url("../gamemanager/taskbar-downloading-icon-dark.png") no-repeat right top;
    top: 14px;
    width: 56px;
    right: 10px;
    position: absolute;
}

    .gamemanager-gamestate-patcher-cancel a {
        font-size: 11px;
        font-weight: normal;
    }

.gamemanager-gamestate-patcher-errormessage {
    line-height: 17px;
    text-indent: 0px;
    padding-left: 5px;
}

.gamemanager-gamestate-patcher-gametitle-container {
    left: -10px;
    width: 262px;
    position: relative;
}

.gamemanager-gamestate-patcher-divider {
    background: rgb(235, 235, 235);
    height: 21px;
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    line-height: 21px;
    text-indent: 12px;
    font-size: 10px;
    border-top-color: rgb(223, 223, 223);
    border-top-width: 1px;
    border-top-style: solid;
}

.gamemanager-coopstate-player {
    background: rgb(0, 0, 0);
    height: 40px;
    line-height: 40px;
    clear: both;
    border-top-color: rgb(17, 17, 17);
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
}

.gamemanager-invitestate-player {
    background: rgb(0, 0, 0);
    height: 40px;
    line-height: 40px;
    clear: both;
    border-top-color: rgb(17, 17, 17);
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
}

.gamemanager-invitestate-players a {
    color: rgb(255, 255, 255);
}

.gamemanager-invitestate-player-avatar {
    margin: 0px 10px;
    float: left;
}

.gamemanager-invitestate-player-username {
    float: left;
}

.gamemanager-invitestate-player-status {
    width: 87px;
    color: rgb(138, 138, 138);
    font-size: 11px;
    float: right;
}

.gamemanager-invite-img-waiting {
    top: -1px;
    width: 16px;
    height: 16px;
    right: 10px;
    position: relative;
}

.gamemanager-invite-img-joining {
    background: url("../serverguide/invited_status.png");
    top: 15px;
    width: 11px;
    height: 11px;
    right: 11px;
    position: relative;
}

.gamemanager-invite-img-declined {
    background: url("../serverguide/invited_status.png") 0px 11px;
    top: 14px;
    width: 11px;
    height: 11px;
    position: relative;
}

.gamemanager-coopstate-player-kick {
    background: url("../base/shared/row_icon_chat.png") 0px 26px;
    top: 13px;
    width: 13px;
    height: 13px;
    right: 6px;
    display: none;
    position: absolute;
    cursor: pointer;
}

.gamemanager-invitestate-player-kick {
    background: url("../base/shared/row_icon_chat.png") 0px 26px;
    top: 13px;
    width: 13px;
    height: 13px;
    right: 6px;
    display: none;
    position: absolute;
    cursor: pointer;
}

.gamemanager-coopstate-player-kick:hover {
    background-position: 0px 13px;
}

.gamemanager-invitestate-player-kick:hover {
    background-position: 0px 13px;
}

.gamemanager-invitestate-player:hover .gamemanager-invitestate-player-kick {
    display: block;
}

.gamemanager-coopstate-player:hover .gamemanager-coopstate-player-kick {
    display: block;
}

.gamemanager-invite-status-text {
    margin-left: 6px;
}

.gamemanager-invitestate-servername {
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
}

.gamemanager-invitestate-cancelbutton {
    top: 6px;
    right: 6px;
    line-height: 16px;
    position: relative;
}

.gamemanager-invitestate-dropzone {
    display: none;
    z-index: 4;
}

.gamemanager-invitestate-dummy-dropzone {
    background: url("../gamemanager/dropzone-dummy.png");
    width: 299px;
    height: 34px;
}

.gamemanager-invitestate-dropzone .common-dropzone {
    width: 296px;
    height: 100%;
}

.gamemanager-invitestate-dropzone .common-dropzone-content {
    width: 292px;
    height: 100%;
}

.gamemanager-invitestate-startjoin {
    background: rgb(231, 231, 231);
    width: 100%;
    height: 55px;
    border-top-color: rgb(210, 210, 210);
    border-top-width: 1px;
    border-top-style: solid;
}

.gamemanager-invitestate-startjoinhost {
    background: rgb(231, 231, 231);
    width: 100%;
    height: 50px;
    text-align: center;
    color: rgb(53, 53, 53);
    line-height: 50px;
    font-size: 12px;
    border-top-color: rgb(210, 210, 210);
    border-top-width: 1px;
    border-top-style: solid;
}

.gamemanager-invitestate-startjoin-form {
    margin: 10px auto 0px;
    width: 195px;
    position: relative;
}

.gamemanager-pluginstate-text-ok {
    padding-left: 5px;
    font-size: 11px;
}

gamemanager-invitestate-serverarea {
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
}

.gamemanager-state-center {
    padding: 10px;
    text-align: center;
}

    .gamemanager-state-center #gamemanager-state-reconnect {
        top: -1px;
        margin-right: 6px;
        position: relative;
    }

.gamemanager-state-close-hidden {
    display: none;
}

.game_manager_notification {
    background: rgb(235, 235, 235);
    line-height: 18px;
    padding-left: 26px;
    font-size: 12px;
    border-top-color: rgb(210, 210, 210);
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
}

.game_manager_notification-icon {
    background: url("../common/report.png") no-repeat left -14px;
    left: 5px;
    top: 2px;
    width: 14px;
    height: 14px;
    text-indent: -9001px;
    position: absolute;
}

.common-dropzone#gamemanager-invite-dropzone {
    margin-left: 0px;
}

#gamemanager-invite-dropzone .common-dropzone-content {
    height: 62px;
}

.gamemanager-plugin-stepicon {
    width: 50px;
    text-align: center;
    color: rgb(138, 138, 138);
    clear: left;
    font-family: Arial, sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    margin-top: 7px;
    float: left;
}

.gamemanager-plugin-text {
    width: 318px;
    float: left;
}

.gamemanager-plugin-title {
    color: rgb(53, 53, 53);
    font-family: Purista, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 8px;
}

.gamemanager-plugin-description {
    color: rgb(138, 138, 138);
    line-height: 14px;
    font-size: 12px;
}

    .gamemanager-plugin-description a {
        color: rgb(48, 141, 191);
    }

.gamemanager-plugin-subtitle {
    color: rgb(138, 138, 138);
    font-size: 14px;
}

.gamemanager-plugin-close {
    background: url("../base/shared/row_icon_chat.png") 0px 26px;
    top: 10px;
    width: 13px;
    height: 13px;
    right: 6px;
    position: absolute;
    z-index: 3;
    cursor: pointer;
}

    .gamemanager-plugin-close:hover {
        background-position: 0px 13px;
    }

#comcenter-popup-inner {
    background: rgb(0, 0, 0);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 1002;
    opacity: 0.6;
}

#comcenter-popup {
    background: rgb(0, 0, 0);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 1002;
    opacity: 0.6;
}

#comcenter-popup-inner {
    z-index: 1003;
}

.popuptime#comcenter {
    z-index: 1003;
}

.gamemanager-dropzone {
    background: url("../gamemanager/dropzone-sprite.png") -25px 55px;
    left: 0px;
    height: 32px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

.active.gamemanager-currentstate .gamemanager-dropzone {
    background-position: -25px -6px;
}

.gamemanager-launchstate-logo-container {
    background: rgba(0, 0, 0, 0.3);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
}

.gamemanager-launchstate-logo {
    width: 100%;
    height: 100%;
}

.logo-1.gamemanager-launchstate-logo {
    background: url("../gamemanager/gm-ea.png") no-repeat center 36px;
}

.logo-2.gamemanager-launchstate-logo {
    background: url("../gamemanager/gm-dice.png") no-repeat center 36px;
}

.common-game-header-class-4096-1 .logo-2.gamemanager-launchstate-logo {
    background: url("../gamemanager/gm-dcg.png") no-repeat center;
}

.gamemanager-launchstate-title {
    font-weight: bold;
}

.gamemanager-coop-start-peer-container {
    top: 16px;
    width: 300px;
    text-align: center;
    position: relative;
}

.gamemanager-launchstate-gameicon {
    vertical-align: middle !important;
    display: inline-block !important;
}

#gamemanager-taskbar-state {
    height: 100%;
}

    #gamemanager-taskbar-state .gamemanager-currentstate {
        height: 100%;
    }

#comcenter-gamecontrol {
    display: none;
    position: relative;
    z-index: 2000;
}

.ff-plugin-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNrUUssJBSEMHDWCBwuxPouwCeuyGPGTXT0sy4Lw9PYGckgmwyQhgplxArqDQwgwxsBai1IKcs7w3s+GFScHOQpvvPMVJ+5ROaUErTWICL131FrhnJsNK07EGLm1trWfUgr0HeUXDGfadXuuOtRHwmPHPxIeH0dKOb9hB+OTLgEGALqXW3W2WXV1AAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

#unified-game-manager {
    left: 0px;
    right: 0px;
    bottom: -50px;
    color: rgb(255, 255, 255);
    font-family: Purista, sans-serif;
    font-size: 14px;
    position: fixed;
    z-index: 2001;
    min-width: 1024px;
}

    #unified-game-manager .ugm-title {
        text-transform: uppercase;
        padding-top: 10px;
        font-family: Purista, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
    }

    #unified-game-manager .ugm-loading.ugm-title {
        padding-top: 9px;
    }

        #unified-game-manager .ugm-loading.ugm-title span {
            margin-top: 5px;
            vertical-align: top;
            display: inline-block;
        }

    #unified-game-manager #ugm-playing-meta-data {
        min-height: 5px;
    }

    #unified-game-manager .ugm-meta-data {
        display: inline-block;
    }

    #unified-game-manager #ugm-launch-game {
        margin-top: 10px;
    }

    #unified-game-manager .ugm-loading {
        vertical-align: top;
        display: inline-block;
    }

        #unified-game-manager .ugm-loading .ugm-title {
            padding-top: 7px;
        }

    #unified-game-manager .loader {
        margin-top: 8px;
        margin-right: 5px;
        vertical-align: top;
        display: inline-block;
    }

    #unified-game-manager .unified-game-manager {
        transition: height 0.2s ease-in-out;
        height: 50px;
        overflow: hidden;
        position: relative;
        background-image: linear-gradient(rgba(47, 132, 177, 0.95) 0%, rgba(47, 132, 177, 0.98) 100%);
        -webkit-transition: height 0.2s ease-in-out;
        -moz-transition: height 0.2s ease-in-out;
    }

        #unified-game-manager .unified-game-manager .ugm-state {
            background-position: -90px 530px;
            background-size: 120% 150% !important;
        }

    #unified-game-manager #ugm-content {
        min-height: 50px;
    }

    #unified-game-manager #ugm-connected .btn-battlescreen {
        display: none;
    }

    #unified-game-manager #ugm-error {
        background-image: linear-gradient(rgba(213, 56, 41, 0.95) 0%, rgba(213, 56, 41, 0.98) 100%);
    }

        #unified-game-manager #ugm-error .ugm-message {
            overflow: hidden;
            padding-bottom: 5px;
            white-space: nowrap;
            position: relative;
            -ms-text-overflow: ellipsis;
        }

            #unified-game-manager #ugm-error .ugm-message a {
                color: rgb(255, 255, 255);
            }

        #unified-game-manager #ugm-error .ugm-title {
            padding: 6px 0px 2px 20px;
            position: relative;
        }

            #unified-game-manager #ugm-error .ugm-title .info-icon {
                background: url("../loadout/icon-info-s.png") no-repeat 0px 0px;
                left: 0px;
                top: 4px;
                width: 17px;
                height: 17px;
                display: inline-block;
                position: absolute;
                cursor: pointer;
                opacity: 0.7;
            }

                #unified-game-manager #ugm-error .ugm-title .info-icon:hover {
                    opacity: 1;
                }

    #unified-game-manager .unified-game-manager .grid-container {
        background-position: -90px 530px;
        background-size: 120% 150% !important;
    }

    #unified-game-manager .unified-game-manager .base-middle-content {
        background-position: -90px 530px;
        background-size: 120% 150% !important;
    }

    #unified-game-manager .ugm-premium {
        color: rgb(199, 169, 88);
    }

    #unified-game-manager .ugm-state .ugm-map-image {
        float: left;
    }

    #unified-game-manager .ugm-state .ugm-platform {
        text-transform: uppercase;
    }

    #unified-game-manager .ugm-state #ugm-playing-info {
        width: 100%;
        float: left;
    }

        #unified-game-manager .ugm-state #ugm-playing-info .ugm-playing-title {
            padding: 7px 0px 2px;
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

            #unified-game-manager .ugm-state #ugm-playing-info .ugm-playing-title span {
                text-transform: none;
            }

            #unified-game-manager .ugm-state #ugm-playing-info .ugm-playing-title .reg {
                line-height: 1px;
                font-size: 25px;
                vertical-align: middle;
            }

        #unified-game-manager .ugm-state #ugm-playing-info .single.ugm-playing-title {
            padding-top: 5px;
        }

    #unified-game-manager .ugm-state .ugm-playing-misc .ugm-server-name {
        text-transform: none;
    }

    #unified-game-manager .ugm-state .ugm-playing-misc a {
        color: rgb(204, 204, 204);
        overflow: hidden;
        float: left;
        display: block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        max-width: 396px;
    }

    #unified-game-manager .ugm-state .ugm-playing-misc .icon {
        margin-left: 10px;
        float: left;
        opacity: 0.75;
    }

        #unified-game-manager .ugm-state .ugm-playing-misc .icon + .icon {
            margin-left: 5px;
        }

    #unified-game-manager .ugm-state .ugm-title-center {
        padding-top: 15px;
    }

    #unified-game-manager .ugm-state .ugm-btn-group {
        float: right;
        position: relative;
    }

        #unified-game-manager .ugm-state .ugm-btn-group button {
            margin-top: 10px;
        }

        #unified-game-manager .ugm-state .ugm-btn-group .btn-tiny {
            margin-top: 10px;
        }

        #unified-game-manager .ugm-state .ugm-btn-group button + button {
            margin-left: 5px;
        }

        #unified-game-manager .ugm-state .ugm-btn-group .btn {
            border-radius: 0px;
            float: left;
        }

        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean {
            background: none;
            padding: 0px 20px;
            height: 50px;
            color: rgb(255, 255, 255);
            font-size: 13px;
            border-left-color: rgb(25, 68, 92);
            border-left-width: 1px;
            border-left-style: solid;
            position: relative;
        }

            #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i {
                background: url("../unifiedgamemanager/ugm-icons.png") no-repeat 0px 0px;
                margin: 2px auto 0px;
                width: 30px;
                height: 24px;
                display: block;
            }

@media not all, not all {
    #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i {
        background-image: url("../unifiedgamemanager/ugm-icons@2x.png");
        background-size: 120px 24px;
    }
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i.icon-loadout {
    background-position: 0px 0px;
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i.icon-server-browser {
    background-position: -32px -1px;
    width: 26px;
    height: 22px;
    margin-top: 3px;
    margin-bottom: 1px;
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i.icon-friend-invite {
    background-position: -90px 0px;
    width: 26px;
    height: 22px;
    margin-top: 3px;
    margin-bottom: 1px;
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i.icon-battle-screen {
    background-position: -60px 0px;
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean span {
    margin: 0px;
    line-height: normal;
    font-size: 12px;
    display: block;
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-battlescreen.btn-clean {
    padding: 0px 10px;
}

#unified-game-manager .ugm-state .ugm-btn-group a:not(.disabled).btn-clean:hover {
    background-color: rgba(78, 150, 189, 0.8);
}

#unified-game-manager .ugm-state .ugm-btn-group a:not(.disabled).btn-clean:active {
    background-color: rgba(78, 150, 189, 0.8);
}

#unified-game-manager .ugm-state .ugm-btn-group a.active.btn-clean {
    background-color: rgba(40, 112, 151, 0.8);
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean::before {
    top: 0px;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    content: "";
    background-image: linear-gradient(rgba(46, 133, 178, 0) 0%, rgba(46, 133, 178, 0.7) 80%, rgba(46, 133, 178, 0.8) 100%);
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean::after {
    top: 0px;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    content: "";
    background-image: linear-gradient(rgba(46, 133, 178, 0) 0%, rgba(46, 133, 178, 0.7) 80%, rgba(46, 133, 178, 0.8) 100%);
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean::before {
    left: -1px;
}

#unified-game-manager .ugm-state .ugm-btn-group a.btn-clean::after {
    right: -1px;
}

#unified-game-manager .ugm-state .ugm-btn-group a:last-of-type.btn-clean {
    border-right-color: rgb(25, 68, 92);
    border-right-width: 1px;
    border-right-style: solid;
}

#unified-game-manager .ugm-state .ugm-btn-group .btn-close {
    background: url("../unifiedgamemanager/close.png") no-repeat 0px 0px;
    margin: 15px 0px 0px 20px;
    border: currentColor;
    border-image: none;
    width: 15px;
    height: 15px;
    box-shadow: none;
}

#unified-game-manager .ugm-state .ugm-btn-group #ugm-launch-game {
    margin-right: 5px;
}

@media screen and (max-width:1261px) {
    #unified-game-manager :last-of-type.btn {
        padding-right: 10px;
    }

    #unified-game-manager #ugm-playing-meta-data {
        padding-left: 10px;
    }
}

#unified-game-manager .dropzone {
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    font-size: 17px;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-top-width: 1px;
    border-top-style: solid;
}

.dropzone-active#unified-game-manager .unified-game-manager {
    height: 95px;
}

    .dropzone-active#unified-game-manager .unified-game-manager .dropzone {
        transition: background-color 0.5s linear;
        animation: ugm-pulsate 3s ease-in-out infinite forwards;
        -webkit-transition: background-color 0.5s linear;
        -moz-transition: background-color 0.5s linear;
        -webkit-animation: ugm-pulsate 3s infinite forwards ease-in-out;
        -moz-animation: ugm-pulsate 3s infinite forwards ease-in-out;
        -o-animation: ugm-pulsate 3s infinite forwards ease-in-out;
    }

.dropzone-active#unified-game-manager .active.unified-game-manager .dropzone {
    animation: none;
    background-color: rgba(255, 255, 255, 0.25);
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

#base-bf3-body #unified-game-manager .ugm-btn-group button:not(.btn-close) {
    margin-top: 7px;
}

#base-bf3-body #unified-game-manager .ugm-btn-group :not(.btn-close).btn-tiny {
    margin-top: 7px;
}

#base-mohw-body #unified-game-manager .ugm-btn-group button:not(.btn-close) {
    margin-top: 7px;
}

#base-mohw-body #unified-game-manager .ugm-btn-group :not(.btn-close).btn-tiny {
    margin-top: 7px;
}

#base-bf3-body #unified-game-manager .ugm-state .ugm-playing-misc a {
    max-width: 490px;
}

#base-mohw-body #unified-game-manager .ugm-state .ugm-playing-misc a {
    max-width: 490px;
}

#joinflow-popup-container h2 {
    color: rgb(82, 82, 82);
    padding-bottom: 0px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 212px;
}

    #joinflow-popup-container h2 span {
        font-weight: bold;
    }

#joinflow-popup-close {
    margin: 10px;
    float: right;
    cursor: pointer;
}

#joinflow-getplugin p {
    margin: 6px 0px;
}

#joinflow-pluginpopup-info {
    padding-top: 10px;
    display: none;
}

#joinflow-loginpopup-form {
    width: 420px;
}

    #joinflow-loginpopup-form h2 {
        text-align: center;
        margin-bottom: 10px;
    }

    #joinflow-loginpopup-form .base-button-arrow-large {
        background: url("../base/bfbc2/buttons/base-button-arrow-large.png") no-repeat;
        padding: 0px;
        border: 0px currentColor;
        border-image: none;
        width: 195px;
        height: 36px;
        text-align: center;
        color: rgb(0, 0, 0);
        line-height: 34px;
        font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        cursor: pointer;
        text-shadow: 0px 1px #fcda87;
    }

        #joinflow-loginpopup-form .base-button-arrow-large:hover {
            background-position: 0px -36px;
        }

        #joinflow-loginpopup-form .base-button-arrow-large:active {
            background-position: 1px -71px;
            text-indent: 0px;
        }

    #joinflow-loginpopup-form [disabled].base-button-arrow-large:hover {
        background-position: 0px -107px;
        color: rgb(195, 195, 195);
        text-indent: 0px;
        cursor: default;
        text-shadow: none;
    }

    #joinflow-loginpopup-form [disabled].base-button-arrow-large:active {
        background-position: 0px -107px;
        color: rgb(195, 195, 195);
        text-indent: 0px;
        cursor: default;
        text-shadow: none;
    }

    #joinflow-loginpopup-form [disabled].base-button-arrow-large {
        background-position: 0px -107px;
        color: rgb(195, 195, 195);
        text-indent: 0px;
        cursor: default;
        text-shadow: none;
    }

    #joinflow-loginpopup-form .disabled.base-button-arrow-large:hover {
        background-position: 0px -107px;
        color: rgb(195, 195, 195);
        text-indent: 0px;
        cursor: default;
        text-shadow: none;
    }

    #joinflow-loginpopup-form .disabled.base-button-arrow-large:active {
        background-position: 0px -107px;
        color: rgb(195, 195, 195);
        text-indent: 0px;
        cursor: default;
        text-shadow: none;
    }

    #joinflow-loginpopup-form .disabled.base-button-arrow-large {
        background-position: 0px -107px;
        color: rgb(195, 195, 195);
        text-indent: 0px;
        cursor: default;
        text-shadow: none;
    }

    #joinflow-loginpopup-form .base-clear {
        clear: both;
    }

    #joinflow-loginpopup-form label {
        width: 115px;
        height: 35px;
        text-align: right;
        color: rgb(163, 163, 163);
        line-height: 35px;
        font-size: 12px;
        font-weight: bold;
        margin-top: 7px;
        margin-right: 10px;
        float: left;
        display: block;
    }

    #joinflow-loginpopup-form input[type=text] {
        padding: 5px;
        width: 250px;
        height: 22px;
        margin-top: 7px;
        float: left;
    }

    #joinflow-loginpopup-form input[type=email] {
        padding: 5px;
        width: 250px;
        height: 22px;
        margin-top: 7px;
        float: left;
    }

    #joinflow-loginpopup-form input[type=password] {
        padding: 5px;
        width: 250px;
        height: 22px;
        margin-top: 7px;
        float: left;
    }

    #joinflow-loginpopup-form input[type=submit] {
        margin: 12px 0px 0px 125px;
    }

    #joinflow-loginpopup-form .joinflow-buttons {
        padding: 0px 33px 0px 125px;
    }

        #joinflow-loginpopup-form .joinflow-buttons .joinflow-remember-wrapper {
            width: 260px;
            margin-bottom: 20px;
        }

            #joinflow-loginpopup-form .joinflow-buttons .joinflow-remember-wrapper input {
                margin: 10px 0px 0px;
                float: left;
            }

            #joinflow-loginpopup-form .joinflow-buttons .joinflow-remember-wrapper label {
                margin: 10px 0px 0px 4px;
                width: auto;
                height: auto;
                line-height: 18px;
            }

            #joinflow-loginpopup-form .joinflow-buttons .joinflow-remember-wrapper .btn {
                float: right;
            }

#joinflow-loading {
    width: 80px;
    height: 32px;
    text-align: center;
    color: rgb(163, 163, 163);
    font-size: 12px;
    margin-top: 37px;
    margin-bottom: 20px;
    margin-left: 163px;
}

    #joinflow-loading img {
        left: 36px;
        margin-bottom: 15px;
        position: relative;
    }

#joinflow-personapopup-selectbox {
    padding: 8px 5px;
    width: 270px;
    line-height: 35px;
    margin-top: 6px;
}

#joinflow-personapopup-selectbutton {
    clear: both;
    margin-top: 12px;
    margin-left: 54px;
}

.joinflow-personapopup-error {
    width: 100%;
    color: rgb(163, 163, 163);
    line-height: 1.25;
    font-size: 12px;
}

.joinflow-personapopup-error-semititle {
    width: 100%;
    text-align: center;
    color: rgb(53, 53, 53);
    line-height: 1.25;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
}

#joinflow-plugin-success {
    width: 100%;
    overflow: hidden;
}

#joinflow-plugin-missing {
    width: 100%;
    overflow: hidden;
}

#joinflow-plugin-success #joinflow-plugin-success-image {
    background: url("../joinflow/jigsaw.png") no-repeat center;
    margin: 0px 16px;
    width: 112px;
    height: 90px;
    float: left;
    position: relative;
}

#joinflow-plugin-missing #joinflow-plugin-missing-image {
    background: url("../joinflow/jigsaw.png") no-repeat center;
    margin: 0px 16px;
    width: 112px;
    height: 90px;
    float: left;
    position: relative;
}

#joinflow-warning-image {
    background: url("../base/shared/icon-warning-big.png") no-repeat center;
    margin: 0px 16px;
    width: 112px;
    height: 90px;
    float: left;
    position: relative;
}

#joinflow-plugin-success-mark {
    background: url("../joinflow/bfbc2/success.png");
    left: 65px;
    top: 72px;
    width: 54px;
    height: 54px;
    position: absolute;
}

#joinflow-plugin-success #joinflow-plugin-installed {
    width: 300px;
    overflow: hidden;
    margin-top: 5px;
    float: left;
    min-height: 130px;
}

#joinflow-plugin-missing #joinflow-getplugin {
    width: 300px;
    overflow: hidden;
    margin-top: 5px;
    float: left;
    min-height: 130px;
}

#joinflow-plugin-success .joinflow-punkbuster-content#joinflow-plugin-installed {
    width: auto;
}

#joinflow-plugin-missing .joinflow-punkbuster-content#joinflow-getplugin {
    width: auto;
}

.change-party-now.popup-party-invite#joinflow-plugin-missing #joinflow-getplugin {
    width: 528px;
}

.joinflow-punkbuster-content p {
    line-height: 18px;
}

#joinflow-getplugin a {
    font-size: 14px;
    font-weight: normal;
}

#joinflow-getplugin .base-button-arrow-large {
    margin-bottom: 20px;
}

.joinflow-button.common-button-large p {
    padding: 0px 20px;
    line-height: 37px;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

#joinflow-plugin-success #joinflow-plugin-installed h2 {
    width: 100%;
    line-height: 1.25;
    margin-bottom: 20px;
    margin-left: 0px;
}

#joinflow-plugin-missing #joinflow-getplugin h2 {
    width: 100%;
    line-height: 1.25;
    margin-bottom: 20px;
    margin-left: 0px;
}

#joinflow-game-success {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#joinflow-game-missing {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#joinflow-game-image {
    margin: 30px 0px 0px 42px;
    width: 117px;
    height: 75px;
    float: left;
    position: relative;
}

.joinflow-game-image-bg-1 {
    background: url("../joinflow/bfbc2/bfbc2-box.jpg");
}

.joinflow-game-image-bg-1-256 {
    background: url("../joinflow/bfbc2/bfbc2-box-vietnam.jpg");
}

#joinflow-game-success-mark {
    background: url("../joinflow/bfbc2/success.png");
    left: 75px;
    top: 2px;
    width: 54px;
    height: 54px;
    position: absolute;
}

#joinflow-game-success #joinflow-game-image {
    height: 75px;
}

#joinflow-getexe-success {
    width: 220px;
    overflow: hidden;
    margin-left: 20px;
    float: left;
}

#joinflow-getexe {
    width: 220px;
    overflow: hidden;
    margin-left: 20px;
    float: left;
}

#joinflow-getexe-success h2 {
    width: 100%;
    line-height: 1.25;
    margin-bottom: 10px;
    margin-left: 0px;
}

#joinflow-getexe h2 {
    width: 100%;
    line-height: 1.25;
    margin-bottom: 10px;
    margin-left: 0px;
}

#joinflow-passwordprompt {
    margin: 10px auto auto;
    width: 340px;
    text-align: center;
}

#joinflow-passwordprompt-serverpassword {
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    padding: 10px;
    width: 220px;
    height: 13px;
    color: rgb(54, 54, 54);
    line-height: 13px;
    font-size: 11px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#comcenter-gamecontrol {
    width: 237px;
    right: 0px;
    bottom: 0px;
    position: fixed;
}

.joinflow-extraclass-pluginpopup {
    width: 480px;
    height: 230px;
}

.joinflow-popup-greybottom-text {
    padding-right: 10px;
}

#joinflow-buy {
    width: 200px;
    margin-top: 31px;
    margin-left: 14px;
    float: left;
}

#joinflow-patchingneeded {
    text-align: center;
}

    #joinflow-patchingneeded img {
        margin: 10px 0px;
    }

.joinflow-getplugin-nofat {
    font-size: 12px;
    font-weight: normal;
}

#joinflow-tabletpopup-closebutton {
    margin-right: 10px;
}

#popup-gameexpansionrequired-buy-form-submit {
    margin: 20px 140px;
    font-family: BebasNeueRegular, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
}

#popup-gameexpansionrequired-continue-form-submit {
    float: right;
}

.popup-gameexpansionrequired-height {
    background: url("../popup/karkand-tmp-popup-bkg.jpg") no-repeat 10px 0px;
    min-height: 227px;
}

#joinflow-unsupported {
    padding: 12px 0px 0px 120px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    position: relative;
    min-height: 90px;
}

    #joinflow-unsupported #joinflow-warning-image {
        background: url("../base/shared/icon-warning-big.png") no-repeat center;
        margin: 0px;
        left: 0px;
        top: 0px;
        position: absolute;
    }

    #joinflow-unsupported ul {
        margin: 16px 0px;
    }

    #joinflow-unsupported li {
        background: url("../base/shared/fail.gif") no-repeat left;
        margin: 6px 0px;
        padding-left: 16px;
    }

        #joinflow-unsupported li.checked {
            background: url("../base/shared/check.png") no-repeat left;
        }

#joinflow-buygame {
    background-position: left top;
    width: 446px;
    margin-top: 16px;
    min-height: 226px;
    background-repeat: no-repeat;
}

    #joinflow-buygame ul {
        margin: 0px 16px;
        color: rgb(255, 255, 255);
        line-height: 20px;
        padding-top: 130px;
        padding-bottom: 16px;
        padding-left: 16px;
        font-family: Arial;
        font-size: 12px;
    }

.mohw#joinflow-buygame {
    background-image: url("../joinflow/mohw/buygame.jpg");
    background-color: rgb(0, 0, 0);
}

.bf3#joinflow-buygame {
    background-image: url("../joinflow/bf3/buygame.jpg");
    background-color: rgb(0, 0, 0);
}

#joinflow-popup-container {
    background: url("../joinflow/bfbc2/joinflow-popup-background.png");
}

.popup-container .popup-close {
    background: url("../base/bfbc2/buttons/base-button-closex-large.png") no-repeat;
}

#gamecontrol-game-launcher #gamecontrol-header-container .gamecontrol-close {
    background: url("../base/bfbc2/buttons/base-button-closex-large.png") no-repeat;
}

.popup-header-container {
    background: url("../gamecontrol/bfbc2/gamecontrol-launcher-header.png") no-repeat;
}

#gamecontrol-game-launcher #gamecontrol-header-container {
    background: url("../gamecontrol/bfbc2/gamecontrol-launcher-header.png") no-repeat;
}

#joinflow-popup-container h2 {
    color: rgb(82, 82, 82);
}

#joinflow-plugin-success #joinflow-plugin-success-image {
    background: url("../joinflow/bfbc2/plugin-missing-light.png") no-repeat;
    width: 112px;
    height: 112px;
}

#joinflow-plugin-missing #joinflow-plugin-missing-image {
    background: url("../joinflow/bfbc2/plugin-missing-light.png") no-repeat;
    width: 112px;
    height: 112px;
}

#joinflow-plugin-blocked h2 {
    text-align: center;
}

#joinflow-plugin-blocked p {
    text-align: center;
    padding-right: 70px;
    padding-left: 70px;
    margin-bottom: 40px;
}

#joinflow-plugin-blocked img {
    margin: 0px auto 40px;
    display: block;
}

.vehicle_unlock {
    display: inline-block;
}

.small.vehicle_unlock {
    width: 90px;
    height: 54px;
    background-image: url("../profile/warsaw/gamedata/vehicle_unlock/small.png");
    background-size: 720px 432px;
}

@media not all, not all {
    .small.vehicle_unlock {
        background-image: url("../profile/warsaw/gamedata/vehicle_unlock/small@2x.png");
    }
}

.A10_fancy.small.vehicle_unlock {
    background-position: 0px 0px;
}

.AAMine_fancy.small.vehicle_unlock {
    background-position: -90px 0px;
}

.AAV_fancy.small.vehicle_unlock {
    background-position: -180px 0px;
}

.AC130_fancy.small.vehicle_unlock {
    background-position: -270px 0px;
}

.ACV_fancy.small.vehicle_unlock {
    background-position: -360px 0px;
}

.AH1Z_fancy.small.vehicle_unlock {
    background-position: -450px 0px;
}

.AH6_fancy.small.vehicle_unlock {
    background-position: -540px 0px;
}

.BTR90_fancy.small.vehicle_unlock {
    background-position: -630px 0px;
}

.CENTURION_fancy.small.vehicle_unlock {
    background-position: 0px -54px;
}

.DIRTBIKE_fancy.small.vehicle_unlock {
    background-position: -90px -54px;
}

.DPV_fancy.small.vehicle_unlock {
    background-position: -180px -54px;
}

.DV15_fancy.small.vehicle_unlock {
    background-position: -270px -54px;
}

.EODbot_fancy.small.vehicle_unlock {
    background-position: -360px -54px;
}

.F35_fancy.small.vehicle_unlock {
    background-position: -450px -54px;
}

.GROWLER_fancy.small.vehicle_unlock {
    background-position: -540px -54px;
}

.GUNSHIELD_fancy.small.vehicle_unlock {
    background-position: -630px -54px;
}

.H6K_fancy.small.vehicle_unlock {
    background-position: 0px -108px;
}

.HIMARS_fancy.small.vehicle_unlock {
    background-position: -90px -108px;
}

.HJ8_fancy.small.vehicle_unlock {
    background-position: -180px -108px;
}

.HT95_fancy.small.vehicle_unlock {
    background-position: -270px -108px;
}

.J20_fancy.small.vehicle_unlock {
    background-position: -360px -108px;
}

.KA60_fancy.small.vehicle_unlock {
    background-position: -450px -108px;
}

.KORNET_fancy.small.vehicle_unlock {
    background-position: -540px -108px;
}

.LAV-25_fancy.small.vehicle_unlock {
    background-position: -630px -108px;
}

.LAV-AD_fancy.small.vehicle_unlock {
    background-position: 0px -162px;
}

.LD-2000_fancy.small.vehicle_unlock {
    background-position: -90px -162px;
}

.LYT2021_fancy.small.vehicle_unlock {
    background-position: -180px -162px;
}

.M1A2_fancy.small.vehicle_unlock {
    background-position: -270px -162px;
}

.M224_mortar_fancy.small.vehicle_unlock {
    background-position: -360px -162px;
}

.MAV_fancy.small.vehicle_unlock {
    background-position: -450px -162px;
}

.MI28_fancy.small.vehicle_unlock {
    background-position: -540px -162px;
}

.MRAP-Cougar_fancy.small.vehicle_unlock {
    background-position: -630px -162px;
}

.Oldcannon_fancy.small.vehicle_unlock {
    background-position: 0px -216px;
}

.PANTSIR_fancy.small.vehicle_unlock {
    background-position: -90px -216px;
}

.PWC-JetSki_fancy.small.vehicle_unlock {
    background-position: -180px -216px;
}

.Pod_fancy.small.vehicle_unlock {
    background-position: -270px -216px;
}

.Q5_fancy.small.vehicle_unlock {
    background-position: -360px -216px;
}

.QUADBIKE_fancy.small.vehicle_unlock {
    background-position: -450px -216px;
}

.RAWR_fancy.small.vehicle_unlock {
    background-position: -540px -216px;
}

.RCB90_fancy.small.vehicle_unlock {
    background-position: -630px -216px;
}

.RHIB_fancy.small.vehicle_unlock {
    background-position: 0px -270px;
}

.SC42_fancy.small.vehicle_unlock {
    background-position: -90px -270px;
}

.SKIDLOADER_fancy.small.vehicle_unlock {
    background-position: -180px -270px;
}

.SPM3_fancy.small.vehicle_unlock {
    background-position: -270px -270px;
}

.SU25_fancy.small.vehicle_unlock {
    background-position: -360px -270px;
}

.SU50-T50PAK_fancy.small.vehicle_unlock {
    background-position: -450px -270px;
}

.SUAV_fancy.small.vehicle_unlock {
    background-position: -540px -270px;
}

.Snowmobile_fancy.small.vehicle_unlock {
    background-position: -630px -270px;
}

.T90_fancy.small.vehicle_unlock {
    background-position: 0px -324px;
}

.TOW_fancy.small.vehicle_unlock {
    background-position: -90px -324px;
}

.TUNGUSKA_fancy.small.vehicle_unlock {
    background-position: -180px -324px;
}

.Type95AA_fancy.small.vehicle_unlock {
    background-position: -270px -324px;
}

.Type99MBT_fancy.small.vehicle_unlock {
    background-position: -360px -324px;
}

.UCAV_fancy.small.vehicle_unlock {
    background-position: -450px -324px;
}

.VDV_fancy.small.vehicle_unlock {
    background-position: -540px -324px;
}

.VENOM_fancy.small.vehicle_unlock {
    background-position: -630px -324px;
}

.XD1_fancy.small.vehicle_unlock {
    background-position: 0px -378px;
}

.Z10W_fancy.small.vehicle_unlock {
    background-position: -90px -378px;
}

.Z11_fancy.small.vehicle_unlock {
    background-position: -180px -378px;
}

.Z9-HAITUN_fancy.small.vehicle_unlock {
    background-position: -270px -378px;
}

.ZBD09_fancy.small.vehicle_unlock {
    background-position: -360px -378px;
}

.ZFB05_fancy.small.vehicle_unlock {
    background-position: -450px -378px;
}

.weapon_unlock {
    display: inline-block;
}

.small.weapon_unlock {
    width: 90px;
    height: 54px;
    background-image: url("../profile/warsaw/gamedata/weapon_unlock/small.png");
    background-size: 1170px 702px;
}

@media not all, not all {
    .small.weapon_unlock {
        background-image: url("../profile/warsaw/gamedata/weapon_unlock/small@2x.png");
    }
}

.AAMine_fancy.small.weapon_unlock {
    background-position: 0px 0px;
}

.ACWR_fancy.small.weapon_unlock {
    background-position: -90px 0px;
}

.AK12_fancy.small.weapon_unlock {
    background-position: -180px 0px;
}

.AK5C_fancy.small.weapon_unlock {
    background-position: -270px 0;
}

.AKU12_fancy.small.weapon_unlock {
    background-position: -360px 0;
}

.AMR_CQB_fancy.small.weapon_unlock {
    background-position: -450px 0;
}

.AMR_FAR_fancy.small.weapon_unlock {
    background-position: -540px 0;
}

.AMR_MED_fancy.small.weapon_unlock {
    background-position: -630px 0;
}

.AN94_fancy.small.weapon_unlock {
    background-position: -720px 0;
}

.AR160_fancy.small.weapon_unlock {
    background-position: -810px 0;
}

.ASVal_fancy.small.weapon_unlock {
    background-position: -900px 0;
}

.AT_mine_fancy.small.weapon_unlock {
    background-position: -990px 0px;
}

.AWS_fancy.small.weapon_unlock {
    background-position: -1080px 0px;
}

.Bulldog_fancy.small.weapon_unlock {
    background-position: 0px -54px;
}

.C100_fancy.small.weapon_unlock {
    background-position: -90px -54px;
}

.C4_fancy.small.weapon_unlock {
    background-position: -180px -54px;
}

.CBJMS_fancy.small.weapon_unlock {
    background-position: -270px -54px;
}

.CS5_fancy.small.weapon_unlock {
    background-position: -360px -54px;
}

.CSLR4_fancy.small.weapon_unlock {
    background-position: -450px -54px;
}

.CZ75_fancy.small.weapon_unlock {
    background-position: -540px -54px;
}

.CZ805_fancy.small.weapon_unlock {
    background-position: -630px -54px;
}

.Claymore_fancy.small.weapon_unlock {
    background-position: -720px -54px;
}

.DAO12_fancy.small.weapon_unlock {
    background-position: -810px -54px;
}

.DBV12_fancy.small.weapon_unlock {
    background-position: -900px -54px;
}

.Defib_fancy.small.weapon_unlock {
    background-position: -990px -54px;
}

.DesertEagle_fancy.small.weapon_unlock {
    background-position: -1080px -54px;
}

.EODbot_fancy.small.weapon_unlock {
    background-position: 0 -108px;
}

.F2000_fancy.small.weapon_unlock {
    background-position: -90px -108px;
}

.FAMAS_fancy.small.weapon_unlock {
    background-position: -180px -108px;
}

.FGM148_javelin_fancy.small.weapon_unlock {
    background-position: -270px -108px;
}

.FGM172_sraw_fancy.small.weapon_unlock {
    background-position: -360px -108px;
}

.FIM92_stinger_fancy.small.weapon_unlock {
    background-position: -450px -108px;
}

.FN57_fancy.small.weapon_unlock {
    background-position: -540px -108px;
}

.FYJS_fancy.small.weapon_unlock {
    background-position: -630px -108px;
}

.GOL_fancy.small.weapon_unlock {
    background-position: -720px -108px;
}

.Galil_ACE21CQB_fancy.small.weapon_unlock {
    background-position: -810px -108px;
}

.Galil_ACE23_fancy.small.weapon_unlock {
    background-position: -900px -108px;
}

.Galil_ACE52CQB_fancy.small.weapon_unlock {
    background-position: -990px -108px;
}

.Galil_ACE53SV_fancy.small.weapon_unlock {
    background-position: -1080px -108px;
}

.Groza1_fancy.small.weapon_unlock {
    background-position: 0px -162px;
}

.Groza4_fancy.small.weapon_unlock {
    background-position: -90px -162px;
}

.HAWK12g_fancy.small.weapon_unlock {
    background-position: -180px -162px;
}

.HK45C_fancy.small.weapon_unlock {
    background-position: -270px -162px;
}

.HVM_starstreak_fancy.small.weapon_unlock {
    background-position: -360px -162px;
}

.Handflare_fancy.small.weapon_unlock {
    background-position: -450px -162px;
}

.JNG90_fancy.small.weapon_unlock {
    background-position: -540px -162px;
}

.JS2_fancy.small.weapon_unlock {
    background-position: -630px -162px;
}

.Knife_Tanto_fancy.small.weapon_unlock {
    background-position: -720px -162px;
}

.Knife_Weaver_fancy.small.weapon_unlock {
    background-position: -810px -162px;
}

.L85A2_fancy.small.weapon_unlock {
    background-position: -900px -162px;
}

.L86A1_fancy.small.weapon_unlock {
    background-position: -990px -162px;
}

.L96A1_fancy.small.weapon_unlock {
    background-position: -1080px -162px;
}

.LSAT_fancy.small.weapon_unlock {
    background-position: 0px -216px;
}

.M136_fancy.small.weapon_unlock {
    background-position: -90px -216px;
}

.M18_smoke_fancy.small.weapon_unlock {
    background-position: -180px -216px;
}

.M200_SRR61_fancy.small.weapon_unlock {
    background-position: -270px -216px;
}

.M224_mortar_fancy.small.weapon_unlock {
    background-position: -360px -216px;
}

.M249_fancy.small.weapon_unlock {
    background-position: -450px -216px;
}

.M26Mass_fancy.small.weapon_unlock {
    background-position: -540px -216px;
}

.M2_SLAM_fancy.small.weapon_unlock {
    background-position: -630px -216px;
}

.M320_fancy.small.weapon_unlock {
    background-position: -720px -216px;
}

.M34_incendiary_fancy.small.weapon_unlock {
    background-position: -810px -216px;
}

.M60E4_fancy.small.weapon_unlock {
    background-position: -900px -216px;
}

.M67_grenade_fancy.small.weapon_unlock {
    background-position: -990px -216px;
}

.M82A3_CQB_fancy.small.weapon_unlock {
    background-position: -1080px -216px;
}

.M82A3_FAR_fancy.small.weapon_unlock {
    background-position: 0px -270px;
}

.M82A3_MED_fancy.small.weapon_unlock {
    background-position: -90px -270px;
}

.M84_flashbang_fancy.small.weapon_unlock {
    background-position: -180px -270px;
}

.M9_fancy.small.weapon_unlock {
    background-position: -270px -270px;
}

.MBT_law_fancy.small.weapon_unlock {
    background-position: -360px -270px;
}

.MG4_fancy.small.weapon_unlock {
    background-position: -450px -270px;
}

.MGL_fancy.small.weapon_unlock {
    background-position: -540px -270px;
}

.MK153_smaw_fancy.small.weapon_unlock {
    background-position: -630px -270px;
}

.MP412REX_fancy.small.weapon_unlock {
    background-position: -720px -270px;
}

.MPX_fancy.small.weapon_unlock {
    background-position: -810px -270px;
}

.MTAR21_fancy.small.weapon_unlock {
    background-position: -900px -270px;
}

.MX4_fancy.small.weapon_unlock {
    background-position: -990px -270px;
}

.Machete_fancy.small.weapon_unlock {
    background-position: -1080px -270px;
}

.P226_fancy.small.weapon_unlock {
    background-position: 0px -324px;
}

.P90_fancy.small.weapon_unlock {
    background-position: -90px -324px;
}

.QBB95_fancy.small.weapon_unlock {
    background-position: -180px -324px;
}

.QBS09_fancy.small.weapon_unlock {
    background-position: -270px -324px;
}

.QBU88_fancy.small.weapon_unlock {
    background-position: -360px -324px;
}

.QBZ951_fancy.small.weapon_unlock {
    background-position: -450px -324px;
}

.QSZ-92_fancy.small.weapon_unlock {
    background-position: -540px -324px;
}

.RFB_fancy.small.weapon_unlock {
    background-position: -630px -324px;
}

.RGO_impact_fancy.small.weapon_unlock {
    background-position: -720px -324px;
}

.RPG7_fancy.small.weapon_unlock {
    background-position: -810px -324px;
}

.RPK12_fancy.small.weapon_unlock {
    background-position: -900px -324px;
}

.RPK74_fancy.small.weapon_unlock {
    background-position: -990px -324px;
}

.Railgun_fancy.small.weapon_unlock {
    background-position: -1080px -324px;
}

.RepairTool_fancy.small.weapon_unlock {
    background-position: 0px -378px;
}

.SA18_IGLA_fancy.small.weapon_unlock {
    background-position: -90px -378px;
}

.SAR21_fancy.small.weapon_unlock {
    background-position: -180px -378px;
}

.SHORTY12g_fancy.small.weapon_unlock {
    background-position: -270px -378px;
}

.SH_fancy.small.weapon_unlock {
    background-position: -360px -378px;
}

.SPAS12_fancy.small.weapon_unlock {
    background-position: -450px -378px;
}

.SR2_fancy.small.weapon_unlock {
    background-position: -540px -378px;
}

.SR338_fancy.small.weapon_unlock {
    background-position: -630px -378px;
}

.SRS_338RECON_fancy.small.weapon_unlock {
    background-position: -720px -378px;
}

.SV98_fancy.small.weapon_unlock {
    background-position: -810px -378px;
}

.SVD12_fancy.small.weapon_unlock {
    background-position: -900px -378px;
}

.SW40_fancy.small.weapon_unlock {
    background-position: -990px -378px;
}

.Saddlegun_fancy.small.weapon_unlock {
    background-position: -1080px -378px;
}

.Scorpion_fancy.small.weapon_unlock {
    background-position: 0px -432px;
}

.ScoutElite_fancy.small.weapon_unlock {
    background-position: -90px -432px;
}

.Shank_fancy.small.weapon_unlock {
    background-position: -180px -432px;
}

.Shield_fancy.small.weapon_unlock {
    background-position: -270px -432px;
}

.SteyrAUG_fancy.small.weapon_unlock {
    background-position: -360px -432px;
}

.Type95B1_fancy.small.weapon_unlock {
    background-position: -450px -432px;
}

.UACV_fancy.small.weapon_unlock {
    background-position: -540px -432px;
}

.UTAS_fancy.small.weapon_unlock {
    background-position: -630px -432px;
}

.Ultimax_fancy.small.weapon_unlock {
    background-position: -720px -432px;
}

.Unica6_fancy.small.weapon_unlock {
    background-position: -810px -432px;
}

.V40_mini_fancy.small.weapon_unlock {
    background-position: -900px -432px;
}

.XM25_fancy.small.weapon_unlock {
    background-position: -990px -432px;
}

.a91_fancy.small.weapon_unlock {
    background-position: -1080px -432px;
}

.aek971_fancy.small.weapon_unlock {
    background-position: 0px -486px;
}

.g36c_fancy.small.weapon_unlock {
    background-position: -90px -486px;
}

.glock18_fancy.small.weapon_unlock {
    background-position: -180px -486px;
}

.knife_2142_fancy.small.weapon_unlock {
    background-position: -270px -486px;
}

.knife_bootknife_fancy.small.weapon_unlock {
    background-position: -360px -486px;
}

.knife_bowie_fancy.small.weapon_unlock {
    background-position: -450px -486px;
}

.knife_carbon_fancy.small.weapon_unlock {
    background-position: -540px -486px;
}

.knife_combat_ACB90_fancy.small.weapon_unlock {
    background-position: -630px -486px;
}

.knife_diver_fancy.small.weapon_unlock {
    background-position: -720px -486px;
}

.knife_fancy.small.weapon_unlock {
    background-position: -810px -486px;
}

.knife_improvised_fancy.small.weapon_unlock {
    background-position: -900px -486px;
}

.knife_neck_fancy.small.weapon_unlock {
    background-position: -990px -486px;
}

.knife_precision_fancy.small.weapon_unlock {
    background-position: -1080px -486px;
}

.knife_scout_fancy.small.weapon_unlock {
    background-position: 0px -540px;
}

.knife_sealknife_fancy.small.weapon_unlock {
    background-position: -90px -540px;
}

.knife_survival_fancy.small.weapon_unlock {
    background-position: -180px -540px;
}

.knife_tactical2_fancy.small.weapon_unlock {
    background-position: -270px -540px;
}

.knife_trench_fancy.small.weapon_unlock {
    background-position: -360px -540px;
}

.m1014_fancy.small.weapon_unlock {
    background-position: -450px -540px;
}

.m16a4_fancy.small.weapon_unlock {
    background-position: -540px -540px;
}

.m1911_fancy.small.weapon_unlock {
    background-position: -630px -540px;
}

.m240_fancy.small.weapon_unlock {
    background-position: -720px -540px;
}

.m39_fancy.small.weapon_unlock {
    background-position: -810px -540px;
}

.m40a5_fancy.small.weapon_unlock {
    background-position: -900px -540px;
}

.m416_fancy.small.weapon_unlock {
    background-position: -990px -540px;
}

.m4a1_fancy.small.weapon_unlock {
    background-position: -1080px -540px;
}

.m93r_fancy.small.weapon_unlock {
    background-position: 0px -594px;
}

.m98b_fancy.small.weapon_unlock {
    background-position: -90px -594px;
}

.magpulPDR_fancy.small.weapon_unlock {
    background-position: -180px -594px;
}

.mk11_fancy.small.weapon_unlock {
    background-position: -270px -594px;
}

.mp443_grach_fancy.small.weapon_unlock {
    background-position: -360px -594px;
}

.mp7_fancy.small.weapon_unlock {
    background-position: -450px -594px;
}

.pecheneg_fancy.small.weapon_unlock {
    background-position: -540px -594px;
}

.pp2000_fancy.small.weapon_unlock {
    background-position: -630px -594px;
}

.remington870_fancy.small.weapon_unlock {
    background-position: -720px -594px;
}

.saiga12_fancy.small.weapon_unlock {
    background-position: -810px -594px;
}

.scarHSV_fancy.small.weapon_unlock {
    background-position: -900px -594px;
}

.scarh_fancy.small.weapon_unlock {
    background-position: -990px -594px;
}

.sg553lb_fancy.small.weapon_unlock {
    background-position: -1080px -594px;
}

.sks_fancy.small.weapon_unlock {
    background-position: 0px -648px;
}

.taurus44_fancy.small.weapon_unlock {
    background-position: -90px -648px;
}

.type88_fancy.small.weapon_unlock {
    background-position: -180px -648px;
}

.ump9_fancy.small.weapon_unlock {
    background-position: -270px -648px;
}

.ump_fancy.small.weapon_unlock {
    background-position: -360px -648px;
}

.usas12_BP_fancy.small.weapon_unlock {
    background-position: -450px -648px;
}

.usas12_NV_fancy.small.weapon_unlock {
    background-position: -540px -648px;
}

.rank {
    display: inline-block;
}

.tiny.rank {
    width: 29px;
    height: 29px;
    background-image: url("../profile/warsaw/gamedata/rank/tiny.png");
    background-size: 348px 348px;
}

@media not all, not all {
    .tiny.rank {
        background-image: url("../profile/warsaw/gamedata/rank/tiny@2x.png");
    }
}

.r0.tiny.rank {
    background-position: 0px 0px;
}

.r1.tiny.rank {
    background-position: -29px 0px;
}

.r10.tiny.rank {
    background-position: -58px 0px;
}

.r100.tiny.rank {
    background-position: -87px 0px;
}

.r101.tiny.rank {
    background-position: -116px 0px;
}

.r102.tiny.rank {
    background-position: -145px 0px;
}

.r103.tiny.rank {
    background-position: -174px 0px;
}

.r104.tiny.rank {
    background-position: -203px 0px;
}

.r105.tiny.rank {
    background-position: -232px 0px;
}

.r106.tiny.rank {
    background-position: -261px 0px;
}

.r107.tiny.rank {
    background-position: -290px 0px;
}

.r108.tiny.rank {
    background-position: -319px 0px;
}

.r109.tiny.rank {
    background-position: 0px -29px;
}

.r11.tiny.rank {
    background-position: -29px -29px;
}

.r110.tiny.rank {
    background-position: -58px -29px;
}

.r111.tiny.rank {
    background-position: -87px -29px;
}

.r112.tiny.rank {
    background-position: -116px -29px;
}

.r113.tiny.rank {
    background-position: -145px -29px;
}

.r114.tiny.rank {
    background-position: -174px -29px;
}

.r115.tiny.rank {
    background-position: -203px -29px;
}

.r116.tiny.rank {
    background-position: -232px -29px;
}

.r117.tiny.rank {
    background-position: -261px -29px;
}

.r118.tiny.rank {
    background-position: -290px -29px;
}

.r119.tiny.rank {
    background-position: -319px -29px;
}

.r12.tiny.rank {
    background-position: 0px -58px;
}

.r120.tiny.rank {
    background-position: -29px -58px;
}

.r121.tiny.rank {
    background-position: -58px -58px;
}

.r122.tiny.rank {
    background-position: -87px -58px;
}

.r123.tiny.rank {
    background-position: -116px -58px;
}

.r124.tiny.rank {
    background-position: -145px -58px;
}

.r125.tiny.rank {
    background-position: -174px -58px;
}

.r126.tiny.rank {
    background-position: -203px -58px;
}

.r127.tiny.rank {
    background-position: -232px -58px;
}

.r128.tiny.rank {
    background-position: -261px -58px;
}

.r129.tiny.rank {
    background-position: -290px -58px;
}

.r13.tiny.rank {
    background-position: -319px -58px;
}

.r130.tiny.rank {
    background-position: 0px -87px;
}

.r131.tiny.rank {
    background-position: -29px -87px;
}

.r132.tiny.rank {
    background-position: -58px -87px;
}

.r133.tiny.rank {
    background-position: -87px -87px;
}

.r134.tiny.rank {
    background-position: -116px -87px;
}

.r135.tiny.rank {
    background-position: -145px -87px;
}

.r136.tiny.rank {
    background-position: -174px -87px;
}

.r137.tiny.rank {
    background-position: -203px -87px;
}

.r138.tiny.rank {
    background-position: -232px -87px;
}

.r139.tiny.rank {
    background-position: -261px -87px;
}

.r14.tiny.rank {
    background-position: -290px -87px;
}

.r140.tiny.rank {
    background-position: -319px -87px;
}

.r15.tiny.rank {
    background-position: 0px -116px;
}

.r16.tiny.rank {
    background-position: -29px -116px;
}

.r17.tiny.rank {
    background-position: -58px -116px;
}

.r18.tiny.rank {
    background-position: -87px -116px;
}

.r19.tiny.rank {
    background-position: -116px -116px;
}

.r2.tiny.rank {
    background-position: -145px -116px;
}

.r20.tiny.rank {
    background-position: -174px -116px;
}

.r21.tiny.rank {
    background-position: -203px -116px;
}

.r22.tiny.rank {
    background-position: -232px -116px;
}

.r23.tiny.rank {
    background-position: -261px -116px;
}

.r24.tiny.rank {
    background-position: -290px -116px;
}

.r25.tiny.rank {
    background-position: -319px -116px;
}

.r26.tiny.rank {
    background-position: 0px -145px;
}

.r27.tiny.rank {
    background-position: -29px -145px;
}

.r28.tiny.rank {
    background-position: -58px -145px;
}

.r29.tiny.rank {
    background-position: -87px -145px;
}

.r3.tiny.rank {
    background-position: -116px -145px;
}

.r30.tiny.rank {
    background-position: -145px -145px;
}

.r31.tiny.rank {
    background-position: -174px -145px;
}

.r32.tiny.rank {
    background-position: -203px -145px;
}

.r33.tiny.rank {
    background-position: -232px -145px;
}

.r34.tiny.rank {
    background-position: -261px -145px;
}

.r35.tiny.rank {
    background-position: -290px -145px;
}

.r36.tiny.rank {
    background-position: -319px -145px;
}

.r37.tiny.rank {
    background-position: 0px -174px;
}

.r38.tiny.rank {
    background-position: -29px -174px;
}

.r39.tiny.rank {
    background-position: -58px -174px;
}

.r4.tiny.rank {
    background-position: -87px -174px;
}

.r40.tiny.rank {
    background-position: -116px -174px;
}

.r41.tiny.rank {
    background-position: -145px -174px;
}

.r42.tiny.rank {
    background-position: -174px -174px;
}

.r43.tiny.rank {
    background-position: -203px -174px;
}

.r44.tiny.rank {
    background-position: -232px -174px;
}

.r45.tiny.rank {
    background-position: -261px -174px;
}

.r46.tiny.rank {
    background-position: -290px -174px;
}

.r47.tiny.rank {
    background-position: -319px -174px;
}

.r48.tiny.rank {
    background-position: 0px -203px;
}

.r49.tiny.rank {
    background-position: -29px -203px;
}

.r5.tiny.rank {
    background-position: -58px -203px;
}

.r50.tiny.rank {
    background-position: -87px -203px;
}

.r51.tiny.rank {
    background-position: -116px -203px;
}

.r52.tiny.rank {
    background-position: -145px -203px;
}

.r53.tiny.rank {
    background-position: -174px -203px;
}

.r54.tiny.rank {
    background-position: -203px -203px;
}

.r55.tiny.rank {
    background-position: -232px -203px;
}

.r56.tiny.rank {
    background-position: -261px -203px;
}

.r57.tiny.rank {
    background-position: -290px -203px;
}

.r58.tiny.rank {
    background-position: -319px -203px;
}

.r59.tiny.rank {
    background-position: 0px -232px;
}

.r6.tiny.rank {
    background-position: -29px -232px;
}

.r60.tiny.rank {
    background-position: -58px -232px;
}

.r61.tiny.rank {
    background-position: -87px -232px;
}

.r62.tiny.rank {
    background-position: -116px -232px;
}

.r63.tiny.rank {
    background-position: -145px -232px;
}

.r64.tiny.rank {
    background-position: -174px -232px;
}

.r65.tiny.rank {
    background-position: -203px -232px;
}

.r66.tiny.rank {
    background-position: -232px -232px;
}

.r67.tiny.rank {
    background-position: -261px -232px;
}

.r68.tiny.rank {
    background-position: -290px -232px;
}

.r69.tiny.rank {
    background-position: -319px -232px;
}

.r7.tiny.rank {
    background-position: 0px -261px;
}

.r70.tiny.rank {
    background-position: -29px -261px;
}

.r71.tiny.rank {
    background-position: -58px -261px;
}

.r72.tiny.rank {
    background-position: -87px -261px;
}

.r73.tiny.rank {
    background-position: -116px -261px;
}

.r74.tiny.rank {
    background-position: -145px -261px;
}

.r75.tiny.rank {
    background-position: -174px -261px;
}

.r76.tiny.rank {
    background-position: -203px -261px;
}

.r77.tiny.rank {
    background-position: -232px -261px;
}

.r78.tiny.rank {
    background-position: -261px -261px;
}

.r79.tiny.rank {
    background-position: -290px -261px;
}

.r8.tiny.rank {
    background-position: -319px -261px;
}

.r80.tiny.rank {
    background-position: 0px -290px;
}

.r81.tiny.rank {
    background-position: -29px -290px;
}

.r82.tiny.rank {
    background-position: -58px -290px;
}

.r83.tiny.rank {
    background-position: -87px -290px;
}

.r84.tiny.rank {
    background-position: -116px -290px;
}

.r85.tiny.rank {
    background-position: -145px -290px;
}

.r86.tiny.rank {
    background-position: -174px -290px;
}

.r87.tiny.rank {
    background-position: -203px -290px;
}

.r88.tiny.rank {
    background-position: -232px -290px;
}

.r89.tiny.rank {
    background-position: -261px -290px;
}

.r9.tiny.rank {
    background-position: -290px -290px;
}

.r90.tiny.rank {
    background-position: -319px -290px;
}

.r91.tiny.rank {
    background-position: 0px -319px;
}

.r92.tiny.rank {
    background-position: -29px -319px;
}

.r93.tiny.rank {
    background-position: -58px -319px;
}

.r94.tiny.rank {
    background-position: -87px -319px;
}

.r95.tiny.rank {
    background-position: -116px -319px;
}

.r96.tiny.rank {
    background-position: -145px -319px;
}

.r97.tiny.rank {
    background-position: -174px -319px;
}

.r98.tiny.rank {
    background-position: -203px -319px;
}

.r99.tiny.rank {
    background-position: -232px -319px;
}

.bfh-vehicle_unlock.vehicle_unlock {
    display: inline-block;
}

.small.bfh-vehicle_unlock.vehicle_unlock {
    width: 90px;
    height: 45px;
    background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/vehicle_unlock/size90w-395ee2ba.png");
    background-size: 540px 225px;
}

.Attack_HELI_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: 0px 0px;
}

.Attack_HELI_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -90px 0px;
}

.CAT_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -180px 0px;
}

.CAT_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -270px 0px;
}

.COUPE_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -360px 0px;
}

.COUPE_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -450px 0px;
}

.FAN_BOAT_SP.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: 0px -45px;
}

.FUEL_TRUCK_SP.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -90px -45px;
}

.Fuel_Tanker.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -180px -45px;
}

.GUNBOAT_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -270px -45px;
}

.GUNBOAT_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -360px -45px;
}

.LowRider.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -450px -45px;
}

.MSP_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: 0px -90px;
}

.MSP_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -90px -90px;
}

.OFFROAD_MOTORCYCLE_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -180px -90px;
}

.OFFROAD_MOTORCYCLE_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -270px -90px;
}

.PickUpTruck.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -360px -90px;
}

.SEDAN_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -450px -90px;
}

.SEDAN_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: 0px -135px;
}

.SUV_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -90px -135px;
}

.SUV_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -180px -135px;
}

.Street_Motorcycle_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -270px -135px;
}

.Street_Motorcycle_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -360px -135px;
}

.Transport_Heli_CR.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -450px -135px;
}

.Transport_Heli_LE.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: 0px -180px;
}

.Utility_Van.small.bfh-vehicle_unlock.vehicle_unlock {
    background-position: -90px -180px;
}

.bfh-weapon_unlock.weapon_unlock {
    display: inline-block;
}

.small.bfh-weapon_unlock.weapon_unlock {
    width: 90px;
    height: 45px;
    background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/weapon_unlock/size90w-efd6d17e.png");
    background-size: 990px 450px;
}

.ACWR_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px 0px;
}

.AKM_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px 0px;
}

.AKS74U_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px 0px;
}

.BaldEagle_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px 0px;
}

.BallisticShield_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px 0px;
}

.BaseBallBat_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px 0px;
}

.BlackJack_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px 0px;
}

.BreachHammer_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px 0px;
}

.BreachHammer_Gold_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px 0px;
}

.BreachingCharge_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px 0px;
}

.COLTRO933_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px 0px;
}

.CR_SurvivalList_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -45px;
}

.CZ75_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -45px;
}

.CollapsBaton_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -45px;
}

.CollapsBaton_Gold_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -45px;
}

.CrowBar_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -45px;
}

.CrowBar_Gold_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -45px;
}

.Decoy_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -45px;
}

.Defibrillator_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -45px;
}

.DeployCamera_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px -45px;
}

.FMG9_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px -45px;
}

.FNFAL_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px -45px;
}

.G36C_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -90px;
}

.GalilAR_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -90px;
}

.GalilAce_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -90px;
}

.GasGrenade_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -90px;
}

.Glock18_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -90px;
}

.GolfClub_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -90px;
}

.GolfClub_Gold_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -90px;
}

.Grapple_Hook_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -90px;
}

.Grenade_M67_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px -90px;
}

.HCAR_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px -90px;
}

.HK51_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px -90px;
}

.HKS_45C_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -135px;
}

.ICS9_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -135px;
}

.IncendiaryDevice_COP_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -135px;
}

.IncendiaryDevice_CRM_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -135px;
}

.Jury410_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -135px;
}

.K10_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -135px;
}

.KSG12_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -135px;
}

.Knife_ACB90_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -135px;
}

.Knife_Boot_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px -135px;
}

.Knife_Bowie_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px -135px;
}

.Knife_Carbon_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px -135px;
}

.Knife_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -180px;
}

.Knife_Gold_Boot_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -180px;
}

.Knife_Gold_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -180px;
}

.Knife_Gold_Scout_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -180px;
}

.Knife_Gold_Seal_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -180px;
}

.Knife_Gold_Survival.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -180px;
}

.Knife_Gold_Trench_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -180px;
}

.Knife_Machete2H_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -180px;
}

.Knife_Machete2H_Gold_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px -180px;
}

.Knife_Scout_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px -180px;
}

.Knife_Seal_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px -180px;
}

.Knife_Shank_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -225px;
}

.Knife_Survival_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -225px;
}

.Knife_Trench_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -225px;
}

.L85A2_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -225px;
}

.LaserTripMine_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -225px;
}

.LeadPipe_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -225px;
}

.LeadPipe_Gold_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -225px;
}

.M16A4_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -225px;
}

.M1911_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px -225px;
}

.M320_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px -225px;
}

.M40A5_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px -225px;
}

.M416_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -270px;
}

.M45_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -270px;
}

.M79_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -270px;
}

.M93R_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -270px;
}

.M9_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -270px;
}

.MK11_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -270px;
}

.MP5K_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -270px;
}

.MPX_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -270px;
}

.Mac10_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px -270px;
}

.NightStick_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px -270px;
}

.P226_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px -270px;
}

.P90_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -315px;
}

.PTI91_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -315px;
}

.PoliceBaton_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -315px;
}

.R700BLACK_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -315px;
}

.RS357_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -315px;
}

.RepairTool_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -315px;
}

.SA58_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -315px;
}

.SAIGA308_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -315px;
}

.SBS12_Short_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px -315px;
}

.SCARH_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px -315px;
}

.SG510_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px -315px;
}

.SG553_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -360px;
}

.SOCOM16_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -360px;
}

.SPAS12_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -360px;
}

.SW38_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -360px;
}

.SW40P_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -360px;
}

.Sabotage_Skill_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -360px;
}

.Scoutelite_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -360px;
}

.Sledgehammer_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -360px;
}

.Sledgehammer_Gold_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -720px -360px;
}

.TaserGun_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -810px -360px;
}

.Taurus44_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -900px -360px;
}

.Tech_9_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: 0px -405px;
}

.TommyGun_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -90px -405px;
}

.TracerDartGun_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -180px -405px;
}

.UMP45_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -270px -405px;
}

.XP1_L96_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -360px -405px;
}

.ZipLineGun_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -450px -405px;
}

._37STEAKOUT_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -540px -405px;
}

._870P_Fancy.small.bfh-weapon_unlock.weapon_unlock {
    background-position: -630px -405px;
}

.bfh-rank.rank {
    display: inline-block;
}

.medium.bfh-rank.rank {
    width: 128px;
    height: 128px;
    background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/rank/medium-05b0d1a4.png");
    background-size: 1664px 1536px;
}

.r0.medium.bfh-rank.rank {
    background-position: 0px 0px;
}

.r1.medium.bfh-rank.rank {
    background-position: -128px 0px;
}

.r10.medium.bfh-rank.rank {
    background-position: -256px 0px;
}

.r100.medium.bfh-rank.rank {
    background-position: -384px 0px;
}

.r101.medium.bfh-rank.rank {
    background-position: -512px 0px;
}

.r102.medium.bfh-rank.rank {
    background-position: -640px 0px;
}

.r103.medium.bfh-rank.rank {
    background-position: -768px 0px;
}

.r104.medium.bfh-rank.rank {
    background-position: -896px 0px;
}

.r105.medium.bfh-rank.rank {
    background-position: -1024px 0px;
}

.r106.medium.bfh-rank.rank {
    background-position: -1152px 0px;
}

.r107.medium.bfh-rank.rank {
    background-position: -1280px 0px;
}

.r108.medium.bfh-rank.rank {
    background-position: -1408px 0px;
}

.r109.medium.bfh-rank.rank {
    background-position: -1536px 0px;
}

.r11.medium.bfh-rank.rank {
    background-position: 0px -128px;
}

.r110.medium.bfh-rank.rank {
    background-position: -128px -128px;
}

.r111.medium.bfh-rank.rank {
    background-position: -256px -128px;
}

.r112.medium.bfh-rank.rank {
    background-position: -384px -128px;
}

.r113.medium.bfh-rank.rank {
    background-position: -512px -128px;
}

.r114.medium.bfh-rank.rank {
    background-position: -640px -128px;
}

.r115.medium.bfh-rank.rank {
    background-position: -768px -128px;
}

.r116.medium.bfh-rank.rank {
    background-position: -896px -128px;
}

.r117.medium.bfh-rank.rank {
    background-position: -1024px -128px;
}

.r118.medium.bfh-rank.rank {
    background-position: -1152px -128px;
}

.r119.medium.bfh-rank.rank {
    background-position: -1280px -128px;
}

.r12.medium.bfh-rank.rank {
    background-position: -1408px -128px;
}

.r120.medium.bfh-rank.rank {
    background-position: -1536px -128px;
}

.r121.medium.bfh-rank.rank {
    background-position: 0px -256px;
}

.r122.medium.bfh-rank.rank {
    background-position: -128px -256px;
}

.r123.medium.bfh-rank.rank {
    background-position: -256px -256px;
}

.r124.medium.bfh-rank.rank {
    background-position: -384px -256px;
}

.r125.medium.bfh-rank.rank {
    background-position: -512px -256px;
}

.r126.medium.bfh-rank.rank {
    background-position: -640px -256px;
}

.r127.medium.bfh-rank.rank {
    background-position: -768px -256px;
}

.r128.medium.bfh-rank.rank {
    background-position: -896px -256px;
}

.r129.medium.bfh-rank.rank {
    background-position: -1024px -256px;
}

.r13.medium.bfh-rank.rank {
    background-position: -1152px -256px;
}

.r130.medium.bfh-rank.rank {
    background-position: -1280px -256px;
}

.r131.medium.bfh-rank.rank {
    background-position: -1408px -256px;
}

.r132.medium.bfh-rank.rank {
    background-position: -1536px -256px;
}

.r133.medium.bfh-rank.rank {
    background-position: 0px -384px;
}

.r134.medium.bfh-rank.rank {
    background-position: -128px -384px;
}

.r135.medium.bfh-rank.rank {
    background-position: -256px -384px;
}

.r136.medium.bfh-rank.rank {
    background-position: -384px -384px;
}

.r137.medium.bfh-rank.rank {
    background-position: -512px -384px;
}

.r138.medium.bfh-rank.rank {
    background-position: -640px -384px;
}

.r139.medium.bfh-rank.rank {
    background-position: -768px -384px;
}

.r14.medium.bfh-rank.rank {
    background-position: -896px -384px;
}

.r140.medium.bfh-rank.rank {
    background-position: -1024px -384px;
}

.r141.medium.bfh-rank.rank {
    background-position: -1152px -384px;
}

.r142.medium.bfh-rank.rank {
    background-position: -1280px -384px;
}

.r143.medium.bfh-rank.rank {
    background-position: -1408px -384px;
}

.r144.medium.bfh-rank.rank {
    background-position: -1536px -384px;
}

.r145.medium.bfh-rank.rank {
    background-position: 0px -512px;
}

.r146.medium.bfh-rank.rank {
    background-position: -128px -512px;
}

.r147.medium.bfh-rank.rank {
    background-position: -256px -512px;
}

.r148.medium.bfh-rank.rank {
    background-position: -384px -512px;
}

.r149.medium.bfh-rank.rank {
    background-position: -512px -512px;
}

.r15.medium.bfh-rank.rank {
    background-position: -640px -512px;
}

.r150.medium.bfh-rank.rank {
    background-position: -768px -512px;
}

.r16.medium.bfh-rank.rank {
    background-position: -896px -512px;
}

.r17.medium.bfh-rank.rank {
    background-position: -1024px -512px;
}

.r18.medium.bfh-rank.rank {
    background-position: -1152px -512px;
}

.r19.medium.bfh-rank.rank {
    background-position: -1280px -512px;
}

.r2.medium.bfh-rank.rank {
    background-position: -1408px -512px;
}

.r20.medium.bfh-rank.rank {
    background-position: -1536px -512px;
}

.r21.medium.bfh-rank.rank {
    background-position: 0px -640px;
}

.r22.medium.bfh-rank.rank {
    background-position: -128px -640px;
}

.r23.medium.bfh-rank.rank {
    background-position: -256px -640px;
}

.r24.medium.bfh-rank.rank {
    background-position: -384px -640px;
}

.r25.medium.bfh-rank.rank {
    background-position: -512px -640px;
}

.r26.medium.bfh-rank.rank {
    background-position: -640px -640px;
}

.r27.medium.bfh-rank.rank {
    background-position: -768px -640px;
}

.r28.medium.bfh-rank.rank {
    background-position: -896px -640px;
}

.r29.medium.bfh-rank.rank {
    background-position: -1024px -640px;
}

.r3.medium.bfh-rank.rank {
    background-position: -1152px -640px;
}

.r30.medium.bfh-rank.rank {
    background-position: -1280px -640px;
}

.r31.medium.bfh-rank.rank {
    background-position: -1408px -640px;
}

.r32.medium.bfh-rank.rank {
    background-position: -1536px -640px;
}

.r33.medium.bfh-rank.rank {
    background-position: 0px -768px;
}

.r34.medium.bfh-rank.rank {
    background-position: -128px -768px;
}

.r35.medium.bfh-rank.rank {
    background-position: -256px -768px;
}

.r36.medium.bfh-rank.rank {
    background-position: -384px -768px;
}

.r37.medium.bfh-rank.rank {
    background-position: -512px -768px;
}

.r38.medium.bfh-rank.rank {
    background-position: -640px -768px;
}

.r39.medium.bfh-rank.rank {
    background-position: -768px -768px;
}

.r4.medium.bfh-rank.rank {
    background-position: -896px -768px;
}

.r40.medium.bfh-rank.rank {
    background-position: -1024px -768px;
}

.r41.medium.bfh-rank.rank {
    background-position: -1152px -768px;
}

.r42.medium.bfh-rank.rank {
    background-position: -1280px -768px;
}

.r43.medium.bfh-rank.rank {
    background-position: -1408px -768px;
}

.r44.medium.bfh-rank.rank {
    background-position: -1536px -768px;
}

.r45.medium.bfh-rank.rank {
    background-position: 0px -896px;
}

.r46.medium.bfh-rank.rank {
    background-position: -128px -896px;
}

.r47.medium.bfh-rank.rank {
    background-position: -256px -896px;
}

.r48.medium.bfh-rank.rank {
    background-position: -384px -896px;
}

.r49.medium.bfh-rank.rank {
    background-position: -512px -896px;
}

.r5.medium.bfh-rank.rank {
    background-position: -640px -896px;
}

.r50.medium.bfh-rank.rank {
    background-position: -768px -896px;
}

.r51.medium.bfh-rank.rank {
    background-position: -896px -896px;
}

.r52.medium.bfh-rank.rank {
    background-position: -1024px -896px;
}

.r53.medium.bfh-rank.rank {
    background-position: -1152px -896px;
}

.r54.medium.bfh-rank.rank {
    background-position: -1280px -896px;
}

.r55.medium.bfh-rank.rank {
    background-position: -1408px -896px;
}

.r56.medium.bfh-rank.rank {
    background-position: -1536px -896px;
}

.r57.medium.bfh-rank.rank {
    background-position: 0px -1024px;
}

.r58.medium.bfh-rank.rank {
    background-position: -128px -1024px;
}

.r59.medium.bfh-rank.rank {
    background-position: -256px -1024px;
}

.r6.medium.bfh-rank.rank {
    background-position: -384px -1024px;
}

.r60.medium.bfh-rank.rank {
    background-position: -512px -1024px;
}

.r61.medium.bfh-rank.rank {
    background-position: -640px -1024px;
}

.r62.medium.bfh-rank.rank {
    background-position: -768px -1024px;
}

.r63.medium.bfh-rank.rank {
    background-position: -896px -1024px;
}

.r64.medium.bfh-rank.rank {
    background-position: -1024px -1024px;
}

.r65.medium.bfh-rank.rank {
    background-position: -1152px -1024px;
}

.r66.medium.bfh-rank.rank {
    background-position: -1280px -1024px;
}

.r67.medium.bfh-rank.rank {
    background-position: -1408px -1024px;
}

.r68.medium.bfh-rank.rank {
    background-position: -1536px -1024px;
}

.r69.medium.bfh-rank.rank {
    background-position: 0px -1152px;
}

.r7.medium.bfh-rank.rank {
    background-position: -128px -1152px;
}

.r70.medium.bfh-rank.rank {
    background-position: -256px -1152px;
}

.r71.medium.bfh-rank.rank {
    background-position: -384px -1152px;
}

.r72.medium.bfh-rank.rank {
    background-position: -512px -1152px;
}

.r73.medium.bfh-rank.rank {
    background-position: -640px -1152px;
}

.r74.medium.bfh-rank.rank {
    background-position: -768px -1152px;
}

.r75.medium.bfh-rank.rank {
    background-position: -896px -1152px;
}

.r76.medium.bfh-rank.rank {
    background-position: -1024px -1152px;
}

.r77.medium.bfh-rank.rank {
    background-position: -1152px -1152px;
}

.r78.medium.bfh-rank.rank {
    background-position: -1280px -1152px;
}

.r79.medium.bfh-rank.rank {
    background-position: -1408px -1152px;
}

.r8.medium.bfh-rank.rank {
    background-position: -1536px -1152px;
}

.r80.medium.bfh-rank.rank {
    background-position: 0px -1280px;
}

.r81.medium.bfh-rank.rank {
    background-position: -128px -1280px;
}

.r82.medium.bfh-rank.rank {
    background-position: -256px -1280px;
}

.r83.medium.bfh-rank.rank {
    background-position: -384px -1280px;
}

.r84.medium.bfh-rank.rank {
    background-position: -512px -1280px;
}

.r85.medium.bfh-rank.rank {
    background-position: -640px -1280px;
}

.r86.medium.bfh-rank.rank {
    background-position: -768px -1280px;
}

.r87.medium.bfh-rank.rank {
    background-position: -896px -1280px;
}

.r88.medium.bfh-rank.rank {
    background-position: -1024px -1280px;
}

.r89.medium.bfh-rank.rank {
    background-position: -1152px -1280px;
}

.r9.medium.bfh-rank.rank {
    background-position: -1280px -1280px;
}

.r90.medium.bfh-rank.rank {
    background-position: -1408px -1280px;
}

.r91.medium.bfh-rank.rank {
    background-position: -1536px -1280px;
}

.r92.medium.bfh-rank.rank {
    background-position: 0px -1408px;
}

.r93.medium.bfh-rank.rank {
    background-position: -128px -1408px;
}

.r94.medium.bfh-rank.rank {
    background-position: -256px -1408px;
}

.r95.medium.bfh-rank.rank {
    background-position: -384px -1408px;
}

.r96.medium.bfh-rank.rank {
    background-position: -512px -1408px;
}

.r97.medium.bfh-rank.rank {
    background-position: -640px -1408px;
}

.r98.medium.bfh-rank.rank {
    background-position: -768px -1408px;
}

.r99.medium.bfh-rank.rank {
    background-position: -896px -1408px;
}

body .battlepackdialog {
    width: 687px;
}

    body .battlepackdialog .loadingdialog {
        height: 105px;
        text-align: center;
    }

    body .battlepackdialog .bp-open {
        margin: 0px auto 8px;
        display: block;
    }

    body .battlepackdialog .btn-container label {
        top: 10px;
        position: relative;
    }

        body .battlepackdialog .btn-container label input {
            top: 0px;
            position: relative;
        }

    body .battlepackdialog #battlepacks-open-popup ul li.hidden {
        opacity: 0;
    }

.battlepacks-scroller {
    margin-top: 1px;
}

    .battlepacks-scroller .scroll-left {
        line-height: 230px;
    }

    .battlepacks-scroller .scroll-right {
        line-height: 230px;
    }

    .battlepacks-scroller .scroll-left.disabled:hover {
        cursor: default;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .battlepacks-scroller .scroll-right.disabled:hover {
        cursor: default;
        background-color: rgba(0, 0, 0, 0.5);
    }

#unopened-battlepacks header {
    margin-bottom: 1px;
}

#unopened-battlepacks .scroll-container-outer {
    height: 210px;
}

#unopened-battlepacks .scrollable {
    height: 200px;
    position: relative;
}

    #unopened-battlepacks .scrollable span {
        text-align: center;
        padding-top: 1px;
        padding-bottom: 7px;
        font-size: 12px;
        display: block;
    }

#unopened-battlepacks .selected.scrollable span {
    color: rgb(0, 0, 0);
}

#unopened-battlepacks .scrollable .imagebox {
    position: relative;
}

    #unopened-battlepacks .scrollable .imagebox .rank {
        top: 45px;
        right: 14px;
        position: absolute;
    }

#unopened-battlepacks .scrollable .points-left {
    color: rgb(168, 168, 168);
    text-transform: none;
    font-weight: bold;
}

#unopened-battlepacks .scrollable .progress-bar {
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-bottom: 0px;
    position: absolute;
}

#unopened-battlepacks .box-content {
    height: 185px;
    position: relative;
}

    #unopened-battlepacks .box-content p {
        left: 0px;
        top: 45%;
        width: 100%;
        text-align: center;
        position: absolute;
    }

    #unopened-battlepacks .box-content a.upsell {
        text-decoration: underline;
    }

.feed-story .battlepacks-list .battlebox ul .innergroup {
    width: 304px;
}

.legacy.battlepacks-list img.battlepacks_open {
    width: 40px;
    height: 40px;
}

.legacy.battlepacks-list .battlebox ul .bp-item {
    background: rgba(0, 0, 0, 0.7);
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .legacy.battlepacks-list .battlebox ul .bp-item .appearance {
        margin: 0px auto;
    }

    .legacy.battlepacks-list .battlebox ul .bp-item .medium.appearance {
        width: 147px;
        height: 36px;
    }

    .legacy.battlepacks-list .battlebox ul .bp-item .small.appearance {
        width: 90px;
        height: 22px;
    }

    .legacy.battlepacks-list .battlebox ul .bp-item .large.appearance {
        width: 208px;
        height: 52px;
    }

    .legacy.battlepacks-list .battlebox ul .bp-item .upper {
        background: rgba(0, 0, 0, 0.7);
    }

        .legacy.battlepacks-list .battlebox ul .bp-item .upper img {
            padding: 0px;
            margin-top: 0px;
            max-height: 50px;
        }

            .legacy.battlepacks-list .battlebox ul .bp-item .upper img.battlepackitems {
                margin-top: 9px;
            }

            .legacy.battlepacks-list .battlebox ul .bp-item .upper img.weapon {
                width: 64px;
                height: 16px;
            }

    .legacy.battlepacks-list .battlebox ul .bp-item .info {
        background: rgb(243, 243, 243);
        padding-bottom: 7px;
    }

        .legacy.battlepacks-list .battlebox ul .bp-item .info .inventory {
            padding: 3px 3px 0px;
            width: auto;
            color: rgb(48, 141, 191);
            font-weight: bold;
        }

        .legacy.battlepacks-list .battlebox ul .bp-item .info .inventory-parent {
            color: rgb(85, 85, 85);
        }

    .legacy.battlepacks-list .battlebox ul .bp-item figure {
        top: 0px;
        height: 100%;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
    }

        .legacy.battlepacks-list .battlebox ul .bp-item figure img {
            top: 40%;
            position: relative;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
        }

    .legacy.battlepacks-list .battlebox ul .bp-item figcaption {
        background: rgb(243, 243, 243);
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin-top: 6px;
        position: absolute;
    }

.legacy.battlepacks-list .battlebox ul .feed-pack {
    background: none;
}

.battlepacks-list .currscore {
    color: rgb(255, 255, 255);
    font-size: 12px;
    margin-right: 5px;
    float: left;
}

.battlepacks-list .maxscore {
    color: rgb(211, 211, 211);
    font-size: 12px;
    float: left;
}

.battlepacks-list .unlocksatrank {
    text-align: right;
    padding-bottom: 8px;
    clear: both;
    font-size: 12px;
    display: block;
}

.battlepacks-list .battlebox ul .feed-pack {
    background: rgba(0, 0, 0, 0.4);
    padding: 2px;
    width: 54px;
    height: 89px;
    margin-right: 1px;
    float: left;
    position: relative;
}

    .battlepacks-list .battlebox ul .feed-pack img.small {
        left: 50%;
        top: 50%;
        width: 40px;
        height: 40px;
        margin-top: -21px;
        margin-left: -21px;
        position: absolute;
    }

.battlepacks-list .battlebox ul .row2.feed-pack {
    height: 183px;
}

.battlepacks-list .battlebox ul .row3.feed-pack {
    height: 277px;
}

.battlepacks-list .battlebox ul .feed-pack .battlepacks {
    left: 50%;
    top: 50%;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
}

.battlepacks-list .battlebox ul .feed-pack .battlepacks_open {
    left: 50%;
    top: 50%;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
}

.battlepacks-list .battlebox ul .innergroup {
    width: 505px;
    margin-bottom: 8px;
    float: left;
}

.battlepacks-list .battlebox ul .bp-item {
    background: rgba(0, 0, 0, 0.2);
    padding: 0px;
    width: 100px;
    height: 93px;
    text-align: center;
    font-size: 11px;
    margin-right: 1px;
    margin-bottom: 1px;
    float: left;
    position: relative;
}

.battlepacks-list .battlebox ul .superior.bp-item {
    outline: rgb(244, 208, 125) solid 1px;
}

.battlepacks-list .battlebox ul .distinguished.bp-item {
    outline: rgb(244, 208, 125) solid 1px;
}

.battlepacks-list .battlebox ul .premium.bp-item {
    outline: rgb(244, 208, 125) solid 1px;
}

.battlepacks-list .battlebox ul .bp-item span.inventory-rareness {
    width: 100%;
    text-align: center;
    color: rgb(255, 153, 0);
    text-transform: uppercase;
}

.battlepacks-list .battlebox ul .bp-item figure {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.battlepacks-list .battlebox ul .bp-item figcaption {
    margin-top: 6px;
}

.battlepacks-list .battlebox ul .bp-item div.small {
    max-height: 50px;
}

.battlepacks-list .battlebox ul .bp-item div.xsmall {
    max-height: 50px;
}

.battlepacks-list .battlebox ul .bp-item img.small {
    max-height: 50px;
}

.battlepacks-list .battlebox ul .bp-item div.boosts {
    margin-top: -12px;
    margin-bottom: -9px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.battlepacks-list .battlebox ul .bp-item .info {
    padding-bottom: 6px;
}

.battlepacks-list .battlebox ul .bp-item span {
    width: 100%;
    text-align: center;
    line-height: 16px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

    .battlepacks-list .battlebox ul .bp-item span.inventory-parent {
        color: rgb(168, 168, 168);
    }

.battlepacks-list .battlebox img.pack {
    width: 120px;
    margin-right: 20px;
}

.battlepacks-list .battlebox p {
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
}

.battlepacks-list .battlebox ul p {
    color: rgb(168, 168, 168);
    font-size: 12px;
    font-weight: normal;
}

.battlepacks-list .opened {
    margin-top: 1px;
}

    .battlepacks-list .opened img {
        opacity: 0.75;
    }

.battlepacks-list .row {
    margin-bottom: 20px;
}

.battlepacks-list .next img {
    margin: auto;
    width: 240px;
}

.battlepacks-list #battlepacks-upcoming .pack-list li {
    margin: 1px 1px 0px 0px;
    width: 106px;
    height: 120px;
    text-align: center;
    padding-top: 15px;
    float: left;
    position: relative;
    background-color: rgba(7, 7, 7, 0.5);
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li {
    margin: 1px 1px 0px 0px;
    width: 106px;
    height: 120px;
    text-align: center;
    padding-top: 15px;
    float: left;
    position: relative;
    background-color: rgba(7, 7, 7, 0.5);
}

.battlepacks-list #battlepacks-upcoming .pack-list li:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6);
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6);
}

.battlepacks-list #battlepacks-upcoming .pack-list li:hover .track-icon {
    display: block;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li:hover .track-icon {
    display: block;
}

.battlepacks-list #battlepacks-upcoming .pack-list li.last {
    margin-right: 0px;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li.last {
    margin-right: 0px;
}

.battlepacks-list #battlepacks-upcoming .pack-list li .track-icon {
    display: none;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li .track-icon {
    display: none;
}

.battlepacks-list #battlepacks-upcoming .pack-list li div.battlepacks {
    top: 45px;
    right: 15px;
    position: absolute;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li div.battlepacks {
    top: 45px;
    right: 15px;
    position: absolute;
}

.battlepacks-list #battlepacks-upcoming .pack-list li .weapon {
    margin-top: 15px;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li .weapon {
    margin-top: 15px;
}

.battlepacks-list #battlepacks-upcoming .pack-list li .progress-bar {
    width: 100%;
    bottom: 0px;
    margin-bottom: 0px;
    position: absolute;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li .progress-bar {
    width: 100%;
    bottom: 0px;
    margin-bottom: 0px;
    position: absolute;
}

.battlepacks-list #battlepacks-upcoming .pack-list li span {
    left: 0px;
    width: 100%;
    bottom: 15px;
    color: rgb(168, 168, 168);
    overflow: hidden;
    font-size: 11px;
    display: block;
    white-space: nowrap;
    position: absolute;
    -ms-text-overflow: ellipsis;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li span {
    left: 0px;
    width: 100%;
    bottom: 15px;
    color: rgb(168, 168, 168);
    overflow: hidden;
    font-size: 11px;
    display: block;
    white-space: nowrap;
    position: absolute;
    -ms-text-overflow: ellipsis;
}

.battlepacks-list #battlepacks-upcoming .pack-list li strong {
    left: 0px;
    width: 100%;
    bottom: 30px;
    font-size: 12px;
    display: block;
    position: absolute;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li strong {
    left: 0px;
    width: 100%;
    bottom: 30px;
    font-size: 12px;
    display: block;
    position: absolute;
}

.battlepacks-list #battlepacks-upcoming .pack-list li:nth-child(-n+3) span {
    font-weight: bold;
}

.battlepacks-list #battlepacks-weapon-upcoming .pack-list li:nth-child(-n+3) span {
    font-weight: bold;
}

.battlepacks-list .headline#battlepacks-upcoming {
    margin-top: 1px;
}

.battlepacks-list .headline#battlepacks-weapon-upcoming {
    margin-top: 1px;
}

.battlepacks-list #battlepacks-upcoming img p {
    display: inline-block;
}

.battlepacks-list #battlepacks-weapon-upcoming img p {
    display: inline-block;
}

.battlepacks-list .info .pack-images {
    height: 140px;
    position: relative;
}

.battlepacks-list .weapon-pack .pack-images {
    height: 140px;
    position: relative;
}

.battlepacks-list .info .pack-images img {
    position: absolute;
}

.battlepacks-list .weapon-pack .pack-images img {
    position: absolute;
}

.battlepacks-list .info .pack-images #pack-image-bronze {
    left: 0px;
    top: 0px;
}

.battlepacks-list .weapon-pack .pack-images #pack-image-bronze {
    left: 0px;
    top: 0px;
}

.battlepacks-list .info .pack-images #pack-image-silver {
    left: 80px;
    top: 0px;
}

.battlepacks-list .weapon-pack .pack-images #pack-image-silver {
    left: 80px;
    top: 0px;
}

.battlepacks-list .info .pack-images #pack-image-gold {
    left: 150px;
    top: 0px;
}

.battlepacks-list .weapon-pack .pack-images #pack-image-gold {
    left: 150px;
    top: 0px;
}

.battlepacks-list .info p {
    color: rgb(168, 168, 168);
    line-height: 22px;
    font-size: 12px;
}

.battlepacks-list .weapon-pack p {
    color: rgb(168, 168, 168);
    line-height: 22px;
    font-size: 12px;
}

.battlepacks-list .buy .box-content {
    text-align: center;
}

    .battlepacks-list .buy .box-content figure {
        padding: 0px 40px;
        margin-bottom: 20px;
    }

        .battlepacks-list .buy .box-content figure img {
            width: 150px;
        }

        .battlepacks-list .buy .box-content figure figcaption {
            text-align: left;
            font-size: 12px;
        }

#battlepacks-opened .no-opened-packs {
    height: 370px;
    position: relative;
}

    #battlepacks-opened .no-opened-packs p {
        left: 0px;
        top: 45%;
        width: 100%;
        text-align: center;
        position: absolute;
    }

#battlepacks-open-popup .item-description {
    min-height: 86px;
}

    #battlepacks-open-popup .item-description p {
        color: rgb(168, 168, 168);
    }

    #battlepacks-open-popup .item-description span#battlepack-parent-item-name {
        line-height: 16px;
        font-size: 14px;
    }

    #battlepacks-open-popup .item-description span#battlepack-item-category {
        line-height: 16px;
        font-size: 14px;
    }

    #battlepacks-open-popup .item-description h5 {
        text-transform: none;
        font-size: 19px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

        #battlepacks-open-popup .item-description h5 #battlepack-item-rareness {
            text-transform: uppercase;
        }

        #battlepacks-open-popup .item-description h5 .superior#battlepack-item-rareness {
            color: rgb(255, 153, 0);
        }

        #battlepacks-open-popup .item-description h5 .distinguished#battlepack-item-rareness {
            color: rgb(255, 153, 0);
        }

        #battlepacks-open-popup .item-description h5 .premium#battlepack-item-rareness {
            color: rgb(255, 153, 0);
        }

#battlepacks-open-popup .items {
    width: 670px;
    height: auto;
    text-align: center;
    display: block;
}

    #battlepacks-open-popup .items ul li {
        width: 213px;
        height: 88px;
        overflow: hidden;
        margin-right: 1px;
        margin-bottom: 1px;
        float: left;
        display: inline-block;
        cursor: pointer;
        background-color: rgb(34, 34, 39);
    }

        #battlepacks-open-popup .items ul li > * {
            top: 50%;
            position: relative;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
        }

        #battlepacks-open-popup .items ul li:hover {
            background-color: rgb(46, 46, 50);
        }

        #battlepacks-open-popup .items ul li.superior {
            outline: rgb(244, 208, 125) solid 1px;
        }

        #battlepacks-open-popup .items ul li.distinguished {
            outline: rgb(244, 208, 125) solid 1px;
        }

        #battlepacks-open-popup .items ul li.premium {
            outline: rgb(244, 208, 125) solid 1px;
        }

        #battlepacks-open-popup .items ul li.active {
            outline: white solid 1px;
            background-color: rgb(46, 46, 50);
        }

        #battlepacks-open-popup .items ul li .soldierportrait {
            max-height: 80%;
        }

.battlepacks-buypacks .product .boxart {
    background-position: 50% 50%;
    margin: 0px 12px 0px 0px;
    width: 130px;
    height: 100px;
    float: left;
    background-repeat: no-repeat;
}

.battlepacks-buypacks .battlefield-4-5-x-gold-battlepacks.product .boxart {
    background-image: url("../odcstore/gold-x5.png");
    background-size: 100%;
}

.battlepacks-buypacks .battlefield-4-gold-battlepack.product .boxart {
    background-image: url("../odcstore/battlepack-gold.png");
    background-size: 70%;
}

.battlepacks-buypacks .product .info {
    width: 145px;
    float: left;
}

    .battlepacks-buypacks .product .info .description {
        margin-bottom: 6px;
    }

        .battlepacks-buypacks .product .info .description .product-title {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;
        }

        .battlepacks-buypacks .product .info .description .product-edition {
            display: none;
        }

        .battlepacks-buypacks .product .info .description .product-description {
            display: none;
        }

        .battlepacks-buypacks .product .info .description .platforms {
            display: none;
        }

    .battlepacks-buypacks .product .info .cta .price {
        font-size: 20px;
    }

        .battlepacks-buypacks .product .info .cta .price .regular-price {
            font-size: 70%;
            text-decoration: line-through;
            margin-top: 2px;
            display: block;
        }

    .battlepacks-buypacks .product .info .cta .btn {
        margin-top: 6px;
    }

.small.PremiumParachute.appearance {
    background: url("../battlepacks/items/premium_parachute_small.jpg");
}

.medium.PremiumParachute.appearance {
    background: url("../battlepacks/items/premium_parachute_medium.jpg");
}

.large.PremiumParachute.appearance {
    background: url("../battlepacks/items/premium_parachute_large.jpg");
}

.battlepacks-unlocking-soon-list li {
    border: 1px solid transparent;
    border-image: none;
    height: 108px;
    position: relative;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .battlepacks-unlocking-soon-list li .unlock-award-image {
        left: 10px;
        top: 40px;
        position: absolute;
    }

    .battlepacks-unlocking-soon-list li .unlock-parent-image {
        top: 35px;
        right: 5px;
        position: absolute;
    }

    .battlepacks-unlocking-soon-list li .progress-bar {
        left: 0px;
        right: 0px;
        bottom: -1px;
        margin-bottom: 0px;
        position: absolute;
    }

.feed-story-body .bp-item .upper {
    margin-top: 10px;
}

#cte #cte-agreement {
    -ms-overflow-y: scroll;
    max-height: 400px;
}

#cte p {
    font-size: 12px;
    margin-top: 1em;
    margin-bottom: 1em;
}

#cte-info {
    text-align: center;
}

    #cte-info .span12 .box {
        margin: 0px auto;
        width: 588px;
    }

        #cte-info .span12 .box .box-content {
            text-align: center;
        }

    #cte-info .form-inputs {
        text-align: left;
        padding-top: 16px;
        padding-bottom: 16px;
        margin-left: 135px;
    }

        #cte-info .form-inputs label {
            padding-bottom: 8px;
            display: block;
        }

        #cte-info .form-inputs input {
            width: 240px;
            line-height: 24px;
        }

    #cte-info span {
        padding-left: 8px;
        font-size: 12px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

        #cte-info span.text {
            padding-left: 0px;
            font-size: 16px;
        }

#cte-guide img {
    margin-top: 16px;
    margin-bottom: 16px;
    max-width: 420px;
}

#now-on-console {
    padding: 16px;
    left: 20px;
    top: 280px;
    width: 450px;
    text-align: center;
    color: rgb(255, 153, 0);
    line-height: 1.2;
    font-family: Purista, sans-serif;
    font-size: 28px;
    font-weight: 600;
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.9);
}

.odcstore .products .product {
    vertical-align: top;
    position: relative;
}

    .odcstore .products .product .boxart {
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .odcstore .products .product .medium.boxart {
        width: 142px;
        height: 200px;
    }

    .odcstore .products .product .small.boxart {
        width: 63px;
        height: 89px;
    }

    .odcstore .products .product .tiny.boxart {
        width: 50px;
        height: 60px;
    }

    .odcstore .products .product .description {
        white-space: normal;
    }

        .odcstore .products .product .description .product-edition {
            display: none;
        }

    .odcstore .products .product .platforms {
        margin: 6px 0px;
        color: rgb(204, 204, 204);
        line-height: 18px;
        font-size: 14px;
    }

        .odcstore .products .product .platforms label {
            font-weight: bold;
            display: block;
        }

            .odcstore .products .product .platforms label .platform {
                margin: 0px;
            }

            .odcstore .products .product .platforms label .single.platform {
                display: none;
            }

    .odcstore .products .product .false.platforms {
        display: none;
    }

    .odcstore .products .product .platforms-1.platforms input {
        display: none;
    }

.is-hybrid .odcstore .products .product .platforms {
    display: none;
}

.odcstore .products .product .cta {
    margin-top: 6px;
}

#base-bf4-html .odcstore .products .product .cta {
    color: rgb(204, 204, 204);
}

.odcstore .products .product .cta .price {
    color: rgb(255, 255, 255);
    font-size: 26px;
    font-weight: 600;
}

    .odcstore .products .product .cta .price .regular-price {
        display: none;
    }

    .odcstore .products .product .cta .price .strike.regular-price {
        font-size: 70%;
        font-weight: normal;
        text-decoration: line-through;
        display: inline-block;
    }

.odcstore .products .product .cta .btn {
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 6px;
    min-width: 140px;
}

.is-hybrid .odcstore .products .product .cta {
    display: none;
}

.odcstore .base-game.product-container .not-available i.icon {
    width: 265px;
    height: 74px;
    line-height: 18px;
    font-size: 14px;
    font-style: normal;
    display: inline-block;
}

.odcstore .premium.product-container .product .not-available i.icon {
    width: 265px;
    height: 74px;
    line-height: 18px;
    font-size: 14px;
    font-style: normal;
    display: inline-block;
}

.odcstore .base-game.product-container .platform-xbox360.not-available i.icon {
    background: url("../odcstore/xbstore-big.png") no-repeat bottom;
}

.odcstore .premium.product-container .product .platform-xbox360.not-available i.icon {
    background: url("../odcstore/xbstore-big.png") no-repeat bottom;
}

.odcstore .base-game.product-container .platform-xboxone.not-available i.icon {
    background: url("../odcstore/xbstore-big.png") no-repeat bottom;
}

.odcstore .premium.product-container .product .platform-xboxone.not-available i.icon {
    background: url("../odcstore/xbstore-big.png") no-repeat bottom;
}

.lang-fr .odcstore .base-game.product-container .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-fr.png");
}

.lang-fr .odcstore .premium.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-fr.png");
}

.lang-fr .odcstore .base-game.product-container .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-fr.png");
}

.lang-fr .odcstore .premium.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-fr.png");
}

.lang-es .odcstore .base-game.product-container .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-es.png");
}

.lang-es .odcstore .premium.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-es.png");
}

.lang-es .odcstore .base-game.product-container .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-es.png");
}

.lang-es .odcstore .premium.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-es.png");
}

.lang-ru .odcstore .base-game.product-container .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-ru.png");
}

.lang-ru .odcstore .premium.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-ru.png");
}

.lang-ru .odcstore .base-game.product-container .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-ru.png");
}

.lang-ru .odcstore .premium.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-big-ru.png");
}

.odcstore .base-game.product-container .platform-ps3.not-available i.icon {
    background: url("../odcstore/psstore-big.png") no-repeat bottom;
}

.odcstore .premium.product-container .product .platform-ps3.not-available i.icon {
    background: url("../odcstore/psstore-big.png") no-repeat bottom;
}

.odcstore .base-game.product-container .platform-ps4.not-available i.icon {
    background: url("../odcstore/psstore-big.png") no-repeat bottom;
}

.odcstore .premium.product-container .product .platform-ps4.not-available i.icon {
    background: url("../odcstore/psstore-big.png") no-repeat bottom;
}

.odcstore .base-game.product-container .platform-pc.not-available i.icon {
    display: none;
}

.odcstore .premium.product-container .product .platform-pc.not-available i.icon {
    display: none;
}

.odcstore .base-game.product-container .not-available h3 {
    text-transform: uppercase;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
}

.odcstore .premium.product-container .product .not-available h3 {
    text-transform: uppercase;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
}

#base-bf4-html .odcstore .base-game.product-container .not-available h3 {
    font-family: Purista;
    font-weight: normal;
    margin-bottom: 0px;
}

#base-bf4-html .odcstore .premium.product-container .product .not-available h3 {
    font-family: Purista;
    font-weight: normal;
    margin-bottom: 0px;
}

.odcstore .base-game.product-container .not-available p {
    line-height: 18px;
    font-size: 14px;
}

.odcstore .premium.product-container .product .not-available p {
    line-height: 18px;
    font-size: 14px;
}

.odcstore .kitshortcuts.product-container .product .not-available i.icon {
    width: 142px;
    height: 51px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    font-style: normal;
    display: inline-block;
}

.odcstore .expansions.product-container .product .not-available i.icon {
    width: 142px;
    height: 51px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    font-style: normal;
    display: inline-block;
}

.odcstore .battlepacks.product-container .product .not-available i.icon {
    width: 142px;
    height: 51px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    font-style: normal;
    display: inline-block;
}

.odcstore .kitshortcuts.product-container .product .platform-xbox360.not-available i.icon {
    background: url("../odcstore/xbstore-small.png") no-repeat bottom;
}

.odcstore .expansions.product-container .product .platform-xbox360.not-available i.icon {
    background: url("../odcstore/xbstore-small.png") no-repeat bottom;
}

.odcstore .battlepacks.product-container .product .platform-xbox360.not-available i.icon {
    background: url("../odcstore/xbstore-small.png") no-repeat bottom;
}

.odcstore .kitshortcuts.product-container .product .platform-xboxone.not-available i.icon {
    background: url("../odcstore/xbstore-small.png") no-repeat bottom;
}

.odcstore .expansions.product-container .product .platform-xboxone.not-available i.icon {
    background: url("../odcstore/xbstore-small.png") no-repeat bottom;
}

.odcstore .battlepacks.product-container .product .platform-xboxone.not-available i.icon {
    background: url("../odcstore/xbstore-small.png") no-repeat bottom;
}

.lang-fr .odcstore .kitshortcuts.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-fr.png");
}

.lang-fr .odcstore .expansions.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-fr.png");
}

.lang-fr .odcstore .battlepacks.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-fr.png");
}

.lang-fr .odcstore .kitshortcuts.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-fr.png");
}

.lang-fr .odcstore .expansions.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-fr.png");
}

.lang-fr .odcstore .battlepacks.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-fr.png");
}

.lang-es .odcstore .kitshortcuts.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-es.png");
}

.lang-es .odcstore .expansions.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-es.png");
}

.lang-es .odcstore .battlepacks.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-es.png");
}

.lang-es .odcstore .kitshortcuts.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-es.png");
}

.lang-es .odcstore .expansions.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-es.png");
}

.lang-es .odcstore .battlepacks.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-es.png");
}

.lang-ru .odcstore .kitshortcuts.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-ru.png");
}

.lang-ru .odcstore .expansions.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-ru.png");
}

.lang-ru .odcstore .battlepacks.product-container .product .platform-xbox360.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-ru.png");
}

.lang-ru .odcstore .kitshortcuts.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-ru.png");
}

.lang-ru .odcstore .expansions.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-ru.png");
}

.lang-ru .odcstore .battlepacks.product-container .product .platform-xboxone.not-available i.icon {
    background-image: url("../odcstore/xbstore-small-ru.png");
}

.odcstore .kitshortcuts.product-container .product .platform-ps3.not-available i.icon {
    background: url("../odcstore/psstore-small.png") no-repeat bottom;
}

.odcstore .expansions.product-container .product .platform-ps3.not-available i.icon {
    background: url("../odcstore/psstore-small.png") no-repeat bottom;
}

.odcstore .battlepacks.product-container .product .platform-ps3.not-available i.icon {
    background: url("../odcstore/psstore-small.png") no-repeat bottom;
}

.odcstore .kitshortcuts.product-container .product .platform-ps4.not-available i.icon {
    background: url("../odcstore/psstore-small.png") no-repeat bottom;
}

.odcstore .expansions.product-container .product .platform-ps4.not-available i.icon {
    background: url("../odcstore/psstore-small.png") no-repeat bottom;
}

.odcstore .battlepacks.product-container .product .platform-ps4.not-available i.icon {
    background: url("../odcstore/psstore-small.png") no-repeat bottom;
}

#base-bf4-html .odcstore header.primary {
    background-position: 100% 0px;
    background-image: url("../odcstore/origin-storelogo.png");
    background-repeat: no-repeat;
}

#base-bfh-html .odcstore header.primary {
    background-position: 100% 0px;
    background-image: url("../odcstore/origin-storelogo.png");
    background-repeat: no-repeat;
}

.odcstore .box > header h1 {
    text-transform: uppercase;
}

.odcstore .box > header {
    position: relative;
}

.odcstore .header-notice {
    right: 12px;
    color: rgb(170, 170, 170);
    font-size: 12px;
    position: absolute;
}

#base-bf4-html .odcstore .header-notice {
    top: 6px;
}

#base-bf3-html .odcstore .header-notice {
    top: 13px;
    right: 0px;
}

#base-bf3-html .odcstore header h1.primary {
    margin-bottom: 16px;
}

#base-bf3-html .odcstore nav {
    margin-bottom: 16px;
}

    #base-bf3-html .odcstore nav li a {
        padding: 0px 16px;
        text-transform: capitalize;
    }

    #base-bf3-html .odcstore nav li.platform-pc a {
        text-transform: uppercase;
    }

#base-bf3-html .odcstore {
    color: rgb(53, 53, 53);
}

.odcstore .products {
}

.odcstore .box-line.products {
    white-space: nowrap;
}

    .odcstore .box-line.products .product {
        display: inline-block;
        white-space: normal;
    }

.odcstore .items-2.box-line.products .product {
    width: 50%;
    box-sizing: border-box;
}

.odcstore .line-list.products .product {
    overflow: hidden;
    padding-bottom: 12px;
    margin-top: 12px;
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}

.odcstore .line-list.products :first-child.product {
    margin-top: 0px;
}

.odcstore .line-list.products :last-child.product {
    padding-bottom: 0px;
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
}

.odcstore .line-list.products .product .boxart {
    margin-right: 12px;
    float: left;
}

.odcstore .line-list.products .product .description {
    float: left;
}

.odcstore .line-list.products .product .cta {
    float: right;
}

    .odcstore .line-list.products .product .cta .price {
        min-width: 120px;
    }

        .odcstore .line-list.products .product .cta .price .current-price {
            text-align: right;
        }

        .odcstore .line-list.products .product .cta .price .regular-price {
            text-align: right;
        }

        .odcstore .line-list.products .product .cta .price .strike.regular-price {
            display: block;
        }

.odcstore .product-container .platform-ps3.not-available h3 {
    display: none;
}

.odcstore .product-container .platform-ps4.not-available h3 {
    display: none;
}

.odcstore .product-container .platform-xbox360.not-available h3 {
    display: none;
}

.odcstore .product-container .platform-xboxone.not-available h3 {
    display: none;
}

.odcstore .product-container .platform-ps3.not-available p {
    display: none;
}

.odcstore .product-container .platform-ps4.not-available p {
    display: none;
}

.odcstore .product-container .platform-xbox360.not-available p {
    display: none;
}

.odcstore .product-container .platform-xboxone.not-available p {
    display: none;
}

.odcstore .base-game.product-container .logo {
    left: 16px;
    top: 16px;
    position: absolute;
}

#base-bf3-html .odcstore .base-game.product-container {
    padding-top: 350px;
    position: relative;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf3-36cdd148.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgb(0, 0, 0);
}

#base-bf3-html .odcstore .battlefield-4.base-game.product-container {
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf4-7b2e8a8d.jpg");
}

#base-bf3-html .odcstore .battlefield-hardline.base-game.product-container {
    background-position: right top;
    padding-top: 336px;
    position: relative;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bfh/loggedout/loggedout-bg-d181dab1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

#base-bf4-html .odcstore .base-game.product-container {
    padding-top: 350px;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf4-7b2e8a8d.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

#base-bf4-html .odcstore .battlefield-hardline.base-game.product-container {
    background-position: right top;
    padding-top: 336px;
    position: relative;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bfh/loggedout/loggedout-bg-d181dab1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.odcstore .base-game.product-container .products {
    background: linear-gradient(rgba(7, 7, 7, 0.7), rgba(7, 7, 7, 0.9));
    padding: 16px;
}

.odcstore .base-game.product-container .items-1.products .product {
    width: 60%;
}

.odcstore .base-game.product-container .items-3.products .product {
    width: 25%;
    box-sizing: border-box;
}

.odcstore .base-game.product-container .items-3.products :first-child.product {
    width: 50%;
}

.odcstore .base-game.product-container .product .boxart {
    margin: 0px 16px 0px 0px;
    float: left;
}

.odcstore .base-game.product-container .product .info {
    margin-right: 16px;
    float: left;
    max-width: 305px;
}

#base-bf3-html .odcstore .base-game.product-container .product .info {
    min-height: 127px;
}

#base-bf4-html .odcstore .base-game.product-container .product .info {
    min-height: 95px;
}

.odcstore .base-game.product-container :last-child.product .info {
    margin-right: 0px;
}

.odcstore .base-game.product-container .product .product-title {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

#base-bf4-html .odcstore .base-game.product-container .product .product-title {
    font-family: Purista;
    font-size: 30px;
    font-weight: 600;
}

.odcstore .base-game.product-container .product .product-edition {
    color: rgb(238, 238, 238);
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.odcstore .base-game.product-container .product .product-description {
    color: rgb(204, 204, 204);
    line-height: 18px;
    font-size: 14px;
}

.odcstore .base-game.product-container .product .cta {
    color: rgb(204, 204, 204);
    padding-bottom: 3px;
}

.odcstore .base-game.product-container .product .release-date {
    margin: 6px 0px;
    font-size: 14px;
}

#base-bf4-html .odcstore .base-game.product-container .product .price {
    font-family: Purista;
    font-weight: 600;
}

.odcstore .base-game.product-container .not-available {
    padding: 48px;
    text-align: center;
    color: rgb(204, 204, 204);
    background-color: rgba(7, 7, 7, 0.7);
}

#base-bf3-html .odcstore .premium.product-container {
    padding-top: 240px;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf3-premium-c0f6596b.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

#base-bf4-html .odcstore .premium.product-container {
    padding-top: 270px;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf4-premium-64cc02ee.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.odcstore .premium.product-container .products {
    padding: 16px;
    background-color: rgba(7, 7, 7, 0.7);
}

#base-bf4-html .odcstore .premium.product-container .products {
    background-position: 97% 50%;
    background-image: url("../premium/xpacks-boxes.png");
    background-repeat: no-repeat;
}

.odcstore .premium.product-container .product .boxart {
    margin: 0px 16px 0px 0px;
    float: left;
}

.odcstore .premium.product-container :last-child.product .description {
    margin-right: 0px;
}

#base-bf3-html .odcstore .premium.product-container .product .description {
    min-height: 127px;
}

#base-bf4-html .odcstore .premium.product-container .product .description {
    min-height: 95px;
}

.odcstore .premium.product-container .product .product-title {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

#base-bf4-html .odcstore .premium.product-container .product .product-title {
    font-family: Purista;
    font-size: 30px;
    font-weight: 600;
}

.odcstore .premium.product-container .product .product-description {
    color: rgb(204, 204, 204);
    line-height: 18px;
    font-size: 14px;
    max-width: 72%;
}

.odcstore .premium.product-container .product .release-date {
    margin: 6px 0px;
    font-size: 14px;
}

#base-bf4-html .odcstore .premium.product-container .product .price {
    font-family: Purista;
    font-weight: 600;
}

.odcstore .premium.product-container .product .not-available {
    left: 158px;
    text-align: center;
    bottom: 0px;
    color: rgb(204, 204, 204);
    position: absolute;
}

#base-bf3-html .odcstore .kitshortcuts.product-container {
    padding-top: 80px;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-kitshortcuts-5af3c98e.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.odcstore .kitshortcuts.product-container .kitshortcuts-graphic {
    height: 264px;
    margin-bottom: 1px;
    margin-left: 0px;
    display: block;
    position: relative;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/store/banner-without-text-75fa9d2d.png");
    background-repeat: no-repeat;
    background-color: rgba(7, 7, 7, 0.5);
}

    .odcstore .kitshortcuts.product-container .kitshortcuts-graphic .desc {
        width: 500px;
        padding-top: 110px;
        float: right;
    }

.lang-fr .odcstore .kitshortcuts.product-container .kitshortcuts-graphic .desc {
    width: 520px;
}

.lang-es .odcstore .kitshortcuts.product-container .kitshortcuts-graphic .desc {
    width: 520px;
}

.odcstore .kitshortcuts.product-container .kitshortcuts-graphic h1 {
    color: rgb(255, 153, 0);
    font-size: 60px;
}

.lang-fr .odcstore .kitshortcuts.product-container .kitshortcuts-graphic h1 {
    font-size: 45px;
}

.lang-pl .odcstore .kitshortcuts.product-container .kitshortcuts-graphic h1 {
    font-size: 50px;
}

.lang-ru .odcstore .kitshortcuts.product-container .kitshortcuts-graphic h1 {
    font-size: 38px;
}

.lang-cs .odcstore .kitshortcuts.product-container .kitshortcuts-graphic h1 {
    font-size: 38px;
}

.odcstore .kitshortcuts.product-container .kitshortcuts-graphic h2 {
    font-size: 24px;
    font-weight: 400;
}

.odcstore .kitshortcuts.product-container .kitshortcuts-graphic .disclaimer {
    right: 16px;
    bottom: 6px;
    color: rgb(136, 153, 170);
    font-size: 9px;
    position: absolute;
}

.odcstore .kitshortcuts.product-container .products .product {
    box-sizing: border-box;
}

#base-bf3-html .odcstore .kitshortcuts.product-container .box-content {
    padding: 16px;
    margin-left: 0px;
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#base-bf3-html .odcstore .kitshortcuts.product-container :last-child.box-content {
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
}

.odcstore .kitshortcuts.product-container > .product-title {
    text-align: center;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: Purista;
    font-size: 32px;
    font-weight: 600;
    text-shadow: 0px 1px 5px rgba(0,0,0,0.75);
}

#base-bf4-html .odcstore .kitshortcuts.product-container > .product-title {
    display: none;
}

.odcstore .kitshortcuts.product-container .products {
    padding-top: 154px;
}

#base-bf4-html .odcstore .kitshortcuts.product-container .products {
    padding-top: 0px;
}

.odcstore .kitshortcuts.product-container .product .description {
    max-width: 550px;
}

    .odcstore .kitshortcuts.product-container .product .description .product-title {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 6px;
    }

    .odcstore .kitshortcuts.product-container .product .description .product-description {
        color: rgb(138, 138, 138);
        line-height: 14px;
        font-size: 12px;
    }

        .odcstore .kitshortcuts.product-container .product .description .product-description .contains-highlighted-sc {
            color: rgb(255, 153, 0);
            text-transform: uppercase;
            margin-top: 12px;
        }

    .odcstore .kitshortcuts.product-container .product .description .product-platform {
        font-size: 14px;
        font-weight: bold;
    }

.odcstore .kitshortcuts.product-container .product .cta .release-date {
    text-align: right;
    font-size: 14px;
    margin-bottom: 6px;
}

.odcstore .kitshortcuts.product-container .product .cta .price {
    line-height: 1;
    font-size: 20px;
    margin-right: 12px;
    vertical-align: middle;
    display: inline-block;
}

#base-bf3-html .odcstore .kitshortcuts.product-container .product .cta .price {
    color: rgb(53, 53, 53);
}

.odcstore .kitshortcuts.product-container .product .cta .price .current-price {
    display: block;
}

.odcstore .kitshortcuts.product-container .product .cta .price .regular-price {
    display: block;
}

.odcstore .kitshortcuts.product-container .product .cta .btn {
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block;
}

.odcstore .kitshortcuts.product-container .product .not-available {
    line-height: 1;
}

#base-bf4-html .odcstore .expansions.product-container .row-tight {
    overflow: hidden;
}

#base-bf4-html .odcstore .expansions.product-container .box-content {
    padding-bottom: 100px;
    margin-bottom: -84px;
}

.odcstore .expansions.product-container .products {
    background-color: rgba(255, 255, 255, 0.9);
}

    .odcstore .expansions.product-container .products .product {
        box-sizing: border-box;
    }

#base-bf3-html .odcstore .expansions.product-container .box-content {
    padding: 16px;
    margin-left: 0px;
    border-right-color: rgb(237, 237, 237);
    border-right-width: 1px;
    border-right-style: solid;
}

#base-bf3-html .odcstore .expansions.product-container :last-child.box-content {
    border-right-color: currentColor;
    border-right-width: medium;
    border-right-style: none;
}

.odcstore .expansions.product-container .product .description .product-title {
    margin: 6px 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    max-width: 98%;
}

.odcstore .expansions.product-container .product .description .product-description {
    display: none;
}

.odcstore .expansions.product-container .product .description .product-platform {
    margin: 6px 0px;
    font-size: 14px;
    font-weight: bold;
}

.odcstore .expansions.product-container .product .platforms {
    display: none;
}

.odcstore .expansions.product-container .product .cta .release-date {
    font-size: 14px;
    margin-bottom: 4px;
}

.odcstore .expansions.product-container .product .cta .price {
    font-size: 20px;
}

#base-bf3-html .odcstore .expansions.product-container .product .cta .price {
    color: rgb(53, 53, 53);
}

.odcstore .expansions.product-container .product .cta .price .strike.regular-price {
    display: block;
}

.odcstore .expansions.product-container .product .not-available {
    font-size: 14px;
}

#base-bf4-html .odcstore .battlepacks.product-container .row-tight {
    overflow: hidden;
}

#base-bf4-html .odcstore .battlepacks.product-container .box-content {
    padding-bottom: 100px;
    margin-bottom: -84px;
}

.odcstore .battlepacks.product-container .battlepacks-graphic {
    height: 264px;
    margin-bottom: 1px;
    display: block;
    position: relative;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/store/Battlepack-banner-d6a7d853.png");
    background-repeat: no-repeat;
}

    .odcstore .battlepacks.product-container .battlepacks-graphic .desc {
        width: 460px;
        padding-top: 110px;
        float: right;
    }

    .odcstore .battlepacks.product-container .battlepacks-graphic h1 {
        color: rgb(255, 153, 0);
        font-size: 60px;
    }

.lang-fr .odcstore .battlepacks.product-container .battlepacks-graphic h1 {
    font-size: 45px;
}

.lang-ru .odcstore .battlepacks.product-container .battlepacks-graphic h1 {
    font-size: 45px;
}

.lang-it .odcstore .battlepacks.product-container .battlepacks-graphic h1 {
    font-size: 40px;
}

.lang-pt .odcstore .battlepacks.product-container .battlepacks-graphic h1 {
    font-size: 40px;
}

.lang-pl .odcstore .battlepacks.product-container .battlepacks-graphic h1 {
    font-size: 50px;
}

.odcstore .battlepacks.product-container .battlepacks-graphic h2 {
    font-size: 24px;
    font-weight: 400;
}

.odcstore .battlepacks.product-container .battlepacks-graphic .disclaimer {
    left: 16px;
    bottom: 6px;
    color: rgb(129, 87, 87);
    font-size: 9px;
    position: absolute;
}

.odcstore .battlepacks.product-container .pack-1.box-content {
    width: 397px;
    text-align: center;
}

    .odcstore .battlepacks.product-container .pack-1.box-content .boxart {
        margin: 0px auto;
    }

    .odcstore .battlepacks.product-container .pack-1.box-content .description {
        margin: 0px auto;
        max-width: 250px;
    }

.odcstore .battlepacks.product-container .product .boxart {
    width: 142px;
    height: 150px;
}

.odcstore .battlepacks.product-container .battlefield-4-gold-battlepack.product .boxart {
    background-image: url("../odcstore/battlepack-gold.png");
}

.odcstore .battlepacks.product-container .battlefield-4-silver-battlepack.product .boxart {
    background-image: url("../odcstore/battlepack-silver.png");
}

.odcstore .battlepacks.product-container .battlefield-4-bronze-battlepack.product .boxart {
    background-image: url("../odcstore/battlepack-bronze.png");
}

.odcstore .battlepacks.product-container .battlefield-4-5-x-gold-battlepacks.product .boxart {
    background-position: 50% 50%;
    width: 100%;
    background-image: url("../odcstore/gold-x5.png");
}

.odcstore .battlepacks.product-container .product .description {
    min-height: 105px;
}

    .odcstore .battlepacks.product-container .product .description .product-title {
        margin: 6px 0px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        max-width: 98%;
    }

    .odcstore .battlepacks.product-container .product .description .product-description {
        color: rgb(168, 168, 168);
        line-height: 14px;
        font-family: "arial";
        font-size: 12px;
    }

    .odcstore .battlepacks.product-container .product .description .product-platform {
        margin: 6px 0px;
        font-size: 14px;
        font-weight: bold;
    }

.odcstore .battlepacks.product-container .product .platforms {
    display: none;
}

.odcstore .battlepacks.product-container .product .cta .release-date {
    font-size: 12px;
    margin-bottom: 4px;
}

.odcstore .battlepacks.product-container .product .cta .price {
    font-size: 20px;
}

#base-bf3-html .odcstore .battlepacks.product-container .product .cta .price {
    color: rgb(53, 53, 53);
}

.odcstore .battlepacks.product-container .product .cta .price .strike.regular-price {
    display: block;
}

.odcstore .friends-container {
    text-align: center;
}

#base-bf4-html .odcstore .friends-container {
    padding: 16px;
    margin-top: 1px;
    background-color: rgba(7, 7, 7, 0.7);
}

#base-bf3-html .odcstore .friends-container {
    padding: 16px 16px 0px;
}

.odcstore .friends-container h6 {
    line-height: 16px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 8px;
}

.odcstore .friends-container .friends-list ul.avatars {
    margin: 0px;
    overflow: hidden;
}

    .odcstore .friends-container .friends-list ul.avatars li {
        float: none;
        display: inline-block;
    }

.odccheckout-dialog.dialog {
    width: 1030px;
    margin-left: -515px !important;
}

    .odccheckout-dialog.dialog .popup-checkout-container {
        min-height: 212px;
    }

    .odccheckout-dialog.dialog .loading.popup-checkout-container {
        background: url("../common/loading_blue.gif") no-repeat center;
    }

#base-bf3-html .odccheckout-dialog.dialog .loading.popup-checkout-container {
    background: url("../common/loading_gray.gif") no-repeat center;
}

.odccheckout-dialog.dialog .popup-checkout-container iframe {
    width: 100%;
    height: 512px;
}

.odcpurchase-dialog.dialog #odcstore-premium-purchase {
    padding: 0px 16px 16px;
}

    .odcpurchase-dialog.dialog #odcstore-premium-purchase h1 {
        text-transform: uppercase;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 8px;
    }

#base-bf4-html .odcpurchase-dialog.dialog #odcstore-premium-purchase h1 {
    font-family: Purista;
    font-size: 30px;
    font-weight: 600;
}

.odcpurchase-dialog.dialog #odcstore-premium-purchase p.privileges {
    line-height: 18px;
    font-size: 14px;
}

#emblem-layers-premium {
    padding: 8px 16px;
    font-size: 14px;
    margin-bottom: 1px;
    display: block;
}

.hide#emblem-layers-premium {
    display: none;
}

#emblem-edit {
    position: relative;
}

    #emblem-edit .emblem-image-cover {
        background: rgba(7, 7, 7, 0.5);
        padding: 16px 0px;
        position: relative;
    }

        #emblem-edit .emblem-image-cover .emblem-image {
            margin: 16px auto;
            width: 320px;
            height: 320px;
            display: block;
        }

        #emblem-edit .emblem-image-cover .common-reportbutton-container {
            top: 8px;
            right: 8px;
            position: absolute;
        }

    #emblem-edit h1 {
        cursor: default;
    }

    #emblem-edit .loading-indicator {
        top: 148px;
        right: 50%;
        margin-left: -9px;
        display: none;
        position: absolute;
        z-index: 1;
    }

    #emblem-edit .editor-row::before {
        line-height: 0;
        display: table;
        content: "";
    }

    #emblem-edit .editor-row::after {
        line-height: 0;
        display: table;
        content: "";
    }

    #emblem-edit .editor-row::after {
        clear: both;
    }

    #emblem-edit .editor-row .editor-col {
        transition: opacity 0.5s ease-out;
        margin-right: 16px;
        float: left;
        position: relative;
        -webkit-transition: opacity 0.5s ease-out;
        -moz-transition: opacity 0.5s ease-out;
    }

    #emblem-edit .editor-row .available-shapes.editor-col {
        width: 305px;
    }

    #emblem-edit .editor-row .emblem-edit-canvas.editor-col {
        width: 512px;
    }

    #emblem-edit .editor-row .emblem-layers.editor-col {
        width: 143px;
        overflow: auto;
        margin-right: 0px;
        min-height: 700px;
    }

:not(.ready)#emblem-edit .loading-indicator {
    display: block;
}

:not(.ready)#emblem-edit .editor-row .editor-col {
    opacity: 0.5;
    pointer-events: none;
}

#emblem-edit .ugc-terms {
    color: rgb(168, 168, 168);
    font-size: 11px;
    font-weight: bold;
    margin-top: 16px;
    float: right;
    cursor: pointer;
}

#emblem-edit .delete-link {
    background: none;
    margin: 16px 0px 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(168, 168, 168);
    font-size: 11px;
    font-weight: bold;
    float: left;
    cursor: pointer;
}

    #emblem-edit .delete-link:hover {
        text-decoration: underline;
    }

#emblem-select {
    margin: 0px 0px 16px;
    height: 96px;
    text-align: center;
}

    #emblem-select::before {
        line-height: 0;
        display: table;
        content: "";
    }

    #emblem-select::after {
        line-height: 0;
        display: table;
        content: "";
    }

    #emblem-select::after {
        clear: both;
    }

    #emblem-select .emblems-list {
        list-style: none;
        margin: 0px;
        padding: 0px;
        float: left;
    }

    #emblem-select .disabled.emblems-list li::before {
        background: rgba(0, 0, 0, 0.1);
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        position: absolute;
        z-index: 2;
        content: "";
    }

    #emblem-select .disabled.emblems-list li a {
        opacity: 0.5;
    }

    #emblem-select .emblems-list li {
        text-align: center;
        margin-left: 1px;
        float: left;
        position: relative;
    }

        #emblem-select .emblems-list li:first-child {
            margin-left: 0px;
        }

        #emblem-select .emblems-list li a {
            background: rgba(0, 0, 0, 0.6);
            padding: 5px;
            width: 123px;
            height: 96px;
            line-height: 96px;
            display: block;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        #emblem-select .emblems-list li.empty {
            background: rgba(0, 0, 0, 0.6);
            padding: 5px;
            width: 123px;
            height: 96px;
            line-height: 96px;
            display: block;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        #emblem-select .emblems-list li a {
            position: relative;
            z-index: 0;
        }

            #emblem-select .emblems-list li a img:not(.placeholder) {
                -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
                -moz-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
                -o-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
            }

            #emblem-select .emblems-list li a:hover {
                background: rgba(7, 7, 7, 0.5);
            }

        #emblem-select .emblems-list li.disabled a {
            background: rgba(7, 7, 7, 0.4);
        }

            #emblem-select .emblems-list li.disabled a:hover {
                background: rgba(7, 7, 7, 0.4);
            }

        #emblem-select .emblems-list li.create-btn a {
            line-height: 1;
            text-decoration: none;
        }

            #emblem-select .emblems-list li.create-btn a i {
                font-size: 60px;
            }

            #emblem-select .emblems-list li.create-btn a p {
                text-transform: uppercase;
                font-family: Purista, sans-serif;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
            }

        #emblem-select .emblems-list li.selected-emblem::after {
            background: rgb(255, 153, 0);
            left: 0px;
            height: 2px;
            right: 0px;
            bottom: 0px;
            display: block;
            position: absolute;
            content: "";
        }

        #emblem-select .emblems-list li.active a {
            padding: 5px;
            border: 0px currentColor;
            border-image: none;
            cursor: default;
            box-shadow: 0px 0px 7px 0px #e0f4f8;
            background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%);
            background-color: rgb(255, 255, 255);
        }

#emblem-draggable-shapes .shape-wrapper {
    padding: 16px;
    z-index: 2000;
}

    #emblem-draggable-shapes .shape-wrapper .shape {
        width: 66px;
        height: 66px;
    }

#emblem-canvas-wrapper {
    background: rgba(7, 7, 7, 0.5);
    position: relative;
    min-height: 512px;
}

    #emblem-canvas-wrapper .loading-overlay {
        background: rgba(0, 0, 0, 0.7);
        left: 0px;
        top: 0px;
        text-align: center;
        right: 0px;
        bottom: 0px;
        line-height: 320px;
        display: none;
        position: absolute;
        z-index: 1;
    }

        #emblem-canvas-wrapper .loading-overlay .loader {
            left: 10px;
            top: 10px;
            position: absolute;
        }

#emblem-edit-layers {
    list-style: none;
    margin: 1px 0px 0px;
    padding: 0px;
    position: relative;
    min-height: 1px;
}

    #emblem-edit-layers .layer {
        margin: 0px;
        padding: 0px 16px;
        height: 31px;
        line-height: 31px;
        font-size: 12px;
        position: relative;
        cursor: pointer;
    }

        #emblem-edit-layers .layer:hover .actions {
            opacity: 1;
        }

    #emblem-edit-layers .ui-sortable-helper.layer {
        cursor: url(../comcenter/cursors/cursor-closedhand.cur), pointer;
    }

    #emblem-edit-layers .placeholder.layer {
        opacity: 0.1;
    }

    #emblem-edit-layers .layer .color {
        margin: 9px 8px 0px 32px;
        width: 10px;
        height: 10px;
        float: left;
    }

    #emblem-edit-layers .layer .shape {
        margin: 3px 8px 0px 0px;
        width: 26px;
        height: 26px;
        float: left;
    }

    #emblem-edit-layers .layer .actions {
        left: 0px;
        top: 0px;
        right: 0px;
        position: absolute;
        opacity: 0.4;
    }

        #emblem-edit-layers .layer .actions .action {
            top: 10px;
            line-height: 11px;
            font-size: 11px;
            font-weight: bold;
            position: absolute;
            cursor: pointer;
        }

        #emblem-edit-layers .layer .actions .action-remove.action {
            right: 16px;
        }

        #emblem-edit-layers .layer .actions .action-lock.action {
            left: 16px;
        }

#emblem-edit-shapes {
    height: 592px;
    overflow: hidden;
}

    #emblem-edit-shapes .shape-wrapper {
        padding: 16px;
        float: left;
        position: relative;
        cursor: pointer;
    }

        #emblem-edit-shapes .shape-wrapper .premium {
            background: url("../premium/icon-p-s.png") no-repeat;
            left: 5px;
            width: 14px;
            height: 14px;
            bottom: 5px;
            position: absolute;
        }

    #emblem-edit-shapes .shape {
        width: 66px;
        height: 66px;
        display: block;
        box-sizing: border-box;
    }

.emblem-layer-options {
    position: relative;
}

.disabled.emblem-layer-options {
    opacity: 0.5;
}

    .disabled.emblem-layer-options::after {
        background: rgba(0, 0, 0, 0);
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        position: absolute;
        z-index: 1;
        content: "";
    }

.emblem-layer-options .layer-actions {
    margin: 1px 0px;
}

    .emblem-layer-options .layer-actions .btn {
        margin: 0px 1px 0px 0px;
        padding: 0px;
        border: currentColor;
        border-image: none;
        width: 45px;
        height: 39px;
        float: left;
        box-sizing: border-box;
    }

    .emblem-layer-options .layer-actions :last-child.btn {
        width: 44px;
        margin-right: 0px;
    }

.emblem-layer-options .layer-colors {
    padding-bottom: 1px;
    margin-bottom: 1px;
}

    .emblem-layer-options .layer-colors .color {
        margin: 1px 0px 0px 1px;
        width: 31px;
        height: 10px;
        float: left;
    }

    .emblem-layer-options .layer-colors .first.color {
        width: 30px;
    }

    .emblem-layer-options .layer-colors .color:hover {
        box-shadow: 0px 0px 0px 1px #fff;
    }

    .emblem-layer-options .layer-colors .active.color {
        box-shadow: 0px 0px 0px 1px #fff;
    }

    .emblem-layer-options .layer-colors .active.color {
        box-shadow: 0px 0px 0px 1px #fff;
    }

.emblem-layer-options .layer-modinputs input {
    background: 0px;
    margin: 0px;
    padding: 4px 0px;
    border: 0px currentColor;
    border-image: none;
    height: 36px;
    text-align: center;
    line-height: 1;
    font-size: 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.emblem-layer-options .layer-modinputs .modinput {
    padding: 1px;
    border: 1px solid transparent;
    border-image: none;
    height: 36px;
    font-size: 12px;
    margin-left: 1px;
    float: left;
    display: block;
    position: relative;
}

.emblem-layer-options .layer-modinputs :first-child.modinput {
    margin-left: 0px;
}

.emblem-layer-options .layer-modinputs .alpha {
    width: 48px;
    margin-left: 0px;
}

    .emblem-layer-options .layer-modinputs .alpha::after {
        top: 1px;
        position: relative;
        content: "%";
    }

    .emblem-layer-options .layer-modinputs .alpha input {
        width: 27px;
        text-align: right;
    }

.emblem-layer-options .layer-modinputs .color {
    width: 77px;
}

    .emblem-layer-options .layer-modinputs .color::before {
        top: 1px;
        padding-left: 13px;
        position: relative;
        z-index: 1;
        content: "#";
    }

    .emblem-layer-options .layer-modinputs .color input {
        width: 53px;
        text-align: left;
        position: relative;
        z-index: 1;
    }

html {
    height: 100%;
    -ms-overflow-y: scroll;
}

body {
    position: relative;
    min-height: 100%;
    min-width: 1024px;
}

.row-tight {
    margin-right: -1px;
    margin-left: -1px;
}

    .row-tight + .row-tight {
        margin-top: 1px;
    }

    .row-tight + .row {
        margin-top: 8px;
    }

    .row-tight [class*='span'] {
        margin-left: 1px;
        float: left;
    }

        .row-tight [class*='span'] + .box-content {
            padding-top: 16px;
            margin-top: 0px;
        }

    .row-tight .span1 {
        width: 167px;
    }

    .row-tight :first-child.span1 {
        width: 160px;
    }

    .row-tight .alpha.span1 {
        width: 160px;
    }

    .row-tight :last-child.span1 {
        width: 159px;
    }

    .row-tight span1.omega {
        width: 159px;
    }

    .row-tight .span1-05 {
        width: 251px;
    }

    .row-tight :first-child.span1-05 {
        width: 244px;
    }

    .row-tight .alpha.span1-05 {
        width: 244px;
    }

    .row-tight :last-child.span1-05 {
        width: 243px;
    }

    .row-tight .omega.span1-05 {
        width: 243px;
    }

    .row-tight .span1-04 {
        width: 197px;
    }

    .row-tight :nth-child(2n+1).span1-04 {
        width: 198px;
    }

    .row-tight .span2 {
        width: 335px;
    }

    .row-tight :first-child.span2 {
        width: 328px;
    }

    .row-tight .alpha.span2 {
        width: 328px;
    }

    .row-tight :last-child.span2 {
        width: 326px;
    }

    .row-tight .omega.span2 {
        width: 327px;
    }

    .row-tight .span3 {
        width: 503px;
    }

.row-tight3 :first-child.span3 {
    width: 496px;
}

.row-tight3 .alpha.span3 {
    width: 496px;
}

.row-tight3 :last-child.span3 {
    width: 495px;
}

.row-tight3 .omega.span3 {
    width: 495px;
}



.row-tight30 .span30 {
    width: 503px;
}

.row-tight30 :first-child.span30 {
    width: 496px;
}

.row-tight30 .alpha.span30 {
    width: 496px;
}

.row-tight30 :last-child.span30 {
    width: 495px;
}

.row-tight30 .omega.span30 {
    width: 495px;
}



.row-tight .span4 {
    width: 671px;
}

.row-tight :first-child.span4 {
    width: 664px;
}

.row-tight .alpha.span4 {
    width: 664px;
}

.row-tight :last-child.span4 {
    width: 663px;
}

.row-tight .omega.span4 {
    width: 663px;
}

.row-tight :first-child.span5 {
    width: 832px;
}

.row-tight .alpha.span5 {
    width: 832px;
}

.row-tight :last-child.span5 {
    width: 831px;
}

.row-tight .omega.span5 {
    width: 831px;
}

.row-tight .span6 {
    width: 992px;
}

.spacing-top {
    margin-top: 16px !important;
}

.spacing-top-small {
    margin-top: 8px !important;
}

.spacing-top-tight {
    margin-top: 1px !important;
}

.spacing-bottom {
    margin-bottom: 16px !important;
}

.spacing-bottom-small {
    margin-bottom: 8px !important;
}

.spacing-bottom-tight {
    margin-bottom: 1px !important;
}

.show-grid #base-background {
    background: rgb(58, 71, 87);
}

.show-grid #grid-overlay {
    display: block;
}

#grid-overlay {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    position: absolute;
    z-index: 32000;
    pointer-events: none;
}

.show-vertical#grid-overlay {
    background-image: linear-gradient(rgba(255, 55, 255, 0.2) 0px, rgba(255, 55, 255, 0.2) 8px, rgba(55, 55, 255, 0) 8px, rgba(55, 55, 255, 0) 16px);
    background-size: 16px 16px;
}

.show-vertical-only#grid-overlay .span1 {
    display: none;
}

#grid-overlay .row {
    height: 100%;
}

#grid-overlay .span1 {
    height: 100%;
    box-shadow: inset -16px 0px 0px rgba(255,55,255,0.2), inset 16px 0px 0px rgba(255,55,255,0.2);
    background-color: rgba(255, 0, 255, 0.1);
}

#base-container {
    margin: 0px auto;
    width: 1024px;
}

    #base-container::before {
        transition: height 0.2s ease-out;
        height: 82px;
        display: block;
        position: relative;
        content: "";
        -webkit-transition: height 0.2s ease-out;
        -moz-transition: height 0.2s ease-out;
    }

.has-facebook-bar #base-container::before {
    height: 16px;
}

body.unsupportedbrowser #base-container {
    padding-top: 292px;
}

#base-background {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    background-color: black;
}

#background-video {
  position: absolute;
  z-index: 0;
  object-fit: cover; /* this is the key*/
  width:100%;
  height:100%;
  top: 0%;
  left: 0%;
  /*transform: translate(-50%, -50%);*/

  &::-webkit-media-controls {
     display:none !important;
  }
}

#content > section > header h1 {
    line-height: 69px;
    padding-bottom: 4px;
    display: inline-block;
}

#content > section > header .omega .btn {
    float: right;
}

.base-header-unsupportedbrowser {
    background: rgb(0, 0, 0);
    padding: 21px 0px 19px;
    height: 252px;
    text-align: center;
    position: relative;
    z-index: 32001;
}

    .base-header-unsupportedbrowser::after {
        background: rgb(255, 255, 255);
        left: 0px;
        height: 1px;
        right: 0px;
        bottom: -1px;
        display: block;
        position: absolute;
        content: "";
        opacity: 0.2;
    }

    .base-header-unsupportedbrowser h2 {
        color: rgb(255, 255, 255);
        line-height: 22px;
        font-family: arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
    }

    .base-header-unsupportedbrowser h3 {
        color: rgb(167, 167, 167);
        line-height: 24px;
        font-family: arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
    }

    .base-header-unsupportedbrowser ul {
        list-style: none;
        margin: 21px auto 0px;
        width: 510px;
    }

        .base-header-unsupportedbrowser ul li {
            margin: 0px;
            float: left;
        }

            .base-header-unsupportedbrowser ul li a {
                width: 170px;
                height: 160px;
                color: rgb(57, 172, 227);
                font-size: 16px;
                font-weight: bold;
                display: block;
            }

                .base-header-unsupportedbrowser ul li a .browser-icon {
                    background: url("//d34ymitoc1pg7m.cloudfront.net/common/icons/browser-icons-a7e3e12a.png") no-repeat;
                    margin: 11px 20px 0px;
                    width: 130px;
                    height: 132px;
                }

            .base-header-unsupportedbrowser ul li.suggest-chrome a .browser-icon {
                background-position: 0px 0px;
            }

            .base-header-unsupportedbrowser ul li.suggest-firefox a .browser-icon {
                background-position: -130px 0px;
            }

            .base-header-unsupportedbrowser ul li.suggest-ie a .browser-icon {
                background-position: -260px 0px;
            }

.bbcode-button {
    background: url("../base/bf3/buttons/buttons-textformat.png") no-repeat;
    width: 27px;
    height: 28px;
    margin-left: 1px;
    display: inline-block;
    cursor: pointer;
}

.bbcode-button-italic {
    background-position: -27px 0px;
}

.bbcode-button-underline {
    background-position: -54px 0px;
}

.bbcode-button-strikethrough {
    background-position: -81px 0px;
}

.bbcode-button-spoiler {
    background-position: -108px 0px;
}

.bbcode-button-link {
    background-position: -135px 0px;
}

.bbcode-button-bold:hover {
    background-position: 0px -28px;
}

.bbcode-button-italic:hover {
    background-position: -27px -28px;
}

.bbcode-button-underline:hover {
    background-position: -54px -28px;
}

.bbcode-button-strikethrough:hover {
    background-position: -81px -28px;
}

.bbcode-button-spoiler:hover {
    background-position: -108px -28px;
}

.bbcode-button-link:hover {
    background-position: -135px -28px;
}

.bbcode-button-center {
    background-position: -162px 0px;
}

    .bbcode-button-center:hover {
        background-position: -162px -28px;
    }

.bbcode-button-quote {
    background-position: -189px 0px;
}

    .bbcode-button-quote:hover {
        background-position: -189px -28px;
    }

.bbcode-button-headline {
    background-position: -216px 0px;
}

    .bbcode-button-headline:hover {
        background-position: -216px -28px;
    }

.common-replyform {
    padding-top: 16px;
    position: relative;
}

.common-replyform-avatar {
    left: 0px;
    top: 16px;
    width: 60px;
    height: 6px;
    position: absolute;
}

.common-replyform-form {
    padding-right: 22px;
    padding-left: 74px;
}

body .common-replyform-form textarea {
    -ms-overflow-y: auto;
}

.common-replyform-form-body {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 171, 171) rgb(204, 204, 204) rgb(204, 204, 204);
    padding: 10px;
    border-image: none;
    width: 100%;
    height: 90px;
    color: rgb(0, 0, 0);
    font-family: arial, sans-serif;
    font-size: 12px;
    margin-bottom: 8px;
    resize: vertical;
}

.placeholder.common-replyform-form-body {
    color: rgb(172, 172, 172);
}

.common-replyform-form-submit {
    float: right;
}

.common-reportbutton-container {
    position: relative;
}

    .common-reportbutton-container .common-reportbutton {
        background: url("../common/report.png");
        padding: 0px;
        width: 14px;
        height: 14px;
        position: relative;
        z-index: 10;
        cursor: pointer;
    }

    .common-reportbutton-container .cogwheel.common-reportbutton {
        background: url("../ui/icons-small.png") no-repeat -14px -42px;
    }

    .common-reportbutton-container .bright.common-reportbutton {
        background-position: 0px 28px;
    }

.active.common-reportbutton-container .cogwheel.common-reportbutton {
    background-position: -14px -42px;
}

.common-reportbutton-container:hover .cogwheel.common-reportbutton {
    background-position: -14px -42px;
}

.common-reportbutton-dropdown {
    border: 1px solid rgb(170, 170, 170);
    border-image: none;
    left: -183px;
    top: 14px;
    width: 195px;
    display: none;
    position: absolute;
    z-index: 100;
    min-height: 25px;
    background-color: white;
}

.active.common-reportbutton-container .common-reportbutton-dropdown {
    display: block;
}

.common-reportbutton-dropdown li {
    border-bottom-color: rgb(235, 235, 235);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.common-reportbutton-dropdown .ajax-loader {
    left: 50%;
    top: 50%;
    width: 16px;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
}

.common-reportbutton-dropdown li > a {
    padding: 0px 10px;
    width: 100%;
    line-height: 25px;
    font-family: Arial;
    font-size: 11px;
    display: block;
    cursor: pointer;
    min-height: 25px;
    box-sizing: border-box;
}

.common-reportbutton-contextdata {
    display: none;
}

.common-label-placeholder {
    display: block;
    position: relative;
}

    .common-label-placeholder span {
        transition: opacity 1s;
        left: 0px;
        top: 0px;
        position: absolute;
        z-index: 0;
        cursor: text;
        opacity: 1;
        -webkit-transition: opacity 1s ease;
        -moz-transition: opacity 1s ease;
        -o-transition: opacity 1s ease;
    }

.filled.common-label-placeholder span {
    transition: opacity;
    opacity: 0;
    -webkit-transition: opacity 0s ease;
    -moz-transition: opacity 0s ease;
    -o-transition: opacity 0s ease;
}

.pixelpush.filled.common-label-placeholder span {
    opacity: 1;
}

.common-label-placeholder input {
    background: none;
    position: relative;
    z-index: 1;
}

.notification-upcoming-unlock {
    width: 100px;
    margin-right: 6px;
    float: left;
    position: relative;
}

.feature-disabled {
    opacity: 0.4;
}

    .feature-disabled a {
        cursor: default;
    }

        .feature-disabled a:hover {
            text-decoration: none;
        }