.ogp__monitor {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}
.ogp-monitor-box {
    padding: 0 5px;
    margin: 5px 0;
}
.ogp-monitor-box img {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
    position: relative;
    background: #f0f2f5;
    border-radius: 4px;
}
.ogp-monitor-card {
    width: 133.33333333px;
    border: 1px solid #dadce0;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: auto;
    align-items: center;
    padding: 3px;
}
.ogp-monitor__game {
    line-height: 1.2;
}
.ogp-monitor-card .game-name {
    display: block;
    color: #212121;
    font-size: 13px;
    font-weight: 500;
}
.ogp-monitor-card .game-numPl {
    font-size: 11px;
    color: #70757a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .025em;
}
.ogp-monitor__list {
    display: flex;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 5px;
    padding: 5px;
    align-items: center;
}
.ogp-monitor-maps {
    margin: 0 5px 0 0;
    position: relative;
    border-radius: 4px;
}
.ogp-monitor-one {
    align-items: center;
    display: flex;
    order: 0;
    padding: 0 40px 0 0;
}
.ogp-monitor-too {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 0 auto;
    order: 1;
    width: auto;
}
.ogp-monitor-pro {
    padding: 0 0 0 40px;
    width: auto;
    order: 3;
}
.X3kWm {
    padding: 20px 40px 0 0;
}
.ogp-mon-player {
    color: #888891;
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 5px;
}
.ogp-mon-playerNum {
    color: #1b1b27;
}
.ogp-monitor-one a {
    font-weight: 500;
}

.ogp-flex {
    align-items: center;
    display: flex;
}
.ogp-mon-item {
    align-items: center;
    display: flex;
    padding: 6px 0 0;
}
.fw8Eo {
    color: #4b4f56;
    font-size: 13px;
    line-height: 15px;
}
.ogp-mon-name {
    color: #3b3b49;
    line-height: 18px;
    word-break: break-word;
    margin-left: 10px;
}
.tarif-pro {
    /* float: right; */
    /* color: #7b7b7b; */
    background: #1a73e8;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
}
.ogp-monitor__list:hover {
    background: #f5f5f5;
}
.mon-border-l {
    border-left: 1px solid #e3e1e1;
    padding-left: 5px;
}

.mini-icon {
    display: inline-block;
    background: url(/template/default/images/monitoring/services.png);
    width: 16px;
    height: 16px
}

span.icon-cscz {
    background-position-x: -18px
}

span.icon-cssold {
    background-position-x: -36px
}

span.icon-cssold {
    background-position-x: -36px
}

span.icon-css {
    background-position-x: -55px
}

span.icon-csgo {
    background-position-x: -74px
}

span.icon-samp {
    background-position-x: -111px
}

span.icon-crmp {
    background-position-x: -543px
}

span.icon-mta {
    background-position-x: -129px
}

span.icon-mc {
    background-position-x: -92px
}

span.icon-www {
    background-position-x: -416px
}

span.icon-l4d {
    background-position-x: -218px
}

span.icon-l4d2 {
    background-position-x: -236px
}

span.icon-tf2 {
    background-position-x: -182px
}

span.icon-rust {
    background-position-x: -146px
}

span.icon-gm {
    background-position-x: -506px
}

span.icon-arma3 {
    background-position-x: -560px
}

span.icon-unt {
    background-position-x: -578px
}

span.icon-dods {
    background-position-x: -254px
}